/*
Main CSS
/*
@import url(integria_tip.css);
*/
@import url(calendar.css);
@import url(fixed-bottom-box.css);

:root {
  --itsm-color: #bcfd49;
  --itsm-color-hover: #c6f96b;
  --old-pandora-green: #82b92e;
  --primary-color: #14524f;
  --primary-color-dark: #002f33;
  --primary-color-hover: #1d7873;
  --secondary-color: #ffffff;
  --background-main-color: #f6f7fb;

  --text-color: #333;
  --text-color-1: #161628;
  --text-color-2: #454545;
  --text-color-3: #0d312f;
  --text-color-secondary: #fff;
  --muted-text-color: #8a96a6;
  --text-color-welcome: #161628;
  --text-color-secondary-welcome: #454545;

  --border-color: #eee;
  --border-color-secondary: #c0ccdc;
  --border-color-3: #6e7885;
  --border-color-4: #e5e9ed;
  --border-color-5: #cccccc;
  --grey-blue-color: #95a3bf;

  --background-menu-selected: #f6f7fb;
  --background-submenu-selected: #f0f3f3;
  --background-submenu-hover: #d9e0e1;
  --menu-icon-color: #a6adb2;
  --menu-text-selected-color: var(--primary-color-hover);
  --menu-submenu-text-selected-color: #fff;
  --menu-submenu-background-selected: var(--primary-color-dark);

  --input-text-color: #333;
  --input-text-color-disabled: #444;
  --input-background: #f6f7fb;
  --input-background-disabled: #e5e9ed;
  --input-border: #c0ccdc;
  --input-border-focus: #8a96a6;
  --select2-multiple-background: #6e7885;
  --select2-multiple-text-color: #fff;
  --select2-option-background-hover: #efffd3;

  --button-boxshadow-color: #c7c7c7;
  --button-text-color: #161628;
  --button-background-color: #bcfd49;
  --button-border-color: #bcfd49;
  --button-text-color-secondary: #fff;
  --button-background-color-secondary: #6e7885;
  --button-background-color-deny: #ed474a;
  --button-border-color-secondary: #6e7885;
  --button-border-color-deny: #ed474a;
  --button-text-color-secondary-outline: #6e7885;
  --button-background-color-secondary-outline: #fff;
  --button-border-color-secondary-outline: #6e7885;

  --chat-sent-background: #1d7873;
  --chat-sent-text: #fff;
  --chat-received-background: #f6f7fb;
  --chat-color-icon: #fff;

  --table-background: var(--secondary-color);
  --table-even-background: #f9f9f9;
  --table-hover-background: #edfffe;
  --pagination-border: #cacaca;
  --pagination-background: #f6f7fb;
  --pagination-background-selected: #14524f;
  --pagination-text-selected: #fff;

  --pandora-pagination-text: #181818;
  --pandora-pagination-text-disabled: #c1ccdc;
  --pandora-pagination-background: #ffffff;
  --pandora-pagination-background-selected: #e5e9ed;
  --pandora-pagination-border: #e5e9ed;
  --pandora-pagination-opacity-hover: 0.8;

  --std-icon-color: #848589;

  --login-overlay: rgba(255, 255, 255, 0);
  --login-background-color: rgba(255, 255, 255, 0.4);
  --login-label-color: #545454;
  --login-text-color: #000;
  --header-text-color: #95a3bf;

  --scrollbar-color: #c0ccdc;
  --scrollbar-color-hover: #95a3bf;

  /* Forms */
  --form-gap: 20px;
  --form-col-height: 64px;
  --form-col-height-and-margin: calc(
    var(--form-col-height) + var(--form-margin-bottom)
  );
  --form-margin-bottom: var(--form-gap);

  /* Tinymce */
  --tinymce-text-color: #444;
  --tinymce-background: #fff;
  --tinymce-border-color: #c0ccdc;
  --tinymce-background-hover: #fff;
  --tinymce-input-background: var(--input-background);
  --tinymce-input-border: var(--input-border);
  --tinymce-input-border-focus: var(--input-border-focus);
  --tinymce-button-background-hover: #6e7885;
  --tinymce-main-background: #fff;

  /* Others */
  --box-shadow-color: rgba(0, 0, 0, 0.1);
  --activity-background-color: #f0f0f0;
  --activity-background-color-1: #011a1c;
  --activity-background-color-2: #002f33;
  --activity-background-color-3: #82b92e;
  --activity-background-color-4: #acf044;
  --activity-background-color-5: #daffa1;
}

/* Dark theme */
body.dark-theme {
  --itsm-color: #bcfd49;
  --old-pandora-green: #82b92e;
  --primary-color: #1d7873;
  --primary-color-dark: #002f33;
  --primary-color-hover: #14524f;
  --secondary-color: #222222;
  --background-main-color: #111111;

  --text-color: #dddee1;
  --text-color-1: #dfdfdf;
  --text-color-2: #d1d1d1;
  --text-color-3: #267470;
  --text-color-secondary: #333;
  --muted-text-color: #8f949b;
  --text-color-welcome: #dbdbdb;
  --text-color-secondary-welcome: #b1b1b1;

  --border-color: #2b2c30;
  --border-color-secondary: #4f5050;
  --border-color-3: #6e7885;
  --border-color-4: #686868;
  --border-color-5: #525252;
  --grey-blue-color: #95a3bf;

  --background-menu-selected: #191919;
  --background-submenu-selected: #191919;
  --background-submenu-hover: #191919;
  --menu-icon-color: #a6adb2;
  --menu-text-selected-color: #fff;
  --menu-submenu-text-selected-color: #fff;
  --menu-submenu-background-selected: #111111;

  --input-text-color: #fff;
  --input-text-color-disabled: #bbb;
  --input-background: #111111;
  --input-background-disabled: #181818;
  --input-border: #707070;
  --input-border-focus: #8f8f8f;
  --select2-multiple-background: #888888;
  --select2-multiple-text-color: #fff;
  --select2-option-background-hover: #404439;

  --button-boxshadow-color: #686868;
  --button-text-color: #121212;
  --button-background-color: #ade745;
  --button-border-color: #ade745;
  --button-text-color-secondary: #fff;
  --button-background-color-secondary: #888888;
  --button-background-color-deny: #ed474a;
  --button-border-color-secondary: #888888;
  --button-border-color-deny: #ed474a;
  --button-text-color-secondary-outline: #6e7885;
  --button-background-color-secondary-outline: #121317;
  --button-border-color-secondary-outline: #6e7885;

  --chat-sent-background: #1d7873;
  --chat-sent-text: #fff;
  --chat-received-background: #3a3a3a;
  --chat-color-icon: #e7e7e7;

  --table-background: #121314;
  --table-even-background: #1a1a1a;
  --table-hover-background: #222324;
  --pagination-border: #505050;
  --pagination-background: #343434;
  --pagination-background-selected: #0f3836;
  --pagination-text-selected: #fff;

  --pandora-pagination-text: #d1cece;
  --pandora-pagination-text-disabled: #5e5e5e;
  --pandora-pagination-background: #242424;
  --pandora-pagination-background-selected: #444444;
  --pandora-pagination-border: #5e5e5e;
  --pandora-pagination-opacity-hover: 0.8;

  --std-icon-color: #848589;

  --login-overlay: rgba(0, 0, 0, 0.1);
  --login-background-color: rgba(0, 0, 0, 0.2);
  --login-label-color: #545454;
  --login-text-color: #cfcfcf;
  --header-text-color: #95a3bf;

  --scrollbar-color: #76797c;
  --scrollbar-color-hover: #606879;

  /* Tinymce */
  --tinymce-text-color: #d5d5d5;
  --tinymce-background: #161616;
  --tinymce-border-color: #3a3a3a;
  --tinymce-background-hover: #3a3a3a;
  --tinymce-input-background: var(--input-background);
  --tinymce-input-border: var(--input-border);
  --tinymce-input-border-focus: var(--input-border-focus);
  --tinymce-button-background-hover: #484848;
  --tinymce-main-background: #bbb;

  /* Others */
  --box-shadow-color: rgba(170, 170, 170, 0.3);
  --activity-background-color: #575757;
  --activity-background-color-1: #011a1c;
  --activity-background-color-2: #002f33;
  --activity-background-color-3: #82b92e;
  --activity-background-color-4: #acf044;
  --activity-background-color-5: #daffa1;
}

@font-face {
  font-family: "avenir";
  src: url("fonts/avenir.woff") format("woff");
  src: url("fonts/avenir.woff2") format("woff2");
}

@font-face {
  font-family: "avenir";
  src: url("fonts/avenir-medium.woff") format("woff");
  src: url("fonts/avenir-medium.woff2") format("woff2");
  font-weight: 500;
}

@font-face {
  font-family: "avenir";
  src: url("fonts/avenir-demi.woff") format("woff");
  src: url("fonts/avenir-demi.woff2") format("woff2");
  font-weight: 600;
}

@font-face {
  font-family: "avenir";
  src: url("fonts/avenir-demi-italic.woff") format("woff");
  src: url("fonts/avenir-demi-italic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "avenir";
  src: url("fonts/avenir-bold.woff") format("woff");
  src: url("fonts/avenir-bold.woff2") format("woff2");
  font-weight: bold;
}

@font-face {
  font-family: "avenir";
  src: url("fonts/avenir-italic.woff") format("woff");
  src: url("fonts/avenir-italic.woff2") format("woff2");
  font-style: italic;
}

@font-face {
  font-family: "source-code";
  src: url("fonts/source-code.woff") format("woff2");
  font-family: "source-code";
}

@font-face {
  font-family: "lato";
  src: url("fonts/Lato-Regular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: "lato-light";
  src: url("fonts/Lato-Light.woff") format("woff");
  font-weight: 300;
}

@font-face {
  font-family: "lato-thin";
  src: url("fonts/Lato-Thin.woff") format("woff");
  font-weight: 100;
}

@font-face {
  font-family: "lato-bold";
  src: url("fonts/Lato-Bold.woff") format("woff");
  font-weight: 700;
}

@font-face {
  font-family: "lato-bolder";
  src: url("fonts/Lato-Black.woff") format("woff");
  font-weight: 900;
}

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

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

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

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

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

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

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

* {
  margin: 0;
  padding: 0;
  font-family: "avenir";
  font-size: 10pt;
  color: var(--text-color);
  /* line-height: 16pt; */
}

html {
  height: 100%;
}

strong,
b,
.bold,
.bold * {
  font-weight: bold;
}

.bold-imp,
.bold-imp * {
  font-weight: bold !important;
}

body {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  -webkit-font-smoothing: initial;
  text-rendering: optimizeLegibility;
  background-color: var(--background-main-color);
}

:focus {
  /* outline-color: #bdbdbd; */
  outline: none !important;
}

#about-tabs *:focus {
  outline-color: transparent;
}

/* button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  opacity: 0.9;
} */

/* Necessary for firefox */
form {
  clear: both;
}

td,
th {
  padding: 1px;
  line-height: 1.8em;
  -webkit-font-smoothing: antialiased;
}

/* links */
a,
.link {
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}

body#pdf-main a {
  color: var(--text-color-3) !important;
}

a:hover,
.link:hover {
  color: var(--primary-color-hover);
  text-decoration: none;
}

div.no-hover a:hover {
  text-decoration: none;
}

a.no_hover:hover {
  text-decoration: none;
}

/* headers */
h4 {
  color: #383838;
  border-bottom: 1px solid #dadada;
  font-weight: normal;
  padding-bottom: 4px;
}

h4 form a img {
  vertical-align: middle;
}

h2 a img {
  vertical-align: middle;
}

h4 a img {
  vertical-align: middle;
}

h4 img {
  vertical-align: middle;
}

h4 a:hover {
  text-decoration: none;
}

h1 {
  font-size: 1.2em;
}

h2 {
  font-size: 1.1em;
  padding-bottom: 7px;
}

h3 {
  font-size: 1.2em !important;
  padding-bottom: 15px;
}

h4 {
  font-size: 1.5em !important;
  color: #797979;
}

h5 {
  font-size: 0.7em !important;
}

h6 {
  font-size: 0.5em !important;
}

li {
  list-style-type: none;
}

#incident_description_div li,
.comment li {
  list-style-type: unset;
}

/*
	Button in title
*/
#button-bar-title,
.ui-tabs-nav {
  float: right;
  margin-top: -14px;
}

#button-bar-title ul {
  padding: 0px;
}

#button-bar-title li {
  display: inline;
  font-size: 0.9em;
  text-decoration: none;
  text-transform: none;
  padding: 10px 7px 12px 7px;
  background-color: #f7f7f7;
}

#button-bar-title li:hover {
  background-color: #14524f;
}

#button-bar-title-button li {
  display: inline;
  font-size: 0.9em;
  text-decoration: none;
  text-transform: none;
  padding: 12px;
}

.button-bar-selected {
  background-color: #14524f;
}

#button-bar-title li:first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

#button-bar-title li:last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

#button-bar-title li a {
  text-decoration: none;
}

#button-bar-title li a img {
  vertical-align: middle;
}

/*
	Finish Button in title
*/

#main h1,
#rightbar h1 {
  padding: 15px 0 3px 0px;
  margin: 0 0 0 6px;
  text-transform: uppercase;
  border-bottom: 1px solid #505050;
  width: 99%;
}

h1,
h2,
h3 {
  margin: 15px 15px 0px 0px;
}

h4,
h5 {
  margin: 0px 0px 18px 0px;
}

p {
  clear: left;
}

table {
  border: none;
  padding: 0px;
  margin-bottom: 10px;
}

.search-table-button,
.search-table {
  border: 1px solid var(--border-color);
  border-radius: 8px;
}

.search-table-button {
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 15px;
  padding-right: 10px;
}

.search-table-button td img {
  vertical-align: middle;
}

table.box {
  border-top: 2px solid #2179b1;
  border-bottom: 1px solid #2179b1;
  padding-left: 5px;
  padding-right: 5px;
  background: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 15px;
}

table.blank {
  border: none;
  background: #fff;
  padding: 0px;
  margin: 0px;
  padding-left: 15px;
  border: none;
}

table.clean {
  width: 100%;
  height: inherit;
  text-align: left;
}

table.clean tr > td {
  padding: 5px;
}

table.clean tr:nth-child(odd) > td {
  background-color: #f7f7f7;
}

table.clean tr:nth-child(even) > td {
  background-color: #ffffff;
}

table.databox,
table.databox_color {
  padding-top: 5px;
  padding-bottom: 5px;
  background: #eee;
}

table.databox td {
  padding: 7px;
}

div.divform {
  float: left;
  width: 200px !important;
}

div.divform_multiselect {
  float: left;
  width: 350px;
}

div.divform_right {
  display: inline-block;
  width: 18% !important;
  height: inherit;
  vertical-align: top;
  padding-top: 2%;
}

div.divresult {
  float: right;
  width: 100%;
}

div.divresult_left {
  display: inline-block;
  width: 82%;
}

.search-table_new input[type="text"] {
  width: 80% !important;
  padding-left: 3px;
}

.search-table_new select {
  width: 80% !important;
  padding-left: 0px;
}

.search-table_new textarea {
  width: 80% !important;
  padding: 0px;
}

.divform .search-table input[type="text"] {
  width: 170px !important;
  padding-left: 3px;
}

.divform .search-table select {
  width: 170px !important;
  padding-left: 0px;
}

.divform .search-table textarea {
  width: 170px !important;
  padding: 0px;
}

.divresult_right {
  float: right;
  width: 74%;
}

div.divhalf {
  float: left;
  width: 50%;
}

div.listing-border {
  margin-left: 5px;
  width: 100%;
  border-radius: 4px;
}

div.listing-border table.listing {
  margin: 0px;
  border-radius: 4px;
  border: 1px solid #dadada;
}

table.listing {
  border-spacing: 0px;
  text-align: left;
  width: 100%;
}

table.listing th {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 5px;
  font-weight: 600;
  color: var(--text-color);
}

table.listing .head_clickleft {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
}

table.listing .head_clickright {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
}

table.listing th span {
  padding-left: 20px;
}

table.listing tr.clickable {
  cursor: pointer;
}

table.listing tr.clickable img {
  float: right;
}

table.listing td {
  border-top: 1px solid #dadada;
  padding-left: 15px;
  padding-right: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}

table.listing td img {
  vertical-align: middle;
}

table.listing tbody.container_div td {
  border-top: 0px;
  border-bottom: 1px solid #dadada;
}

div.divhalf-left table.listing {
  padding-right: 30px;
}

div.divhalf-right table.listing {
  padding-left: 30px;
}

div.divhalf-border table.listing td {
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
}

div.divpagecenter {
  clear: both;
  width: 97%;
}

table.listing tbody#project_involved_people_div td,
table.listing tbody#project_involved_people_report_div td {
  border-bottom: 0px;
  background-color: #f7f7f7;
}

table.listing tbody#project_activity_div td,
table.listing tbody#project_activity_report_div td {
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
}

table.listing tbody#task_information_div td:first-child {
  border-left: 1px solid #dadada;
}

table.listing tbody#task_information_div td:last-child {
  border-right: 1px solid #dadada;
}

table.listing tbody#task_information_div td table.listing tr td {
  border: none;
}

table.listing tbody#project_involved_people_div td img:not(.clean_image),
table.listing tbody#project_involved_people_report_div td img {
  width: 35px;
  height: 35px;
  padding: 10px;
  margin: 4px;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
}

table.listing td.no_border {
  border-bottom: 0px !important;
}

table.no_border_bottom tr:last-child td {
  border-bottom: 0px !important;
}

table.listing td.size_min {
  padding: 15px;
}

table.listing th img {
  vertical-align: middle;
  cursor: pointer;
}

table.listing tr th a {
  padding-left: 13px;
}

table.listing tr th.img_arrow {
  padding-left: 0px;
}

table.listing .center-graph {
  text-align: center;
}

table.listing tr th span {
  padding: 5px 15px 5px 15px;
  margin-left: 20px;
}

table.listing tr td.sublisting table {
  margin: 0px;
  width: 100%;
}

table.listing tr td.sublisting table tr td {
  border-top: 0px;
}

div.divpagecenter table.listing tr td {
  border-bottom: 0px;
}

div.divpagecenter div.divborderinside {
  border: 1px solid #dadada;
  border-radius: 4px;
  padding: 10px 20px 10px 20px;
  margin: 10px 30px 10px 30px;
}

div.divpagecenter table.listing tr td table.listing tr td {
  border-bottom: 1px solid #dadada;
}

div.divpagecenter table.listing tr td table.listing tr:first-child {
  background-color: #f7f7f7;
}

div.divform table.listing {
  border: 1px solid #dadada;
}

div.divform table.listing tbody.container_div tr td {
  border-bottom: 0px;
}

div.divform table.listing tbody.container_div tr:nth-child(even) td {
  padding-left: 40px;
}

tr.yellow {
  background: #ffffcc;
}

tr.red {
  background: #ffcccc;
}

tr.green {
  background: #ccffcc;
}

ul,
ol {
  padding: 0 15px;
}

ul span,
ol span {
  color: #666666;
}

table.listing > tbody > tr > td.table-action-buttons,
table.dataTable.dataTable-v2 > tbody > tr > td.table-action-buttons {
  text-wrap: nowrap;
}

table.listing > tbody > tr > td.table-action-buttons a:not(:first-child) {
  margin-left: 5px;
}

table.dataTable.dataTable-v2
  > tbody
  > tr
  > td.table-action-buttons
  a:not(:first-child) {
  margin-left: 10px;
}

table.listing > tbody > tr > td.table-action-buttons img[src$="cross.png"] {
  margin-left: 5px;
  margin-right: 5px;
}

table.listing
  > tbody
  > tr
  > td.table-action-buttons
  a:not(:first-child)
  img[src$="cross.png"] {
  margin-left: 10px;
}

table.listing > tbody > tr:hover > td {
  background-color: var(--table-hover-background);
}

table.listing > tbody > tr > td.table-action-buttons img,
table.listing > tbody > tr > td.table-action-buttons span,
table.listing > tbody > tr > td.table-action-buttons input[type="image"],
table.listing > tbody > tr > td.table-action-buttons a.tip_view,
#wiki_view table > tbody > tr > td.table-action-buttons img,
form#form-user_config div.div-action-buttons a.a-action-buttons img {
  visibility: hidden;
}

table.listing > tbody > tr:hover > td.table-action-buttons img,
table.listing > tbody > tr:hover > td.table-action-buttons span,
table.listing > tbody > tr:hover > td.table-action-buttons input[type="image"],
table.listing > tbody > tr:hover > td.table-action-buttons a.tip_view,
#wiki_view table > tbody > tr:hover > td.table-action-buttons img,
form#form-user_config div.div-action-buttons:hover a.a-action-buttons img {
  visibility: visible;
}

/* images */

.button {
  text-align: right;
}

img {
  border: 0;
}

img.float-right {
  margin: 5px 0px 5px 15px;
}

img.float-left {
  margin: 5px 15px 5px 0px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  background: var(--background-main-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  border-left: 3px solid #2179b1;
  font-family: monospace !important;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

blockquote {
  margin: 15px;
  padding: 5px 0 5px 15px !important;
  background-position: 8px 10px;
  border: 1px solid #f2f2f2;
  border-left: 3px solid #2179b1;
  font-weight: 600;
  min-height: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* form elements */

div.report_info label {
  display: inline;
}

input {
  padding: 5px;
  border: 1px solid #dadada;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-font-smoothing: subpixel-antialiased;
}

input[type="time"],
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"] {
  height: 20px;
  background-color: #fff;
  color: #707070;
}

input[type="color"] {
  padding: 5px;
  width: 50px;
  background-color: #fff;
}

form.form_upload_wiki input[type="file"] {
  width: 30%;
}

textarea {
  padding: 10px;
  color: var(--input-text-color);
  border: 2px solid var(--input-border);
  background-color: var(--input-background);
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 98% !important;
  max-width: 98%;
  resize: none;
}

input.button {
  background: #fff;
  padding: 5px;
  color: #333;
  margin-left: 0px;
}

input.dialogbtn {
  margin: 0;
  background: #fafafa;
  padding: 0;
  color: #666;
  border: 1px solid #a9c4d6;
  height: 20px;
  margin-left: 0px;
  padding-left: 0px;
  cursor: pointer;
}

select {
  color: #707070;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  border-radius: 3px;
  padding: 5px;
}

select[multiple] {
  height: 150px;
  overflow-x: auto;
}

/* .ui-multiselect,
.ui-state-default {
  background-color: var(--background-submenu-hover) !important;
} */

.ui-multiselect {
  background-color: var(--background-submenu-hover) !important;
}

.ui-multiselect-optgroup-label {
  border-bottom: none !important;
}

.ui-multiselect-optgroup-label a {
  text-align: left !important;
  color: #dadada !important;
  border-bottom: 2px solid #dadada !important;
}

.ui-multiselect-all span,
.ui-multiselect-none span {
  color: #ffffff !important;
}

select.type {
  float: none;
}

select.pagesize {
  float: none;
}

input[type="image"] {
  border: none;
  vertical-align: middle;
}

input[type="submit"],
input[type="button"] {
  cursor: pointer;
}

input[type="checkbox"] {
  padding: 4px;
  border: 1px solid #a9c4d6;
  color: #666;
  float: left;
  margin-right: 3px;
}

#never_show {
  float: none;
  vertical-align: middle;
}

/* search form */
form.searchform {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

form.searchform input.textbox {
  margin: 0;
  width: 120px;
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
  vertical-align: top;
}

form.searchform input.button {
  width: 55px;
  vertical-align: top;
}

/* New styles for data box */

.databox_color {
  border-top: 2px solid #232323;
  padding-top: 5px;
}

.databox,
.databox_frame {
  border-top: 2px solid #232323;
  padding-top: 5px;
}

.show_help p,
.show_help ul li {
  font-size: 15px;
  line-height: 24px;
  color: var(--text-color-2);
}

.show_help h1 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  color: var(--text-color-1);
  font-weight: 900;
  font-size: 16px !important;
  line-height: 24px !important;
}

.show_help img {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  max-width: 100% !important;
  padding-left: 10px !important;
  filter: brightness(1) !important;
}

/* div#item_integria_help.dialog.ui-dialog-content.ui-widget-content
{
	padding: .5em 0;
} */

div.title-itsm-help {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
}

div.title-itsm-help > span:nth-child(1),
div.title-itsm-help > span:nth-child(1) * {
  font-size: 32px !important;
  line-height: 38px;
  font-weight: 900;
  color: var(--text-color-1);
}

#item_integria_help #all_documentation ~ div h1 {
  color: var(--text-color);
}

#item_integria_help .footer_help {
  /* width: 100%; */
  position: sticky;
  text-align: center;
  bottom: -6px;
  margin-left: auto;
  margin-right: auto;
  background: #eeeeee;
  padding: 12px;
}

/*****************/
/* Layout        */
/*****************/
#wrap {
  width: 100%;
  height: auto;
  text-align: left;
  background: #ffffff;
  min-width: 1000px;
}

#content-wrap {
  clear: both;
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 100%;
}

/* header */
#header {
  position: fixed;
  width: 100%;
  min-width: 882px;
  height: 60px;
  margin: 0 auto;
  padding-top: 0px;
  background-color: var(--secondary-color);
  font-size: 8pt;
  color: #000;
  z-index: 2;
}

#header h1#logo {
  position: absolute;
  margin: 0;
  padding: 0;
  font: bolder 4.1em;
  letter-spacing: -2px;
  color: #ccc;
  text-transform: lowercase;
  /* change the values of top and Left to adjust the position of the logo*/
  top: 0;
  left: 5px;
}

#header h2#slogan {
  position: absolute;
  margin: 0;
  padding: 0;
  font: bold 1em;
  text-transform: none;
  color: #fff;
  /* change the values of top and Left to adjust the position of the slogan*/
  top: 4px;
  left: 65px;
}


/* #menu_nav #logo_container > a > img {
  width: 200px;
} */

#menu_nav * {
  color: var(--text-color);
}

.menu_nav_classic #logo_container a:first-child {
  width: 215px;
}

.menu_nav_collapsed #logo_container a:nth-child(2) {
  width: 50px;
}

.menu_nav_collapsed #logo_container a:first-child {
  width: 0px;
}

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

.header_icons img:not(.not-header),
.header_icons .header-icon {
  padding-left: 15px !important;
}

.header_menu {
  float: left;
  width: 60%;
}

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

.header_search form {
  width: 100%;
  padding: 0 100px;
}

.header_search_icon {
  height: 60px;
  min-width: 660px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-wrap: nowrap;
}

.header_left {
  display: flex;
  flex-direction: column;
  color: #555;
  line-height: 16pt;
}

.header_title {
  font-weight: 600;
  font-size: 11pt;
}

.header_subtitle {
  font-size: 10pt;
  color: var(--muted-text-color);
}

div.submenu {
  display: none;
  position: absolute;
  background: #14524f;
  left: 0px;
  top: 0px;
  min-width: 80px;
  min-height: 150px;
  z-index: 1000;
}

div.submenu li {
  display: list-item !important;
  float: none !important;
  font-weight: normal;
}

div.submenu li a:hover {
  background: none;
  font-weight: 600;
}

input#global_search {
  border: 2px solid var(--input-border);
  box-sizing: border-box;
  background-image: url("../../images/details.svg");
  background-position: center left 20px;
  background-repeat: no-repeat;
  background-size: 17px;
  background-color: var(--input-background);
  padding: 0px;
  margin: 0;
  height: 36px;
  margin-left: 2px;
  padding-right: 15px;
  padding-left: 45px;
  border-radius: 50px;
  border-color: transparent;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .header_search form {
    padding: 0 20px;
  }
}

.logo {
  border: 0;
  margin: 0px 0px 0px 0px;
  position: relative;
  left: 12px;
  top: 8px;
}

#table_header {
  padding-right: 35px;
}

#table_header td {
  padding-top: 4px;
}

#header img.logoimage {
  top: 5px;
  left: 5px;
}

#header a {
  text-decoration: none;
  color: #aaaaaa;
}

.header {
  text-align: left;
}

div#page {
  background: var(--background-main-color);
  background-image: none;
  clear: both;
  width: auto;
  height: inherit;
  min-height: calc(100vh - 145px);
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

div#page,
body {
  background: var(--background-main-color);
}

/*
 * ---------------------------------------------------------------------
 * - STYLES TO CHANGE CLASSIC MENU AND COLLAPSED MENU                  -
 * ---------------------------------------------------------------------
 */
.header_table_classic {
  padding-left: 270px;
}

.header_table_collapsed {
  padding-left: 100px;
}

.title_menu_classic {
  display: flex;
}

.title_menu_collapsed {
  display: none;
}

.menu_icon_collapsed {
  background-position: 50% 50%;
}

.menu_nav_classic {
  width: 250px;
}

.menu_nav_collapsed {
  width: 70px;
}

.menu_nav_classic .title_menu_classic {
  display: flex;
}

.menu_nav_collapsed .title_menu_collapsed {
  display: none;
}

/* main column */
#main {
  min-height: inherit;
  /* overflow: hidden; */
  /* margin: 55px 25px 25px 25px; */
  height: 100%;

  margin: unset;
  margin-top: 30px;
  /* overflow: unset; */
  padding: 25px 25px 0px 25px;
  box-sizing: border-box;
}

/* main column */
#main_pure {
  width: 99%;
  padding: 0px 6px 0px 6px;
  min-height: 800px;
  margin-left: 3em;
}

div.page_classic {
  /* width: calc(100% - 300px) !important; */
  width: calc(100% - 250px) !important;
}

div.page_collapsed {
  /* width: calc(100% - 130px) !important; */
  width: calc(100% - 80px) !important;
}

/* sideabar */
#sidebar {
  float: left;
  width: 250px;
  margin: 0;
  padding: 0;
  display: inline;
}

#sidebar form {
  display: inline;
}

#sidebar ul.sidemenu {
  list-style: none;
  text-align: left;
  margin: 0 0 0px 0;
  text-decoration: none;
}

#sidebar ul.sidemenu li {
  line-height: 18px;
  padding-top: 2px;
}

ul.sidemenu {
  padding-top: 5px;
  padding-bottom: 10px;
}

#sidebar li.sidesel {
  background-color: var(--menu-submenu-background-selected);
}

#sidebar li.sidesel.has_submenu {
  background-color: var(--background-submenu-selected);
}

#sidebar li.sidesel.has_submenu ul.submenu2 {
  display: block;
}

#sidebar li.sidesel.has_submenu .submenu2 li:not(.sidesel) {
  background-color: var(--background-submenu-selected);
}

#sidebar li.sidesel.has_submenu .submenu2 li:not(.sidesel):hover {
  background-color: var(--background-submenu-hover);
}

#sidebar li.sidesel.has_submenu > .title-submenu > span,
#sidebar li.submenu2sel.has_submenu > .title-submenu > span {
  color: var(--menu-text-selected-color);
  font-weight: bold;
}

#sidebar li.sidesel > a {
  color: var(--menu-submenu-text-selected-color);
  text-decoration: none;
  min-height: 35px;
}

* html body #sidebar ul.sidemenu li {
  height: 1%;
}

#sidebar ul.sidemenu a {
  font-weight: none;
  background-image: none;
  text-decoration: none;
}

/* rightbar */
#rightbar {
  border: 1px solid #ff0000;
  float: right;
  width: 21%;
  padding: 0;
  margin: 0;
}

/* menu */
#menu {
  height: 50px;
}

#menu ul {
  margin: 0px;
  padding: 0;
  list-style: none;
  height: 50px;
}

#menu ul li {
  display: inline-block;
  height: 50px;
  text-align: center;
  min-width: 11%;
}

#menu ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

#menu ul li a:hover {
  background-color: #14524f;
}

#menu ul li a span {
  color: #ffffff;
  display: block;
  padding-top: 15px;
}

#menu ul li#current a span {
  color: #14524f;
}

#menu ul li#current a:hover span {
  color: #ffffff;
}

.all_submenu {
  margin: 0px;
  padding: 0px;
  display: none;
  position: absolute;
  top: 50px;
  z-index: 999;
  min-width: 180px;
}

.all_submenu li {
  display: list-item !important;
  height: 35px !important;
}

.all_submenu li a {
  background-color: #3f3f3f;
}

.all_submenu li a span {
  color: #ffffff !important;
  padding-top: 9px !important;
  text-align: left;
  padding-left: 18%;
}

.all_submenu li#current a span {
  color: #14524f !important;
  font-weight: bolder;
}

.all_submenu li a:hover {
  background-color: #14524f;
}

.all_submenu li#current a:hover span {
  color: #ffffff !important;
}

/* Alignment classes */
.float-left {
  float: left;
}

.float-right {
  float: right;
}

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

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

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

.align-center-imp {
  text-align: center !important;
}

.align-justify {
  text-align: justify;
}

/* display classes */
.clear {
  clear: both;
}

.block {
  display: block;
}

.block-imp {
  display: block !important;
}

.hide {
  display: none;
}

.inline-block {
  display: inline-block;
}

.orange {
  color: #14524f;
}

/*  */
/* Old styles */

div#db_f {
  text-align: center;
  margin: auto;
  padding: 0.5em;
  width: 55em;
  margin-top: 3em;
}

div#noaccess {
  text-align: center;
  width: 350px;
  padding-left: 40px;
}

.raya {
  border-top: 1px solid #778866;
  width: 100%;
}

.enable_autorefresh {
  border: 1px solid #888888 !important;
  border-radius: 3px;
  color: #555;
  font-weight: 300;
  cursor: pointer;
  padding: 7px 30px 7px 9px;
  background: url(../../images/update_icon.png) no-repeat right 5px center
    transparent;
}

input.sub {
  -moz-border-radius: 5px;
  border-radius: 2px;
  font-weight: 500;
  margin-right: 5px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #fff;
}

input.image-rev {
  font-weight: normal;
  margin-right: 5px;
  padding: 5px;
  background-color: #fff;
  border: none;
  width: 20px;
  height: 30px;
  background: url(../../images/control_rewind_blue.png) no-repeat 90% 5px
    #ffffff;
}

input.image-revpage {
  font-weight: normal;
  margin-right: 5px;
  padding: 5px;
  background-color: #fff;
  border: none;
  width: 20px;
  height: 30px;
  background: url(../../images/flecha_volver.png) no-repeat 90% 5px #ffffff;
}

input.image-for {
  font-weight: normal;
  margin-left: 5px;
  padding: 5px;
  background-color: #fff;
  border: none;
  width: 20px;
  height: 30px;
  background: url(../../images/control_fastforward_blue.png) no-repeat 90% 5px
    #ffffff;
}

input.next {
  padding-right: 25px;
  background: url(../../images/input_next.png) no-repeat 90% 5px #ffffff;
}

input.next-btn {
  padding-right: 25px;
  background: url(../../images/input_next.png) no-repeat 90% 15px #ffffff;
}

input.delete {
  padding-right: 25px;
  background: url(../../images/cross.png) no-repeat 95% 2px #ffffff;
}

input.file {
  width: 70%;
  background: #ffffff;
  height: 17px;
}

input.report {
  padding-right: 25px;
  background: url(../../images/html.png) no-repeat 90% 7px #ffffff;
}

input.upd {
  background: #14524f;
  float: right;
  border-radius: 3px;
  padding-left: 0px;
  color: white;
  border-color: #14524f;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 155px !important;
  font-weight: 300;
  height: 40px;
  cursor: pointer;
  padding: 0px;
}

input.upd-cancel-float {
  float: none;
}

input.btn {
  background-color: #888888 !important;
  border-color: #888888 !important;
  border-radius: 3px;
  padding-left: 0px;
  color: white;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 170px !important;
  font-weight: bold;
  height: 40px;
  cursor: pointer;
  padding: 0px;
}

input.dlt {
  background-color: #d81414 !important;
  border-color: #d81414 !important;
  border-radius: 3px;
  padding-left: 0px;
  color: white;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 170px !important;
  font-weight: 300;
  height: 40px;
  cursor: pointer;
  padding: 0px;
}

.btn.create {
  border: none;
}

input.create {
  background: url(../../images/icono-crear.png) no-repeat right 10px center
    #14524f !important;
}

input.cancel {
  background: url(../../images/input_delete.white.png) no-repeat right 10px
    center #888888 !important;
}

input.create_op {
  padding-right: 25px;
  background: url(../../images/input_create.png) no-repeat 90% 5px #ffffff;
}

input.search {
  background: url(../../images/icono-buscar.png) no-repeat right 10px center
    #888888 !important;
  border-color: #888888 !important;
}

#submit-calculate.search {
  background: #888888 !important;
}

input.submit_new {
  background: url(../../images/details.svg) no-repeat var(--input-background);
  background-position: center right 5px;
  height: 100%;
  background-size: 18px;
}

input.csv {
  padding-right: 25px;
  background: url(../../images/input_csv.png) no-repeat 92% 6px #ffffff;
}

input.secondary-csv {
  padding-right: 45px !important;
  background: url(../../images/file-csv.svg) no-repeat 92% 6px #ffffff;
  background-size: 25px !important;
}

input.pdf {
  padding-right: 20px;
  background: url(../../images/pdf-icon.png) no-repeat 95% 1px #ffffff;
  background-size: 25px;
}

input.zoom {
  padding-right: 25px;
  background: url(../../images/input_zoom.png) no-repeat 90% 4px #ffffff;
}

input.pdfreport {
  padding-right: 40px;
  background: url(../../images/pdf-icon.png) no-repeat 100% 0px #ffffff;
  background-size: 25px;
}

input.xml {
  padding-right: 25px;
  background: url(../../images/input_xml.png) no-repeat 90% 8px #ffffff;
}

input.inventory {
  padding-right: 25px;
  background: #ffffff url(../../images/bricks.png) no-repeat right 3px;
}

input.people {
  padding-right: 25px;
  background: #ffffff url(../../images/group.png) no-repeat right 3px;
}

input.save {
  padding-right: 25px;
  background: #ffffff url(../../images/input_save.png) no-repeat right 3px;
}

input.upload {
  border-radius: 3px;
  padding-left: 0px;
  color: white;
  background: #14524f;
  border-color: #14524f;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 170px !important;
  font-weight: 300;
  height: 40px;
  cursor: pointer;
  padding: 0px;
  float: right;
}

input.delete {
  background: #d81414 !important;
}

input.blank {
  background: #ffffff;
}

input.close {
  padding-right: 25px;
  background: url(../../images/input_delete.png) no-repeat 90% 50% #ffffff;
  padding-right: 25px !important;
}

td {
  padding-top: 1px;
  padding-bottom: 1px;
}

td.datos3 {
  background-color: #eee;
}

td a.hover {
  background-color: #ff0000;
}

th {
  background-color: #ebebed;
  color: #000;
  padding: 0px;
  margin: 0px;
  line-height: 22px;
}

thead tr .header {
  background-repeat: no-repeat;
  background-position: center right;
}

thead tr .headerSortUp {
  background-image: url(asc.gif);
}

thead tr .headerSortDown {
  background-image: url(desc.gif);
}

.f9,
.f9i,
.f9b,
td.f9,
td.f9i,
td.datosf9,
td.datos2f9,
td.datosf9i,
td.datos2f9i {
  font-size: 0.85em;
}

.error {
  color: #ff3333;
  background: url(../../images/icono_error_grande.png) no-repeat 1% 50% #fbfbfb;
  padding: 35px 0px 35px 80px;
  border-radius: 5px;
  clear: both;
  margin: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
  vertical-align: middle;
  border: 1px #e2e2e2 solid;
}

.select2-container .select2-selection--single.input_border_error,
.input_border_error {
  border-color: #ff3333 !important;
}

.new_error {
  background: url(../../images/alertbar-error.png) 1% no-repeat;
  background-color: rgba(237, 71, 74, 0.08);
  border-radius: 8px;
  width: 94%;
  height: 54px;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 3%;
}

.new_error > span {
  color: #454545 !important;
  font-size: 15px !important;
  line-height: 24px;
  text-align: left;
  margin-left: 4%;
  padding-top: 24px;
  display: block;
}

.new_error.general-error {
  height: auto;
  padding: 10px;
}

.error_validate {
  color: #ff3333;
  background: url(../../images/asterisco.png) no-repeat 5px 50%;
  font-weight: bold;
  padding-left: 18px;
  margin-top: 8px;
}

#tree_search .error {
  color: #ff3333;
  background: url(../../images/icono_error.png) no-repeat 0% 50%;
  padding: 15px 0px 15px 35px;
  clear: both;
  margin: 0px;
  /* margin-bottom: 10px; */
  vertical-align: middle;
}

.suc {
  color: #5a8629;
  background: url(../../images/icono_exito_grande.png) no-repeat 1% 50% #fbfbfb;
  padding: 35px 0px 35px 80px;
  border-radius: 5px;
  clear: both;
  margin: 0px;
  margin-top: 30px;
  margin-bottom: 20px;
  vertical-align: middle;
  border: 1px #e2e2e2 solid;
}

.new_suc {
  background: url(../../images/alertbar-exito.png) 1% no-repeat;
  background-color: rgba(130, 185, 46, 0.08);
  border-radius: 8px;
  width: 94%;
  height: 54px;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 3%;
}

.new_suc > span {
  color: #454545 !important;
  font-size: 15px !important;
  line-height: 24px;
  text-align: left;
  margin-left: 4%;
  padding-top: 24px;
  display: block;
}

.info_message {
  background: url(../../images/grande-info.png) no-repeat 1% 50% #fbfbfb;
  background-size: 63px;
  padding: 35px 0px 35px 80px;
  border-radius: 5px;
  clear: both;
  margin: 0px;
  margin-top: 30px;
  margin-bottom: 20px;
  vertical-align: middle;
  border: 1px #e2e2e2 solid;
}

div#wizard {
  text-align: left;
  border-radius: 10px;
  margin-top: 3em;
  margin-bottom: -1em;
  padding: 20px;
  width: 600px;
  background-color: #fff;
}

div#install_box {
  float: right;
  padding-right: 20px;
  margin-top: 10px;
  width: 350px;
  margin-bottom: 5px;
  margin-left: 25px;
}

div#install_box input {
  height: 25px;
}

div.data_box {
  border-top: 5px solid #778855;
  border-right: 1px solid #4e682c;
  border-bottom: 1px solid #4e682c;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 20px;
  margin-bottom: 25px;
  background-color: #fefefe;
  /* border: 1px solid #dAdBdC; */
  width: 799px;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  min-height: 470px;
}

/* Styles for Page TAB taken from Pandora FMS*/

#menu_tab .mn,
#menu_tab ul,
#menu_tab .mn ul {
  padding-right: 0px;
  list-style: none;
  margin-top: -14px;
  margin-right: -15px;
}

#menu_tab .mn li {
  float: right;
  position: relative;
}

#menu_tab li a,
#menu_tab li.nomn a {
  background: #d4ddc6;
  padding: 2px 10px 2px 10px;
  color: #333;
  border-left: 1px solid #fff;
  font-weight: bold;
  line-height: 18px;
}

#menu_tab .mn li a {
  display: block;
  text-decoration: none;
}

#menu_tab li.nomn:hover a,
#menu_tab li:hover ul a:hover {
  background: #cde0ad;
}

#menu_tab li:hover a {
  background: #b2b08a url("../images/arrow.gif") no-repeat right 3px;
}

#menu_tab li:hover ul a,
#menu_tab .mn ul {
  background: #14524f;
  border-top: none;
}

/* TAB TITLE */

#menu_tab_left .mn,
#menu_tab_left ul,
#menu_tab_left .mn ul {
  padding: 0px 0px 0px 0px;
  list-style: none;
  margin: 0px 0px 0px -20px;
}

#menu_tab_left .mn li {
  float: left;
  position: relative;
}

#menu_tab_left li a,
#menu_tab_left li.nomn a {
  background: #999;
  padding: 2px 10px 2px 10px;
  color: #fff;
  font-weight: bold;
  line-height: 18px;
}

#menu_tab_left .mn li a {
  display: block;
  text-decoration: none;
}

span.users {
  background: url(../../images/group.png) no-repeat;
}

span.agents {
  background: url(../../images/bricks.png) no-repeat;
}

span.data {
  background: url(../../images/data.gif) no-repeat;
}

span.alerts {
  background: url(../../images/bell.png) no-repeat;
}

span.time {
  background: url(../../images/hourglass.png) no-repeat;
}

span.users,
span.agents,
span.data,
span.alerts,
span.time {
  margin-left: 4px;
  margin-top: 10px;
  padding: 4px 8px 12px 30px;
  display: block;
}

/* Styles for side boxes */

.portlet {
  clear: both;
  float: left;
  width: 140px;
  overflow: hidden;
  list-style: none;
  background: #e6e6e6;
}

.portlet h2 {
  display: block;
  width: 170px;
  height: 20px;
  background-color: #14524f;
  background-position: left top;
  overflow: hidden;
  padding: 4px 10px 0px 10px;
  margin: 0px 0px 1px 0px;
  color: #fff;
  font-size: 0.95em;
  text-transform: none;
  text-decoration: none;
}

.portlet h3 {
  display: block;
  width: 170px;
  height: 20px;
  background-color: #505050;
  background-position: left top;
  background-image: url("../../images/darkgrey_bg.png");
  overflow: hidden;
  padding: 4px 10px 0px 10px;
  margin: 0px 0px 1px 0px;
  color: #fff;
  font-size: 0.95em;
  text-transform: none;
  text-decoration: none;
}

.portlet h2:hover {
  background-color: #232323;
  text-decoration: none;
}

.portlet a:hover {
  text-decoration: none;
}

h3.admin {
  background-color: #505050;
  background-image: url("../../images/darkgrey_bg.png");
}

h3.info {
  background-color: #80bee6;
}

h3.no_result {
  height: 20px;
  padding: 10px;
  background-image: url("../../images/exclamation.png");
  background-repeat: no-repeat;
  padding-top: 40px;
  margin: 25px auto;
  width: 15%;
  background-position-x: center;
  background-position-y: 10px;
  border: 1px solid #14524f;
  border-radius: 4px;
  text-align: center;
}

h3.system {
  background-color: #606060;
}

.notetitle {
  padding: 20px 20px 0px 20px;
  background-color: var(--secondary-color);
  border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -khtml-border-top-left-radius: 8px;
  border: 1px solid var(--border-color-4);
  border-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.notetitle span {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.notetitle > span:first-child > img:not(.no-change-img) {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin-right: 5px;
  filter: brightness(1) !important;
}

.notetitle > span:first-child > a {
  font-size: 15px;
  line-height: 18px;
  font-weight: 900;
  color: var(--text-color-1);
  margin-right: 10px;
}

.notetitle > span:first-child > span {
  font-size: 13px;
  line-height: 16px;
  color: var(--muted-text-color);
}

.notetitle > span:last-child > img {
  margin-right: 5px;
}

.notetitle > span:last-child > div:last-child {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.notetitle > span:last-child > div:last-child > p {
  margin-right: 5px;
}

.comment {
  margin-top: 10px;
  position: relative;
}

.notebody {
  padding: 5px 40px 20px 80px;
  margin-bottom: 10px;
  line-height: 1.5em;
  background-color: var(--secondary-color);
  word-wrap: break-word;
  white-space: pre-wrap;
  border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -khtml-border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -khtml-border-bottom-left-radius: 8px;
  border: 1px solid var(--border-color-4);
  border-top: 0;
}

.notebody-read-more {
  cursor: pointer;
  color: var(--primary-color);
  font-weight: 900;
  position: absolute;
  z-index: 0;
  bottom: 15px;
  left: 60px;
}

.max-height-300 {
  max-height: 300px;
  overflow: hidden;
}

.notebody p img {
  max-width: 100%;
  max-height: 350px;
  cursor: pointer;
  display: block;
}

.notetitle_kb {
  width: 948px;
}

.kb-pdf-body {
  width: 80%;
  margin-left: 50px;
  margin-top: 50px;
  margin-bottom: 10px;
}

.notebody_kb {
  max-width: 968px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

div#full_comment_image {
  text-align: center;
}

img#full_image_wo {
  width: 80%;
}

.table_kb {
  box-sizing: border-box;
  background-color: #f3f3f3;
  padding: 25px;
  word-break: break-word;
  margin-right: 20px;
}

.table_kb th {
  background: none;
}

.table_kb th h4 {
  font-weight: bold;
}

.kb_links {
  margin-right: 0px;
}

.kb_links a,
.kb_links a:hover {
  /*  color: #14524f;*/
}

.kb_links a:hover {
  text-decoration: underline;
}

.kb_links a:visited {
  color: #828282;
}

.kb_browse_subtitle {
  font-size: 0.9em;
  font-weight: normal;
  color: #505050;
}

.kb_browse_excerpt {
  word-break: break-word;
}

table#kb-browse {
  min-width: 800px;
}

table#kb-browse-search {
  min-width: 1100px;
}

.incident_details,
.note_simple {
  margin-left: 0px;
  margin-top: 20px;
  width: 97%;
  padding: 10px;
  border-radius: 10px;
  font-size: 10pt;
  color: #444;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border: 1px solid #eeeeee;
}

div#footer {
  text-align: center;
  margin-top: auto;
  font-size: 10px;
  border-top: solid 3px #14524f;
  text-align: center;
  background-color: #222222;
  color: #fff;
  height: 48px;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 11px;
  box-sizing: border-box;
}

div#footer_installer {
  text-align: center;
  margin-bottom: 10px;
  font-size: 10px;
  border-top: solid 6px #222;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #363636;
  color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

div#footer a {
  color: #aaaaaa;
}

div#footer a:hover {
  color: #14524f;
}

div.pager {
  margin-left: 10px;
  margin-top: 5px;
}

div.pager img {
  position: relative;
  top: 4px;
  padding-left: 5px;
}

div.pager input {
  padding-left: 5px;
}

.pagedisplay {
  border: 0;
  width: 35px;
}

.image-button,
.pager img {
  cursor: pointer;
}

#incident_inventories {
  width: 230px;
}

#incident_search_by_creator_div a,
#incident_search_by_owner_div a,
#incident_users_div a {
  line-height: 1.6;
}

#incident_search_by_creator_div table,
#incident_search_by_owner_div table,
#incident_users_div table {
  margin-top: 2px;
  width: auto;
}

#incident_search_by_owner_div td {
  vertical-align: top;
}

label {
  font-weight: 500;
  margin-top: 5px;
  display: block;
  margin-bottom: 5px;
}

.img_help,
#alerts {
  cursor: pointer;
}

#button-usuario_name {
  width: 110px;
}

.float_left {
  float: left;
  clear: none;
}

.float_right {
  float: right;
  clear: none;
}

input.action {
  border: none;
  height: auto;
  vertical-align: top;
}

form.action {
  display: inline;
}

div#incident-stats,
div#inventories-stats {
  margin-top: 35px;
  margin-bottom: 15px;
  float: right;
  width: 100%;
}

#incident-title a {
  font-weight: 600;
  font-size: 13px;
}

.dark-theme #incident-title a {
  color: #92dfdf;
}

#checkbox-force_update {
  float: none;
}

table#profile_editor tr:first-child td {
  padding-bottom: 25px;
}

table#profile_editor td div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

table#profile_editor td div * {
  font-weight: 500 !important;
}

table#profile_editor td div label {
  margin-right: 5px;
}

table#profile_editor td div label.p-switch {
  margin-right: 40px;
  margin-bottom: 15px;
}

div#loading {
  background-color: #fff1a8;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-align: center;
  width: 75%;
}

div#loading img {
  float: right;
  margin-top: -12px;
}

select#task_user,
select#select_contacts {
  width: 150px;
}

/* Autocomplete styles */
.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
  /*width: 100%;*/
  /*font: menu;
  font-size: 12px; */
  /*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
  */
  line-height: 16px;
}

.ac_loading {
  background: white url("../images/loading.gif") right center no-repeat;
}

.ac_over {
  background-color: #efefef;
}

span.ac_extra_field,
span.ac_extra_field strong {
  font-style: italic;
  font-size: 9px;
}

.ac_input {
  background-image: url("../../images/group.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  -moz-background-size: auto auto;
}

/* Styles for files progress bars */

.ax-file-name {
  padding-left: 18px !important;
  background: url("../../images/attach.png") left no-repeat;
}

.ax-table-theader {
  display: none;
}

.ax-progress-div {
  background-color: green;
  color: black;
  text-align: center;
}

iframe.ax-main-frame {
  display: none;
}

.databox_change_login_msg {
  padding-top: 25px;
  padding-left: 30px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  width: 420px;
  height: 290px;
  font-size: 12px;
  color: #777;
  background: #fff;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  box-shadow: 10px 10px 5px #333;
  position: relative;
  margin: 100px auto;
}

#bottom_logo {
  bottom: 0;
  height: 105px;
  margin: 0 auto 0 44%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 480px;
}

.login_label {
  text-align: left;
  padding-left: 20px;
}

.login_input {
  margin: 0px;
  padding-left: 20px;
  padding-top: 0px !important;
  background-color: #fff;
}

.login_input input {
  background-color: #fff;
}

#ver_num {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  float: left;
  margin-top: -30px;
  width: 80px;
  height: 0px;
  border-right: 26px solid transparent;
  border-left: 25px solid transparent;
  border-bottom: 25px solid #14524f;
  left: -29px;
  position: relative;
  color: #fff;
}

#ver_num_rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  font-size: 9pt;
  font-weight: bold;
  padding: 5px;
}

#login_form_data {
  margin: 0 auto;
  background-color: #fff;
  width: 550px;
  border-radius: 5px;
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 3px 4px 12px #b99480;
}

#login_form_data_fail {
  margin: 0 auto;
  background-color: #fff;
  width: 550px;
  border-radius: 5px;
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}

input.login_button {
  flex-direction: row;
  min-width: 300px;
  max-width: 300px;
  width: 300px;
  height: 50px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  align-items: center;
  line-height: 24px;
  color: #fff;
  border: 0px;
  border-radius: 15px;
  padding: 0 10px;
  cursor: pointer;
  background: linear-gradient(90deg, #81b82f 0%, #1d7873 100%);
  border: 0px;
  margin-bottom: 20px;
  font-weight: bold;
}

input.btn-secondary-login {
  flex-direction: row;
  min-width: 300px;
  max-width: 300px;
  width: 300px;
  height: 40px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  align-items: center;
  line-height: 24px;
  color: var(--text-color);
  border: 0px;
  border-radius: 15px;
  padding: 0 10px;
  cursor: pointer;
  background: var(--secondary-color);
  border: 0px;
  margin-bottom: 20px;
  font-weight: bold;
}

.pass_validate_table {
  margin: 0 auto;
  padding: 0px;
  width: 165px;
  vertical-align: bottom;
}

.pass_validate_table td {
  vertical-align: bottom;
}

td.login_button {
  padding-right: 50px;
  text-align: right;
}

#image-Login {
  width: 100px;
  height: 33px;
  border: 0px;
}

.user_info_sidebox {
  padding: 10px;
  padding-left: 15px;
  background-color: #eaeaea;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  font-size: 10px;
}

.landing_table {
  width: 100%;
  margin: 0 auto;
  margin-top: 15px;
}

.landing_table td {
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
}

.landing_title {
  font-size: 1.2em;
  text-transform: uppercase;
  margin-left: 10px;
  margin-top: 2px;
  float: left;
}

.landing_subtitle {
  margin-left: 20px;
  font-style: italic;
  margin-top: 2px;
  font-size: 0.9em;
  font-weight: normal;
}

.much_more {
  float: right;
  margin-top: 0px !important;
}

.landing_incidents {
  padding-top: 5px;
  padding-left: 5px;
  border-collapse: collapse;
  text-align: left;
}

.landing_incidents th {
  background-color: #fff;
  color: #000;
}

.landing_incidents td {
  height: 28px;
  width: 20px;
  padding: 0px;
  padding-left: 15px;
}

.landing_empty {
  text-align: center;
  font-style: italic;
  color: #ccc;
  font-weight: bold;
}

.landing_news {
  height: 390px;
  overflow-x: auto;
  overflow-y: none;
}

.landing_text_list {
  margin: 0px;
  padding: 0px;
  line-height: 30px;
}

.landing_news_title {
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
}

.landing_news_note {
  vertical-align: bottom;
  margin-left: 10px;
}

.landing_title_logo {
  float: left;
  height: 16px;
  margin-left: -5px;
  margin-top: 5px;
}

#install_msg_box {
  margin-top: 100px;
  border-radius: 10px;
  padding: 10px;
  background: #fff;
  width: 500px;
}

div.system_dashboard_home_container {
  height: 100%;
}

table.search_by_priority td {
  border-spacing: 10px;
}

table.search_by_priority td a {
  color: #ffffff !important;
  width: 35px;
}

table.search_by_priority td {
  text-align: center;
  height: 30px;
  margin-right: 6px;
  font-weight: bold;
  border-radius: 2px;
  border-bottom-right-radius: 10px;
  width: 15%;
}

/* Css for table-search*/
table.search-table {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 12px 6px 16px 9px;
  text-align: left;
  width: 100%;
}

table.search-table td img {
  padding-left: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
}

.divform .search-table td span img {
  padding-left: 0px;
  margin-bottom: 0px;
  vertical-align: middle;
  width: 100%;
}

table.search-table tr:last-child td {
  padding-top: 1px;
  text-align: left;
}

table.search-table tr td.date_div input {
  width: 89% !important;
}

form.form_upload_wiki input[type="submit"],
tbody#project_involved_people_div input[type="button"],
div.divform table.search-table input[type="submit"],
div.divform table.search-table input.submit_update,
div.divform table.search-table input[type="button"],
div.form_button input[type="submit"] {
  border-radius: 3px;
  color: white;
  background-color: #14524f;
  border-color: #14524f;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 300;
  height: 40px;
  cursor: pointer;
}

div.divresult-button table.search-table input[type="submit"] {
  border-radius: 3px;
  padding-left: 0px;
  color: white;
  background: #14524f;
  border-color: #14524f;
  width: 170px !important;
  font-weight: 300;
  height: 40px;
  cursor: pointer;
  padding: 0px;
  float: right;
}

.button-form {
  text-align: right;
}

input#button-update:not(.std-btn),
.button-form input[type="submit"]:not(.std-btn),
.button-form input[type="button"]:not(.std-btn) {
  border-radius: 3px;
  padding-left: 0px;
  color: white;
  background-color: #bcfd49;
  border-color: #bcfd49;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 170px !important;
  font-weight: bold;
  height: 40px;
  cursor: pointer;
  padding: 0px;
}

input#button-update,
.button-form input[type="submit"]:not(.search) {
  color: var(--text-color);
}

.button-form-search input[type="submit"],
.button-form-search input[type="button"] {
  margin-top: 0px;
  margin-bottom: 0px;
}

.label-form-search {
  display: inline-block;
  margin-right: 10px;
}

div.divform table.search-table input.submit_update {
  margin-top: 12px;
}

div.incident_container,
.integria_form,
table.search-table-white {
  background-color: #fff;
}

table.search-table-white,
table.pipeline-table {
  padding: 12px 10px 16px 12px;
  margin-left: 5px;
  text-align: left;
  width: 99%;
}

table.search-table-white {
  background: none;
}

table.databox_color_without_line tr:last-child td {
  padding-top: 1px;
  text-align: left;
}

.integria_form {
  padding-left: 40px;
  padding-right: 40px;
}

.incident_description_container {
  max-width: 500px;
  word-wrap: break-word;
}

#autorefresh {
  float: right;
}

#autorefresh a {
  float: left;
  margin: 5px;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
  text-decoration: none;
  text-transform: none;
  background-color: #a82323;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border: 1px solid #ccc;
}

#autorefresh a:link {
  color: white;
}

#autorefresh a:hover {
  color: #14524f;
}

#autorefresh div {
  float: left;
  vertical-align: bottom;
  margin-top: 6px;
  margin-left: 3px;
  margin-right: 3px;
}

.pagination {
  margin-top: 2px;
  margin-bottom: 15px;
  text-align: left;
}

.pagination_array {
  font-size: 0.9em;
}

.pagination * {
  margin-left: 1px !important;
  margin-right: 1px !important;
  vertical-align: middle;
}

input#text-search_parent,
input#text-search_parent_incident,
input.inventory_obj_search {
  cursor: not-allowed;
}

input.ui-autocomplete-input {
  background-image: url("../../images/user-input.svg");
  background-repeat: no-repeat;
  background-position: 97% 50%;
}

input.company_autocomplete {
  background-image: url("../../images/company.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
}

input.contract_autocomplete {
  background-image: url("../../images/icons/contract_overview.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 27px;
}

input.project_autocomplete {
  background-image: url("../../images/paste_plain.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
}

input.incidents_autocomplete {
  background-image: url("../../images/incident-grey.png");
  background-repeat: no-repeat;
  background-position: 99% 50%;
  width: calc(100% - 25px) !important;
  background-color: var(--input-background);
}

input.company_search {
  background-image: url("../../images/zoom.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
}

img.avatar_small {
  height: 22px;
}

/* Bubbles with user avatar inside */
.bubble img {
  width: 63px;
  margin-top: 12px;
}

.bubble {
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  background-image: url("../../images/bubble.png");
  text-align: center;
  margin: 8px auto 0px;
}

.bubble_little img {
  width: 48px;
  margin-top: 11px;
}

.bubble_little {
  width: 74px;
  max-width: 74px;
  height: 74px;
  max-height: 74px;
  background-image: url("../../images/bubble_little.png");
  text-align: center;
  margin: 8px auto 0px;
}

/* Custom search squares */
#incident_custom_search_div td {
  display: flex;
}

.custom_search {
  background-color: var(--secondary-color);
  padding: 0px 20px;
  margin: 5px;
  height: 42px;
  border: 1px solid var(--border-color-secondary);
  border-radius: 42px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: var(--text-color-1);
  font-size: 15px;
  line-height: 20px;
}

.custom_search:hover {
  background-color: var(--text-color-1);
  border: 1px solid var(--text-color-1);
  color: var(--secondary-color);
  text-decoration: none;
}

/* Incident Dates info calendars */
#incidents_dates_square td {
  font-weight: bold;
}

td.mini_calendar table {
  text-align: center;
  border-spacing: 0px;
  margin: 8px auto;
  width: 120px;
  height: 85px;
  vertical-align: top;
}

td.mini_calendar {
  vertical-align: top;
}

td.mini_calendar table th {
  color: #fff;
  font-weight: bold;
  moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  font-size: 1.3em;
  height: 22px;
}

td#created_on table th {
  background-color: #999999;
  /* grey */
}

td#created_on table td {
  color: #999999;
  /* grey */
}

td#updated_on table th {
  background-color: #14524f;
  /* orange */
}

td#updated_on table td {
  color: #14524f;
  /* orange */
}

td#closed_on table th {
  background-color: #505050;
  /* darkgrey */
}

td#closed_on table td {
  color: #505050;
  /* darkgrey */
}

td.mini_calendar table td {
  background: #fff;
}

td.mini_calendar table td.day {
  font-size: 3.2em;
  padding-top: 10px;
  padding-bottom: 10px;
}

td.mini_calendar table td.not_yet {
  font-size: 1.8em;
}

td.mini_calendar table td.time {
  font-weight: normal !important;
}

/* Details */

table#details_table {
  text-align: center;
  width: 99%;
  margin: 10px auto;
  padding: 5px;
  background: #ffffff;
}

table#details_table * {
  color: #606060;
}

div.incident_details_bottom {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 10px;
}

div.incident_details_bottom img {
  margin-right: 20px;
  width: 20px;
  height: 20px;
}

div.incident_details_bottom span.bolder {
  font-weight: bolder;
}

div.incident_details_bottom span.margin-left {
  margin-left: 10px;
}

td.advanced_details_icons img {
  margin-left: 10px;
}

.under_tabs_info {
  padding-left: 10px;
  padding-right: 10px;
}

.under_tabs_info div {
  width: 50%;
  display: inline-block;
}

.under_tabs_info p {
  font-weight: bold;
  font-size: 0.9em;
}

.under_tabs_info span {
  font-size: 0.8em;
  font-weight: normal;
}

table.custom-fields-table {
  width: 100%;
  margin-top: 0px;
  margin-left: -3px;
}

table.custom-fields-table tr td {
  padding-top: 1px !important;
  font-size: 1em;
}

table.custom-fields-table tr:last-child td {
  text-align: left;
}

table.calendar_legend {
  border-spacing: 10px 0px;
}

table.calendar_legend td {
  font-weight: bold;
  border-radius: 6px;
  padding: 6px;
  text-align: center;
  text-wrap: nowrap;
  color: #fff;
  text-shadow: 1px 1px 5px #97979773;
}

td.legend_color_box {
  width: 10px;
  border-radius: 5px;
}

td.legend_project {
  background-color: #14524f;
}

td.legend_task {
  background-color: #80d580;
}

td.legend_wu {
  background-color: #6a6d6d;
}

td.legend_event {
  background-color: #8ec8df;
}

td.legend_last_box {
  padding-right: 0px !important;
}

tr.red_row > td {
  background-color: #ff00000a !important;
}

tr.green_row > td {
  background-color: #efffef !important;
}

.dark-theme .red_row > td {
  background-color: #ff00003a !important;
}

.dark-theme tr.green_row > td {
  background-color: #55d3554c !important;
}

table.pipeline-table {
  padding: 2px 0px 1px 12px;
  margin-bottom: 9px;
  margin-right: 10px;
  padding-right: 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

table.pipeline-table th {
  background: #fff;
}

table.pipeline-table td {
  vertical-align: top;
}

table.pipeline-header {
  border-collapse: collapse;
  margin-left: 3px;
  margin-bottom: 0px;
}

td.pipeline-header-title,
td.pipeline-header-subtitle {
  width: 100%;
  background-color: #e6e6e6;
  padding-top: 5px;
  font-weight: bold;
  color: #555;
  vertical-align: top;
  padding-left: 10px;
  min-width: 140px;
}

td.pipeline-header-title {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

td.pipeline-header-subtitle {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #909090;
  font-style: italic;
}

div.pipeline-arrow {
  width: 0;
  height: 0;
  margin-left: -6px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #e6e6e6;
}

ul.pipeline-list {
  padding-left: 10px;
  padding-right: 20px;
}

li.pipeline-list {
  padding-top: 7px;
  border-bottom: 1px solid #e6e6e6;
}

li.pipeline-list:hover {
  color: #14524f;
}

li.piepline-list a {
  display: block;
  height: 100%;
  width: 100%;
}

li.pipeline-list:hover span {
  color: #14524f !important;
}

div.pipeline-list-title {
  font-weight: bold;
  text-transform: capitalize;
}

div.pipeline-list-subtitle {
  text-align: right;
}

div.pipeline-list-details {
  font-style: italic;
  line-height: 17px;
}

div.pipeline-list-owner {
  font-style: italic;
  line-height: 17px;
  padding-bottom: 3px;
}

div.pipeline-list-estimated_close_date {
  line-height: 17px;
  padding-bottom: 3px;
}

img.pipeline-warning-icon {
  float: left;
  margin-right: 10px;
  width: 18px;
}

img.pipeline-changes-icon {
  float: left;
  margin-right: 10px;
  width: 18px;
}

table.conversion_rate td {
  padding-top: 36px;
  padding-bottom: 37px;
  font-weight: bold;
}

td.conversion_value {
  padding-top: 100px !important;
  font-size: 2em !important;
}

p.pagination {
  margin-top: 0px;
}

/* To prevent the ugly styles of the dialogs */
.ui-dialog-content {
  padding: 20px;
  display: none;
  width: auto !important;
}

.ui-dialog-content input.sub {
  font-size: 1.1em !important;
}

.fileupload_form {
  margin: 10px;
}

#drop_file {
  background-color: #e6e6e6;
  padding: 40px 50px;
  margin-bottom: 30px;
  border: 20px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  text-align: center;
  color: var(--text-color);
}

#drop_file_first {
  text-transform: uppercase;
  font-weight: bold;
}

#drop_file_second {
}

#drop_file_third {
}

#drop_file_third label {
  color: white;
}

#drop_file_third select {
  margin-left: 25px;
}

#drop_file a {
  color: var(--primary-color);
  font-weight: 900;
  font-size: 15px;
}

#drop_file input {
  display: none;
}

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

.fileupload_form ul li {
  padding: 15px;
  position: relative;
}

.fileupload_form ul li #input-progress {
  left: 68px;
  position: absolute;
  margin-left: -39px !important;
}

.fileupload_form ul li i {
  font-weight: normal;
  font-style: normal;
  color: #7f7f7f;
  margin-left: 15px;
}

.fileupload_form ul li span {
  width: 15px;
  height: 12px;
  background: url("../../images/check-cross.png") no-repeat;
  position: absolute;
  top: 34px;
  right: 13px;
  cursor: pointer;
}

.fileupload_form ul li.file-release-item div,
.fileupload_form ul li.offline-update-item div {
  display: block !important;
}

.fileupload_form ul li.working span {
  height: 16px;
  background-position: 0 -12px;
}

.fileupload_form ul li.loading span {
  height: 16px;
  background: url("../../images/spinner.gif") no-repeat;
  background-position: 0 0px;
}

.fileupload_form ul li.suc span {
  height: 12px;
  background: url("../../images/check-cross.png") no-repeat;
  background-position: 0 0px;
}

.fileupload_form ul li.suc p {
  color: #5a8629;
}

.fileupload_form ul li.error span {
  height: 16px;
  background: url("../../images/check-cross.png") no-repeat;
  background-position: 0 -12px;
}

.fileupload_form ul li.error p {
  color: #ff3333;
}

#log_zone {
  padding: 10px;
  margin-bottom: 30px;
  border: 20px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  text-align: left;
  font-size: 12px;
  color: #707070;
}

div.tree_view {
  margin: 0px;
  padding: 0px;
  padding-left: 23px;
}

div.tree_view_branch {
  background: url("../../images/tree/branch.png");
  background-repeat: repeat-y;
}

img.inventory_table_edit {
  float: right;
  margin-right: 10px;
  margin-top: 2px;
}

table.inv_details_table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

table.inv_details_table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

p.info_update {
  padding: 5px 20px;
}

h3.update {
  margin: 20px 20px 10px 20px;
}

h3.update_online {
  margin-top: 20px;
  margin-left: 5px;
  margin-bottom: 10px;
}

#box_online {
  padding-top: 20px;
}

div.container_adaptor_na_graphic,
.container_adaptor_na_graphic2 {
  width: 300px;
  margin-top: 87px;
  margin-bottom: 87px;
}

div.container_adaptor_na_graphic2 {
  margin-top: 75px;
  margin-bottom: 74px;
}

h2.container_simple_title {
  padding-left: 0px;
}

div.container_simple_div {
  padding-left: 0px;
}

/* END REPORTING CSS */

table.gantt_buttons {
  margin-right: 25px;
}

#msg_box {
  position: fixed;
  border: 2px solid #14524f;
  border-radius: 4px;
  background-color: #fff;
  top: 40%;
  left: 50%;
  margin-left: -125px;
  width: 250px;
  padding-left: 5px;
  padding-bottom: 5px;
  text-align: center;
  z-index: 1005;
  display: none;
}

/* DISPLAY DIV AS TABLE */
div.table {
  display: table;
}

div.table_cell {
  display: table-cell;
}

div.table_row {
  display: table-row;
}

/* END DISPLAY DIV AS TABLE */

/* FILE SHARING */
div#file_sharing_table {
  width: 99%;
  margin-left: 6px;
}

div#file_sharing_list_cell {
  width: 65%;
  vertical-align: top;
}

div#file_sharing_upload_cell {
  width: 35%;
  vertical-align: top;
}

div.user_files_table {
  width: 100%;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0 10px;
}

div.file_sharing_cell {
  vertical-align: middle;
  margin-bottom: 10px;
}

div.file_sharing_filename {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #505050;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-right: 20px;
  color: #ffffff;
  font-weight: bold;
}

div.file_sharing_delete {
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
  /*min-width: 100px;*/
  max-width: 200px;
  background: #14524f;
  padding: 1px 6px;
  display: inline-block;
}

div.file_sharing_data {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #e6e6e6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  color: #707070;
}

div.file_sharing_data_item {
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
  background: #14524f;
  padding: 1px 6px;
  margin-right: 5px;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
}

div.file_sharing_data_item.package-files {
  /*width: 100%;*/
  -webkit-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
  margin-top: 5px;
  padding: 5px;
  display: block;
  background: #ffffff;
  color: #707070;
  text-align: center;
}

div.file_sharing_data_item.package-files > img.rotated {
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

div.file_sharing_data_item.delete,
div.file_sharing_data_item.download,
div.file_sharing_data_item.clipboard {
  float: right;
  background: #ffffff;
}

div.file_sharing_downloads_tracking.table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px 5px;
}

div.file_sharing_downloads_tracking.table_row.table_head {
  background: #505050;
  color: #ffffff;
}

div.file_sharing_downloads_tracking.table_row {
  background: #f3f3f3;
  color: #707070;
}

div.file_sharing_downloads_tracking.table_cell {
  -webkit-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
  padding: 3px;
}

div.upload-params-info {
  width: 98%;
  -webkit-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-top: 10px;
  margin-left: 6px;
  background: #66b3ff;
  color: #ffffff;
}

/* START FILE SHARING UPLOAD CONTROL */
.fileupload_form > ul > li#submit-controls {
  height: 55px;
}

.fileupload_form > ul > li#submit-controls > input#input-name,
.fileupload_form > ul > li#submit-controls > input#input-submit {
  position: absolute;
  left: 80px;
}

.fileupload_form > ul > li#submit-controls > input#input-name {
  top: 20px;
  width: 170px;
}

.fileupload_form > ul > li#submit-controls > img#input-spinner {
  position: absolute;
  left: 160px;
  top: 45px;
}

.fileupload_form > ul > li#submit-controls > input#input-submit {
  top: 45px;
  width: 178px;
}

.fileupload_form > ul > li.submit-item {
  height: 20px;
}

.fileupload_form > ul > li.submit-item > p {
  max-width: 250px;
  overflow: hidden;
  left: 13px;
  top: -5px;
}

.fileupload_form > ul > li.submit-item > span {
  top: 18px;
}

div#cont {
  position: fixed;
  max-height: 420px;
  overflow-y: auto;
  overflow-x: hidden;
}

/*.fileupload_form ul li div#submit-controls {
	display: inline-block;
}*/
/* END FILE SHARING UPLOAD CONTROL */

/* END FILE SHARING */

/* Start tags */

div.tags-editor {
  vertical-align: middle;
  text-align: left;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.tags-editor > div.tags-select > select {
  float: none;
}

div.tags-editor > div.tags-view > span.tag.label {
  position: relative;
  padding-right: 20px;
}

div.tags-editor > div.tags-view > span.tag.label > span {
  word-wrap: break-word;
}

div.tags-editor > div.tags-view > span.tag.label > a {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("../../images/input_delete.white.png");
  background-repeat: no-repeat;
  font-size: 1px;
}

div.tags-editor > div.tags-view > span.tag.label > a:hover {
  opacity: 0.6;
}

div.tags-select {
  display: inline-block;
  float: left;
  margin: 2px;
}

div.tags-view {
  display: inline;
  padding: 5px;
}

span.tag.label {
  float: left;
  padding: 0 5px;
  margin: 0px 10px 0px 0px;
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
  background: #14524f;
  color: var(--text-color-secondary);
  font-weight: bold;
  vertical-align: middle;
  line-height: 24px;
}

span.tag.label * {
  color: var(--text-color-secondary);
}

span.tag.label.blue {
  background: #3399ff;
}

span.tag.label.grey {
  background: #999999;
}

span.tag.label.green {
  background: #66cc00;
}

span.tag.label.yellow {
  background: #ffcc33;
}

span.tag.label.orange {
  background: #14524f;
}

span.tag.label.red {
  background: #ff3333;
}

/* End tags */

/* Start comments */

div.comment > div.notebody > div.comment-image-container {
  display: block;
  width: 100%;
  text-align: center;
}

div.comment > div.notebody > div.comment-image-container > img.comment-image {
  max-width: 600px;
  max-height: 250px;
  cursor: pointer;
}

div.modal-backdrop {
  position: fixed;
  width: 110%;
  height: 110%;
  background-color: #000000;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
  z-index: 100;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

div.modal-img-container {
  padding-top: 3%;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 101;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

div.modal-img-container > img {
  max-width: 90%;
  max-height: 90%;
  z-index: 102;
  cursor: pointer;
  position: fixed;
  left: 5%;
}

.no_border > tr > td {
  border-bottom: 0px none !important;
}

table.no_border td {
  border-top: 0px none !important;
}

.no_border_center > tr > td {
  border-bottom: 0px none !important;
  text-align: center;
}

.overview_tickets_buttons_right {
  margin-top: -35px;
  float: right;
  display: flex;
  align-items: center;
}

.overview_tickets_buttons_right label {
  margin-top: 0px;
}

.overview_tickets_buttons_right_line {
  height: 40px;
  border-left: 1px solid #dadada;
  margin-right: 5px;
}

.overview_tiquets > tbody > tr > td:nth-child(odd) > table {
  width: 99%;
}

.div_search_priority {
  width: 90%;
  padding: 7px 5px 7px 5px;
  margin-top: 15px;
  margin-right: 3px;
  font-weight: bold;
  border-radius: 2px;
  border-bottom-right-radius: 10px;
}

.container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.container h2 {
  margin: 0;
  border: 1px solid #dadada;
  background-color: #f7f7f7;
  vertical-align: middle;
  padding: 13px;
  margin-bottom: 10px;
}

.divhalf .container h2 {
  margin-bottom: 0px;
  width: 96.6%;
}

.container h2 img {
  float: right;
  vertical-align: middle;
}

.container h2 img.wu_image {
  float: none;
}

.img_h2_toggle {
  margin-left: 10px;
}

.legendColorBox,
.legendLabel {
  border: 0px none !important;
}

.taks_tree {
  padding: 0px;
  width: 98%;
}

.taks_tree li ul {
  padding: 0px;
  width: 100%;
  min-height: 40px;
}

.taks_tree li {
  padding-bottom: 10px;
  min-height: 40px;
}

.taks_tree li ul div {
  float: left;
}

.taks_tree li ul {
  position: relative;
}

/*Style for groups in type_detail*/
.div_left_ui {
  float: left;
}

.div_right_ui {
  float: left;
}

.div_right_ui #destiny {
  white-space: pre;
}

.div_middle_ui {
  float: left;
  min-width: 3%;
  height: 180px;
  margin-right: 10px;
  margin-left: 10px;
}

.div_middle_ui a {
  cursor: pointer;
}

.div_middle_ui img {
  width: 20px;
  height: 20px;
  padding-top: 20px;
}

.div_ui {
  min-width: 40%;
}

.div_ui select[multiple] {
  height: 180px;
}

.button_send_groups input {
  background: #bcfd49;
  width: 20%;
  height: 40px;
  color: #ffffff;
  margin-left: 15px;
  margin-top: 10px;
}

#list_folders {
  height: 500px;
  border: 1px solid #dadada;
  overflow: auto;
  border-radius: 5px;
}

#list_folders h2 {
  width: 90%;
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
}

.folders {
  border-bottom: 1px solid #e0e0e0;
  min-height: 40px;
  text-align: left !important;
  background: #f7f7f7;
}

.title_folder {
  text-align: left;
  line-height: 35px;
}

.images_option {
  line-height: 35px;
  margin-right: 3px;
  margin-top: 10px;
}

#folder_name {
  padding-left: 6px;
  width: 60%;
}

#button-update_folder {
  text-align: center !important;
}

.folders_select {
  background: #14524f;
}

.images_option img {
  cursor: pointer;
}

#list_reports {
  width: 75%;
  float: right;
  height: 500px;
  overflow: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.legend_text {
  float: left;
  line-height: 20px;
  margin-left: 5px;
}

.legend_box_color {
  float: left;
  height: 20px;
  width: 20px;
}

/* End comments */

/*css inventories*/
table.task-in-table,
#inventory_only_table {
  width: 100%;
  overflow: auto;
  border-collapse: collapse;
}

table.task-in-table th,
#inventory_only_table th {
  width: auto;
  white-space: nowrap;
}

table.task-in-table td,
#inventory_only_table td {
  width: auto;
  white-space: nowrap;
  /*line-height: 0px;*/
  height: 13px;
}

div.task-in-table {
  overflow-x: auto;
}

table.task-in-table ul {
  padding: 0px !important;
}

.div_multiselect {
  width: 98% !important;
  height: 225px !important;
  overflow-y: scroll;
  border-radius: 3px;
}

.div_multiselect_report {
  width: 100% !important;
  height: 163px !important;
  overflow-y: scroll;
}

th.sortable {
  background-image: url(../../images/block_orange.png);
  cursor: pointer !important;
}

th.sorted-desc {
  background-image: url(../../images/arrow_down_orange.png);
  cursor: pointer !important;
}

th.sorted-asc {
  background-image: url(../../images/arrow_up_orange.png);
  cursor: pointer !important;
}

img#inventory_loading {
  display: block;
  margin: auto;
}

#incident_fields_select_all {
  margin-left: 24%;
}

#right:hover,
#left:hover,
#up_field:hover,
#down_field:hover,
#right_order:hover,
#left_order:hover,
#asc_order:hover,
#desc_order:hover {
  cursor: pointer;
}

.clear_both {
  clear: both;
}

/*Css for graph incidents reports*/
.pie_frame_project .legend > table tr td.legendLabel {
  font-size: 0.7em !important;
}

.pie_frame_project .legend {
  width: 45% !important;
}

/*css for report project WU*/
.get_workunits_task {
  width: 100%;
  overflow: auto;
  border-collapse: collapse;
}

.get_workunits_task .listing td,
.get_workunits_task .listing th {
  white-space: nowrap;
}

/*css for lead reports*/
#new_leads_div .pie_frame .graph {
  width: 320px !important;
  margin-left: 45px !important;
}

/*Css for company_detail*/
#form-company_detail .search-table-button {
  table-layout: fixed;
}

#form-company_detail .search-table-button tr td input {
  width: 80% !important;
}

#form-company_detail .search-table-button tr td select {
  width: 82% !important;
}

.custom_field_form_container {
  width: 82%;
  float: right;
}

/*css for table user workunit report*/
.div_user_workunit_report {
  margin-bottom: 20px !important;
}

.div_user_workunit_report table td {
  width: 25% !important;
}

.div_user_workunit_report input[type="checkbox"] {
  width: 10% !important;
}

/*css for table search incidents*/
.divresult_incidents {
  margin-bottom: 20px;
}

.divresult_incidents table td {
  width: 25% !important;
}

.divresult_incidents input,
.divresult_incidents select {
  width: 80% !important;
}

.divresult_incidents input[type="checkbox"] {
  width: 10% !important;
}

.divresult_incidents input[type="button"],
.divresult_incidents input[type="submit"] {
  float: right;
}

.divresult_incidents #button-create_incident {
  background: url(../../images/validate-white.svg) no-repeat right 10px center
    var(--primary-color);
  border-color: var(--primary-color);
}

.divresult_incidents #button-create_incident:hover {
  background: url(../../images/validate-white.svg) no-repeat right 10px center
    var(--primary-color-hover);
  border-color: var(--primary-color-hover);
}

.divsave_filter input[type="submit"] {
  width: 180px !important;
  height: 35px;
  float: right;
  border-radius: 3px;
  font-size: 13px;
  color: white;
  background: var(--itsm-color);
  border-color: var(--itsm-color);
  font-weight: 300;
  cursor: pointer;
  padding: 0px;
}

div.incident_table {
  overflow-x: auto;
  padding-bottom: 15px;
}

.incident_table table tr td,
.incident_table table tr td * {
  white-space: nowrap;
}

.incident_table table tr td {
  padding-top: 4px;
  padding-bottom: 4px;
}

.incident_table table tr th {
  padding-top: 0px;
  padding-bottom: 0px;
}

.incident_table table tr th a {
  padding-left: 5px;
}

/*css for table create invoice*/

#form-invoice table tr td {
  width: 25%;
  white-space: nowrap;
}

#form-invoice table tr td a {
  padding-left: 1%;
}

#form-invoice table tr td div#div_show_rates {
  float: left;
  width: 30%;
}

#form-invoice table tr td div#div_currency_change {
  width: 62%;
}

/*css for table search invoice*/
#invoices_table tr td {
  vertical-align: baseline;
}

#invoices_table tr td > #last_div,
#invoices_table tr td > #expiration_div {
  margin-top: 20px;
}

#invoices_table tr td #search_date_begin,
#invoices_table tr td #search_date_end,
#invoices_table tr td #search_exp_begin,
#invoices_table tr td #search_exp_end {
  width: 50% !important;
}

#invoices_table tr td {
  width: 20%;
  white-space: nowrap;
}

/*css for table search company*/
#company_stats_form table tr td {
  white-space: nowrap;
}

/*css for table search contracts*/
.file_upload_container {
  margin-right: 13px;
  margin-left: 3px;
}

.file_upload_container h2 {
  padding: 18px 13px;
}

/*css for table file upload*/
#file_upload_container_div table input[type="submit"] {
  float: right !important;
  margin-right: 10px;
  margin-top: 5px;
}

/*css for reports*/
#search_folder table tr td:nth-child(-n + 2) {
  width: 45%;
}

#search_folder table tr td:nth-child(n + 3) {
  width: 10%;
}

#search_folder table tr td select {
  width: 83% !important;
}

#search_folder table tr td input {
  width: 80% !important;
}

#search_folder table tr td input[type="button"] {
  width: 65% !important;
  float: right;
  height: 30px;
  margin-right: 25%;
  border-radius: 3px;
  color: white;
  background: #14524f;
  border-color: #14524f;
  font-weight: 300;
  cursor: pointer;
  padding: 0px;
}

.divform_folder {
  width: 21%;
  float: left;
  margin-top: 22px;
}

#list_reports input[type="submit"] {
  width: 100% !important;
  height: 30px;
  margin-right: 25%;
  border-radius: 3px;
  color: white;
  background: #14524f;
  border-color: #14524f;
  font-weight: 300;
  cursor: pointer;
  padding: 7px;
}

#list_reports table tr th,
#list_reports table tr td {
  width: 12, 5%;
}

#divresult_create_folder table tr td {
  width: 50%;
}

#divresult_create_folder table tr td input {
  width: 80% !important;
}

#divresult_create_folder table tr td select {
  width: 82% !important;
}

#divresult_create_folder table tr td input[type="button"] {
  width: 20% !important;
  float: right;
  height: 30px;
  margin-right: 9%;
  margin-top: 11px;
  border-radius: 3px;
  color: white;
  background: #14524f;
  border-color: #14524f;
  font-weight: 300;
  cursor: pointer;
  padding: 0px;
}

#button-bar-title-button {
  float: right;
  margin-top: -35px;
  margin-right: 22px;
}

.table-clean {
  text-align: left;
  margin: 0 auto;
}

#button-go_to_search,
#button-info_modal_cancel,
#button-modal_cancel,
/* #submit-delete_btn, */
#submit-update_btn,
#submit-accept_btn {
  min-width: 110px;
  float: right;
  height: 40px;
  border-radius: 8px;
  color: var(--button-text-color);
  cursor: pointer;
  padding: 0px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 900;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 10px;
}

#submit-delete_btn,
#submit-accept_btn {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
}

#ticket_types_to_template {
  height: 128px;
  width: 40%;
}

.submit_new {
  height: 23px;
  clear: both;
}

.optionGroup {
  color: #0c0c0c;
  font-weight: bold;
}

#object_fields_search_check label {
  margin-top: -9px;
}

#incident_fields_search_check label {
  margin-top: -9px;
}

.wu_help_tip {
  padding-top: 16px !important;
}

.display_on {
  display: block;
}

table#widgets-container div#welcome_page {
  min-height: 150px;
}

div#widgets-droppable-container table#widgets-container td {
  border: 4px dashed rgb(230, 230, 230) !important;
}

div#welcome_page {
  width: 100%;
  text-align: center;
  /*min-height: 750px;*/
}

#welcome_msg {
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 5px;
  max-width: 70%;
  max-height: 300px;
  overflow: hidden;
  box-sizing: border-box;
}

div#welcome_page form {
}

div#welcome_page form div#wrapper {
  margin: auto;
  width: 600px;
}

div#welcome_page form div#wrapper div#search_bar input {
  height: 60px;
  padding-left: 25px;
  border: solid 3px var(--input-border);
  border-radius: 20px;
  font-size: 1.2em;
}

div#welcome_page form div#wrapper div#search_bar img {
  height: 30px;
  margin-bottom: -7px;
}

div#welcome_page form div#wrapper div#search_options {
  padding: 0px 10px 20px 40px;
  display: flex;
}

div#welcome_page form div#wrapper div#search_options .column_wrapper {
  text-align: left;
  float: left;
}

div#welcome_page form div#wrapper div#search_options .column_wrapper.column_1 {
  width: 30%;
}

div#welcome_page form div#wrapper div#search_options .column_wrapper.column_2 {
  width: 70%;
}

div#welcome_page form div#wrapper .container.search_options_container {
  margin-right: -15px !important;
  margin-top: -95px !important;
  margin-left: 25px;
}

div#welcome_page form div#wrapper div#search_options .column_wrapper p,
div#welcome_page form div#wrapper div#search_options .column_wrapper label {
  margin-top: 10px;
}

div#welcome_page form div#wrapper div.container h2#search_options {
  margin-bottom: 50px;
}

div#welcome_page form div#wrapper div.container h2#search_options,
div#welcome_page
  form
  div#wrapper
  div.container
  div#search_options_div
  div#search_options
  .column_wrapper
  h2 {
  border: 0px !important;
  background-color: transparent !important;
  padding: 0 !important;
  padding-bottom: 7px !important;
  margin-top: 50px !important;
}

div#search_results {
  width: 800px;
  margin: auto;
  clear: both;
}

div#search_results tr td:first-child {
  border: 0;
}

div#welcome_page div#search_results .pagination {
  text-align: center;
}

div#welcome_page div#search_results .pagination .pagination-total-results {
  position: relative;
  top: 2px;
}

div#welcome_page form div#welcome-buttons-wrapper {
  margin: auto;
  width: 650px;
  display: flex;
}

div#welcome_page form div#welcome-buttons-wrapper div.button-form {
  width: 180px;
  padding-left: 28px;
}

div#welcome_page form div#welcome-buttons-wrapper div.button-form input {
  width: 180px !important;
}

#rating-zone {
  display: inline-block;
}

.rating-star {
  display: inline-block;
  width: 15px;
  height: 15px;
  /*background-image:	url("../../images/rating-gris.png");*/
}

.rating-star img {
  vertical-align: text-bottom !important;
}

@media screen and (max-width: 1450px) {
  span.task_management_priority {
  }

  span.task_management_name {
  }

  span.task_management_progress {
  }

  span.task_management_estimation {
    margin-left: 55px !important;
  }

  span.task_management_people {
    margin-left: 55px !important;
  }

  span.task_management_time_used {
    margin-left: 55px !important;
    min-width: 220px !important;
  }

  span.task_management_launch_icons {
    margin-left: 55px !important;
  }
}

@media screen and (max-width: 1366px) {
  span.task_management_priority {
  }

  span.task_management_name {
  }

  span.task_management_progress {
  }

  span.task_management_estimation {
    margin-left: 45px !important;
  }

  span.task_management_people {
    margin-left: 45px !important;
  }

  span.task_management_time_used {
    margin-left: 45px !important;
    min-width: 200px !important;
  }

  span.task_management_launch_icons {
    margin-left: 45px !important;
  }
}

.remove-border {
  border: 0px !important;
}

.general_content {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: 0 auto;
}

.element_content {
  margin-right: 10px;
  margin-bottom: 10px;
  width: calc(33% - 10px);
}

.element_content a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 125px;
  text-decoration: none;
}

.element_content a:hover {
  background-color: var(--table-hover-background);
  text-decoration: none;
}

.element_content_img,
.element_content_img_icon {
  text-align: center;
  margin-right: -30px;
}

.folder-img {
  width: 100px;
}

.folder-img-content {
  position: relative;
  left: -95px;
  top: -20px;
}

.element_content_img img {
  width: 20px;
}

.element_content_p {
  width: calc(100% + -125px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.element_content_p p:nth-child(1) {
  font-size: 16px;
  font-weight: 900;
}

.element_content_p div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.element_content_p div span {
  color: var(--muted-text-color);
  font-size: 13px;
  line-height: 20px;
}

.element_content_p p:first-child {
  font-weight: bold;
}

.element_content_p p:nth-child(2) {
  font-size: 0.9em;
}

.element_content_p p:nth-child(3) {
  font-size: 0.9em;
  font-style: italic;
}

.small_font_size {
  font-size: 0.8em;
}

.italic {
  font-style: italic;
}

form.form_setup h3 {
  margin: 10px;
}

form.form_setup li {
  margin: 10px;
}

div.list_items_setup {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 20px;
  border-radius: 4px;
  height: auto;
}

div.list_items_setup_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  border-radius: 4px;
  height: auto;
}

div.list_items_setup div {
  width: 18%;
  min-width: 280px;
  height: auto;
  margin: 5px;
}

div.list_items_setup_wrap div {
  width: 18%;
  min-width: 280px;
  height: auto;
  margin: 5px;
  margin-bottom: 15px;
}

div.list_items_setup_wrap .special_case_ul input,
div.list_items_setup_wrap .special_case_ul select,
div.list_items_setup_wrap .special_case_ul label {
  /* width: 18% !important; */
  min-width: 280px !important;
}

div.list_items_setup_wrap .special_case_ul li {
  max-width: 30%;
}

div.list_items_setup_wrap .special_case_ul ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}

div.list_items_setup h3,
div.list_items_setup h5 {
  color: #555;
  font-style: italic;
}

div.list_items_setup h5 {
  margin: 0px;
}

div.list_items_setup div.list_items_setup_child {
  margin: 0px 20px;
}

div.list_items_setup div ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

div.list_items_setup div ul li {
  margin: 5px;
}

div.special_case_ul {
  width: 100% !important;
  height: auto !important;
}

div.special_case_div {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: 100% !important;
}

form#generate_template_form {
  margin-top: 30px;
}

form#generate_template_form ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.milestone_info {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
}

.gantt_scale_cell_milestone {
  position: relative !important;
}

.mce-ico {
  font-family: tinymce !important;
}

.ui-widget-content#company_search_window {
  width: 100% !important;
  box-sizing: border-box;
}

/*Styles Login*/
div#login {
  text-align: center;
  /* display: flex;
	flex-direction: column;
	vertical-align: center; */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}

.login-data {
  height: 100%;
  width: 60vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: center;
}

.form_login {
  height: 100%;
  width: 40vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 300px;
}

.container_login_out {
  height: 100%;
  min-width: 300px;
  margin: 0;
  background: var(--login-background-color);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.container_login_in {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.shadow {
  -webkit-box-shadow: 5px 5px 5px 2px #0000007d;
  -moz-box-shadow: 5px 5px 5px 2px #0000007d;
  box-shadow: 5px 5px 5px 2px #0000007d;
}

.login_image_container {
  width: 300px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.input_login {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  width: 300px;
  margin-bottom: 20px;
  border-radius: 3px;
}

input.login {
  background-color: #f6f7fb;
  border: 0px;
  color: #343434;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  font-size: 10pt;
  padding: 0px 0px 0px 8%;
  background-repeat: no-repeat;
  background-size: 27px;
  background-position: right 10px bottom 50%;
  box-sizing: border-box;
}

input.login:focus {
  border: 2px solid var(--muted-text-color);
}

input.login:active,
input.login:focus {
  outline: none;
}

input.login:-webkit-autofill,
input.login:-webkit-autofill:hover,
input.login:-webkit-autofill:focus {
  -webkit-text-fill-color: #333 !important;
  caret-color: #333 !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

input.input-password {
  background: url("../../images/eye-open.svg");
  background-color: #f6f7fb;
  background-repeat: no-repeat;
  background-size: 27px;
  background-position: right 10px bottom 50%;
  padding-right: 45px;
}

div.login-div-pass {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

div.login-div-pass-button {
  width: 38px;
  height: 38px;
  margin-left: -40px;
}

input.input-password:has(~ .login-div-pass-button:active) {
  border: 2px solid var(--muted-text-color);
}

.login_div_img_input {
  width: 10%;
}

.login_div_input {
  width: 100%;
}

.login_div_button {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 300px;
  border-radius: 3px;
  flex-wrap: nowrap;
  align-items: center;
}

.login_div_button a {
  color: var(--text-color);
}

.login_div_footer {
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--text-color);
  text-align: center;
  font-weight: 350;
  font-size: 10px;
}

div.header-login {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 20px;
  left: 20px;
  border-radius: 8px;
  z-index: 1;
}

div.header-login > ul {
  height: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0 10px;
}

div.header-login > ul * {
  color: var(--header-text-color);
  line-height: 15px;
}

div.header-login > ul *:hover {
  font-weight: bold;
  text-decoration: none;
}

div.header-login > ul #li-doc-img {
  margin-right: 3px;
}

div.header-login > ul #li-doc {
  margin-right: 15px;
}

div.header-login > ul #li-support-img {
  margin-right: 3px;
}

.login-data > span {
  margin-left: 40px;
  text-align: left;
  display: block;
  font-family: "lato-bolder" !important;
  color: #fff;
  margin-right: 30px;
  text-shadow: 2px 2px #000;
  font-size: 6vw;
  line-height: 6vw;
}

.login-data span.span-2 {
  font-size: 3vw;
  line-height: 3vw;
}

#license-dialog {
  width: 100% !important;
  box-sizing: border-box;
}

/*Dialog license*/
#license-dialog form {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  text-align: left;
  width: 100%;
  height: 100%;
}

.login_button.login_button_centered {
  margin: 0 auto;
  font-size: 15px;
}

/*Dialog info license*/
.dialog_info_license {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 100%;
}

.dialog_info_license_img {
  width: 25%;
}

.dialog_info_license_img img {
  width: 120px;
}

.dialog_info_license_table {
  width: 60%;
}

/* Tinymce */
.mce-panel {
  border-color: var(--tinymce-border-color) !important;
  box-shadow: none !important;
}

.btn_modal {
  text-align: right;
  font-size: 1.05em;
  margin-top: 20px;
}

.cancel_btn_modal {
  background-color: #888888 !important;
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  color: #fff;
  margin-left: 5px;
}

.create_btn_modal {
  background-color: #14524f !important;
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  color: #fff;
  margin-left: 5px;
}

#role_user_tasks {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#role_user_tasks form table {
  height: 145px;
}

#role_user_tasks form table tr td:last-child {
  text-align: right;
}

#role_user_tasks select[multiple] {
  height: 80px;
}

#calendar_entry {
  margin-top: 10px;
}

#calendar_entry table input[type="text"],
#calendar_entry table select {
  width: 80%;
}

#calendar_entry .cancel_btn_modal {
  color: #fff !important;
}

#calendar_entry .create_btn_modal {
  color: var(--text-color) !important;
  font-weight: bold;
}

#filemgr_forms {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  margin-bottom: 10px;
}

#filemgr_forms form {
  align-items: center;
  display: flex;
}

#filemgr_forms form table input[type="file"] {
  margin-top: 0;
}

#filemgr_forms form table td:last-child {
  text-align: right;
}

#global_search_page h3 {
  margin-bottom: 10px !important;
  color: #333;
}

#task_search_modal {
  float: none;
}

.pixel {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}

/*Timetracker*/
/*Activity*/
.container-timetracker-activity {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
  color: #666666;
}

.container-timetracker-activity .container-data-user {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  background-color: #eeeeee;
  padding: 10px;
  text-align: center;
}

.container-timetracker-activity .container-data-user div span:first-child {
  font-weight: bold;
}

.container-timetracker-activity .container-data-user .avatar-user {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.container-timetracker-activity .container-data-user .avatar-user div img {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 100px;
  width: 100px;
}

.container-timetracker-activity .container-data-user .avatar-user .pixel {
  position: absolute;
  width: 35px;
  height: 35px;
}

.container-timetracker-activity .container-data-user .status-user,
.container-timetracker-activity .container-data-user .times-user {
  display: flex;
  flex-direction: column;
}

.container-timetracker-activity .container-data-user .status-user span,
.container-timetracker-activity .container-data-user .times-user span {
  margin: 10px;
}

.container-timetracker-activity .container-button-activity form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  border: 3px inset #dadada;
  border-radius: 10px;
  width: 60%;
  padding: 15px;
  margin: 0 auto;
  background-color: #eeeeee;
  margin-top: 30px;
}

.container-timetracker-activity
  .container-button-activity
  form
  input[type="image"] {
  width: 100px;
}

.container-timetracker-activity .container-not-activity {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  margin-top: 70px;
  font-size: 25pt;
}

.container-timetracker-activity .container-not-activity span:not(:first-child) {
  margin-top: 15px;
  color: #14524f;
}

.container-timetracker-activity .container-activity {
  width: 67%;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}

.container-timetracker-activity .container-activity ul li {
  margin: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.container-timetracker-activity .container-activity ul li div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.container-timetracker-activity
  .container-activity
  ul
  li.activity-list-header
  > div:first-child {
  width: 10%;
  justify-content: center;
}

.container-timetracker-activity
  .container-activity
  ul
  li.activity-list-header
  > div:not(:first-child) {
  width: 88%;
}

.container-timetracker-activity
  .container-activity
  ul
  li.activity-list-header
  > div:not(:first-child)
  div {
  justify-content: center;
}

.container-timetracker-activity
  .container-activity
  ul
  li
  div.activity-list-img {
  min-height: 60px;
  width: 10%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #eeeeee;
}

.container-timetracker-activity
  .container-activity
  ul
  li
  div.activity-list-data {
  min-height: 60px;
  width: 88%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #eeeeee;
}

.container-timetracker-activity .container-activity ul li div div {
  flex: 1;
}

.container-timetracker-activity
  .container-activity
  ul
  li
  div.activity-list-data
  div.activity-list-data-origin {
  text-align: justify;
  margin-left: 20px;
}

.container-timetracker-activity
  .container-activity
  ul
  li
  div.activity-list-data
  div.activity-list-data-time {
  justify-content: center;
}

.container-timetracker-activity
  .container-activity
  ul
  li
  div.activity-list-data
  div.activity-list-data-total {
  justify-content: flex-end;
  margin-right: 20px;
}

#modal-origin-timetrack {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

#modal-origin-timetrack input[type="button"] {
  width: 70%;
  height: 50px;
  background-color: #14524f !important;
  color: #fff !important;
  font-size: 12pt !important;
  border: none;
}

.flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.flex-align-items-start {
  align-items: start;
}

.flex-align-items-center {
  align-items: center !important;
}

.flex-column-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.flex-between {
  justify-content: space-between;
}

.flex-around {
  justify-content: space-around;
}

.flex-row-center li {
  margin: 10px;
}

.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
}

.flex-column-space-between {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

div#period-date-custom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

div#period-date-custom input {
  width: 100px !important;
  margin-left: 20px;
  margin-right: 20px;
}

table.daily-tracker {
  border: 0px solid #dadada;
  border-radius: 0px;
  margin-bottom: 0;
  padding-bottom: 3%;
  padding-top: 3%;
  margin: 0 auto;
}

table.daily-tracker thead tr th {
  border-radius: 0px;
}

table.daily-tracker tbody tr td .daily-summ-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 13px;
}

table.daily-tracker tbody tr td .daily-summ-info .status_origin_image {
  width: 15px;
  border-radius: 100px;
  padding: 5px;
  margin-left: 40px;
  margin-right: 5px;
}

table.daily-tracker tbody tr td .daily-summ-info .status_image_pause,
table.daily-tracker tbody tr td .daily-summ-info .status_image_play,
table.daily-tracker tbody tr td .daily-summ-info .mini-tracker-location {
  width: 27px;
  margin-left: 5%;
  margin-right: 5px;
}

table.daily-tracker tbody tr td .container-tracker-bar div {
  height: 5px;
  position: relative;
}

table.daily-tracker tbody tr td .container-tracker-bar {
  width: 95%;
  height: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  margin: 40px;
}

table.daily-tracker
  tbody
  tr
  td
  .container-tracker-bar
  div
  img.status_origin_image {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 23px;
  border-radius: 100px;
  padding: 8px;
}

table.daily-tracker tbody tr td .container-tracker-bar div span {
  position: absolute;
  top: 12px;
  left: -25px;
  width: 20px;
  border-radius: 100px;
  padding: 10px;
}

div.container-timetracker {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 60px;
}

div.container-timetracker > div {
  flex: 1;
}

div.container-bottons-date-timetracker {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

div.container-edit-activity-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  background-color: #f7f7f7;
  margin-bottom: 15px;
  padding-left: 20px;
}

div.avatar-edit-activity-info {
  display: flex;
  flex-direction: row;
  align-items: center;
}

div.container-edit-activity-info span {
  color: #555;
  line-height: 22px;
  font-weight: bolder;
  -webkit-font-smoothing: antialiased;
}

#kb_form_dialog {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Show suggestions from KB */
.suggestions_kb {
  position: relative;
  display: inline-block;
}

.suggestions_list_items {
  position: absolute;
  border-bottom: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--background-main-color);
  padding-left: 10px;
  padding-top: 5px;
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  font-size: 0.9em;
}

.suggestions_list_items .suggestions_item {
  padding: 5px 10px;
  cursor: pointer;
  background-color: var(--background-main-color);
}

.suggestions_list_items .suggestions_item:hover {
  background-color: var(--background-submenu-hover);
  color: var(--text-color);
}

.suggestions_list_items .suggestions_item a {
  display: block;
}

.suggestions_list_items .suggestions_item a:hover {
  color: var(--text-color);
}

#report_template_editor td {
  padding-bottom: 10px;
}

div.fullwidth {
  width: 100% !important;
}

div.flex {
  display: flex !important;
}

div.flex-column {
  flex-direction: column !important;
}

div.flex-row {
  flex-direction: row !important;
}

div.flex-wrap {
  flex-flow: row wrap !important;
}

div.flex-justify-start {
  justify-content: flex-start !important;
}

img.image_list_users_channels {
  margin-left: 20px;
}

.forgot_password_login {
  font-size: 0.8em;
}

div.container-dashboard-detail {
  width: 100%;
  min-width: 880px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 10px;
}

div.container-dashboard-detail > div.container-dashboard-detail-left,
div.container-dashboard-detail > div.container-dashboard-detail-right {
  width: calc((100% / 2) - 10px);
}

.title_ticket_notes {
  background-color: #f7f7f7;
  width: fit-content;
  padding: 5px 10px;
  font-weight: bolder;
}

.body_ticket_notes {
  text-align: left;
  padding: 15px;
  line-height: 3em;
}

tbody#incident_custom_fields_div tr td {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 0px;
}

tbody#incident_custom_fields_div tr td table {
  margin: 0px;
}

tbody#incident_custom_fields_div tr td table tr td {
  border-bottom: 0px;
}

#incident-dashboard-detail-pdf div.incident_details_bottom {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
}

#incident-dashboard-detail-pdf div.incident_details_bottom img {
  margin-right: 0px;
}

#incident-dashboard-detail-pdf div.incident_details_bottom span {
  vertical-align: middle;
}

#incident-dashboard-detail-pdf div.incident_details_bottom span.bolder {
  font-weight: bold;
}

#incident-dashboard-detail-pdf div.container {
  height: inherit;
  margin-right: 0px !important;
}

#incident-dashboard-detail-pdf div.container div.container_div {
  height: inherit;
  border: none;
}

#incident-dashboard-detail-pdf div.container h2.dashboard_h2 {
  font-size: 10pt;
  font-weight: bold;
  padding: 10px 15px !important;
  margin-top: 0px;
}

#incident-dashboard-detail-pdf table.listing tr td {
  border-bottom: 0px;
}

#incident-dashboard-detail-pdf table.listing tr th {
  text-align: left;
  font-weight: bold;
}

#incident-dashboard-detail-pdf div.comment {
  margin-left: 10px;
  margin-top: 10px;
}

#incident-dashboard-detail-pdf .comment .title_ticket_notes {
  width: 350px;
  font-weight: 600;
}

#incident-dashboard-detail-pdf .comment .title_ticket_notes span {
  margin: 10px;
  background-color: #f7f7f7;
  width: inherit;
  padding: 5px 10px;
}

#incident-dashboard-detail-pdf div.comment div.body_ticket_notes {
  margin-left: 10px;
  line-height: 15px;
  padding: 0px 10px;
  margin-top: 5px;
}

#incident-dashboard-detail-pdf div.comment div.body_ticket_notes pre {
  line-height: 15px;
  white-space: pre-wrap;
}

#incident-dashboard-detail-pdf tbody#incident_custom_fields_div tr td {
  padding-top: 3px;
  padding-bottom: 3px;
}

#incident-dashboard-detail-pdf tbody#incident_custom_fields_div tr td table {
  margin: 0px;
}

.scoring_container_rating {
  width: 100%;
  max-width: 500px;
}

.scoring_buttons {
  padding-top: 10px;
  margin-bottom: 20px;
}

.scoring_upd {
  width: 170px;
  float: right;
  height: 40px;
  border-radius: 3px;
  color: white;
  font-weight: 300;
  cursor: pointer;
  padding: 0px;
  font-size: 1em !important;
  background: #14524f;
  margin-bottom: 10px;
  margin-top: 15px;
  margin-right: 10px;
}

.scoring_button_yes {
  width: 210px;
  height: 40px;
  border-radius: 3px;
  color: white;
  font-weight: 300;
  cursor: pointer;
  padding: 0px;
  font-size: 0.9em !important;
  background: #14524f;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 10px;
  background: url(../images/thumbs-up-white.png) no-repeat left 10px center
    #14524f !important;
}

.scoring_button_no {
  width: 210px;
  height: 40px;
  border-radius: 3px;
  color: black;
  font-weight: 300;
  cursor: pointer;
  padding: 0px;
  font-size: 0.9em !important;
  background-color: var(--button-background-color-secondary);
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 10px;
  background: url(../images/thumbs-down-grey.png) no-repeat left 10px center
    var(--button-background-color-secondary) !important;
}

.scoring_ticket_info {
  margin-left: 5%;
  margin-top: 2%;
}

.scoring_owner_avatar {
  padding: 20px;
  margin-bottom: 20px;
}

.scoring_owner_info {
  padding: 20px;
  text-align: right;
}

/* --- SWITCH --- */
.p-switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  margin-right: 1em;
}

.p-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.p-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}

.p-slider-disabled {
  background-color: #dfdfdf !important;
}

.p-slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: #666;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .p-slider {
  background-color: var(--primary-color-hover);
}

input:focus + .p-slider {
  box-shadow: 0 0 1px var(--primary-color-hover);
}

.main-box input:checked + .p-slider {
  background-color: var(--primary-color-hover);
}

.main-box input[disabled] + .p-slider::before {
  background-color: var(--input-background-disabled);
}

.dark-theme .main-box input:checked + .p-slider {
  background-color: var(--primary-color);
}

.main-box input:focus + .p-slider {
  box-shadow: 0 0 1px var(--primary-color-hover);
}

input:checked + .p-slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* --- END SWITCH --- */

div.flex-switch-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

div.flex-switch-label label.p-switch {
  margin-left: 10px;
}

div#incident_fields_search_check div.flex-switch-label,
div#object_fields_search_check div.flex-switch-label {
  justify-content: flex-end;
  flex-direction: row-reverse;
}

div#incident_fields_search_check {
  padding: 0;
}

div.form-support-issue-fields table {
  width: 100%;
}

div.form-support-issue-fields td > label {
  margin-bottom: 10px;
}

div#incident_fields_search_check div.flex-switch-label {
  margin-bottom: 5px;
}

div#incident_fields_search_check div.flex-switch-label:first-child {
  margin-top: 15px;
}

div#incident_fields_search_check div.flex-switch-label > label:last-child {
  margin-right: 20px;
  margin-bottom: 15px;
}

div.divresult_inventory select[multiple] {
  height: 250px;
}

div.divresult_inventory .button-form {
  margin-top: 15px;
  margin-right: 15px;
  text-align: right;
}

.divresult_inventory {
  width: 100%;
}

.inventory_column_container {
  width: 100%;
  padding-bottom: 0px;
}

.inventory_type_object_container {
  width: 18%;
  float: left;
}

#form-add-workunit .switch-workunits-editor {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

#form-add-workunit .switch-workunits-editor label:nth-child(1) {
  font-weight: normal;
  margin: 0;
}

#form-add-workunit .switch-workunits-editor div {
  margin-right: 20px;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: center;
}

#form-add-workunit table.search-table {
  padding: 15px;
}

.container-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.container-flex-nowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.div-form-flex {
  flex: 1 1 15%;
  max-width: 300px;
  margin-right: 10px;
}

.div-result-flex {
  flex: 1 1 30%;
}

/* .div-form-flex .search-table input[type="text"],
.div-form-flex .search-table select,
.div-form-flex .search-table textarea,
.div-form-flex .search-table input[type="submit"],
.div-form-flex
  .listing-border
  .listing
  tbody#project_involved_people_div
  input[type="button"] {
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  width: fill-available !important;
} */

.div-form-flex .search-table input[type="submit"] {
  margin-right: 0px;
}

.div-form-flex div.listing-border {
  margin-left: 0px;
}

.div-form-flex
  .listing-border
  .listing
  tbody#project_involved_people_div
  input[type="button"] {
  margin: 9px;
}

.info-avatar-user {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 227px;
}

.dropzone.form-upload-file-download {
  background-color: #e6e6e6;
  color: var(--text-color);
  border: 2px solid var(--input-border);
  text-align: center;
  border-radius: 5px;
  width: 90%;
  margin: 0 auto;
}

.form-dropzone-buttons {
  width: 90%;
  margin: 0 auto;
}

.dropzone.form-upload-file-download div.dz-message {
  margin: 0px;
}

.dropzone.form-upload-file-download .dz-preview.dz-image-preview {
  background-color: #3f3f3f;
}

.dropzone.form-upload-file-download .thumbnail-file {
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  top: 100px;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

.dropzone.form-upload-file-download .dz-preview .dz-remove {
  position: absolute;
  top: -10px;
  right: -10px;
  color: #fff;
  font-weight: bolder;
  border: 2px solid #fff;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  padding-top: 2px;
  padding-left: 1px;
}

.dropzone.form-upload-file-download .dz-preview .dz-details .dz-size {
  margin-bottom: 2em;
}

form.dropzone img.img_delete {
  cursor: pointer;
}

.dropzone-display-buttons-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.dropzone-container-previews {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

.dropzone-upload-conf > div {
  float: inline-start;
  padding-left: 20px;
  padding-right: 15px;
}

.preview-default-dropzone {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 10px;
  margin: 10px;
  padding: 10px 0px;
  min-width: 475px;
  border: 1px solid #dadada;
  box-shadow: 7px 7px 10px -5px #3f3f3f;
}

.preview-default-dropzone img.close_dropzone {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  border: 2px solid #fff;
  background-color: #fff;
  border-radius: 50%;
}

.preview-default-dropzone .dropzone-template-preview img {
  border-radius: 50%;
}

.preview-default-dropzone .dz-text-size-file {
  margin-bottom: 8px;
}

.preview-default-dropzone .dz-progress {
  width: 100%;
  background-color: var(--background-main-color);
  height: 8px;
  border-radius: 5px;
  padding: 0px;
}

.preview-default-dropzone .preview-button-dropzone {
  margin-top: 15px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
}

.preview-default-dropzone form .preview-button-dropzone {
  width: 100%;
}

.preview-default-dropzone .preview-description-dropzone {
  margin-left: 30px;
}

.preview-default-dropzone .preview-description-dropzone textarea {
  max-width: 92%;
  min-height: 70px;
}

.preview-default-dropzone form .preview-description-dropzone textarea {
  max-width: 100%;
}

.preview-default-dropzone .preview-info-dropzone {
  display: flex;
  flex-direction: row;
}

.preview-default-dropzone .preview-button-dropzone input.upd,
.preview-default-dropzone .preview-button-dropzone input.btn {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 30px;
  width: 100px !important;
}

.preview-default-dropzone .dropzone-template-preview img {
  width: 88px;
}

.preview-default-dropzone .dz-error-message,
.preview-default-dropzone .dz-success-message {
  width: 100%;
  max-width: 400px;
  max-height: 80px;
  overflow: auto;
}

.preview-default-dropzone .dz-error-message {
  color: #ff3333;
}

.preview-default-dropzone .dz-success-message {
  color: #93c12c;
}

.preview-default-dropzone .dz-error-message span {
  white-space: pre-wrap;
}

.preview-default-dropzone .form-browser-downloads {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.preview-default-dropzone .form-browser-downloads select {
  width: 160px !important;
}

.dropzone-template {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.dropzone-template form {
  width: 100%;
}

.dropzone-template-actions .sub {
  width: 120px !important;
}

.dropzone-template-preview img {
  width: 100px;
}

.dz-progress {
  width: 100%;
  background-color: #888888;
  height: 8px;
  border-radius: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.dz-upload {
  width: 0px;
  height: 8px;
  border-radius: 5px;
  background-color: var(--primary-color) !important;
}

.dz-text-size-file {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.display-none {
  display: none;
}

.flex-row-end,
div.flex-row-end {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.align-items-end {
  align-items: flex-end;
}

div.disabled-multiple,
select.disabled,
textarea.disabled,
input[type="text"].disabled {
  cursor: not-allowed;
}

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

.form-support-report {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.form-support-report div.form-support-issue-fields {
  flex: 1 1 200px;
  margin-right: 10px;
}

.form-support-report table {
  height: 350px;
}

.form-support-report div.form-support-issue-fields div.divform_multiselect {
  float: none;
  width: inherit;
}

.form-support-report
  div.form-support-issue-fields
  div.divform_multiselect
  table.search-table
  tr
  td {
  padding: 0px;
  display: block;
}

.form-support-report
  div.form-support-issue-fields
  div.divform_multiselect
  div.div_multiselect_report {
  height: 275px !important;
  overflow: auto;
  padding: 10px;
  width: inherit !important;
}

.form-support-report div.form-support-inputs-fields {
  flex: 8 1 400px;
  height: 100%;
}

div.container-support-report {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

div.container-support-report div.container {
  flex: 1 0 48%;
  min-width: 440px;
  margin-top: 10px;
}

div.container-support-report div.container:nth-child(odd):not(:last-child) {
  margin-right: 10px;
}

div.container-support-report div.container:nth-child(even) {
  margin-left: 10px;
}

div.container-support-report div.container:last-child {
  margin-bottom: 20px;
}

.pie_frame {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  align-items: center;
}

div.container_ticket_activity_container .pie_frame {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: flex-start;
}

.welcome-data div.container_ticket_activity_container .pie_frame {
  flex-direction: row;
}

div.list-incidents-customized {
  width: 100%;
}

div.list-incidents-customized {
  overflow: auto;
}

.justify-space-around {
  justify-content: space-around;
}

.flex-wrap {
  flex-wrap: wrap;
}

.editor-toolbar {
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding: 9px 10px;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.editor-toolbar button.bold {
  margin-left: auto;
}

.logo_full {
  width: 215px !important;
  height: auto !important;
}

.title_vbars {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
}

#form-report_holidays {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#report-customer-incidents h1 {
  padding: 0px;
  text-align: center;
  margin: 10px 0px 20px 0px;
  text-transform: none;
  border: 0px;
  width: 99%;
  font-size: 24px;
  font-weight: 900;
}

#report-customer-incidents .main-box > h2 {
  border-top: 1px solid var(--border-color);
  padding-top: 10px;
}

#report-customer-incidents .description_item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px 0px 5px 0px;
}

#report-customer-incidents .graph {
  margin: 0 auto;
}

#report-customer-incidents h2 {
  font-size: 14px;
}

#report-customer-incidents table.listing {
  width: 95%;
  margin: 0 auto;
}

#report-customer-incidents .legend_vbars table {
  display: flex;
}

#report-customer-incidents .legend_vbars table tbody {
  display: flex;
}

.button-bar-title-flex {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  align-content: center;
  position: relative;
  right: 0;
  top: 5px;
}

.button-bar-title-flex div {
  min-width: 40px;
  min-height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.task-list-deep {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.dataTables_wrapper {
  width: 100%;
  min-height: 200px;
}

.dataTables_wrapper table.dataTable tbody tr {
  background-color: transparent;
}

.dataTables_wrapper table thead tr th {
  text-align: left;
}

.dataTables_wrapper table tbody tr:not(:last-child) td {
  background-color: transparent;
  text-align: left;
  padding: 10px 20px;
}

.dataTables_wrapper .dataTables_paginate {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.dataTables_wrapper .dataTables_info {
  padding-left: 15px;
  margin-top: 3px;
}

.dataTables_wrapper .dataTables_paginate a {
  padding: 10px;
}

.dataTables_wrapper .pandora_pagination.next.disabled div.icon-next,
.dataTables_wrapper .pandora_pagination.previous.disabled div.icon-prev {
  background-color: #dcdcdc !important;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid var(--border-color-secondary) !important;
}

table.dataTable.no-footer {
  border-bottom: 1px solid var(--border-color-secondary) !important;
}

.red_dot {
  background: url("../../images/dot2_red.png") no-repeat center;
  width: 16px;
  height: 16px;
}

.green_dot {
  background: url("../../images/dot2_green.png") no-repeat center;
  width: 16px;
  height: 16px;
}

.double_auth_login {
  margin: 1em 0 2em;
}

.double_auth_user_highlighted {
  font-size: large;
  font-weight: 500;
}

div.new_user {
  display: inline-block;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: auto;
  height: 30px;
  padding-left: 5px;
  text-align: center;
  vertical-align: center;
  border: 1px solid black;
  border-radius: 10%;
  color: black;
  font-size: bold;
  align-items: baseline;
}

img.new_user_img {
  margin-top: 5px;
  margin-right: 5px;
  cursor: pointer;
}

div.error_msg {
  color: red;
}

.standard-icon {
  width: 20px;
  height: 20px;
}

.menu_nav_classic ul#menu_slide {
  overflow-y: auto;
  overflow-x: hidden;
}

ul#menu_slide::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0px;
}

ul#menu_slide::-webkit-scrollbar:vertical {
  width: 0px;
}

ul#menu_slide::-webkit-scrollbar-button:increment,
ul#menu_slide::-webkit-scrollbar-button {
  display: none;
  width: 0px;
}

ul#menu_slide::-webkit-scrollbar-thumb {
  background-color: #6c7587;
  border-radius: 2.5px;
  opacity: 0.5;
  height: 50px;
  width: 0px;
}

ul#menu_slide::-webkit-scrollbar-track {
  border-radius: 10px;
  width: 0px;
}

/* Modals */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
  border-radius: 10px;
  box-shadow: 0 0 10px 0 var(--box-shadow-color);
  background-color: var(--secondary-color);
}

.ui-widget-overlay {
  opacity: 0.3;
}

/* Modal tabs */
.ui-widget-content.ui-tabs > ul {
  width: 100%;
  background-color: transparent;
}

.ui-widget-content.ui-tabs > ul > li {
  border: 0px;
}

.ui-widget-content.ui-tabs
  > ul
  > li:not(.ui-tabs-close-button):not(.ui-tabs-active):hover {
  border-bottom: 3px solid var(--old-pandora-green);
  padding-bottom: 3px;
  box-sizing: border-box !important;
}

.ui-widget-content.ui-tabs > ul > li > * {
  font-weight: normal;
  color: var(--text-color) !important;
}

.ui-widget-content.ui-tabs > ul > li.ui-tabs-active {
  outline: 0px !important;
  border-bottom: 3px solid var(--old-pandora-green);
  cursor: default;
  background: var(--background-submenu-selected) !important;
}

.ui-widget-content.ui-tabs > ul > li.ui-tabs-active > * {
  cursor: default;
}

.ui-widget-content.ui-tabs > ul > li.ui-tabs-close-button {
  background-color: transparent;
}

/* About modal */
#about-tabs > div[id^="tab-"] {
  margin-top: 55px;
  padding: 12px 17px;
}

#about-tabs > div#tab-general-view.tab-general-view-not-admin {
  margin-top: 0px;
}

#about-tabs {
  overflow: hidden;
}

body.dark-theme #about-tabs > ul li:not(.ui-tabs-close-button) {
  background-color: var(--background-submenu-selected);
}

#about-tabs > ul li {
  box-sizing: border-box;
}

#tab-database {
  height: 80%;
  overflow: auto;
}

/* Table about dialog */
.table-about {
  background-color: var(--secondary-color);
  width: 100%;
  border-collapse: collapse;
  margin-top: -15px;
}

.table-about tr:last-child td {
  border-bottom: 0px;
}

.table-about td {
  background-color: var(--secondary-color);
  width: 100%;
  border-bottom: 1px solid var(--border-color);
}

.table-about h1 {
  text-transform: none !important;
  font-size: 28px !important;
  color: var(--text-color);
  margin-top: 34px;
  margin-left: 9px;
}

.table-about h2 {
  text-transform: none !important;
  font-size: 15px !important;
  margin-bottom: 5px;
  margin-left: 9px;
  color: var(--primary-color);
}

.table-about h2 span {
  color: var(--primary-color);
  font-size: large;
  font-weight: bolder;
}

.table-about p {
  color: var(--text-color);
  font-size: 15px;
  font-weight: normal;
  margin: 7px;
  margin-left: 9px;
}

.table-about p span {
  color: var(--text-color);
  font-size: 15px;
  font-weight: bold;
  margin: 9px;
  margin-left: 0px;
}

.table-about p.about-last-p {
  padding-bottom: 17px;
}

.border-bottom-gray,
.table-about .about-last-tr {
  border-bottom: 1px solid var(--border-color);
}

.about-copyright-div {
  width: 100%;
  height: 100%;
}

.trademark-copyright {
  width: 90%;
  color: #8a96a6;
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: 5px;
  text-align: center !important;
  position: absolute;
  bottom: 0;
}

/* Notifications */
div.notifications {
  width: 500px;
  position: fixed;
  z-index: 10000;
  top: 125px;
  right: 10px;
  max-height: calc(100% - 130px);
  overflow: auto;
  opacity: 0.9;
}

div.notifications:hover {
  opacity: 1;
}

div.login_error_div {
  width: 600px;
  position: fixed;
  z-index: 10;
  top: 25px;
  right: 25px;
  max-height: calc(100% - 130px);
  overflow: auto;
  padding: 20px;
  border-radius: 5px;
  border-left: 5px solid #f85858;
}

div.login_error_div,
div.login_error_div * {
  text-align: left;
  color: #f85858;
  background-color: #ffe8e8;
}

div.notifications::-webkit-scrollbar {
  -webkit-appearance: none;
}

div.notifications::-webkit-scrollbar:vertical {
  width: 5px;
}

div.notifications::-webkit-scrollbar-button:increment,
div.notifications::-webkit-scrollbar-button {
  display: none;
}

div.notifications:hover::-webkit-scrollbar-thumb {
  background-color: #6c7587;
  border-radius: 2.5px;
  opacity: 0.5;
  height: 50px;
}

div.notifications::-webkit-scrollbar-track {
  border-radius: 10px;
}

div.notifications > *,
div.widget-notification > * {
  display: grid;
  font-weight: normal;
  font-size: 12px;
  margin: 0px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 13%);
  margin-bottom: 15px;
  margin-right: 15px;
}

.dark-theme .notifications > *,
.dark-theme .widget-notification > * {
  filter: brightness(0.8);
}

div.notifications > *,
div.widget-notification > * {
  font-size: 15px !important;
  font-weight: 500;
}

div.notifications > * > span.notification-title-msg,
div.widget-notification > * > span.notification-title-msg {
  font-weight: bold;
  font-size: 14pt;
  margin-bottom: 2px;
}

div.notifications .suc *,
div.widget-notification .suc * {
  color: #5a8629;
}

div.notifications .suc,
div.widget-notification .suc {
  color: #5a8629;
  background: #d9efee;
  padding: 20px;
  border-radius: 5px;
  border-left: 5px solid #5a8629;
}

div.notifications .info_message *,
div.widget-notification .info_message * {
  color: #006f9d;
}

div.notifications .info_message,
div.widget-notification .info_message {
  color: #006f9d;
  background: #d6edff;
  padding: 20px;
  border-radius: 5px;
  border-left: 5px solid #006f9d;
  font-size: 15px;
  font-weight: 500;
}

div.notifications .error *,
div.widget-notification .error * {
  color: #f85858;
}

div.notifications .error,
div.widget-notification .error {
  color: #f85858;
  background: #ffe8e8;
  padding: 20px;
  border-radius: 5px;
  border-left: 5px solid #f85858;
}

/* Autocomplete imputs */
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
  border: 1px solid var(--border-color);
  border-top: 0px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background: unset;
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content > li {
  background-color: var(--secondary-color);
  /* height: 26px; */
  padding-top: 2px;
  padding-bottom: 2px;
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content > li:nth-child(even) {
  background-color: var(--border-color);
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content > li .ui-state-focus {
  color: var(--text-color);
  margin: unset;
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content > li:hover {
  background-color: var(--background-main-color);
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content > li:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

div.textarea-custom-field-list {
  width: 15ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Show/Hide password */
div.div-password {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

input[data-show-pass="true"] {
  background: url(../../images/eye-open.svg);
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: right 5px bottom 50%;
  padding-right: 35px;
}

div.div-pass-button {
  width: 30px;
  height: 30px;
  margin-left: -32px;
  cursor: pointer;
}

/* Show/Hide password */
div.div-password {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

input[data-show-pass="true"] {
  background: url(../../images/eye-open.svg);
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: right 5px bottom 50%;
  padding-right: 35px;
}

.dark-theme input[data-show-pass="true"] {
  background: url(../../images/eye-open-dark.svg);
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: right 5px bottom 50%;
  padding-right: 35px;
}

div.div-pass-button {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  margin-left: -32px !important;
  cursor: pointer;
}

.inline-flex {
  display: inline-flex;
}

div.vacation-report,
table.vacation-report {
  overflow-x: auto;
}

table.vacation-report tr > td:first-child {
  position: sticky;
  left: 0;
}

table.vacation-report,
table.vacation-report td {
  border: 1px solid var(--border-color);
  border-collapse: collapse;
  color: var(--text-color);
}

table.vacation-report .holiday {
  background-color: var(--input-background-disabled);
}

.dark-theme table.vacation-report .holiday {
  background-color: var(--input-border-focus);
}

table.vacation-report td:first-child {
  text-align: right;
  white-space: nowrap;
  background-color: var(--secondary-color);
  border: 0px;
  outline-color: var(--border-color);
  outline-style: solid;
  outline-width: 1px;
}

table.vacation-report .special-day {
  background-color: #a9a9a9;
}

table.vacation-report td.group {
  background-color: var(--input-background);
}

table.vacation-report .selected {
  background-color: #b7d7a9;
}

.dark-theme table.vacation-report .selected {
  background-color: #3d6445;
}

table.vacation-report td:first-child.group {
  text-align: left;
  padding-right: 30px;
}

.pointer {
  cursor: pointer;
}

.pointer-imp {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default;
}

.m0 {
  margin: 0;
}

.m0-imp {
  margin: 0 !important;
}

.m10 {
  margin: 10px;
}

.m10-imp {
  margin: 10px !important;
}

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

.m-15 {
  margin: -15px;
}

.m-15-imp {
  margin: -15px !important;
}

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

.mt-15-imp {
  margin-top: -15px !important;
}

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

.mt3 {
  margin-top: 3px;
}

.mt5 {
  margin-top: 5px;
}

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

.mt-30-imp {
  margin-top: -30px !important;
}

.mt-35,
.mt-35px {
  margin-top: -35px;
}

.mt-35-imp {
  margin-top: -35px !important;
}

.mt0,
.mt0px {
  margin-top: 0px;
}

.mt0-imp {
  margin-top: 0px !important;
}

.mb5 {
  margin-bottom: 5px;
}

.mb8,
.mb8px {
  margin-bottom: 8px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb15-imp {
  margin-bottom: 15px !important;
}

.mb25 {
  margin-bottom: 25px;
}

.mb25-important,
.mb25-imp {
  margin-bottom: 25px !important;
}

.mb40 {
  margin-bottom: 40px;
}

.ml0 {
  margin-left: 0;
}

.ml0-imp {
  margin-left: 0 !important;
}

.ml5,
.ml5px {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml10-important,
.ml10-imp {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px;
}

.ml15-imp {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml25-imp {
  margin-left: 25px !important;
}

.p5 {
  padding: 5px;
}

.p60 {
  padding: 60px;
}

.p5-imp {
  padding: 5px !important;
}

.p10 {
  padding: 10px;
}

.p10-imp {
  padding: 10px !important;
}

.pb10 {
  padding: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb15-imp {
  padding-bottom: 15px !important;
}

.pb60 {
  padding-bottom: 60px;
}

input.sub.show-btn {
  height: 32px;
  color: var(--secondary-color);
  border-radius: 3px;
  text-align: center;
  width: 80px;
  padding-right: 9px;
}

#wiki-nav div a img {
  width: 20px !important;
}

.object_type_field_link {
  font-style: italic;
  font-size: smaller;
}

#invoices_table .button-form input[type="submit"],
#invoices_table .button-form input[type="button"] {
  margin-top: 0px;
  margin-bottom: 0px;
}

.no-border {
  border: 0;
}

.no-border-important,
.no-border-imp,
.main-box.no-border-imp,
table.main-box.no-border-imp {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0;
}

#button-modal_cancel {
  background-color: var(--button-background-color-secondary) !important;
  color: var(--button-text-color-secondary) !important;
  font-weight: bold;
  border: 0px !important;
}

div.minor-release-update-msg h3 {
  background-color: unset;
  border: unset;
}

div.minor-release-update-msg h3 a img {
  display: none;
}

div#log_zone.error-offline-update {
  height: 40px !important;
}

.invisible,
.hide {
  display: none;
}

.invisible_important,
.hide-important,
.hide-imp {
  display: none !important;
}

.visibility-hidden {
  visibility: hidden;
}

.incident-setup-label {
  font-weight: bold;
  font-size: 12pt;
  color: var(--text-color);
}

.incident-setup-refresh {
  margin-left: 5px;
  height: 12px;
  cursor: pointer;
}

.qr-user-button {
  cursor: pointer;
  margin-left: 5px;
  margin-bottom: 3px;
}

.company-details-contracts {
  display: grid;
}

.company-details-contracts > span {
  white-space: nowrap;
  line-height: 11pt;
}

img#avatar-preview {
  max-width: 150px;
  filter: brightness(1) !important;
}

table.table_kb.kb_links td {
  vertical-align: top;
}

p.kb-related-articles {
  margin-bottom: 5px;
}

#modal_form_feedback > ul > li {
  list-style: none;
}

#modal_form_feedback > ul > li > input,
#modal_form_feedback > ul > li > textarea {
  background-color: #f6f7fb;
  border: 2px solid var(--border-color-secondary);
  border-radius: 6px;
  height: 38px;
  font-size: 12px;
  color: var(--text-color);
  padding-left: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#modal_form_feedback > ul > li > textarea,
.left-padding-icon {
  padding-left: 5px;
}

#modal_help {
  position: absolute;
  top: -2px;
  right: 32px;
  background: #fff;
  display: flex;
  width: 180px;
  min-width: 180px;
  flex-direction: column;
  box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.13);
  padding: 10px 0px;
  border-radius: 6px;
}

.dark-theme #modal_help {
  background: #191919;
  box-shadow: 0px 0px 12px 3px rgba(255, 255, 255, 0.13);
}

#modal-help-content {
  position: relative;
  cursor: pointer;
}

#modal_help a {
  margin: 3px 0px;
  padding: 0px 15px;
  color: var(--primary-color);
  font-weight: 500;
}

#modal_help a:hover {
  color: var(--primary-color-hover);
}

#modal_help .separator {
  width: 98%;
  border-color: var(--border-color);
  opacity: 0.4;
  margin: 6px 0px;
}

#modal_help::before {
  content: "";
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  left: auto;
  right: -16px;
  top: 5px;
  position: absolute;
  transform: rotate(90deg);
}

.dark-theme #modal_help::before {
  border-bottom: 8px solid #191919;
}

#modal_help.invisible {
  display: none;
}

.max_floating_element_size {
  max-width: 1136px;
}

form#modal_form_feedback ul.wizard li > textarea {
  width: 600px;
  height: 15em;
  display: inline-block;
}

/* ############################################ */
/* ################ NEW STYLES ################ */
/* ############################################ */
body.dark-theme
  img[src*=".png"]:not(.no-filter):not(.avatar_small):not(
    .status-round-squad
  ):not(#chatbotuser-container-header-img):not(
    .pixel,
    .user-avatar-card,
    .status_origin_image,
    .status_image_play,
    .status_image_pause,
    .mini-tracker-location
  ),
body.dark-theme img[src*=".svg"].standard-icon,
body.dark-theme .breadcrumbs-tabs-right-content img,
body.dark-theme img.filter-dark-theme {
  filter: brightness(2.7);
}

body.dark-theme img[src$="no_data_toshow.svg"] {
  filter: brightness(0.8);
}

body.dark-theme img.not-change,
body.dark-theme #dialog-ticket-description img {
  filter: unset !important;
}

#incident_description_div img,
.notebody img,
#full_comment_image img,
.overview-note-card img,
[id^="changes-task_details"] .dialog-view-content img {
  filter: unset !important;
}

/* Main box */
.main-box,
table.main-box {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color) !important;
  border-radius: 8px;
  padding: 15px;
}

.main-box > .list_items_setup {
  padding: 0;
  background: unset;
  border: 0;
}

.main-box .list_items_setup > div,
.main-box .list_items_setup > div > div,
.main-box .list_items_setup > div > div:not(.div-pass-button) {
  width: 100%;
}

.main-box h3,
form.form_setup.main-box h3 {
  margin: 0;
}

.max-element-size {
  max-width: 1000px;
}

/* Breadcrumbs & Tabs */
#main-breadcrumbs-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: var(--background-main-color);
  height: 49px;
  border: 0px;
  z-index: 2;
  border-top-left-radius: 16px;
}

.fixed-breadcrumbs-tabs {
  position: fixed;
  padding: 0px 20px;
  top: 60px;
  right: 0;
  height: auto;
}

.breadcrumbs-tabs-left-content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 45px;
  text-wrap: nowrap;
  margin-top: 6px;
}

.breadcrumbs-top,
.breadcrumbs-top * {
  font-size: 12px;
  line-height: 14px;
  color: var(--text-color-3);
  font-weight: 800;
}

.breadcrumbs-top a {
  text-decoration: none;
}

.breadcrumbs-top a:hover {
  font-weight: bold;
}

.breadcrumbs-top a:last-child {
  font-size: 12px;
  color: var(--primary-color);
}

.breadcrumbs-bottom,
.breadcrumbs-bottom * {
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color-1);
  font-weight: 900;
}

.breadcrumbs-bottom img.img_help {
  margin-bottom: -4px;
}

.breadcrumbs-tabs-right-content {
  height: 100%;
  display: flex;
  align-items: center;
}

.breadcrumbs-tabs-right-content #button-bar-title {
  all: unset;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.breadcrumbs-tabs-right-content ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0px;
}

.breadcrumbs-tabs-right-content.breadcrumbs-tabs-right-reverse ul {
  flex-direction: row-reverse;
}

.breadcrumbs-tabs-right-content ul li,
.breadcrumbs-tabs-right-content #button-bar-title ul li {
  height: 49px;
  width: 46px;
  padding: 0px;
  background-color: transparent !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.breadcrumbs-tabs-right-content #button-bar-title ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.breadcrumbs-tabs-right-content .dot-tab-menu * {
  color: var(--text-color);
}

.breadcrumbs-tabs-right-content .dot-tab-menu a {
  justify-content: flex-start !important;
}

.breadcrumbs-tabs-right-content #button-bar-title ul li .dot-tab-menu a {
  width: unset;
}

.breadcrumbs-tabs-right-content #button-bar-title ul li.ui-tabs-selected {
  border-top: 3px solid var(--primary-color);
}

.breadcrumbs-tabs-right-content #button-bar-title ul li.ui-tabs-selected a {
  margin-top: -3px;
}

.breadcrumbs-tabs-right-content
  #button-bar-title
  ul
  li.ui-tabs-selected:hover
  a {
  margin-bottom: -3px;
}

.breadcrumbs-tabs-right-content ul li img {
  width: 21px;
  height: 21px;
}

.breadcrumbs-tabs-right-content ul li:hover:not(.button-bar-selected)::before,
.breadcrumbs-tabs-right-content
  #button-bar-title
  ul
  li:hover:not(.button-bar-selected)::before,
.breadcrumbs-tabs-right-content ul li.button-bar-selected::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  width: 40px;
  height: 5px;
  margin-left: 2px;
  background-color: var(--primary-color-hover);
  border-radius: 5px;
}

.breadcrumbs-tabs-right-content
  #button-bar-title
  ul:has(.dot-tab)
  li:hover:not(.button-bar-selected)::before {
  background-color: transparent;
}

.breadcrumbs-tabs-right-content ul li.button-bar-selected img {
  margin-bottom: 3px;
}

.breadcrumbs-tabs-right-content *::marker {
  font-size: 0px;
}

/* Toggle */
.toggle-main {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.toggle-main.toggle-fixed-top {
  position: sticky;
  top: 110px;
  border-radius: 0px;
  border-right: 0px;
  margin: -25px -25px 25px -25px;
  height: 100%;
  z-index: 1;
}

.toggle-main > h2 {
  all: unset;
}

.toggle-main > h2 > img.toggle-header-arrow {
  float: unset;
}

.toggle-main > .toggle-header,
.toggle-main > h2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 64px;
  padding: 0px 0px 0px 25px;
  /* cursor: pointer; */
  user-select: none;
}

.toggle-main > .toggle-header,
.toggle-main > .toggle-header *,
.toggle-main > h2,
.toggle-main > h2 * {
  font-size: 14px;
  font-weight: bold;
}

.toggle-main > .toggle-header .toggle-header-arrow,
.toggle-main > h2 .toggle-header-arrow {
  width: 15px;
  margin-right: 20px;
}

.toggle-main > .toggle-content {
  padding: 15px;
  padding-top: 0;
}

.toggle-main > h2 > div {
  padding: 10px 30px;
}

.toggle-main > .toggle-content > form > table {
  margin: 0px;
}

.toggle-main > .toggle-content table.search-table {
  background-color: unset;
  border: unset;
  border-radius: unset;
  text-align: unset;
  padding: 0px 15px;
}

/* Toggle print_container() */
.toggle-table {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  width: 100%;
  padding: 0px 10px;
  border-collapse: separate;
  border-spacing: 0px;
}

.toggle-table tfoot {
  height: 10px;
}

.toggle-table thead th {
  background-color: unset;
  color: var(--text-color);
  line-height: normal;
}

.toggle-table thead th > div {
  all: unset;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 64px;
  padding: 0px 0px 0px 15px;
  cursor: pointer;
  user-select: none;
  width: -webkit-fill-available;
}

.toggle-table thead th > div,
.toggle-table thead th > div *,
.toggle-main > .toggle-header,
.toggle-main > h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 900;
  color: var(--text-color-1);
}

.toggle-table thead th > div img {
  max-width: 18px;
}

.toggle-table thead th > div img.toggle-header-arrow {
  width: 15px;
  margin-right: 20px;
}

.dark-theme .toggle-table thead th > div img.toggle-header-arrow,
.dark-theme .toggle-main > h2 > img.toggle-header-arrow {
  filter: brightness(3);
}

.toggle-table tbody {
  margin-bottom: 10px;
}

.toggle-table-dataTable
  tbody
  tr:first-child
  *:not(input):not(select):not(option):not(textarea) {
  font-weight: bold;
}

.toggle-table-dataTable tbody tr td {
  border-top: 1px solid var(--border-color);
  padding: 4px 8px;
}

.toggle-table-dataTable tbody tr td:first-child {
  border-left: 1px solid var(--border-color);
}

.toggle-table-dataTable tbody tr td:last-child {
  border-right: 1px solid var(--border-color);
}

.toggle-table-dataTable tbody tr:first-child td {
  border-top: 1px solid var(--border-color);
  /* border-bottom: 2px solid var(--border-color); */
  padding: 8px 8px;
}

.toggle-table-dataTable tbody tr:first-child td,
.toggle-table-dataTable tbody tr:first-child td * {
  color: var(--text-color-1);
}

.toggle-table-dataTable tbody tr:first-child td:first-child {
  border-top-left-radius: 8px;
}

.toggle-table-dataTable tbody tr:first-child td:last-child {
  border-top-right-radius: 8px;
}

.toggle-table-dataTable tbody tr:last-child td {
  border-bottom: 1px solid var(--border-color);
}

.toggle-table-dataTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.toggle-table-dataTable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.toggle-table-dataTable tbody tr:nth-child(odd):not(:first-child) td {
  background-color: var(--table-even-background);
}

.toggle-table-dataTable tbody tr:hover:not(:first-child) td {
  background-color: var(--table-hover-background);
}

.toggle-table-dataTable tbody tr td.table-action-buttons * {
  visibility: hidden;
}

.toggle-table-dataTable tbody tr:hover td.table-action-buttons * {
  visibility: visible;
}

.mb0-label > label:first-child {
  margin-bottom: 0 !important;
}

.toggle-table-no-border * {
  border: 0px !important;
}

.toggle-main .toggle-flex-between,
.toggle-table .toggle-flex-between {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* Action buttons */
#principal-action-buttons {
  background: var(--secondary-color);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--border-color);
  z-index: 2;
  max-height: 62px;
}

#principal-action-buttons > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}

#principal-action-buttons > div > * {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.fixed-action-buttons {
  position: fixed;
  padding: 0px;
  bottom: 0;
  right: 0;
  height: auto;
}

.action-buttons-left-content > *:not(:first-child) {
  margin-left: 15px;
}

.action-buttons-right-content > *:not(:last-child) {
  margin-right: 15px !important;
}

.fixed-action-buttons > .action-buttons-left-content > *:first-child {
  margin-left: 10px !important;
}

.fixed-action-buttons > .action-buttons-right-content > *:last-child {
  margin-right: 10px !important;
}

.action-buttons-right-content > button {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* COL */
div[class^="form-col-"] {
  height: var(--form-col-height);
  margin-bottom: var(--form-margin-bottom);
  border: 0px;
}

.form-col-offset-1,
.form-col-1 {
  grid-column: span 1;
}

.form-col-offset-2,
.form-col-2 {
  grid-column: span 2;
}

.form-col-offset-3,
.form-col-3 {
  grid-column: span 3;
}

.form-col-offset-4,
.form-col-4 {
  grid-column: span 4;
}

.form-col-offset-5,
.form-col-5 {
  grid-column: span 5;
}

.form-col-offset-6,
.form-col-6 {
  grid-column: span 6;
}

.form-col-offset-7,
.form-col-7 {
  grid-column: span 7;
}

.form-col-offset-8,
.form-col-8 {
  grid-column: span 8;
}

.form-col-offset-9,
.form-col-9 {
  grid-column: span 9;
}

.form-col-offset-10,
.form-col-10 {
  grid-column: span 10;
}

.form-col-offset-11,
.form-col-11 {
  grid-column: span 11;
}

.form-col-offset-12,
.form-col-12 {
  grid-column: span 12;
}

.form-col-start {
  justify-self: start;
}

.form-col-center {
  justify-self: center;
}

.form-col-end {
  justify-self: end;
}

div.form-col-small {
  height: auto;
  margin-bottom: 5px;
}

div.form-row div.form-col-bottom {
  justify-content: flex-end;
}

div.form-row div.form-col-bottom > input {
  margin: 0px;
}

div.form-row div.form-col-textarea {
  height: calc(100% - 20px);
}

div.form-row div.form-col-textarea .resizable-textarea {
  margin-top: 10px;
}

div.form-row div.form-date-range > select {
  padding-top: 7px;
  padding-bottom: 7px;
}

div.form-row div.form-date-range > div {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

div.form-row div.form-date-range > div > div {
  width: calc(50% - 5px);
}

div.form-row div.form-date-range > div label {
  text-wrap: nowrap;
}

.form-row div[class^="form-col-"] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.form-row div[class^="form-col-"] > br {
  display: none;
}

.form-row.main-box {
  background-color: unset;
  border: unset !important;
  border-radius: unset;
  padding: unset;
}

/* ROW */
.form-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0px var(--form-gap);
}

div.form-row-x2 {
  height: calc((var(--form-col-height-and-margin) * 2) - var(--form-gap));
}

div.form-row-x3 {
  height: calc((var(--form-col-height-and-margin) * 3) - var(--form-gap));
}

div.form-row-x4 {
  height: calc((var(--form-col-height-and-margin) * 4) - var(--form-gap));
}

div.form-row-x5 {
  height: calc((var(--form-col-height-and-margin) * 5) - var(--form-gap));
}

div.form-row-x6 {
  height: calc((var(--form-col-height-and-margin) * 6) - var(--form-gap));
}

div.form-row-x7 {
  height: calc((var(--form-col-height-and-margin) * 7) - var(--form-gap));
}

div.form-row-x8 {
  height: calc((var(--form-col-height-and-margin) * 8) - var(--form-gap));
}

div.form-row-x9 {
  height: calc((var(--form-col-height-and-margin) * 9) - var(--form-gap));
}

div.form-row-x10 {
  height: calc((var(--form-col-height-and-margin) * 10) - var(--form-gap));
}

/* Buttons */
input.std-btn,
input.std-btn#submit-update_btn,
.button-form input.std-btn[type="submit"],
.button-form input.std-btn[type="button"],
input.std-btn[type="button"]:not(.btn):not(.search):not(
    .filter-menu-button-open-filters
  ) {
  background-color: var(--button-background-color);
  min-width: 110px;
  height: 42px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 900;
  /* box-shadow: 0px 3px 6px var(--button-boxshadow-color); */
  color: var(--button-text-color) !important;
  border: 2px solid var(--button-border-color);
  border-radius: 8px !important;
  padding: 0px 5px;
  margin: 0px;
  cursor: pointer;
}

input.std-btn:disabled,
input.std-btn#submit-update_btn:disabled,
.button-form input.std-btn[type="submit"]:disabled,
.button-form input.std-btn[type="button"]:disabled,
input.std-btn[type="button"]:not(.btn):not(.search):not(
    .filter-menu-button-open-filters
  ):disabled {
  padding: 0px 15px;
}

input.std-btn.std-btn-secondary,
.ui-dialog-buttonset > button.std-btn.std-btn-secondary,
input.std-btn.std-btn-secondary#submit-update_btn,
.button-form input.std-btn.std-btn-secondary[type="submit"],
.button-form input.std-btn.std-btn-secondary[type="button"],
input.std-btn.std-btn-secondary[type="button"]:not(.btn):not(.search) {
  background-color: var(--button-background-color-secondary);
  color: var(--button-text-color-secondary) !important;
  border: 2px solid var(--button-border-color-secondary);
}

div.ui-dialog-buttonpane
  > div.ui-dialog-buttonset
  > button.std-btn.std-btn-secondary.std-btn-secondary-imp {
  background-color: var(--button-background-color-secondary) !important;
  color: var(--button-text-color-secondary) !important;
  border: 2px solid var(--button-border-color-secondary) !important;
}

div.ui-dialog-buttonpane
  > div.ui-dialog-buttonset
  > button.std-btn.std-btn-secondary.std-btn-secondary-imp
  > span.ui-button-text {
  color: var(--button-text-color-secondary) !important;
}

input.std-btn.std-btn-secondary-outline,
input.std-btn.std-btn-secondary-outline#submit-update_btn,
.button-form input.std-btn.std-btn-secondary-outline[type="submit"],
.button-form input.std-btn.std-btn-secondary-outline[type="button"],
input.std-btn.std-btn-secondary-outline[type="button"]:not(.btn):not(.search) {
  background-color: var(--button-background-color-secondary-outline);
  color: var(--button-text-color-secondary-outline) !important;
  border: 2px solid var(--button-border-color-secondary-outline);
}

input#button-modal_cancel.std-btn-secondary {
  background-color: var(--button-background-color-secondary) !important;
  color: var(--button-text-color-secondary) !important;
  border: 2px solid var(--button-border-color-secondary) !important;
}

input.std-btn-secondary.std-btn-deny {
  background-color: var(--button-background-color-deny) !important;
  border: 2px solid var(--button-border-color-deny) !important;
}

input.std-btn.std-btn-mini,
input.std-btn.std-btn-mini#submit-update_btn,
.button-form input.std-btn.std-btn-mini[type="submit"],
.button-form input.std-btn.std-btn-mini[type="button"],
input.std-btn.std-btn-mini[type="button"]:not(.btn):not(.search) {
  height: 32px;
  min-width: unset;
  width: unset !important;
  background-size: 20px !important;
  font-size: 14px;
}

.std-btn:hover,
.std-btn:hover * {
  opacity: 0.9;
}

.std-btn[class*="btn-icon"],
.std-btn.std-btn-secondary[class*="btn-icon"],
input.std-btn#submit-update_btn,
.button-form input.std-btn[type="submit"],
.button-form input.std-btn[type="button"],
input.std-btn[type="button"]:not(.btn):not(.search),
input.std-btn.std-btn-secondary#submit-update_btn,
.button-form input.std-btn.std-btn-secondary[type="submit"],
.button-form input.std-btn.std-btn-secondary[type="button"],
input.std-btn.std-btn-secondary[type="button"]:not(.btn):not(.search) {
  padding-left: 10px;
  padding-right: 10px;
  background-position: right 10px bottom 50%;
  background-repeat: no-repeat;
  background-size: 15px;
}

.std-btn[class*="btn-icon"] {
  text-align: left !important;
  padding-right: 45px !important;
}

input#button-modal_cancel {
  text-align: center;
}

.std-btn.btn-icon-create {
  background-image: url(../../images/buttons/plus.svg);
}

.std-btn.std-btn-secondary.btn-icon-create {
  background-image: url(../../images/buttons/plus-secondary.svg);
}

.std-btn.btn-icon-next,
.std-btn.btn-icon-validate {
  background-image: url(../../images/buttons/validate.svg);
}

.std-btn.std-btn-secondary.btn-icon-next,
.std-btn.std-btn-secondary.btn-icon-validate {
  background-image: url(../../images/buttons/validate-secondary.svg);
}

.std-btn.btn-icon-reload,
.std-btn.btn-icon-update {
  background-image: url(../../images/buttons/reload.svg);
}

.std-btn.std-btn-secondary.btn-icon-reload,
.std-btn.std-btn-secondary.btn-icon-update {
  background-image: url(../../images/buttons/reload-secondary.svg);
}

.std-btn.btn-icon-search,
.std-btn.btn-icon-filter {
  background-image: url(../../images/buttons/details.svg);
  background-size: 15px !important;
}

.std-btn.std-btn-secondary.btn-icon-search,
.std-btn.std-btn-secondary.btn-icon-filter {
  background-image: url(../../images/buttons/details-secondary.svg);
  background-size: 15px !important;
}

.std-btn.std-btn-secondary.btn-icon-search.std-btn-secondary-outline,
.std-btn.std-btn-secondary.btn-icon-filter.std-btn-secondary-outline {
  background-image: url(../../images/buttons/details-secondary-outline.svg);
  background-size: 15px !important;
}

.std-btn.btn-icon-remove,
.std-btn.btn-icon-delete {
  background-image: url(../../images/buttons/delete.svg);
  background-size: 15px;
}

.std-btn.std-btn-secondary.btn-icon-remove,
.std-btn.std-btn-secondary.btn-icon-delete {
  background-image: url(../../images/buttons/delete-secondary.svg);
  background-size: 15px;
}

.std-btn.btn-icon-csv {
  background-image: url(../../images/buttons/csv.svg);
  background-size: 15px;
}

.std-btn.std-btn-secondary.btn-icon-csv {
  background-image: url(../../images/buttons/csv-secondary.svg);
  background-size: 15px;
}

.std-btn.btn-icon-allowed {
  background-image: url(../../images/buttons/allowed-black.svg);
  background-size: 15px;
}

.std-btn.std-btn-secondary.btn-icon-allowed {
  background-image: url(../../images/buttons/allowed-secondary.svg);
  background-size: 15px;
}

.std-btn.btn-icon-denied {
  background-image: url(../../images/buttons/denied-black.svg);
  background-size: 15px;
}

.std-btn.std-btn-secondary.std-btn-deny.btn-icon-denied {
  background-image: url(../../images/buttons/denied-secondary.svg);
  background-size: 15px;
}

input.std-btn-link,
input[type="button"]:not(.btn):not(.search).std-btn-link {
  background: none !important;
  border: none !important;
  color: var(--primary-color) !important;
  min-width: unset;
}

.std-btn-link:hover,
input[type="button"]:not(.btn):not(.search).std-btn-link:hover {
  color: var(--primary-color-hover) !important;
}

.std-btn.std-btn-thin,
.std-btn.std-btn-thin:active,
.std-btn.std-btn-thin:focus {
  border-width: 1px !important;
  font-weight: 600 !important;
}

/* Labels/Inputs/Selects/Textareas */
a:focus,
input:focus,
button:focus {
  outline: 0;
  outline-width: 0;
}

.main-box label {
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 8px;
}

.main-box input[type="text"],
.main-box input[type="search"],
.main-box input[type="password"],
.main-box input[type="number"],
.main-box input[type="email"],
.main-box input[type="date"],
.main-box input[type="month"],
.main-box input[type="week"],
.main-box input[type="time"],
.main-box input[type="datetime-local"],
.main-box input[type="tel"],
.main-box input[type="url"],
.main-box input[type="file"],
.main-box input[type="color"],
.main-box select,
.main-box select:not([multiple]) option,
.main-box textarea,
input.new-input,
.new-input input,
.row_form_widget input,
.row_form_widget select,
.new-select select,
select.new-select {
  box-sizing: border-box;
  height: 38px;
  background-color: var(--input-background);
  border: 2px solid var(--input-border);
  border-radius: 6px;
  font-size: 15px;
  line-height: 18px;
  color: var(--input-text-color);
  padding-left: 12px;
  width: 100% !important;
  max-width: 100%;
}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-text-color) !important;
  caret-color: var(--input-text-color);
  -webkit-box-shadow: 0 0 0px 1000px var(--input-background) inset;
  transition: background-color 5000s ease-in-out 0s;
}

.main-box.table-form textarea {
  height: unset;
}

.main-box select[multiple] option {
  height: 19px;
}

.dark-theme .main-box select[multiple] option:checked {
  background-color: var(--input-border-focus);
}

input.input-mini,
select.input-mini,
.input-mini select {
  height: 28px;
}

.main-box input:focus {
  border: 2px solid var(--input-border-focus) !important;
}

.main-box input:not([type="image"]):focus,
.main-box select:focus,
.main-box textarea:focus {
  border: 2px solid var(--input-border-focus);
}

.main-box input::file-selector-button {
  height: 26px;
  width: 28px;
  padding-top: 11px;
  margin-right: 10px;
  line-height: 10px;
  font-size: 0px !important;
  border: 0px !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  background-image: url(../../images/upload-dropfile.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 26px;
}

.main-box .flex-align-items-start label.p-switch,
.new-switch .flex-align-items-start label.p-switch {
  margin-top: -2px;
}

.main-box input[type="checkbox"],
.new-switch input[type="checkbox"] {
  padding: 10px;
  margin-top: 2px;
  display: table-cell;
  height: 20px;
}

.main-box .p-switch input,
.new-switch .p-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.main-box .p-slider,
.new-switch .p-slider {
  position: absolute;
  cursor: pointer;
  top: 5px;
  left: 5px;
  right: 0;
  bottom: 0;
  background-color: var(--input-border);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50px;
  height: 14px;
  width: 33px;
  padding: 0 !important;
}

.main-box .p-slider:before,
.new-switch .p-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: -1px;
  bottom: -4px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 3px 6px var(--button-boxshadow-color);
  border: 1px solid var(--border-color);
}

.main-box textarea::-webkit-scrollbar {
  -webkit-appearance: none;
}

.main-box textarea::-webkit-scrollbar:vertical {
  width: 5px;
}

.main-box textarea::-webkit-scrollbar-button:increment,
.main-box textarea::-webkit-scrollbar-button {
  display: none;
}

.main-box textarea:hover::-webkit-scrollbar-thumb {
  background-color: var(--input-border);
  border-radius: 2.5px;
  opacity: 0.5;
  height: 50px;
}

.main-box textarea::-webkit-scrollbar-track {
  border-radius: 10px;
}

.main-box input.ui-autocomplete-input {
  background-color: var(--input-background) !important;
}

.main-box .main-box-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 900;
}

/* Others */
.border-error {
  border: 2px solid darkred;
}

.grey-blue-text {
  color: var(--grey-blue-color);
}

.muted-text {
  color: var(--muted-text-color);
}

.muted-text-important {
  color: var(--muted-text-color) !important;
}

.min-w-fit-content {
  min-width: fit-content;
}

.w-fill-available {
  width: -webkit-fill-available;
  width: -moz-available;
}

.w-min-content {
  width: min-content;
}

.w-min-content-imp {
  width: min-content !important;
}

.w33p {
  width: 33%;
}

.w33p-imp {
  width: 33% !important;
}

.w48p {
  width: 48%;
}

.w48p-imp {
  width: 48% !important;
}

.w50p {
  width: 50%;
}

.w50p-imp {
  width: 50% !important;
}

.w70p {
  width: 70%;
}

.w100p {
  width: 100%;
}

.w100p-imp {
  width: 100% !important;
}

.wfit {
  width: fit-content;
}

.min-h100p-imp {
  min-height: 100% !important;
}

.h50p {
  height: 50%;
}

.h100p {
  height: 100%;
}

.h100p-imp {
  height: 100% !important;
}

.w12 {
  width: 12px;
}

.w18 {
  width: 18px;
}

.w150-imp {
  width: 150px !important;
}

.w200 {
  width: 200px;
}

.w250 {
  width: 250px;
}

.w400-imp {
  width: 400px !important;
}

.w500 {
  width: 500px;
}

.min-w33p {
  min-width: 33%;
}

.min-w50p {
  min-width: 50%;
}

.min-width-unset {
  min-width: unset;
}

.min-width-unset-imp {
  min-width: unset !important;
}

.max-w50p {
  max-width: 50%;
}

.max-w-300 {
  max-width: 300px;
}

.max-w-100p {
  max-width: 100%;
}

.height-fit-content {
  height: fit-content;
}

.height-fit-content-imp {
  height: fit-content !important;
}

.h38 {
  height: 38px;
}

.h70 {
  height: 70px;
}

.h70-imp {
  height: 70px !important;
}

.h200 {
  height: 200px;
}

.h250 {
  height: 250px;
}

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

.mt10 {
  margin-top: 10px;
}

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

.mt15 {
  margin-top: 15px;
}

.mt10-imp {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px;
}

.mt20-imp {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px;
}

.mt25-imp {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px;
}

.mt30-imp {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px;
}

.mt35-imp {
  margin-top: 35px !important;
}

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

.mr0 {
  margin-right: 0;
}

.mr0-imp {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px;
}

.mr10,
.mr10px {
  margin-right: 10px;
}

.mr10-imp {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px;
}

.mr15-imp {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr25-imp {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px;
}

.ml5,
.ml5px {
  margin-left: 5px;
}

.ml15 {
  margin-left: 15px;
}

.ml40 {
  margin-left: 40px;
}

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

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

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

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

.mb0,
.mb0px {
  margin-bottom: 0;
}

.mb0-important,
.mb0-imp,
.mb0px-important {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px;
}

.mb7 {
  margin-bottom: 7px;
}

.mb5-imp {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px;
}

.mb10-imp {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb20-imp {
  margin-bottom: 20px !important;
}

.mb100 {
  margin-bottom: 100px;
}

.p0 {
  padding: 0;
}

.p0-imp {
  padding: 0 !important;
}

.pr0 {
  padding-right: 0px;
}

.pr0-imp {
  padding-right: 0px !important;
}

.pr10,
.pr10px {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr15-imp {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px;
}

.pr20-imp {
  padding-right: 20px !important;
}

.pb0 {
  padding-bottom: 0px;
}

.pb0-imp {
  padding-bottom: 0px !important;
}

.pb10 {
  padding: 10px;
}

.pb60 {
  padding: 60px;
}

.pl0 {
  padding-left: 0px;
}

.pl0-imp {
  padding-left: 0px !important;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl15-imp {
  padding-left: 15px !important;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt25 {
  padding-top: 25px;
}

.top0 {
  top: 0 !important;
}

.box-sizing-border-box {
  box-sizing: border-box;
}

.box-sizing-border-box-imp {
  box-sizing: border-box !important;
}

.box-sizing-content-box {
  box-sizing: content-box;
}

.text-normal {
  font-weight: 500;
}

.text-normal-important {
  font-weight: 500 !important;
}

.fsz13 {
  font-size: 13px;
}

.fsz13-important {
  font-size: 13px !important;
}

.fsz15 {
  font-size: 15px;
}

.fsz15-important,
.fsz15-imp {
  font-size: 15px !important;
}

.fsz16 {
  font-size: 16px;
}

.fsz16-imp {
  font-size: 16px !important;
}

.fsz17 {
  font-size: 17px;
}

.fsz17-imp {
  font-size: 17px !important;
}

.fsz18 {
  font-size: 18px;
}

.fsz12pt {
  font-size: 12pt;
}

.fsz15-fw400 {
  font-size: 15px;
  font-weight: 400;
}

.fw350 {
  font-weight: 350;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw500-imp {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600;
}

.fw600-imp {
  font-weight: 600 !important;
}

.fw600-all,
.fw600-all * {
  font-weight: 600;
}

.fw600-all-imp,
.fw600-all-imp * {
  font-weight: 600 !important;
}

.fw800 {
  font-weight: 800;
}

.fw800-imp {
  font-weight: 800 !important;
}

.no-data-to-show-small {
  margin-top: 40px;
  width: 226px;
}

.no-data-to-show-small-100 {
  width: 100px;
}

.background-unset {
  background-color: unset;
  background: unset;
}

.background-unset-imp {
  background-color: unset !important;
  background: unset !important;
}

.datatable-filter {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: center;
}

.position-unset {
  position: unset;
}

.position-relative {
  position: relative;
}

.visible-imp {
  visibility: visible !important;
}

/* Tables */
table.listing-table {
  background-color: var(--secondary-color);
  border-spacing: 0;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid var(--border-color);
  font-size: 12px;
}

table.listing-table * {
  font-size: 12px;
}

table.listing-table th {
  font-weight: bold;
  line-height: 23px;
  background-color: var(--secondary-color);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color);
  padding: 7px 3px 7px 10px;
}

table.listing-table td {
  font-size: 9pt;
  line-height: 16pt;
  border-top: 0;
  padding: 7px 0px 7px 10px;
}

table.listing-table > tbody > tr:nth-child(even),
table.listing-table > tbody > tr:nth-child(even) * {
  background-color: var(--table-even-background);
}

table.listing-table > tbody > tr:hover,
table.listing-table > tbody > tr:hover * {
  background-color: var(--table-hover-background);
}

/* Chat */
div#chatbotuser-initialButtonChat-img {
  background: var(--primary-color-hover);
  width: 50px;
  height: 50px;
  border-radius: 50% 50% 5px 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

div#chatbotuser-initialButtonChat-img.disabled {
  background: var(--input-background-disabled);
  width: 50px;
  height: 50px;
  border-radius: 50% 50% 5px 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.chatbotuser-initialButtonChat-open div#chatbotuser-initialButtonChat-img {
  border-radius: 5px 50% 50% 50%;
}

div#chatbotuser-initialButtonChat-img > .chat-initial-button-icon {
  width: 22px;
  height: 22px;
  -webkit-mask-size: 22px;
  mask-size: 22px;
  -webkit-mask-image: url(../../images/bubble-chat.svg);
  mask-image: url(../../images/bubble-chat.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: var(--chat-color-icon);
}

.chatbotuser-initialButtonChat-open
  div#chatbotuser-initialButtonChat-img
  > .chat-initial-button-icon {
  -webkit-mask-image: url(../../images/close.svg);
  mask-image: url(../../images/close.svg);
}

textarea#chatbotuser-message::-webkit-scrollbar {
  width: 0px;
}

#chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-window
  div#chatbotuser-output
  div.chatbotuser-messageContainer
  div.chatbotuser-transmitter
  img {
  display: none;
}

form#chatbotuser-form-send-message {
  background-color: #fff;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-container-header
  div#chatbotuser-container-header-title
  h6 {
  color: #fff;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-container-header {
  background-color: var(--secondary-color);
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-container-header
  div#chatbotuser-container-header-info
  h4,
body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-container-header
  div#chatbotuser-container-header-info
  h6 {
  color: var(--text-color) !important;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-window
  div#chatbotuser-output {
  background-color: var(--secondary-color);
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-window
  div#chatbotuser-output
  div.chatbotuser-messageContainer
  div.chatbotuser-transmitter,
body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-window
  div#chatbotuser-output
  div.chatbotuser-messageContainer
  div.chatbotuser-receiver {
  border: 0px !important;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-window
  div#chatbotuser-output
  div.chatbotuser-messageContainer
  div.chatbotuser-transmitter
  span {
  color: var(--text-color) !important;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  form#chatbotuser-form-send-message {
  background-color: var(--secondary-color) !important;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-window
  div#chatbotuser-output
  div.chatbotuser-messageContainer
  div.chatbotuser-typingClassIndicator {
  background-color: var(--chat-received-background) !important;
  border: 0px !important;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-window
  div#chatbotuser-output
  div.chatbotuser-messageContainer
  div.chatbotuser-typingClassIndicator:before {
  border-right-color: var(--chat-received-background) !important;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-window
  div#chatbotuser-output
  div.chatbotuser-messageContainer
  span.chatbotuser-dot {
  background-color: var(--text-color) !important;
  color: var(--text-color) !important;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  form#chatbotuser-form-send-message
  input#chatbotuser-message-button-send {
  color: #fff !important;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  .simplebar-mask {
  background-color: var(--secondary-color) !important;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-window
  div#chatbotuser-output
  div.chatbotuser-messageContainer
  code {
  background: inherit;
  border-color: inherit;
  text-wrap: auto;
}

body
  #chatbotuser-containerChatIntegriaIms
  div#chatbotuser-container-chat
  div#chatbotuser-window
  div#chatbotuser-output
  div.chatbotuser-messageContainer
  li {
  list-style-type: initial;
}
/* Spinner */
@keyframes spinner-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.spinner {
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% + 50px);
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: linear-gradient(#82b92e, #c1ccdc);
  animation: spinner-rotate 1.2s linear infinite;
}

.spinner span {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: linear-gradient(#82b92e, #c1ccdc);
}

.spinner span:nth-child(1) {
  filter: blur(4px);
}

.spinner span:nth-child(2) {
  filter: blur(8px);
}

.spinner span:nth-child(3) {
  filter: blur(12px);
}

.spinner span:nth-child(4) {
  filter: blur(16px);
}

.spinner:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #f1f1f1;
  border: solid #fff 10px;
  border-radius: 50%;
}

/* Arrow */
.arrow-up {
  transform: rotate(180deg);
}

.arrow-right {
  transform: rotate(270deg);
}

.arrow-down {
  transform: rotate(0deg);
}

.arrow-left {
  transform: rotate(90deg);
}

/* Progress bar print_progress_bar(); */
.progress-bar-div {
  position: relative;
  border: 1px solid var(--border-color);
  border-radius: 9px;
  background-color: var(--secondary-color);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.dark-theme .progress-bar-div {
  background-color: #383838;
}

.progress-bar-div > div {
  position: absolute;
  left: 0;
  height: 100%;
}

.progress-bar-div > span {
  width: 100%;
  text-align: center;
  line-height: normal;
  font-size: 12px;
  z-index: 0;
}

.progress-bar-div * {
  cursor: default;
}

/* Horizontal graph */
#horizontal-bar {
  margin: 0px;
  position: relative;
  width: 100%;
}

#horizontal-bar .bar {
  display: flex;
  color: #fff;
  height: 43px;
  justify-content: space-between;
}

#horizontal-bar .bar * {
  color: #fff;
  font-size: 12px;
}

#horizontal-bar .bar div {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  cursor: default;
}

#horizontal-bar .marks {
  display: flex;
  margin-top: 20px;
}

#horizontal-bar .marks .line {
  height: 18px;
  background: #00000033;
  width: 1px;
  position: absolute;
  bottom: 32px;
}

#horizontal-bar .marks:last-child .line {
  margin-right: 1px;
}

#horizontal-bar .marks .line-2 {
  bottom: 93px;
}

#horizontal-bar .mark {
  min-height: 30px;
}

#horizontal-bar .mark .number {
  position: absolute;
}

#horizontal-bar .mark0 {
  left: 0%;
}

#horizontal-bar .mark20 {
  left: 20%;
}

#horizontal-bar .mark40 {
  left: 40%;
}

#horizontal-bar .mark60 {
  left: 60%;
}

#horizontal-bar .mark80 {
  left: 80%;
}

#horizontal-bar .mark100 {
  left: calc(100% - 1px);
}

#horizontal-bar .number20 {
  left: 18%;
}

#horizontal-bar .number40 {
  left: 38%;
}

#horizontal-bar .number60 {
  left: 58%;
}

#horizontal-bar .number80 {
  left: 78%;
}

#horizontal-bar .number100 {
  right: 0;
}

#horizontal-bar .mark:nth-child(1) {
  text-align: left;
}

#horizontal-bar .labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 22px;
}

#horizontal-bar .label {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  margin-bottom: 5px;
}

#horizontal-bar .label * {
  font-size: 12px;
}

#horizontal-bar .label div {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 3px;
}

/* Specific styles */
.main-box#project_info_table {
  border: unset !important;
  padding: 0;
}

.main-box#project_info_table tr.mb-10px td {
  padding-bottom: 10px;
}

.main-box#project_info_table tr td {
  max-width: 260px;
}

.toggle-table #project_involved_people_div td {
  padding-bottom: 15px;
}

.toggle-table #project_involved_people_div td:first-child {
  width: 50px;
}

.toggle-table #project_involved_people_div img.img-user-involved {
  width: 40px;
  border-radius: 50%;
}

.toggle-table #project_involved_people_div .involved-users-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.toggle-table #project_involved_people_div * {
  line-height: normal;
}

.toggle-table #project_labour_div td {
  padding: 0;
  border: 2px solid var(--border-color);
  border-right: 0px;
}

.toggle-table #project_labour_div td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.toggle-table #project_labour_div td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right: 2px solid var(--border-color);
}

.toggle-table #project_labour_div td > div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  text-align: center;
  padding: 5px;
}

.toggle-table #project_labour_div td > div > div:nth-child(1) img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.toggle-table #project_labour_div td > div > div:nth-child(2) {
  font-size: 13px;
  line-height: 14px;
  font-weight: 350;
  margin-bottom: 10px;
}

.toggle-table #project_labour_div td > div > div:nth-child(3) {
  font-size: 20px;
  letter-spacing: -1px;
  font-weight: 900;
  color: #6c7587;
  margin-bottom: 5px;
}

.toggle-table #project_budget_div tr.sub-amount td {
  background-color: var(--secondary-color) !important;
  border-top: 1px solid transparent !important;
}

.toggle-table #project_budget_div tr.sub-amount td:last-child {
  font-size: 10px;
}

@media screen and (max-width: 1300px) {
  .project_workload_distribution_container .number,
  .project_workload_distribution_container .bar div,
  .project_task_distribution_container .number,
  .project_task_distribution_container .bar div {
    font-size: 10px !important;
  }
}

/* Page title */
.main-page-title {
  margin: 25px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.main-page-title:has(.page-title-right .filter-menu-summary) {
  align-items: flex-start;
}

.main-page-title .page-title-left,
.main-page-title .page-title-left * {
  white-space: nowrap;
}

.main-page-title .page-title-top {
  color: var(--text-color-1);
  font-weight: 800;
  font-size: 32px;
  line-height: 38px;
}

.main-page-title .page-title-bottom {
  color: var(--muted-text-color);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
}

.main-page-title .page-subtitle-top,
.main-page-title .page-subtitle-top * {
  font-size: 12px;
  line-height: 14px;
  color: var(--text-color-3);
  font-weight: 800;
}

.main-page-title .page-subtitle-top a {
  text-decoration: none;
}

.main-page-title .page-subtitle-top a:hover {
  font-weight: bold;
}

.main-page-title .page-subtitle-top a:last-child {
  font-size: 12px;
  color: var(--primary-color);
}

.main-page-title .page-subtitle-bottom,
.main-page-title .page-subtitle-bottom * {
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color-1);
  font-weight: 900;
}

.main-page-title .page-subtitle-bottom img.img_help {
  margin-bottom: -4px;
}

/* Search */
.main-box-search input {
  background-image: url(../../images/search-input.svg);
  background-position: center right 15px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-color: var(--input-background);
  padding: 0px;
  margin: 0;
  height: 40px !important;
  padding-left: 15px !important;
  padding-right: 40px;
  color: var(--muted-text-color) !important;
  font-size: 15px !important;
  line-height: 18px !important;
  border-radius: 20px !important;
  border: 0px !important;
  font-weight: 500;
}

.main-box-search input:hover,
.main-box-search input:focus {
  border: 0 !important;
}

.main-box-input input {
  background-image: url(../../images/search-input.svg);
  background-position: center right 15px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-color: var(--input-background);
  padding: 0px;
  margin: 0;
  height: 38px !important;
  padding-left: 15px !important;
  padding-right: 40px;
  font-size: 15px !important;
  line-height: 18px !important;
}

.main-box-input input:placeholder-shown,
.main-box-search input:placeholder-shown {
  color: var(--muted-text-color);
  font-style: italic;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
}

.main-box-input > table,
.main-box-search > table {
  margin-top: 15px;
  margin-bottom: 0;
}

.main-box-input .button-form input.std-btn.std-btn-mini[type="submit"],
.main-box-input input[type="submit"] {
  width: 100% !important;
}

/* Modals */
.ui-dialog .ui-dialog-titlebar.ui-widget-header {
  background-image: linear-gradient(144.35deg, #161628 0%, #1b6a66 100%);
  height: 68px;
  padding: 0;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-title {
  position: absolute;
  left: 20px;
  top: 50%;
  margin: -12px 0 0 0;
  padding: 1px;
  height: 24px;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-title,
.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-title * {
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  color: #fff;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close {
  right: 20px;
  width: unset;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-icon {
  background-image: url(../../images/close-white.svg);
}

.ui-dialog
  .dialog.ui-dialog-content.ui-widget-content:not(.dialog-not-change-font-size),
.ui-dialog
  .dialog.ui-dialog-content.ui-widget-content:not(.dialog-not-change-font-size)
  * {
  font-size: 15px;
}

/* Back arrow with text */
.back-arrow-text {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  color: var(--grey-blue-color);
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 23px;
}

.back-arrow-text:hover {
  color: var(--grey-blue-color);
  text-decoration: none;
}

/* Welcome view */
.welcome-view {
  padding-top: 23px;
}

.welcome-view * {
  color: var(--text-color-welcome);
}

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

.welcome-message-title {
  font-size: 32px;
  line-height: 38px;
  text-align: left;
  font-weight: 800;
  /* font-family: "Avenir-Black" !important; */
}

.welcome-message-subtitle {
  color: var(--muted-text-color);
  font-size: 15px;
  line-height: 24px;
  text-align: left;
  margin-left: 5px;
  font-weight: 500;
}

.welcome-data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.welcome-data > div.container {
  margin: 0px;
  padding: 10px;
  box-sizing: border-box;
}

.welcome-data > div.container > h2.dashboard_h2 {
  margin-bottom: 0px;
  border: 1px solid var(--border-color);
  border-bottom: 0px;
  text-align: center;
  background-color: var(--secondary-color);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 900;
}

.welcome-data > div.container > div.container_div {
  background-color: var(--secondary-color);
  margin-bottom: 0px;
  border: 1px solid var(--border-color);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px;
  height: calc(100% - 65px);
}

.welcome-data > .container_openclose_incidents_welcome_container {
  width: 25%;
  /* height: calc(100% - 81px); */
}
.welcome-data > .container_ticket_activity_container {
  width: 25%;
}
.welcome-data > .container_incident_statistics_container {
  width: 50%;
}

.welcome-data > .container_tickets_priority_container {
  width: 50%;
}
.welcome-data > .container_tickets_general_container {
  width: 50%;
}

.welcome-data > .container_openclose_incidents_container {
  width: 33%;
}
.welcome-data > .container_status_incidents_container {
  width: 33%;
}
.welcome-data > .container_incidents_companies_container {
  width: 33%;
}

.welcome-data > .container_top5_incidents_container {
  width: 33%;
}
.welcome-data > .container_topincident_submitter_container {
  width: 33%;
}
.welcome-data > .container_user_assigned_container {
  width: 33%;
}

.welcome-data > .container_tickets_datatables_container {
  width: 50%;
  margin-bottom: 15px !important;
}
.welcome-data > .container_logged_users_container {
  width: 50%;
  margin-bottom: 15px !important;
}

@media (max-width: 1600px) {
  .welcome-data > .container_openclose_incidents_welcome_container {
    width: 50%;
  }
  .welcome-data > .container_ticket_activity_container {
    width: 50%;
  }

  .welcome-data > .container_incident_statistics_container {
    width: 100%;
  }

  .welcome-data > .container_tickets_priority_container {
    width: 100%;
  }

  .welcome-data > .container_tickets_general_container {
    width: 100%;
  }

  .welcome-data > .container_openclose_incidents_container {
    width: 50%;
  }
  .welcome-data > .container_status_incidents_container {
    width: 50%;
  }

  .welcome-data > .container_incidents_companies_container {
    width: 50%;
  }
  .welcome-data > .container_top5_incidents_container {
    width: 50%;
  }

  .welcome-data > .container_topincident_submitter_container {
    width: 50%;
  }
  .welcome-data > .container_user_assigned_container {
    width: 50%;
  }

  .welcome-data > .container_tickets_datatables_container {
    width: 100%;
  }

  .welcome-data > .container_logged_users_container {
    width: 100%;
  }
}

/* Welcome priority cards */
.div-tickets-priority {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}

.div-tickets-priority > div,
.div-tickets-priority > div > a {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.div-tickets-priority > div > div:nth-child(1),
.div-tickets-priority > div > a > div:nth-child(1) {
  border-radius: 10px;
  width: 60px;
  height: 14px;
  margin-bottom: 8px;
}

.div-tickets-priority > div > div:nth-child(2),
.div-tickets-priority > div > a > div:nth-child(2) {
  font-size: 13px;
  line-height: 14px;
  color: var(--text-color-welcome);
  text-wrap: nowrap;
}

.div-tickets-priority > div > div:nth-child(3),
.div-tickets-priority > div > a > div:nth-child(3) {
  font-size: 20px;
  letter-spacing: -1px;
  color: #6c7587;
  margin-top: 8px;
}

/* Welcome closed/opened tickets */
.opened-closed-welcome {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.opened-closed-welcome > div,
.opened-closed-welcome > div > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 0px 15px;
  font-size: 16px;
  color: var(--text-color-secondary-welcome);
  line-height: 20px;
  border-radius: 8px;
}

.opened-closed-welcome > div:first-child {
  margin-bottom: 10px;
}

.opened-closed-welcome > div > div > img {
  width: 29px;
  margin-right: 10px;
}

.opened-closed-welcome > div > span {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1px;
  margin-right: 5px;
}

.welcome-data
  > .container_ticket_activity_container
  #container_ticket_activity_div {
  overflow-x: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.welcome-data #container_incident_statistics_div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.welcome-data img.last-login-datatable {
  width: 26px;
  border-radius: 50%;
  margin-right: 5px;
}

/* Welcome statistics */
.table-incident-statistics-welcome {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.table-incident-statistics-welcome > div {
  border: 1px solid var(--border-color-secondary);
  width: calc(50% - 4px);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0px 10px;
  height: 45px;
  margin-bottom: -1px;
  margin-left: -0px;
  margin-right: -1px;
}

.table-incident-statistics-welcome > div.welcome-statistics-empty {
  background-color: #f9f9f9;
}

.dark-theme .table-incident-statistics-welcome > div.welcome-statistics-empty {
  background-color: #1e1e1e;
}

.table-incident-statistics-welcome > div:nth-child(1) {
  border-top-left-radius: 8px;
}

.table-incident-statistics-welcome > div:nth-child(2) {
  border-top-right-radius: 8px;
}

.table-incident-statistics-welcome > div:nth-last-child(1) {
  border-bottom-right-radius: 8px;
}

.table-incident-statistics-welcome > div:nth-last-child(2) {
  border-bottom-left-radius: 8px;
}

.table-incident-statistics-welcome > div > div > span {
  font-size: 13px;
  line-height: 20px;
}

.table-incident-statistics-welcome > div > span:nth-child(2) {
  font-size: 18px;
  line-height: 20px;
  color: var(--text-color-welcome);
  width: 50%;
  text-align: left;
}

.table-incident-statistics-welcome > div > div:nth-child(2) {
  width: 50%;
  text-align: left;
}

div.welcome-data > .container_openclose_incidents_container > div.container_div,
div.welcome-data > .container_status_incidents_container > div.container_div,
div.welcome-data > .container_incidents_companies_container > div.container_div,
div.welcome-data > .container_top5_incidents_container > div.container_div,
div.welcome-data
  > .container_topincident_submitter_container
  > div.container_div,
div.welcome-data > .container_user_assigned_container > div.container_div {
  height: 180px;
}

.welcome-data #container_tickets_datatables_div table td:nth-child(2),
.welcome-data #container_tickets_datatables_div table td:nth-child(1) *,
.welcome-data #container_tickets_datatables_div table td:nth-child(3),
.welcome-data #container_tickets_datatables_div table td:nth-child(4) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.welcome-data #container_tickets_datatables_div table td:nth-child(1) * {
  width: 30ch;
  max-width: 30ch;
  display: block;
}

.welcome-data #container_tickets_datatables_div table td:nth-child(2) {
  width: 12ch;
  max-width: 12ch;
}

.welcome-data #container_tickets_datatables_div table td:nth-child(4) {
  width: 15ch;
  max-width: 15ch;
}

.welcome-data #container_tickets_datatables_div table td:nth-child(5) {
  text-align: center;
}

/* Welcome tickets general */
#container_tickets_general_div,
#container_tickets_priority_div {
  max-height: 100px;
}

/* Activity calendar */
.activity-calendar-year {
  transform: translateZ(0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  margin-top: 30px;
  padding-bottom: 25px;
}

.activity-calendar-month {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: 0px;
}

.activity-calendar-month.activity-calendar-month-same-week {
  margin-left: -20px;
}

.activity-calendar-month span {
  position: absolute;
  color: var(--text-color);
  top: -20px;
  padding-left: 20px;
  font-size: 10px;
  line-height: 23px;
}

.activity-calendar-month:nth-child(1),
.activity-calendar-month:nth-child(2),
.activity-calendar-month:nth-child(3) {
  margin-left: 0px;
}

.activity-calendar-month:nth-child(3) span {
  margin-left: 0;
  padding-left: 0;
}

/* .activity-calendar-month.activity-calendar-month-previous-year span {
  padding-left: 0px;
} */

.activity-calendar-week {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.activity-calendar-week.activity-calendar-week-first {
  justify-content: flex-end;
}

.activity-calendar-week.activity-calendar-week-day > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: var(--text-color);
  font-weight: bold;
  font-size: 10px;
  background-color: unset;
  margin-right: 5px;
}

.activity-calendar-week-year {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
}

.activity-calendar-day {
  width: 18px;
  height: 18px;
  margin: 1px;
  z-index: 0;
}

/* Spinner */
@keyframes spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.spinner {
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% + 50px);
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: linear-gradient(#82b92e, #c1ccdc);
  animation: spinner-rotate 1.2s linear infinite;
}
.spinner span {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: linear-gradient(#82b92e, #c1ccdc);
}
.spinner span:nth-child(1) {
  filter: blur(4px);
}
.spinner span:nth-child(2) {
  filter: blur(8px);
}
.spinner span:nth-child(3) {
  filter: blur(12px);
}
.spinner span:nth-child(4) {
  filter: blur(16px);
}
.spinner:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #f1f1f1;
  border: solid #fff 10px;
  border-radius: 50%;
}

a.link-std,
.link-std,
a.std-link,
.std-link {
  color: var(--primary-color);
}

a.link-std:hover,
.link-std:hover,
a.std-link:hover,
.std-link:hover {
  color: var(--primary-color-hover);
  text-decoration: none;
}

a.link-std-imp,
.link-std-imp,
a.std-link-imp,
.std-link-imp {
  color: var(--primary-color) !important;
}

a.link-std-imp:hover,
.link-std-imp:hover,
a.std-link-imp:hover,
.std-link-imp:hover {
  color: var(--primary-color-hover) !important;
  text-decoration: none !important;
}

div#wrap.wrap-background,
div#page.page-background {
  background-color: var(--background-main-color);
}

.welcome-data
  #container_tickets_datatables_div
  table
  td
  .link-title-ticket-table {
  font-size: 13px;
  line-height: 20px;
  font-weight: 900;
  color: var(--primary-color);
  /* font-family: "Avenir-Black" !important; */
}

.welcome-data .dataTables_wrapper .dataTables_paginate {
  float: left;
}

/* Rounded table */
.rounded-table {
  border-collapse: separate;
  border-spacing: 0px;
  width: 100%;
}

.rounded-table > tbody > tr {
  height: unset !important;
}

.rounded-table > tbody > tr > td {
  padding: 9px 20px;
  border-bottom: 1px solid var(--border-color-secondary);
  width: 50% !important;
}

.rounded-table > tbody > tr > td * {
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
}

.rounded-table > tbody > tr > td:first-child {
  border-left: 1px solid var(--border-color-secondary);
  border-right: 1px solid var(--border-color-secondary);
}

.rounded-table > tbody > tr > td:last-child {
  border-right: 1px solid var(--border-color-secondary);
}

.rounded-table > tbody > tr:first-child > td {
  border-top: 1px solid var(--border-color-secondary);
}

.rounded-table > tbody > tr:first-child > td:first-child {
  border-left: 1px solid var(--border-color-secondary);
  border-top-left-radius: 6px;
}

.rounded-table > tbody > tr:first-child > td:last-child {
  border-top-right-radius: 6px;
}

.rounded-table > tbody > tr:last-child > td:first-child {
  border-left: 1px solid var(--border-color-secondary);
  border-bottom-left-radius: 6px;
}

.rounded-table > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 6px;
}

.rounded-table > tbody > tr > td.rounded-table-empty {
  background-color: var(--table-even-background);
}

.rounded-table > tbody > tr > td:not(.rounded-table-empty):hover {
  background-color: var(--table-hover-background);
}

.rounded-table > tbody > tr > td div {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.rounded-table > tbody > tr > td div span:first-child {
  font-weight: 900;
  color: var(--primary-color);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.rounded-table > tbody > tr > td div img.user-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.rounded-table > tbody > tr > td div.user-avatar {
  justify-content: center;
  cursor: pointer;
}

/* Pagination */
.action-buttons-left-content .pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0px;
}

.action-buttons-left-content .pagination #form-pagination_control {
  font-size: 0px !important;
  margin-right: 10px !important;
}

.action-buttons-left-content .pagination #form-pagination_control select {
  box-sizing: border-box;
  height: 38px !important;
  background-color: var(--input-background);
  border: 2px solid var(--input-border);
  border-radius: 6px;
  font-size: 15px;
  line-height: 18px;
  color: var(--input-text-color);
  padding-left: 12px;
  width: 100% !important;
  max-width: 100%;
  margin-right: 10px !important;
}

.action-buttons-left-content .pagination span {
  margin: 0 !important;
}

.action-buttons-left-content .pagination span * {
  color: var(--text-color);
  font-size: 11pt;
  font-weight: 500 !important;
  margin: 0 !important;
  text-decoration: none;
}

.action-buttons-left-content .pagination span a {
  background-color: var(--pagination-background);
  padding: 9px;
  border: 1px solid var(--pagination-border);
  border-left: none;
  min-width: 12px;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
  margin: 0 !important;
}

.action-buttons-left-content .pagination span:first-of-type a {
  border-left: 1px solid var(--pagination-border);
  border-radius: 6px 0px 0px 6px;
}

.action-buttons-left-content .pagination span:last-of-type a {
  border-right: 1px solid var(--pagination-border);
  border-radius: 0px 6px 6px 0px;
}

.action-buttons-left-content .pagination span[style="font-weight: bold;"] a {
  background-color: var(--pagination-background-selected);
  color: var(--pagination-text-selected);
}

.action-buttons-left-content
  .pagination
  span[style="font-weight: bold;"]:hover {
  opacity: 0.9 !important;
}

.action-buttons-left-content
  .pagination
  span:not([style="font-weight: bold;"])
  a:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* Dropzone */
.form-upload-file-download,
.form-upload-file-download * {
  cursor: pointer !important;
}

.form-upload-file-download.dropzone {
  border: 2px dashed var(--border-color-3);
  background-color: var(--secondary-color);
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.form-upload-file-download.dropzone,
.form-upload-file-download.dropzone * {
  font-size: 15px;
}

.form-upload-file-download.dropzone span {
  color: var(--primary-color);
  font-weight: 900;
}

.form-dropzone-buttons.flex-row-end.new-dropzone-class {
  width: 100%;
  justify-content: space-between;
}

.dropzone-container-previews.new-dropzone-class {
  margin-top: 10px;
}

.dropzone-container-previews.new-dropzone-class
  .dz-preview.dz-file-preview.preview-default-dropzone {
  background-color: var(--secondary-color);
  border: 2px solid var(--border-color-4);
  box-shadow: none;
  padding: 10px;
  min-width: unset;
}

.dropzone-container-previews.new-dropzone-class
  .dz-preview.dz-file-preview.preview-default-dropzone
  span.hide {
  display: initial;
  font-size: 13px;
  font-weight: 900;
  width: 100%;
}

.dropzone-container-previews.new-dropzone-class .close_dropzone {
  content: url("../../images/close.svg");
  width: 15px;
  height: 15px;
  top: 7px;
  right: 7px;
  background-color: unset;
  border: unset;
}

.dropzone-container-previews.new-dropzone-class
  .dropzone-template-preview
  .fi-content {
  font-size: 17px;
  line-height: 45px;
  text-align: end;
}

.dropzone-container-previews.new-dropzone-class
  .dropzone-template-preview
  .fi-content::before {
  content: ".";
}

.dropzone-container-previews.new-dropzone-class
  .dropzone-template-preview
  .fi:hover {
  transform: unset;
  cursor: unset;
}

.dropzone-container-previews.new-dropzone-class .preview-info-dropzone {
  margin-top: 15px;
}

.dropzone-container-previews.new-dropzone-class #label-preview_file,
.dropzone-container-previews.new-dropzone-class #label-textarea-description {
  display: none;
}

.dropzone-container-previews.new-dropzone-class .preview-description-dropzone {
  margin-left: 10px;
}

.dropzone-container-previews.new-dropzone-class .textarea-description {
  height: calc(100% - 4px);
  max-width: unset;
}

.dropzone-container-previews.new-dropzone-class .preview-button-dropzone {
  flex-direction: row-reverse;
  margin: 0;
  margin-top: 5px;
}

.dropzone-container-previews.new-dropzone-class .preview-progressbar-dropzone {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.dropzone-container-previews.new-dropzone-class
  .preview-progressbar-dropzone
  .dz-text-size-file
  span:first-child {
  display: none;
}

.dropzone-container-previews.new-dropzone-class
  .preview-progressbar-dropzone
  .dz-text-size-file {
  margin-bottom: 0;
}

.dropzone-container-previews.new-dropzone-class
  .preview-progressbar-dropzone
  > div:last-child {
  /* width: calc(100% - 50px); */
  width: calc(100% - 50px);
}

.dropzone-container-previews.new-dropzone-class .dz-text-size-file .size {
  white-space: nowrap;
}

.dropzone-container-previews.new-dropzone-class .dropzone-button-start input {
  color: var(--primary-color) !important;
  font-weight: 900;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  background-color: unset !important;
  background-image: unset !important;
  border: 0 !important;
}

/* Dot tab */
.dot-tab {
  border: 1px solid var(--text-color);
  border-radius: 6px;
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 2px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.dot-tab:hover {
  background-color: var(--background-main-color);
}

.dot-tab > div:nth-child(1),
.dot-tab > div:nth-child(2),
.dot-tab > div:nth-child(3) {
  background-color: var(--text-color);
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.dot-tab-menu-overlay {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 30px 10px 10px 10px;
}

.dot-tab-menu {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color-4);
  border-radius: 6px;
  min-width: 170px;
  min-height: 20px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13);
  padding: 10px 0px;
  display: none;
}

.dot-tab:hover .dot-tab-menu {
  display: block;
}

.dot-tab-menu a {
  font-size: 14px;
  line-height: 23px;
  padding: 5px 15px;
  display: block;
  white-space: nowrap;
}

.dot-tab-menu a:hover {
  background-color: var(--table-hover-background);
  color: var(--text-color);
  text-decoration: none;
}

.dot-tab-menu .dot-tab-link a,
.dot-tab-menu .dot-tab-link > span {
  font-weight: 900;
}

.dot-tab-menu .dot-tab-jump-to {
  border-top: 1px solid var(--border-color-4);
  margin-top: 10px;
  padding-top: 15px;
}

.dot-tab-menu .dot-tab-jump-to span {
  line-height: 23px;
}

form#form-add-workunit table tr:first-child td {
  padding-right: 15px;
}

form#form-add-workunit table tr:not(:last-child) td > select,
form#form-add-workunit table tr:not(:last-child) td > input,
form#form-add-workunit
  table
  tr:not(:last-child)
  td
  > div.mce-tinymce.mce-container.mce-panel {
  margin-bottom: 15px;
}

/* Scrollbar */
.scrollbar-custom::-webkit-scrollbar {
  -webkit-appearance: none;
}

.scrollbar-custom::-webkit-scrollbar:vertical,
.scrollbar-custom::-webkit-scrollbar:horizontal {
  width: 8px;
  height: 8px;
}

.scrollbar-custom::-webkit-scrollbar-button:increment,
.scrollbar-custom::-webkit-scrollbar-button {
  display: none;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 4px;
  height: 50px;
}

.scrollbar-custom:hover::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color-hover);
}

.scrollbar-custom::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* KB */
.kb-main {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.kb-cards {
  /*width: calc(100% - 430px);*/
  width: 55%;
}

.kb-card:hover,
.kb-card:hover * {
  background-color: var(--table-hover-background);
}

.kb-card-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.kb-card-header > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.kb-card-title {
  font-size: 20px;
  line-height: 24px;
  color: var(--text-color-1);
  margin-top: 20px;
  margin-bottom: 10px;
}

.kb-card-body,
.kb-card-body * {
  font-size: 15px;
  line-height: 24px;
  color: var(--text-color-2);
}

.kb-card-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 20px;
}

.kb-popular-recently {
  width: 430px;
  margin-left: 20px;
}

.kb-popular-recently > div {
  width: 80% !important;
  border: 2px solid var(--border-color-secondary);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 20px;
  box-sizing: border-box;
}

.kb-popular-recently > div > p > a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.kb-popular-recently > div > p:not(:last-child) {
  margin-bottom: 15px;
}

.kb-card-cat-main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.kb-card-cat {
  width: 370px;
  height: 250px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.kb-card-cat-header {
  border-bottom: 1px solid var(--border-color-4);
  padding: 0px 15px 15px 15px;
  margin: 0px -15px 15px -15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.kb-card-cat-title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.kb-card-cat-title,
.kb-card-cat-title * {
  font-size: 20px;
  line-height: 24px;
}

.kb-card-cat-item {
  margin-bottom: 15px;
}

.kb-card-cat-item > a {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kb-card-cat > a {
  bottom: -20px;
  position: relative;
}

.kb-article {
  width: 900px;
  max-width: 900px;
  padding: 40px !important;
}

.kb-article-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.kb-article-header * {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.kb-article-title {
  font-size: 38px;
  line-height: 46px;
  margin-bottom: 20px;
}

.kb-article-author,
.kb-article-author * {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.kb-article-body {
  margin-top: 40px;
}

.kb-article-body img {
  max-width: 100%;
  border-radius: 8px;
  margin: 10px 0px;
}

/*  */
.main-box h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 900;
  color: var(--text-color-1);
}

#incident_search_result_table.dataTable.dataTable-v2 tbody *:not(.link-std) {
  font-weight: 500;
}

#incident-editor tr > td,
#table-user_search tr > td {
  line-height: normal;
}

#incident-editor tr:not(:last-child) > td > *:last-child,
#table-user_search tr:not(:last-child) > td > *:last-child {
  margin-bottom: 20px;
}

#incident-editor tr > td:nth-child(1),
#incident-editor tr > td:nth-child(2),
#table-user_search tr > td:nth-child(1),
#table-user_search tr > td:nth-child(2) {
  padding-right: 20px;
}

#incident-editor tr[id^="new_row_"] > td > label {
  margin-top: 0px !important;
}

#advanced_parameters_incidents_form_div table tr:first-child td {
  vertical-align: middle !important;
}

#advanced_parameters_incidents_form_div img.user-img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

#advanced_parameters_incidents_form_div table tr:first-child td#table1-0-2 * {
  font-size: 15px;
  line-height: 18px;
}

#advanced_parameters_incidents_form_div table tr td#table1-2-1 {
  padding-right: 0;
}

.main-box label a.tip {
  top: 11px;
  margin-left: 5px;
}

.main-box .mce-tinymce.mce-container.mce-panel {
  border: 2px solid var(--input-border) !important;
  border-radius: 6px;
}

.main-box
  .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.border-radius-50p {
  border-radius: 50%;
}

.img-20-20 {
  width: 20px;
  height: 20px;
}

.form-create-download > div:nth-child(1),
.form-create-download > div:nth-child(2) {
  margin-bottom: 15px;
}

.form-create-download {
  padding: 25px;
}

div.upload-hr {
  border-bottom: 1px solid var(--border-color-4);
  margin: 0px -15px 10px -15px;
  width: calc(100% + 30px);
}

.inventory-title-switch {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

table.inventory-search td {
  vertical-align: baseline;
  padding-right: 20px;
}

table.inventory-search tr:nth-child(1) td > *:last-child,
table.inventory-search tr:nth-child(2) td > *:last-child {
  margin-bottom: 20px;
}

#object-fields-modal .flex-switch-label > label:first-child {
  margin-top: -5px;
  font-weight: normal;
}

#object-fields-modal .flex-switch-label > label:last-child {
  margin-left: 0;
}

.inventory_list_table ul,
.inventory_list_table ol,
.inventory_list_table li {
  list-style-type: none;
}

.inventory_list_table td > ul > li {
  margin: 0px;
  border: 1px solid var(--border-color-4);
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 15px;
}

.inventory_list_table td > ul > li:last-child {
  margin-bottom: 0px;
}

.inventory-tree-main {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.inventory-tree-first-li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.inventory-tree-first-li > a,
.inventory-tree-first-li > a * {
  font-size: 15px;
  line-height: 24px;
  color: var(--text-color-1);
  font-weight: 900;
}

.inventory-tree-first-li > span,
.inventory-tree-first-li > span * {
  font-size: 13px;
  line-height: 24px;
  color: var(--muted-text-color);
}

.inventory-tree-main img:nth-child(1) {
  margin-right: 10px;
}

.inventory-tree-hr {
  border-bottom: 1px solid var(--border-color-4);
  width: calc(100% + 30px);
  margin: 15px -15px;
}

.inventory-tree-main tr > td > ul > li div li a {
  font-size: 13px;
  line-height: 24px;
  font-weight: 900;
  color: var(--text-color-1);
}

.inventory-tree-main tr > td > ul > li div li a:hover {
  color: var(--muted-text-color);
}

.inventory-tree-main tr > td > ul .inventory-tree-active {
  color: var(--primary-color-hover);
}

.inventory-tree-main tr > td > ul i {
  font-style: normal;
  font-size: 13px;
  line-height: 24px;
  color: var(--muted-text-color);
}

.inventory-tree-main tr > td > ul > li li {
  margin-top: 15px !important;
  margin-left: 15px !important;
}

.inventory-tree-details {
  width: 365px;
  min-width: 360px;
  border: 1px solid var(--border-color-4);
  margin-left: 15px;
  border-radius: 6px;
  margin-top: 3px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13);
  padding: 20px;
  position: relative;
}

.inventory-tree-details-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  margin-bottom: 20px;
  display: block;
}

.inventory-tree-details-table * {
  font-size: 15px;
  line-height: 24px;
}

.inventory-tree-details-table tr td {
  padding-bottom: 10px;
  font-weight: 350;
}

.inventory-tree-details-table tr td:first-child {
  padding-right: 10px;
}

.inventory-tree-details-close {
  background: url(../../images/close.svg) no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.user-img-circle {
  border-radius: 50%;
}

.inventory-title {
  font-size: 28px;
  line-height: 40px;
  font-weight: 350;
  margin-bottom: 20px;
  background: url(../../images/inventory-object.svg) no-repeat left center;
  padding-left: 60px;
}

#company_search_modal > div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

#qrcode_container_image {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#qrcode_container_image a {
  padding: 25px;
  background-color: #fff;
}

.table-form tr td {
  padding: 0px 10px 20px 10px;
}

.table-form tr:last-child td {
  padding: 0px 10px;
}

.section-title {
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 15px;
  background: url(../../images/section-title.svg) no-repeat left center;
  padding-left: 25px;
}

.avatar-edit-user {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.avatar-edit-user > img {
  border-radius: 50%;
  margin-right: 20px;
  height: 115px;
}

.generate-password {
  width: 270px;
}

input[disabled],
input[disabled="disabled"],
input[disabled]:hover,
input[disabled="disabled"]:hover {
  cursor: not-allowed !important;
  background-color: var(--input-background-disabled) !important;
  color: var(--input-text-color-disabled) !important;
  opacity: 1 !important;
}

.edit-user-hr {
  border-bottom: 1px solid var(--border-color);
  width: calc(100% + 50px);
  margin: 0px -25px 25px -25px;
}

#inventory_status_form #qr_code_agent_view img {
  width: 126px;
}

.ui-datepicker-title * {
  color: var(--secondary-color);
}

.static {
  position: static;
}

div#report_filters_table table {
  background-color: unset !important;
  border: 1px solid var(--border-color) !important;
}
.main-box.table-form .button-form {
  margin-top: 25px;
}

.fileupload_form #input-progress {
  left: 0;
  text-align: left !important;
  margin-left: 28px !important;
}

.fileupload_form #drop_file {
  border: 2px dashed var(--input-border);
  border-radius: 5px;
  padding: 15px !important;
}

.fileupload_form,
.fileupload_form #drop_file,
.fileupload_form * {
  background-color: var(--secondary-color);
}

.fileupload_form #drop_file_first {
  color: transparent;
  background-image: url(../../images/upload-dropfile.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 80px;
}

.fileupload_form #drop_file_second {
  display: none;
}

.fileupload_form #drop_file_third {
  font-size: 15px;
}

.fileupload_form #drop_file {
  margin: 0;
}

.fileupload_form li.working {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  margin-top: 15px;
}

div.custom-tooltip-class {
  padding: 10px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
}

div.custom-tooltip-class,
div.custom-tooltip-class * {
  background-color: var(--secondary-color) !important;
  background: var(--secondary-color) !important;
  color: var(--text-color);
}

#wu_1 td {
  vertical-align: baseline;
}

.workunit-report-comment div.notetitle {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid var(--border-color-4);
  border-radius: 6px;
  margin-bottom: 15px;
}

.text-no-wrap {
  text-wrap: nowrap;
}

.new-select.w250-imp {
  width: 250px !important;
}

.file-manager-table {
  height: 130px;
  min-height: 130px;
  max-height: 130px;
}

.bt0-imp {
  border-top: 0px !important;
}

.bg-fff {
  background-color: #fff !important;
}

.bg-unset-imp {
  background-color: unset !important;
}

textarea.resize-vertical {
  resize: vertical;
}

.table-translate-strings textarea {
  width: 100%;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
}

textarea.textarea-translate-strings,
textarea.textarea-translate-strings:focus {
  border: 0px !important;
  outline: 0px !important;
  background-color: transparent;
}

.vertical-align-baseline,
.vertical-align-baseline td {
  vertical-align: baseline;
}

.img_help {
  filter: brightness(1) !important;
}

.border-bottom-notetitle {
  border-bottom: 1px solid var(--border-color) !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.dark-theme canvas[id^="graph_"] {
  opacity: 0.8;
}

input.add-related-contract {
  margin: 0;
  border: 1px solid var(--border-color);
  -webkit-font-smoothing: subpixel-antialiased;
  margin-right: 5px;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 170px !important;
  height: 40px;
  cursor: pointer;
  padding: 0px;
  border-color: var(--itsm-color);
  color: var(--text-color) !important;
  font-weight: bold;
  bottom: 0;
  position: relative;
  float: right;
}

.content-activity-user {
  position: relative;
  width: 100%;
  height: 410px;
  min-height: inherit;
  overflow: hidden;
  margin-top: 25px;
}

.activity-banner {
  position: relative;
  height: 300px;
  margin: 0 auto;
}

.bg-base {
  background-color: rgba(149, 163, 191, 0.2);
  border-radius: 8px;
  width: 100%;
  height: 263px;
  margin: 0px auto;
}

/*background color start*/
.bg-status-1 {
  background-color: rgba(130, 185, 46, 0.2);
}

/*background color pause*/
.bg-status-2 {
  background-color: rgba(98, 182, 223, 0.2);
}

/*background color stop*/
.bg-status-0 {
  background-color: rgba(237, 71, 74, 0.2);
}

.activity-user-title {
  width: 90%;
  max-width: 940px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 36px auto;
}

.oval {
  background-size: 100%;
  border-radius: 100%;
  width: 44px;
  height: 44px;
}

.activity-user-title > .pixel {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 29px;
  margin-left: 30px;
}

.activity-user-title-text {
  color: var(--text-color-1);
  font-size: 32px !important;
  line-height: 38px !important;
  text-align: left;
  position: absolute;
  padding-left: 20px;
  padding-top: 5px;
}

.activity-user-resume {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  width: 940px;
  max-width: 940px;
  height: 293px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 100px auto;
  margin-bottom: 0px;
}

.activity-user-resume > .tracker {
  position: absolute;
  height: 70px;
  margin: 10px 20px 0px 20px;
  width: calc(940px - 40px);
}

.activity-user-resume .tracker .current-time {
  width: 25%;
  text-align: center;
}

.activity-user-resume .tracker .current-time > span {
  color: var(--text-color-1);
  font-size: 32px;
  line-height: 75px;
  text-align: center;
}

.button-tracker-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.button-tracker-container > * {
  margin: 0px 10px;
}

.button-tracker {
  width: 210px;
  width: 25%;
  height: 70px;
  border-radius: 6px;
}

.button-tracker-enable {
  cursor: pointer;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13);
}
.button-tracker-enable:active {
  transform: scale(0.98);
  box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
}

.tracker-start-icon {
  position: absolute;
  margin: 20px 0 0 80%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.tracker-play-pause-enable {
  background-image: url(../../images/tracker/play_enable.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 20px center !important;
}

.tracker-play-pause-disabled {
  background-image: url(../../images/tracker/play_disabled.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 20px center !important;
}

.button-start-enable {
  background-color: var(--primary-color);
  border: 1px solid var(--border-color-4);
}

.button-start-disabled {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--border-color-secondary);
}

.tracker-button-text-disabled,
.tracker-button-text-enable {
  color: var(--border-color-secondary);
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  position: relative;
  padding-right: 20%;
}
.tracker-button-text-disabled {
  color: var(--border-color-secondary);
}

.tracker-button-text-enable {
  color: var(--text-color-secondary);
}

.tracker-button {
  width: 20px;
}

.tracker-start-icon {
  position: absolute;
  top: 3px;
}

.button-pause-enable {
  background-color: #62b6df;
  border: 1px solid var(--border-color-4);
}

.button-pause-disabled {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--border-color-secondary);
}

.button-stop-enable {
  background-color: #ed474a;
  border: 1px solid var(--border-color-4);
}

.button-stop-disabled {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--border-color-secondary);
}

.tracker-motivational-text-container {
  position: absolute;
  padding: 0px 15px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 110px;
}

.tracker-motivational-text {
  color: var(--muted-text-color);
  font-size: 15px;
  text-align: left;
  font-weight: 400;
}

.tracker-separator {
  position: absolute;
  margin: 161px 0px 0px 0px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--border-color-4);
  width: 940px;
  height: 1px;
}

.tracker-data-container {
  position: absolute;
  margin: 185px auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.tracker-data-container > div {
  position: relative;
  display: inline-block;
  margin: 0px 0px 0px 15px;
  width: 210px;
}

.tracker-data-item {
  position: relative;
  display: block;
  margin: 0 auto;
  padding-bottom: 10px;
}

.tracker-data-icon {
  width: 28px;
  height: 28px;
}

.tracker-data-subtitle {
  color: var(--text-color-1);
  font-size: 13px;
  text-align: center;
}

.tracker-data-text {
  color: #6c7587;
  font-size: 20px;
  letter-spacing: -1px;
  text-align: center;
  font-weight: 700;
}

.activity-history {
  background-color: var(--secondary-color);
  border-radius: 8px;
  max-width: 940px;
  min-height: 300px;
  width: 95%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.activity-history-table {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 96%;
  margin: 20px auto;
  border: 2px solid var(--border-color-secondary);
  border-radius: 6px 6px 0 0;
}
.activity-history-table > thead > tr {
  background-color: var(--secondary-color);
}

.activity-history-table > thead > tr > th {
  color: var(--text-color-1);
  font-size: 13px !important;
  background-color: var(--secondary-color);
  border-bottom: 1px solid var(--border-color-secondary);
  height: 30px;
  text-align: left;
}

.activity-history-table > thead > tr > th.c0,
th.c1,
th.c2 {
  padding-left: 20px;
}

.activity-history-table > tbody > tr > td {
  border-bottom: 1px solid var(--border-color-secondary);
  color: var(--text-color-2);
  font-size: 0.8vw !important;
  line-height: 20px !important;
  text-align: left;
  font-weight: 500;
  height: 40px;
}

.activity-history-table > tbody > tr > td.datos2 {
  background-color: var(--table-even-background);
}

.status-round-squad {
  -webkit-clip-path: inset(10% round 10px);
  clip-path: inset(10% round 10px);
  width: 43px;

  height: 37px;
  width: 43px;
  clip-path: polygon(10% 0%, 90% 0%, 90% 100%, 10% 100%);
  -webkit-clip-path: polygon(10% 0%, 90% 0%, 90% 100%, 10% 100%);
}

.status-round-squad-xs {
  -webkit-clip-path: inset(10% round 10px);
  clip-path: inset(10% round 0px);
  width: 20px;
  height: 20px;
  margin-left: 2%;
}

.tracker-data > h2,
h3 {
  text-align: left;
}

.member-list > h3 {
  color: var(--muted-text-color);
  font-size: 0.85vw !important;
  margin: 0 auto;
  font-weight: 500;
}

.member-list {
  width: auto;
  min-height: 10vw;
  height: auto;
  margin: 1.5vw auto;
  margin-left: 2%;
}

.member-list > .member-list-container {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color-4);
  border-radius: 8px;
  width: calc(100% - 25px);
  min-height: 120px;
  /*max-width: 1000px;*/
  height: auto;
}

.no-data-container {
  width: calc(100% - 25px);
  min-height: 120px;
  /*max-width: 1000px;*/
  height: auto;
  display: flex;
  justify-content: center;
}

.no-data {
  width: 30% !important;
  height: auto !important;
  margin: 5% auto;
}

.table-search-member-list {
  margin: 1vw auto !important;
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  align-items: center;
}

.table-search-member-list > tbody > tr {
  display: inline-block;
}

.table-search-member-list > tbody > tr > td > .button-form-search {
  margin-top: 25px;
  display: flex;
}

.table-search-member-list > tbody > tr > td > div > #submit-search_btn {
  background-color: var(--primary-color) !important;
  border-radius: 8px !important;
}

.table-search-member-list > tbody > tr > td > label {
  color: var(--text-color-1) !important;
  font-size: 1.5vh !important;
  text-align: left !important;
  font-weight: 600 !important;
}

.table-search-member-list > tbody > tr > td > #text-search {
  width: 17vw !important;
  max-width: 320px !important;
  background-color: var(--background-main-color);
  border: 1px solid var(--border-color-secondary);
  border-radius: 6px;
  margin-right: 0.7vw;
}

.table-search-member-list > tbody > tr > td > select {
  width: 15vw !important;
  max-width: 200px !important;
  background-color: var(--background-main-color);
  border: 1px solid var(--border-color-secondary);
  border-radius: 6px;
  margin-right: 0.7vw;
}

.table-member-listing {
  margin: 0 auto;
  margin-bottom: 2%;
  border: 1px solid var(--border-color-secondary) !important;
  border-radius: 6px 6px 0 0 !important;
}

.table-member-listing > thead > tr > th {
  background-color: var(--secondary-color) !important;
  max-width: 960px;
  height: 40px;
  padding-left: 1.5%;
  border-bottom: 1px solid var(--border-color-secondary) !important;
}

.table-member-listing > thead > tr > .c5 {
  padding-left: 2.1% !important;
}

.table-member-listing > tbody > tr > .datos {
  background-color: var(--secondary-color) !important;
  max-width: 960px;
  height: 60px !important;
  padding-left: 1.5%;
  border-bottom: 1px solid var(--border-color-secondary) !important;
}

.table-member-listing > tbody > tr > .datos2 {
  background-color: var(--table-even-background) !important;
  max-width: 960px;
  height: 60px !important;
  padding-left: 1.5%;
  border-bottom: 1px solid var(--border-color-secondary) !important;
}

.time-header-container {
  height: 100px;
  width: auto;
  margin-bottom: 20px;
}

.time-header-item1,
.time-header-item2 {
  max-height: 100px;
  height: fit-content;
  display: inline-grid;
  justify-content: space-between;
}

.time-header-item1 {
  float: inline-start;
  /*width: 75%;*/
}
.time-header-item2 {
  float: inline-end;
  /*width: 25%;*/
  /*float: right;*/
}

input.image-rev-alt {
  margin-right: 1vw;
  background: url(../../images/tracker/left_selector_alt.svg) no-repeat 90%;
  background-size: auto;
}

input.image-for-alt {
  background: url(../../images/tracker/right_selector_alt.svg) no-repeat 90%;
  background-size: auto;
}

.time-header-item1 > .container-bottons-date-timetracker > form > input {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 2.2vw;
  height: auto;
  font-weight: normal;
}

.time-header-item1 > .container-bottons-date-timetracker > span {
  color: var(--primary-color) !important;
  font-size: 16px !important;
  text-align: center !important;
  font-weight: 500;
}

.tracker-user-card-container {
  margin-top: 15px;
}

.tracker-user-card-avatar {
  float: inline-start;
}

.tracker-user-card-info {
  float: inline-end;
  margin-left: 20px;
  margin-top: 5px;
}

.tracker-user-card-info > * {
  color: var(--text-color-1);
}

.time-tracker-data-search-user {
  max-height: 70px;
  margin-left: 2%;
}

.time-tracker-data-item1 > form > #text-id_username {
  border-radius: 20px;
}

.time-no-data {
  width: auto;
  min-height: 120px;
}

.time-tracker-data-header {
  height: 40px;
  text-align: center;
  padding-top: 1%;
}

.time-tracker-data-header > span {
  color: var(--text-color-1);
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  font-weight: 600 !important;
}

.time-no-activity {
  display: block;
  text-align: center;
  color: var(--border-color-secondary);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-right: 2%;
}

.no-data-day {
  border: 0px;
  width: 100%;
  margin: 0 auto;
}

.no-data-day > tbody > * {
  background-color: var(--table-even-background);
  height: 84px;
}

.edit-entry {
  padding-right: 5%;
  color: var(--primary-color);
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  display: block;
  text-align: right;
}

.separator-day {
  background-color: var(--border-color-4);
  width: 100%;
  height: 1px;
  margin: 0 auto;
}

.daily-tracker {
  width: 100%;
}

.daily-tracker > thead > tr > th {
  border: 0px !important;
}

.mini-calendar-tracker-container {
  margin-left: 4%;
}

.mini-calendar-tracker-container > img {
  margin-right: 4%;
  padding-top: 2%;
  display: inline;
}

.mini-calendar-tracker-container > span {
  color: var(--text-color-1);
  line-height: 24px;
  margin-top: 5px;
  position: absolute;
  font-weight: 500;
}

.daily-tracker:hover {
  background-color: var(--table-hover-background);
}

.nav-section-header {
  background-color: var(--secondary-color);
  border-bottom: 1px solid #c1ccdc;
  width: 100%;
  height: 50px;
  position: absolute;
  margin-left: -25px;
  width: calc(100% - 252px);
}

.nav-section-header-separator {
  width: 100%;
  height: 60px;
}

.nav-section-container {
  margin-left: 20px;
  padding-top: 18px;
  color: var(--muted-text-color);
}

.nav-section-container > * {
  padding-left: 10px;
}

a.url-tracker {
  color: var(--muted-text-color);
}

a.url-tracker:hover {
  color: var(--primary-color-hover);
}

.current_sec {
  color: var(--text-color-3);
  font-weight: 600;
}

.tracker-edit-activity-container,
.back-tracker-activity-container {
  margin-left: 2%;
  margin-top: 1.5%;
}

.tracker-edit-activity-container {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color-4);
  border-radius: 8px;
  width: 100%;
  max-width: 1000px;
  min-height: 100px;
}

.tracker-edit-activity-item1 {
  min-height: 110px;
}

.avatar-edit-activity-info {
  float: inline-start;
  width: 50%;
}

.avatar-edit-activity-info > img {
  margin-top: 4%;
}
.avatar-edit-activity-info > div {
  margin-left: 1%;
  display: flex;
  flex-direction: column;
}
.avatar-edit-activity-info > div > span.user-name {
  margin-top: 10%;
  color: var(--text-color-1);
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.avatar-edit-activity-info > div > span.tracker-day {
  margin-top: 5%;
  color: var(--text-color-2);
  font-size: 13px;
  line-height: 20px;
  text-align: left;
}
.new-entry-container {
  margin-top: 3%;
  width: 50%;
  float: inline-end;
  display: flex;
  justify-content: flex-end;
}
.create_new_entry {
  background-color: var(--border-color-3);
  border-radius: 8px;
  width: 172px;
  height: 42px;
  color: var(--text-color-secondary);
  font-family: Avenir;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
  background: url(../../images/search_white.svg) no-repeat var(--border-color-3)
    right 11px center;
  margin-right: 6%;
  padding-right: 5%;
}

.edit-entry-no-data {
  max-width: 1000px;
}

.custom-ui-dialog > .ui-dialog-titlebar {
  background-image: linear-gradient(
    144.35deg,
    var(--text-color-1) 0%,
    #1b6a66 100%
  );
  color: var(--text-color-secondary);
  height: 43px;
  text-align: left;
  padding-top: 10px;
}

.custom-ui-dialog > .ui-dialog-titlebar > span {
  padding-left: 5%;
  color: var(--text-color-secondary);
  font-size: 20px;
  line-height: 24px;
}

.dialog-edit-table > tbody > tr > td {
  padding-bottom: 5%;
}

.dialog-edit-table > tbody > tr > td > {
  margin-left: 5%;
}

.dialog-edit-table > tbody > tr > td > label {
  color: var(--text-color-1);
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  font-weight: 600;
}

.dialog-edit-table > tbody > tr > td > select {
  width: 100% !important;
  border: 1px solid var(--border-color-secondary);
  border-radius: 6px;
  background-color: var(--background-main-color);
  background-image: url(../../images/dropdown-down.png) !important;
  background-repeat: no-repeat !important;
  background-position: right 3% center !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.new_time {
  border: 1px solid var(--border-color-secondary) !important;
  border-radius: 6px !important;
  background-color: var(--background-main-color) !important;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  background: url(../../images/new-clock.svg) no-repeat !important;
  background-size: 20px 20px !important;
}

.new-btn {
  border-radius: 8px !important;
  font-size: 15px !important;
  line-height: 24px !important;
  float: right;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
  height: 40px;
  font-weight: 700 !important;
}

.new-btn.primary-btn {
  background-color: var(--itsm-color) !important;
  color: var(--text-color-1) !important;
  min-width: 126px;
}

.new-btn.secondary-btn {
  background-color: var(--secondary-color) !important;
  color: var(--border-color-3) !important;
  border: 2px solid var(--border-color-3) !important;
  min-width: 77px;
}

.custom-ui-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close {
  margin: -12px 10px 0 0 !important;
}

.custom-ui-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close > span {
  background-image: url(../../images/popup-close.svg) !important;
}

.table-action-buttons span {
  float: inline-start;
}

.button-footer {
  text-align: right;
  position: absolute;
  left: 0px;
  bottom: 10px;
  background-color: var(--secondary-color);
  border-top: 1px solid #c1ccdc;
  width: 100%;
}

.button-footer > input {
  margin-right: 5%;
  margin-top: 10px !important;
}

.table-edit-activity {
  margin-left: 3%;
  margin-right: 2%;
}

.legend-monthly-calendar .legend *,
.legend-annual-calendar .legend * {
  font-size: 13px;
  font-weight: 400;
}

.legend-monthly-calendar .legend:not(:last-child),
.legend-annual-calendar .legend:not(:last-child) {
  margin-right: 20px;
}

.legend-monthly-calendar .legend > div.legend_box_color {
  border-radius: 50%;
}

.legend-annual-calendar .legend > div.legend_box_color {
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  width: fit-content;
  padding: 0px 5px;
  color: #333;
}

.__PAN_XHPROF__ {
  width: 100%;
  text-align: center;
  z-index: 99999;
}

.__PAN_XHPROF__ a {
  font-size: 15px;
  color: tomato;
  font-weight: bold;
}

/* Rounded table */
.rounded-table {
  border-collapse: separate;
  border-spacing: 0px;
  width: 100%;
}

.rounded-table > tbody > tr {
  height: unset !important;
}

.rounded-table > tbody > tr > td {
  padding: 9px 20px;
  border-bottom: 1px solid var(--border-color-secondary);
  width: 50% !important;
}

.rounded-table > tbody > tr > td * {
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
}

.rounded-table > tbody > tr > td:first-child {
  border-left: 1px solid var(--border-color-secondary);
  border-right: 1px solid var(--border-color-secondary);
}

.rounded-table > tbody > tr > td:last-child {
  border-right: 1px solid var(--border-color-secondary);
}

.rounded-table > tbody > tr:first-child > td {
  border-top: 1px solid var(--border-color-secondary);
}

.rounded-table > tbody > tr:first-child > td:first-child {
  border-left: 1px solid var(--border-color-secondary);
  border-top-left-radius: 6px;
}

.rounded-table > tbody > tr:first-child > td:last-child {
  border-top-right-radius: 6px;
}

.rounded-table > tbody > tr:last-child > td:first-child {
  border-left: 1px solid var(--border-color-secondary);
  border-bottom-left-radius: 6px;
}

.rounded-table > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 6px;
}

.rounded-table > tbody > tr > td.rounded-table-empty {
  background-color: var(--table-even-background);
}

.rounded-table > tbody > tr > td:not(.rounded-table-empty):hover {
  background-color: var(--table-hover-background);
}

.rounded-table > tbody > tr > td div {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.rounded-table > tbody > tr > td div span:first-child {
  font-weight: 900;
  color: var(--primary-color);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.rounded-table > tbody > tr > td:hover div > span:first-child {
  color: var(--primary-color-hover);
}

.rounded-table
  > tbody
  > tr
  > td
  div
  span:last-child:not(.progress-bar-div span),
.rounded-table
  > tbody
  > tr
  > td
  div
  span:last-child
  *:not(.progress-bar-div span) {
  font-weight: 500;
  color: var(--text-color-2);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.rounded-table > tbody > tr > td div img.user-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.rounded-table.rounded-table-hide-hover-actions td:hover img.opacity0 {
  opacity: 1;
}

/* Pagination */
.action-buttons-left-content .pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0px;
}

.action-buttons-left-content .pagination #form-pagination_control {
  font-size: 0px !important;
  margin-right: 10px !important;
}

.action-buttons-left-content .pagination #form-pagination_control select {
  box-sizing: border-box;
  height: 38px !important;
  background-color: var(--input-background);
  border: 2px solid var(--input-border);
  border-radius: 6px;
  font-size: 15px;
  line-height: 18px;
  color: var(--input-text-color);
  padding-left: 12px;
  width: 100% !important;
  max-width: 100%;
  margin-right: 10px !important;
}

.action-buttons-left-content .pagination span {
  margin: 0 !important;
}

.action-buttons-left-content .pagination span * {
  color: var(--text-color);
  font-size: 11pt;
  font-weight: 500 !important;
  margin: 0 !important;
  text-decoration: none;
}

.action-buttons-left-content .pagination span a {
  background-color: var(--pagination-background);
  padding: 9px;
  border: 1px solid var(--pagination-border);
  border-left: none;
  min-width: 12px;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
  margin: 0 !important;
}

.action-buttons-left-content .pagination span:first-of-type a {
  border-left: 1px solid var(--pagination-border);
  border-radius: 6px 0px 0px 6px;
}

.action-buttons-left-content .pagination span:last-of-type a {
  border-right: 1px solid var(--pagination-border);
  border-radius: 0px 6px 6px 0px;
}

.action-buttons-left-content .pagination span[style="font-weight: bold;"] a {
  background-color: var(--pagination-background-selected);
  color: var(--pagination-text-selected);
}

.action-buttons-left-content
  .pagination
  span[style="font-weight: bold;"]:hover {
  opacity: 0.9 !important;
}

.action-buttons-left-content
  .pagination
  span:not([style="font-weight: bold;"])
  a:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* Dropzone */
.form-upload-file-download,
.form-upload-file-download * {
  cursor: pointer !important;
}

.form-upload-file-download.dropzone {
  border: 2px dashed var(--border-color-3);
  background-color: var(--secondary-color);
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.form-upload-file-download.dropzone,
.form-upload-file-download.dropzone * {
  font-size: 15px;
}

.form-upload-file-download.dropzone span {
  color: var(--primary-color);
  font-weight: 900;
}

.form-dropzone-buttons.flex-row-end.new-dropzone-class {
  width: 100%;
  justify-content: space-between;
}

.dropzone-container-previews.new-dropzone-class {
  margin-top: 10px;
}

.dropzone-container-previews.new-dropzone-class
  .dz-preview.dz-file-preview.preview-default-dropzone {
  background-color: var(--secondary-color);
  border: 2px solid var(--border-color-4);
  box-shadow: none;
  padding: 10px;
  min-width: unset;
}

.dropzone-container-previews.new-dropzone-class
  .dz-preview.dz-file-preview.preview-default-dropzone
  span.hide {
  display: initial;
  font-size: 13px;
  font-weight: 900;
  width: 100%;
}

.dropzone-container-previews.new-dropzone-class .close_dropzone {
  content: url("../../images/close.svg");
  width: 15px;
  height: 15px;
  top: 7px;
  right: 7px;
  background-color: unset;
  border: unset;
}

.dropzone-container-previews.new-dropzone-class
  .dropzone-template-preview
  .fi-content {
  font-size: 17px;
  line-height: 45px;
  text-align: end;
}

.dropzone-container-previews.new-dropzone-class
  .dropzone-template-preview
  .fi-content::before {
  content: ".";
}

.dropzone-container-previews.new-dropzone-class
  .dropzone-template-preview
  .fi:hover {
  transform: unset;
  cursor: unset;
}

.dropzone-container-previews.new-dropzone-class .preview-info-dropzone {
  margin-top: 15px;
}

.dropzone-container-previews.new-dropzone-class #label-preview_file,
.dropzone-container-previews.new-dropzone-class #label-textarea-description {
  display: none;
}

.dropzone-container-previews.new-dropzone-class .preview-description-dropzone {
  margin-left: 10px;
}

.dropzone-container-previews.new-dropzone-class .textarea-description {
  height: calc(100% - 4px);
  max-width: unset;
  box-sizing: border-box;
}

.dropzone-container-previews.new-dropzone-class .preview-button-dropzone {
  flex-direction: row-reverse;
  margin: 0;
  margin-top: 5px;
}

.dropzone-container-previews.new-dropzone-class .preview-progressbar-dropzone {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.dropzone-container-previews.new-dropzone-class
  .preview-progressbar-dropzone
  .dz-text-size-file
  span:first-child {
  display: none;
}

.dropzone-container-previews.new-dropzone-class
  .preview-progressbar-dropzone
  .dz-text-size-file {
  margin-bottom: 0;
}

.dropzone-container-previews.new-dropzone-class
  .preview-progressbar-dropzone
  > div:last-child {
  /* width: calc(100% - 50px); */
  width: calc(100% - 50px);
}

.dropzone-container-previews.new-dropzone-class .dz-text-size-file .size {
  white-space: nowrap;
}

.dropzone-container-previews.new-dropzone-class .dropzone-button-start input {
  color: var(--primary-color) !important;
  font-weight: 900;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  background-color: unset !important;
  background-image: unset !important;
  border: 0 !important;
}

/* Incident detail */
.incident-detail-dates {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.incident-detail-dates > div {
  width: 33%;
  min-height: 75px;
  border: 1px solid var(--border-color-4);
  border-radius: 6px;
  margin: 0 10px 10px 10px;
  padding: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.incident-detail-dates > div > div:first-child {
  border-left: 4px solid #95a3bf;
  border-radius: 2px;
  min-height: 75px;
  margin-right: 10px;
}

.incident-detail-dates > div:nth-child(2) > div {
  border-color: var(--itsm-color);
}

.incident-detail-dates > div:nth-child(3) > div {
  border-color: var(--primary-color);
}

.incident-detail-dates > div > div:last-child {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.incident-detail-dates > div > div:last-child > *:nth-child(1) {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 16px;
  color: var(--text-color-1);
  font-weight: 900;
}

.incident-detail-dates > div > div:last-child > *:nth-child(2) {
  font-size: 20px;
  line-height: 24px;
  color: var(--text-color-1);
}

.incident-detail-dates > div > div:last-child > *:nth-child(3) {
  font-size: 13px;
  line-height: 16px;
  color: var(--muted-text-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
}

.incident-detail-dates > div > div:last-child > *:nth-child(3) img {
  height: 15px;
}

.incident-detail-participants * {
  text-align: left;
}

.incident-detail-participants {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: -webkit-fill-available;
}

.incident-detail-participants > div {
  width: 33%;
  min-height: 75px;
  height: auto;
  border: 1px solid var(--border-color-4);
  border-radius: 6px;
  margin: 0 10px 10px 10px;
  padding: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.incident-detail-participants > div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
}

.incident-detail-participants > div > *:nth-child(1) {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 16px;
  color: var(--text-color-1);
  font-weight: 900;
}

.incident-detail-participants > div > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.incident-detail-participants > div > div > img {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  margin-right: 5px;
}

.incident-detail-participants > div > div > div > span {
  font-size: 15px;
  line-height: 24px;
  color: var(--text-color-1);
  line-break: anywhere;
}

.incident-detail-participants > div > div > div > div {
  font-size: 13px;
  line-height: 16px;
  color: var(--muted-text-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
}

#incident_description_div > tr > td > div {
  min-height: 215px;
  max-height: 627px;
  overflow: auto;
  padding-right: 5px;
  margin-right: -5px;
}

#incident_description_div img {
  max-width: 100%;
  height: auto;
}

#incident_details_div div.hr {
  height: 0;
  width: calc(100% + 22px);
  border-top: 1px solid var(--border-color-secondary);
  margin: 20px -11px;
}

#incident_details_div h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 900;
  color: var(--text-color-1);
  text-align: left;
  margin-bottom: 10px;
}

#ticket_editor_div td {
  width: 50% !important;
}

#ticket_editor_div tr:not(:last-child) td > *:last-child {
  margin-bottom: 15px;
}

#ticket_editor_div td:first-child {
  padding-right: 10px;
}

#ticket_editor_div td:last-child {
  padding-left: 10px;
}

#ticket_editor_div tr:last-child td:last-child {
  padding-left: 5px;
  vertical-align: bottom;
}

#incident_custom_fields_div * {
  font-size: 15px;
}

#incident_custom_fields_div > tr {
  height: unset;
}

#incident_custom_fields_div td table tbody {
  margin-bottom: 0;
}

#incident_sla_div td {
  width: 50% !important;
}

#incident_sla_div td div#horizontal-bar {
  margin-top: 11px;
}

#incident_sla_div td div#horizontal-bar * {
  text-transform: lowercase;
}

#incident_sla_div td div#horizontal-bar *::first-letter {
  text-transform: uppercase;
}

#incident_sla_div td:first-child {
  padding-right: 10px;
}

#incident_sla_div td:last-child {
  padding-left: 10px;
}

#incident_sla_div div.main-box > div:nth-child(1) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  font-size: 13px;
  line-height: 16px;
  font-weight: 900;
}

#incident_sla_div div.main-box > div:nth-child(1) select {
  margin-left: 10px;
}

div.incident-operation-hr {
  border-bottom: 1px solid var(--border-color-secondary);
  width: calc(100% + 49px);
  margin: 20px -24px 30px -24px;
}

span.incident-operation-title,
span.std-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 900;
}

div.incident-operation-title-hr {
  border-bottom: 1px solid var(--border-color);
  width: calc(100% + 31px);
  margin: 10px -16px 15px -16px;
}

/* Dot tab */
.dot-tab {
  border: 1px solid var(--text-color);
  border-radius: 6px;
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 2px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.dot-tab:hover {
  background-color: var(--background-main-color);
}

.dot-tab > div:nth-child(1),
.dot-tab > div:nth-child(2),
.dot-tab > div:nth-child(3) {
  background-color: var(--text-color);
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.dot-tab-menu-overlay {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 30px 10px 10px 10px;
}

.dot-tab-menu {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color-4);
  border-radius: 6px;
  min-width: 170px;
  min-height: 20px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13);
  padding: 10px 0px;
  display: none;
}

.dot-tab:hover .dot-tab-menu {
  display: block;
}

.dot-tab-menu a,
.dot-tab-menu > div > span {
  font-size: 14px;
  line-height: 23px;
  padding: 5px 15px;
  display: block;
  white-space: nowrap;
}

.dot-tab-menu a:hover {
  background-color: var(--table-hover-background);
  color: var(--text-color);
  text-decoration: none;
}

.dot-tab-menu .dot-tab-link a,
.dot-tab-menu .dot-tab-link > span {
  font-weight: 900;
}

.dot-tab-menu .dot-tab-jump-to {
  border-top: 1px solid var(--border-color-4);
  margin-top: 10px;
  padding-top: 15px;
}

.dot-tab-menu .dot-tab-jump-to span {
  line-height: 23px;
}

form#form-add-workunit table tr:first-child td {
  padding-right: 15px;
}

form#form-add-workunit table tr:not(:last-child) td > select,
form#form-add-workunit table tr:not(:last-child) td > input,
form#form-add-workunit
  table
  tr:not(:last-child)
  td
  > div.mce-tinymce.mce-container.mce-panel {
  margin-bottom: 15px;
}

form#form-add-workunit table tr:first-child td > input,
form#form-add-workunit table tr:first-child td > select {
  margin-bottom: 5px;
}

/* Scrollbar */
.scrollbar-custom::-webkit-scrollbar {
  -webkit-appearance: none;
}

.scrollbar-custom::-webkit-scrollbar:vertical,
.scrollbar-custom::-webkit-scrollbar:horizontal {
  width: 8px;
}

.scrollbar-custom::-webkit-scrollbar-button:increment,
.scrollbar-custom::-webkit-scrollbar-button {
  display: none;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 4px;
  height: 50px;
}

.scrollbar-custom:hover::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color-hover);
}

.scrollbar-custom::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* KB */
.kb-main {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.kb-card:hover,
.kb-card:hover * {
  background-color: var(--table-hover-background);
}

.kb-card-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.kb-card-header > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.kb-card-title {
  font-size: 20px;
  line-height: 24px;
  color: var(--text-color-1);
  margin-top: 20px;
  margin-bottom: 10px;
}

.kb-card-body,
.kb-card-body * {
  font-size: 15px;
  line-height: 24px;
  color: var(--text-color-2);
}

.kb-card-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 20px;
}

.kb-popular-recently {
  width: 430px;
}

.kb-popular-recently > div {
  width: 100%;
  border: 2px solid var(--border-color-secondary);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 20px;
  box-sizing: border-box;
}

.kb-popular-recently > div > p > a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.kb-popular-recently > div > p:not(:last-child) {
  margin-bottom: 15px;
}

.kb-card-cat-main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.kb-card-cat {
  width: 370px;
  height: 250px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.kb-card-cat-header {
  border-bottom: 1px solid var(--border-color-4);
  padding: 0px 15px 15px 15px;
  margin: 0px -15px 15px -15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.kb-card-cat-title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.kb-card-cat-title,
.kb-card-cat-title * {
  font-size: 20px;
  line-height: 24px;
}

.kb-card-cat-item {
  margin-bottom: 15px;
}

.kb-card-cat-item > a {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kb-card-cat > a {
  bottom: -20px;
  position: relative;
}

.kb-article {
  width: 900px;
  max-width: 900px;
}

.kb-article-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.kb-article-header * {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.kb-article-title {
  font-size: 38px;
  line-height: 46px;
  margin-bottom: 20px;
}

.kb-article-author,
.kb-article-author * {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.kb-article-body {
  margin-top: 40px;
  line-height: 25px;
}

.kb-article-body img {
  max-width: 100%;
  border-radius: 8px;
  margin: 10px 0px;
}

.kb-article-body p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/*  */
.main-box h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 900;
  color: var(--text-color-1);
}

#incident_search_result_table.dataTable.dataTable-v2 tbody *:not(.link-std) {
  font-weight: 500;
}

#incident-editor tr > td,
#table-user_search tr > td {
  line-height: normal;
}

#incident-editor tr:not(:last-child) > td > *:last-child,
#table-user_search tr:not(:last-child) > td > *:last-child {
  margin-bottom: 20px;
}

#incident-editor tr > td:nth-child(1),
#incident-editor tr > td:nth-child(2),
#table-user_search tr > td:nth-child(1),
#table-user_search tr > td:nth-child(2) {
  padding-right: 20px;
}

#incident-editor
  tr[id^="new_row_"]
  label
  *:last-child:not(.select2-selection__clear):not(.select2-selection):not(.select2-selection__arrow):not(.p-slider) {
  margin-top: 10px;
}

#incident-editor tr[id^="new_row_"] > td > label {
  margin-top: 0px !important;
}

#incident-editor tr[id^="new_row_"] > td > label.p-switch {
  margin-bottom: 20px;
}

#advanced_parameters_incidents_form_div table tr:first-child td {
  vertical-align: middle !important;
}

#advanced_parameters_incidents_form_div img.user-img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

#advanced_parameters_incidents_form_div table tr:first-child td#table1-0-2 * {
  font-size: 15px;
  line-height: 18px;
}

#advanced_parameters_incidents_form_div table tr td#table1-2-1 {
  padding-right: 0;
}

.main-box label a.tip {
  top: 11px;
  margin-left: 5px;
}

.main-box .mce-tinymce.mce-container.mce-panel {
  border: 2px solid var(--input-border) !important;
  border-radius: 6px;
}

.main-box
  .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.border-radius-50p {
  border-radius: 50%;
}

.img-20-20 {
  width: 20px;
  height: 20px;
}

div.upload-hr {
  border-bottom: 1px solid var(--border-color-4);
  margin: 0px -15px 10px -15px;
  width: calc(100% + 30px);
}

.inventory-title-switch {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

table.inventory-search td {
  vertical-align: baseline;
  padding-right: 20px;
}

table.inventory-search tr:nth-child(1) td > *:last-child,
table.inventory-search tr:nth-child(2) td > *:last-child {
  margin-bottom: 20px;
}

#object-fields-modal .flex-switch-label > label:first-child {
  margin-top: -5px;
  font-weight: normal;
}

#object-fields-modal .flex-switch-label > label:last-child {
  margin-left: 0;
}

.inventory_list_table ul,
.inventory_list_table ol,
.inventory_list_table li {
  list-style-type: none;
}

.inventory_list_table td > ul > li {
  margin: 0px;
  border: 1px solid var(--border-color-4);
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 15px;
}

.inventory_list_table td > ul > li:last-child {
  margin-bottom: 0px;
}

.inventory-tree-main {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.inventory-tree-first-li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.inventory-tree-first-li > a,
.inventory-tree-first-li > a * {
  font-size: 15px;
  line-height: 24px;
  color: var(--text-color-1);
  font-weight: 900;
}

.inventory-tree-first-li > span,
.inventory-tree-first-li > span * {
  font-size: 13px;
  line-height: 24px;
  color: var(--muted-text-color);
}

.inventory-tree-main img:nth-child(1) {
  margin-right: 10px;
}

.inventory-tree-hr {
  border-bottom: 1px solid var(--border-color-4);
  width: calc(100% + 30px);
  margin: 15px -15px;
}

.inventory-tree-main tr > td > ul > li div li a {
  font-size: 13px;
  line-height: 24px;
  font-weight: 900;
  color: var(--text-color-1);
}

.inventory-tree-main tr > td > ul > li div li a:hover {
  color: var(--muted-text-color);
}

.inventory-tree-main tr > td > ul .inventory-tree-active {
  color: var(--primary-color-hover);
}

.inventory-tree-main tr > td > ul i {
  font-style: normal;
  font-size: 13px;
  line-height: 24px;
  color: var(--muted-text-color);
}

.inventory-tree-main tr > td > ul > li li {
  margin-top: 15px !important;
  margin-left: 15px !important;
}

.inventory-tree-details {
  width: 365px;
  min-width: 360px;
  border: 1px solid var(--border-color-4);
  margin-left: 15px;
  border-radius: 6px;
  margin-top: 3px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13);
  padding: 20px;
  position: relative;
}

.inventory-tree-details-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  margin-bottom: 20px;
  display: block;
}

.inventory-tree-details-table * {
  font-size: 15px;
  line-height: 24px;
}

.inventory-tree-details-table tr td {
  padding-bottom: 10px;
  font-weight: 350;
}

.inventory-tree-details-table tr td:first-child {
  padding-right: 10px;
}

.inventory-tree-details-close {
  background: url(../../images/close.svg) no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.user-img-circle {
  border-radius: 50%;
}

.inventory-title {
  font-size: 28px;
  line-height: 40px;
  font-weight: 350;
  margin-bottom: 20px;
  background: url(../../images/inventory-object.svg) no-repeat left center;
  padding-left: 60px;
}

#company_search_modal > div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

#qrcode_container_image {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#qrcode_container_image a {
  padding: 25px;
  background-color: #fff;
}

.table-form tr td {
  padding: 0px 10px 20px 10px;
}

.table-form
  tr
  td:not(:has(input[type="button"])):not(:has(input[type="submit"])):not(
    :has(button)
  ) {
  vertical-align: baseline;
}

.no-baseline .table-form tr td:not(:has(input[type="button"])):not(:has(input[type="submit"])):not(:has(button)) {
  vertical-align: top !important;
}

.table-form tr:last-child td {
  padding: 0px 10px;
}

.section-title {
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 15px;
  background: url(../../images/section-title.svg) no-repeat left center;
  padding-left: 25px;
}

.avatar-edit-user {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.avatar-edit-user > img {
  border-radius: 50%;
  margin-right: 20px;
  height: 115px;
}

.generate-password {
  width: 270px;
}

input[disabled],
input[disabled="disabled"],
input[disabled]:hover,
input[disabled="disabled"]:hover {
  cursor: not-allowed !important;
  background-color: var(--input-background-disabled) !important;
  color: var(--input-text-color-disabled) !important;
  opacity: 1 !important;
  border: 0 !important;
}

.edit-user-hr {
  border-bottom: 1px solid var(--border-color);
  width: calc(100% + 50px);
  margin: 0px -25px 25px -25px;
}

#inventory_status_form #qr_code_agent_view img {
  width: 126px;
}

.ui-datepicker-title * {
  color: var(--secondary-color);
}

.static {
  position: static;
}

div#report_filters_table table {
  background-color: unset !important;
  border: 1px solid var(--border-color) !important;
}
.main-box.table-form .button-form {
  margin-top: 25px;
}

.fileupload_form #input-progress {
  left: 0;
  text-align: left !important;
  margin-left: 28px !important;
}

.fileupload_form #drop_file {
  border: 2px dashed var(--input-border);
  border-radius: 5px;
  padding: 15px !important;
}

.fileupload_form,
.fileupload_form #drop_file,
.fileupload_form * {
  background-color: var(--secondary-color);
}

.fileupload_form #drop_file_first {
  color: transparent;
  background-image: url(../../images/upload-dropfile.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 80px;
}

.fileupload_form #drop_file_second {
  display: none;
}

.fileupload_form #drop_file_third {
  font-size: 15px;
}

.fileupload_form #drop_file {
  margin: 0;
}

.fileupload_form li.working {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  margin-top: 15px;
}

div.custom-tooltip-class {
  padding: 10px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
}

div.custom-tooltip-class,
div.custom-tooltip-class * {
  background-color: var(--secondary-color) !important;
  background: var(--secondary-color) !important;
  color: var(--text-color);
}

#wu_1 td {
  vertical-align: baseline;
}

.workunit-report-comment div.notetitle {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid var(--border-color-4);
  border-radius: 6px;
  margin-bottom: 15px;
}

.workunit-report-comment div.notebody {
  padding: 30px;
  border: 0px;
}

.text-no-wrap {
  text-wrap: nowrap;
}

.new-select.w250-imp {
  width: 250px !important;
}

.file-manager-table {
  height: 130px;
  min-height: 130px;
  max-height: 130px;
}

.bt0-imp {
  border-top: 0px !important;
}

.bg-unset-imp {
  background-color: unset !important;
}

textarea.resize-vertical {
  resize: vertical;
}

.table-translate-strings textarea {
  width: 100%;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
}

textarea.textarea-translate-strings,
textarea.textarea-translate-strings:focus {
  border: 0px !important;
  outline: 0px !important;
  background-color: transparent;
}

.vertical-align-baseline,
.vertical-align-baseline td {
  vertical-align: baseline;
}

.img_help {
  filter: brightness(1) !important;
}

.border-bottom-notetitle {
  border-bottom: 1px solid var(--border-color) !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.dark-theme canvas[id^="graph_"] {
  opacity: 0.8;
}

input.add-related-contract {
  margin: 0;
  border: 1px solid var(--border-color);
  -webkit-font-smoothing: subpixel-antialiased;
  margin-right: 5px;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 170px !important;
  height: 40px;
  cursor: pointer;
  padding: 0px;
  border-color: var(--itsm-color);
  color: var(--text-color) !important;
  font-weight: bold;
  bottom: 0;
  position: relative;
  float: right;
}

.content-activity-user {
  position: relative;
  width: 100%;
  height: 410px;
  min-height: inherit;
  overflow: hidden;
  margin-top: 25px;
}

.activity-banner {
  position: relative;
  height: 300px;
  margin: 0 auto;
}

.bg-base {
  background-color: rgba(149, 163, 191, 0.2);
  border-radius: 8px;
  width: 100%;
  height: 263px;
  margin: 0px auto;
}

/*background color start*/
.bg-status-1 {
  background-color: rgba(130, 185, 46, 0.2);
}

/*background color pause*/
.bg-status-2 {
  background-color: rgba(98, 182, 223, 0.2);
}

/*background color stop*/
.bg-status-0 {
  background-color: rgba(237, 71, 74, 0.2);
}

.activity-user-title {
  width: 90%;
  max-width: 940px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 36px auto;
}

.oval {
  background-size: 100%;
  border-radius: 100%;
  width: 44px;
  height: 44px;
}

.activity-user-title > .pixel {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 29px;
  margin-left: 30px;
}

.activity-user-title-text {
  color: var(--text-color-1);
  font-size: 32px !important;
  line-height: 38px !important;
  text-align: left;
  position: absolute;
  padding-left: 20px;
  padding-top: 5px;
}

.activity-user-resume {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  width: 940px;
  max-width: 940px;
  height: 293px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 100px auto;
  margin-bottom: 0px;
}

.activity-user-resume > .tracker {
  position: absolute;
  height: 70px;
  margin: 10px 20px 0px 20px;
  width: calc(940px - 40px);
}

.activity-user-resume .tracker .current-time {
  width: 25%;
  text-align: center;
}

.activity-user-resume .tracker .current-time > span {
  color: var(--text-color-1);
  font-size: 32px;
  line-height: 75px;
  text-align: center;
}

.button-tracker-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.button-tracker-container > * {
  margin: 0px 10px;
}

.button-tracker {
  width: 210px;
  width: 25%;
  height: 70px;
  border-radius: 6px;
}

.button-tracker-enable {
  cursor: pointer;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13);
}
.button-tracker-enable:active {
  transform: scale(0.98);
  box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
}

.tracker-start-icon {
  position: absolute;
  margin: 20px 0 0 80%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.tracker-play-pause-enable {
  background-image: url(../../images/tracker/play_enable.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 20px center !important;
}

.tracker-play-pause-disabled {
  background-image: url(../../images/tracker/play_disabled.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 20px center !important;
}

.button-start-enable {
  background-color: var(--primary-color);
  border: 1px solid var(--border-color-3);
}

.button-start-disabled {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--border-color-secondary);
}

.tracker-button-text-disabled,
.tracker-button-text-enable {
  color: var(--border-color-secondary);
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  position: relative;
  padding-right: 20%;
}
.tracker-button-text-disabled {
  color: var(--border-color-secondary);
}

.tracker-button-text-enable {
  color: var(--text-color-secondary);
}

.tracker-button {
  width: 20px;
}

.tracker-start-icon {
  position: absolute;
  top: 3px;
}

.button-pause-enable {
  background-color: #62b6df;
  border: 1px solid var(--border-color-3);
}

.button-pause-disabled {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--border-color-secondary);
}

.button-stop-enable {
  background-color: #ed474a;
  border: 1px solid var(--border-color-3);
}

.button-stop-disabled {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--border-color-secondary);
}

.tracker-motivational-text-container {
  position: absolute;
  padding: 0px 15px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 110px;
}

.tracker-motivational-text {
  color: var(--muted-text-color);
  font-size: 15px;
  text-align: left;
  font-weight: 400;
}

.tracker-separator {
  position: absolute;
  margin: 161px 0px 0px 0px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--border-color-3);
  width: 940px;
  height: 1px;
}

.tracker-data-container {
  position: absolute;
  margin: 185px auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.tracker-data-container > div {
  position: relative;
  display: inline-block;
  margin: 0px 0px 0px 15px;
  width: 210px;
}

.tracker-data-item {
  position: relative;
  display: block;
  margin: 0 auto;
  padding-bottom: 10px;
}

.tracker-data-icon {
  width: 28px;
  height: 28px;
}

.tracker-data-subtitle {
  color: var(--text-color-1);
  font-size: 13px;
  text-align: center;
}

.tracker-data-text {
  color: #6c7587;
  font-size: 20px;
  letter-spacing: -1px;
  text-align: center;
  font-weight: 700;
}

.activity-history {
  background-color: var(--secondary-color);
  border-radius: 8px;
  max-width: 940px;
  min-height: 300px;
  width: 95%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.activity-history-table {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 96%;
  margin: 20px auto;
  border: 2px solid var(--border-color-secondary);
  border-radius: 6px 6px 0 0;
}
.activity-history-table > thead > tr {
  background-color: var(--secondary-color);
}

.activity-history-table > thead > tr > th {
  color: var(--text-color-1);
  font-size: 13px !important;
  background-color: var(--secondary-color);
  border-bottom: 1px solid var(--border-color-secondary);
  height: 30px;
  text-align: left;
}

.activity-history-table > thead > tr > th.c0,
th.c1,
th.c2 {
  padding-left: 20px;
}

.activity-history-table > tbody > tr > td {
  border-bottom: 1px solid var(--border-color-secondary);
  color: var(--text-color-2);
  font-size: 0.8vw !important;
  line-height: 20px !important;
  text-align: left;
  font-weight: 500;
  height: 40px;
}

.activity-history-table > tbody > tr > td.datos2 {
  background-color: var(--table-even-background);
}

.status-round-squad {
  -webkit-clip-path: inset(10% round 10px);
  clip-path: inset(10% round 10px);
  width: 43px;

  height: 37px;
  width: 43px;
  clip-path: polygon(10% 0%, 90% 0%, 90% 100%, 10% 100%);
  -webkit-clip-path: polygon(10% 0%, 90% 0%, 90% 100%, 10% 100%);
}

.status-round-squad-xs {
  -webkit-clip-path: inset(10% round 10px);
  clip-path: inset(10% round 0px);
  width: 20px;
  height: 20px;
  margin-left: 2%;
}

.tracker-data > h2,
h3 {
  text-align: left;
}

.tracker-data > h2 {
  color: var(--text-color-1);
  font-size: clamp(14px, 1.7vw, 48px) !important;
}

.member-list > h3 {
  color: var(--muted-text-color);
  font-size: 0.85vw !important;
  margin: 0 auto;
  font-weight: 500;
}

.member-list {
  width: auto;
  min-height: 10vw;
  height: auto;
  margin: 1.5vw auto;
  margin-left: 2%;
}

.member-list > .member-list-container {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color-4);
  border-radius: 8px;
  width: calc(100% - 25px);
  min-height: 120px;
  /*max-width: 1000px;*/
  height: auto;
}

.no-data-container {
  width: calc(100% - 25px);
  min-height: 120px;
  /*max-width: 1000px;*/
  height: auto;
  display: flex;
  justify-content: center;
}

.no-data {
  width: 30% !important;
  height: auto !important;
  margin: 5% auto;
}

.table-search-member-list {
  margin: 1vw auto !important;
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  align-items: center;
}

.table-search-member-list > tbody > tr {
  display: inline-block;
}

.table-search-member-list > tbody > tr > td > .button-form-search {
  margin-top: 25px;
  display: flex;
}

.table-search-member-list > tbody > tr > td > div > #submit-search_btn {
  background-color: var(--primary-color) !important;
  border-radius: 8px !important;
}

.table-search-member-list > tbody > tr > td > label {
  color: var(--text-color-1) !important;
  font-size: 1.5vh !important;
  text-align: left !important;
  font-weight: 600 !important;
}

.table-search-member-list > tbody > tr > td > #text-search {
  width: 17vw !important;
  max-width: 320px !important;
  background-color: var(--background-main-color);
  border: 1px solid var(--border-color-secondary);
  border-radius: 6px;
  margin-right: 0.7vw;
}

.table-search-member-list > tbody > tr > td > select {
  width: 15vw !important;
  max-width: 200px !important;
  background-color: var(--background-main-color);
  border: 1px solid var(--border-color-secondary);
  border-radius: 6px;
  margin-right: 0.7vw;
}

.table-member-listing {
  margin: 0 auto;
  margin-bottom: 2%;
  border: 1px solid var(--border-color-secondary) !important;
  border-radius: 6px 6px 0 0 !important;
}

.table-member-listing > thead > tr > th {
  background-color: var(--secondary-color) !important;
  max-width: 960px;
  height: 40px;
  padding-left: 1.5%;
  border-bottom: 1px solid var(--border-color-secondary) !important;
}

.table-member-listing > thead > tr > .c5 {
  padding-left: 2.1% !important;
}

.table-member-listing > tbody > tr > .datos {
  background-color: var(--secondary-color) !important;
  max-width: 960px;
  height: 60px !important;
  padding-left: 1.5%;
  border-bottom: 1px solid var(--border-color-secondary) !important;
}

.table-member-listing > tbody > tr > .datos2 {
  background-color: var(--table-even-background) !important;
  max-width: 960px;
  height: 60px !important;
  padding-left: 1.5%;
  border-bottom: 1px solid var(--border-color-secondary) !important;
}

.time-header-container {
  height: 100px;
  width: auto;
  margin-bottom: 20px;
}

.time-header-item1,
.time-header-item2 {
  max-height: 100px;
  height: fit-content;
  display: inline-grid;
  justify-content: space-between;
}

.time-header-item1 {
  float: inline-start;
  /*width: 75%;*/
}
.time-header-item2 {
  float: inline-end;
  /*width: 25%;*/
  /*float: right;*/
}

input.image-rev-alt {
  margin-right: 1vw;
  background: url(../../images/tracker/left_selector_alt.svg) no-repeat 90%;
  background-size: auto;
}

input.image-for-alt {
  background: url(../../images/tracker/right_selector_alt.svg) no-repeat 90%;
  background-size: auto;
}

.time-header-item1 > .container-bottons-date-timetracker > form > input {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 2.2vw;
  height: auto;
  font-weight: normal;
}

.time-header-item1 > .container-bottons-date-timetracker > span {
  color: var(--primary-color) !important;
  font-size: 16px !important;
  text-align: center !important;
  font-weight: 500;
}

.tracker-user-card-container {
  margin-top: 15px;
}

.tracker-user-card-avatar {
  float: inline-start;
}

.tracker-user-card-info {
  float: inline-end;
  margin-left: 20px;
  margin-top: 5px;
}

.tracker-user-card-avatar > img {
  width: clamp(30px, 4vw, 92px);
  height: auto;
}

.tracker-user-card-info > * {
  color: var(--text-color-1);
}
.tracker-user-card-info > .user-name {
  font-size: clamp(12px, 1.5vw, 36px);
}

.tracker-user-card-info > .effective-time,
.paused-time {
  font-size: clamp(8px, 0.8vw, 16px);
}

.time-tracker-data-search-user {
  max-height: 70px;
  margin-left: 2%;
}

.time-tracker-data-item1 > form > #text-id_username {
  border-radius: 20px;
}

.time-no-data {
  width: auto;
  min-height: 120px;
}

.time-tracker-data-header {
  height: 40px;
  text-align: center;
  padding-top: 1%;
}

.time-tracker-data-header > span {
  color: var(--text-color-1);
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  font-weight: 600 !important;
}

.time-no-activity {
  display: block;
  text-align: center;
  color: var(--border-color-secondary);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-right: 2%;
}

.no-data-day {
  border: 0px;
  width: 100%;
  margin: 0 auto;
}

.no-data-day > tbody > * {
  background-color: var(--table-even-background);
  height: 84px;
}

.edit-entry {
  padding-right: 5%;
  color: var(--primary-color);
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  display: block;
  text-align: right;
}

.separator-day {
  background-color: var(--border-color-4);
  width: 100%;
  height: 1px;
  margin: 0 auto;
}

.daily-tracker {
  width: 100%;
}

.daily-tracker > thead > tr > th {
  border: 0px !important;
}

.mini-calendar-tracker-container {
  margin-left: 4%;
}

.mini-calendar-tracker-container > img {
  margin-right: 4%;
  padding-top: 2%;
  display: inline;
}

.mini-calendar-tracker-container > span {
  color: var(--text-color-1);
  line-height: 24px;
  margin-top: 5px;
  position: absolute;
  font-weight: 500;
}

.daily-tracker:hover {
  background-color: var(--table-hover-background);
}

.nav-section-header {
  background-color: var(--secondary-color);
  border-bottom: 1px solid #c1ccdc;
  width: 100%;
  height: 50px;
  position: absolute;
  margin-left: -25px;
  width: calc(100% - 252px);
}

.nav-section-header-separator {
  width: 100%;
  height: 60px;
}

.nav-section-container {
  margin-left: 20px;
  padding-top: 18px;
  color: var(--muted-text-color);
}

.nav-section-container > * {
  padding-left: 10px;
}

a.url-tracker {
  color: var(--muted-text-color);
}

a.url-tracker:hover {
  color: var(--primary-color-hover);
}

.current_sec {
  color: var(--text-color-3);
  font-weight: 600;
}

.tracker-edit-activity-container,
.back-tracker-activity-container {
  margin-left: 2%;
  margin-top: 1.5%;
}

.tracker-edit-activity-container {
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color-4);
  border-radius: 8px;
  width: 100%;
  max-width: 1000px;
  min-height: 100px;
}

.tracker-edit-activity-item1 {
  min-height: 110px;
}

.avatar-edit-activity-info {
  float: inline-start;
  width: 50%;
}

.avatar-edit-activity-info > img {
  margin-top: 4%;
}
.avatar-edit-activity-info > div {
  margin-left: 1%;
  display: flex;
  flex-direction: column;
}
.avatar-edit-activity-info > div > span.user-name {
  margin-top: 10%;
  color: var(--text-color-1);
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.avatar-edit-activity-info > div > span.tracker-day {
  margin-top: 5%;
  color: var(--text-color-2);
  font-size: 13px;
  line-height: 20px;
  text-align: left;
}
.new-entry-container {
  margin-top: 3%;
  width: 50%;
  float: inline-end;
  display: flex;
  justify-content: flex-end;
}
.create_new_entry {
  background-color: var(--border-color-3);
  border-radius: 8px;
  width: 172px;
  height: 42px;
  color: var(--text-color-secondary);
  font-family: Avenir;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
  background: url(../../images/search_white.svg) no-repeat var(--border-color-3)
    right 11px center;
  margin-right: 6%;
  padding-right: 5%;
}

.edit-entry-no-data {
  max-width: 1000px;
}

.custom-ui-dialog > .ui-dialog-titlebar {
  background-image: linear-gradient(
    144.35deg,
    var(--text-color-1) 0%,
    #1b6a66 100%
  );
  color: var(--text-color-secondary);
  height: 43px;
  text-align: left;
  padding-top: 10px;
}

.custom-ui-dialog > .ui-dialog-titlebar > span {
  padding-left: 5%;
  color: var(--text-color-secondary);
  font-size: 20px;
  line-height: 24px;
}

.dialog-edit-table > tbody > tr > td {
  padding-bottom: 5%;
}

.dialog-edit-table > tbody > tr > td > {
  margin-left: 5%;
}

.dialog-edit-table > tbody > tr > td > label {
  color: var(--text-color-1);
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  font-weight: 600;
}

.dialog-edit-table > tbody > tr > td > select {
  width: 100% !important;
  border: 1px solid var(--border-color-secondary);
  border-radius: 6px;
  background-color: var(--background-main-color);
  background-image: url(../../images/dropdown-down.png) !important;
  background-repeat: no-repeat !important;
  background-position: right 3% center !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.new_time {
  border: 1px solid var(--border-color-secondary) !important;
  border-radius: 6px !important;
  background-color: var(--background-main-color) !important;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  background: url(../../images/new-clock.svg) no-repeat !important;
  background-size: 20px 20px !important;
}

.new-btn {
  border-radius: 8px !important;
  font-size: 15px !important;
  line-height: 24px !important;
  float: right;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
  height: 40px;
  font-weight: 700 !important;
}

.new-btn.primary-btn {
  background-color: var(--itsm-color) !important;
  color: var(--text-color-1) !important;
  min-width: 126px;
}

.new-btn.secondary-btn {
  background-color: var(--secondary-color) !important;
  color: var(--border-color-3) !important;
  border: 2px solid var(--border-color-3) !important;
  min-width: 77px;
}

.custom-ui-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close {
  margin: -12px 10px 0 0 !important;
}

.custom-ui-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close > span {
  background-image: url(../../images/popup-close.svg) !important;
}

.table-action-buttons span {
  float: inline-start;
}

.button-footer {
  text-align: right;
  position: absolute;
  left: 0px;
  bottom: 10px;
  background-color: var(--secondary-color);
  border-top: 1px solid #c1ccdc;
  width: 100%;
}

.button-footer > input {
  margin-right: 5%;
  margin-top: 10px !important;
}

.table-edit-activity {
  margin-left: 3%;
  margin-right: 2%;
}

.legend-monthly-calendar .legend *,
.legend-annual-calendar .legend * {
  font-size: 13px;
  font-weight: 400;
}

.legend-monthly-calendar .legend:not(:last-child),
.legend-annual-calendar .legend:not(:last-child) {
  margin-right: 20px;
}

.legend-monthly-calendar .legend > div.legend_box_color {
  border-radius: 50%;
}

.legend-annual-calendar .legend > div.legend_box_color {
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  width: fit-content;
  padding: 0px 5px;
  color: #333;
}

.table-nowrap-text {
  white-space: nowrap;
}

.xs-table-font td,
.xs-table-font th,
.xs-table-font a,
.xs-table-font li,
.xs-table-font span {
  font-size: 12px !important;
}

.copy-to-clipboard {
  position: absolute;
  display: none;
  width: auto;
  height: 22px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 10px;
  background: var(--text-color);
  color: white;
  min-width: 100px;
  filter: drop-shadow(1px 2px 2px #0000005e);
  align-items: center;
}

.copy-to-clipboard:before {
  border: 7px solid var(--text-color);
  content: "";
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: absolute;
  bottom: -1%;
  left: calc(8% - 25px);
  transform: rotate(90deg);
}

.text-color-normal {
  color: var(--text-color);
}

.text-color-normal-imp {
  color: var(--text-color) !important;
}

.text-color-primary {
  color: var(--primary-color);
}

.text-color-primary-imp {
  color: var(--primary-color) !important;
}

.gap10 {
  gap: 10px;
}

.gap10-imp {
  gap: 10px !important;
}

.gap15 {
  gap: 15px;
}

.gap20,
.gap20px {
  gap: 20px;
}

.customer-incidents-chart {
  height: 200px !important;
}

/* ==== Spinner ==== */
.spinner-fixed {
  position: absolute;
  left: 45%;
  top: 40%;
  z-index: 1;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: linear-gradient(#82b92e, #c1ccdc);
  animation: animate 1.2s linear infinite;
  margin: auto;
  margin-bottom: 40px;
  text-align: initial;
}
.spinner-fixed span {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: linear-gradient(#82b92e, #c1ccdc);
}
.spinner-fixed span:nth-child(1) {
  filter: blur(4px);
}
.spinner-fixed span:nth-child(2) {
  filter: blur(8px);
}
.spinner-fixed span:nth-child(3) {
  filter: blur(12px);
}
.spinner-fixed span:nth-child(4) {
  filter: blur(16px);
}
.spinner-fixed:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  /* background: transparent; */
  background: #f1f1f1;
  border: solid #fff 10px;
  border-radius: 50%;
}

.spinner-fixed.inherit {
  position: inherit;
}

@keyframes animate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.spinner-fixed.spinner-fixed-loading-report {
  left: 35%;
  top: 25%;
}

.spinner-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spinner-static {
  position: static;
}

.project-report-project tbody td,
.task_stats_container tbody td {
  border-top: 1px solid var(--border-color);
  padding: 0px 5px;
}

.project-report-project tbody tr:first-child td,
.task_stats_container tbody tr:first-child td {
  border-top: 0;
}

.project-report-project tbody tr:last-child td,
.task_stats_container tbody tr:last-child td {
  padding-bottom: 0;
}

.histogram-2values-chart {
  height: 100px;
  width: 350px;
}

table.listing.sub_table_listing.td-no-border-top.task-breakdown {
  width: calc(100% + 15px);
  margin-left: -15px;
  margin-bottom: 0;
}

table.listing.sub_table_listing.td-no-border-top.task-breakdown
  tr:first-child
  td {
  border-top: 0;
}

table.listing.sub_table_listing.td-no-border-top.task-breakdown td:first-child {
  padding-left: 30px;
}

div[id^="wu_"] .notebody,
div[id^="wu_"] .notebody * {
  line-break: anywhere;
  white-space: break-spaces !important;
}

.line-chart-report {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#submit-pass_upd_btn {
  margin-top: 30px;
}

#contract_table_container {
  width: 100%;
  height: 100%;
  overflow: auto;
  border-collapse: collapse;
}

.xl-icon {
  width: 50px;
}

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

/* Users mention*/
.mention-list {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

.a.column-link {
  font-weight: 900;
  color: var(--primary-color);
  text-decoration: none;
}

.mention-list > div > div {
  color: #303030;
  background-color: #fff;
}

.mention-list > div > div:hover {
  color: #303030;
  background-color: #d9efee;
  cursor: pointer;
}

.mention_user {
  min-height: 30px !important;
  padding-right: 10px !important;
}

.avatar_mention_card {
  max-height: 30px !important;
  max-width: 30px !important;
}

div.list_items_setup_wrap.setup-chatbot > div {
  min-width: unset;
  width: calc((100% / 3) - 11px);
}

.title-report {
  color: var(--text-color-1) !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 20px !important;
  width: 60%;
  margin-top: 0px !important;
  padding-bottom: 25px !important;
}

.bundle-report-table > tbody > tr > td,
.bundle-report-table > tbody > tr > td > p {
  font-size: 16px !important;
  font-weight: 400 !important;
}

.fit-content-box {
  min-width: fit-content !important;
}

.dark-theme code {
  background: var(--background-main-color);
}

.btn-submit-style {
  background-color: var(--background-main-color);
  color: var(--button-text-color) !important;
  line-height: 20px;
  font-weight: 900;
}

.btn-submit-style > img {
  filter: brightness(100%) !important;
}

span.incident-operation-title.incident-dashboard-detail-title {
  line-height: 8px;
}

.yg {
  width: 20px;
  height: 20px;
  background-image: url(../../images/chat_status/active.svg);
  margin-left: 15px !important;
  background-repeat: no-repeat;
}

.yr {
  width: 20px;
  height: 20px;
  background-image: url(../../images/chat_status/busy.svg);
  margin-left: 15px !important;
  background-repeat: no-repeat;
}

#notification-wrapper {
  background: var(--secondary-color);
  border: 1px solid var(--border-color-4);
  z-index: 900000;
  position: absolute;
  width: 400px;
  margin-top: 55px;
  border-radius: 8px;
  position: fixed;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13);
}

#notification-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  width: 0px;
  height: 16px;
  width: 16px;
  bottom: calc(100% - 8px);
  left: calc(50% - 7px);
  margin-left: -9px;
  transform: rotate(45deg);
  border-left: 1px solid var(--border-color-4);
  border-top: 1px solid var(--border-color-4);
  background-color: var(--secondary-color);
  transform: rotate(45deg);
}

#notification-wrapper-inner {
  z-index: 1;
  position: relative;
}

#notification-wrapper-inner center {
  border-top: 1px solid var(--border-color-4);
}

.notifications-div {
  max-height: calc(100vh - 200px);
  overflow: auto;
  border-top: 1px solid var(--border-color-4);
}

.notifications-div::-webkit-scrollbar {
  display: none;
}

#notification-wrapper-shadow {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9009;
  top: 0;
}

.notification-item {
  height: 50px;
  margin-top: 15px;
  border-bottom: #eaeaea solid 1px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 5px;
}

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

.notification-item > * {
  padding-left: 7px;
  pointer-events: none;
}

.notification-info {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  max-height: 83px;
  line-height: 1.4em;
}

.notification-title {
  margin: 0;
  border: 0;
  color: var(--text-color);
}

.notification-subtitle {
  margin-top: 5px;
}

.notification-subtitle,
.color-black-grey {
  color: var(--text-color-2);
}

.notification_menu_container {
  display: flex;
  padding: 0px 15px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 40px;
}

.notification_status {
  display: flex;
  flex-direction: row;
  width: 90px;
  cursor: pointer;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.notification_status_background {
  background-color: var(--background-menu-selected);
}

#notifications-toasts-wrapper {
  position: fixed;
  right: 20px;
  top: 70px;
  width: 270px;
  height: 100%;
  z-index: 6;
  pointer-events: none;
}

.snackbar {
  max-width: 300px;
  background-color: #333;
  color: #fff;
  text-align: center;
  /* border-radius: 2px; */
  padding: 16px;
  margin: 10px;
  border-radius: 4px;
  visibility: hidden;
  pointer-events: all;
}

.snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 7.5s;
  animation: fadein 0.5s, fadeout 0.5s 7.5s;
}

.snackbar p {
  text-align: left;
  margin-bottom: 10px;
  pointer-events: none;
  color: white;
  padding-top: 10px;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

.remove-notifications {
  border-top: 1px solid var(--border-color-4);
  padding: 10px;
  font-weight: 600;
}

.buttons-remove-notifications {
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 60px;
}

.description-breadcrumbs-downloads .page-title-bottom {
  color: var(--text-color);
  font-size: 10pt;
  font-weight: 500;
}

.mce-container iframe {
  padding-right: 2px;
  box-sizing: border-box;
}

body.dark-theme .mce-edit-area {
  background-color: transparent;
}

#incident_status_form tr[id^="new_row"] textarea {
  height: 100px;
}

.calendar-background-holidays {
  background-color: #f3f3f3;
}

body.dark-theme .calendar-background-holidays {
  background-color: #1c1c1c;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all.search-ticket-ul {
  background-color: var(--secondary-color);
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all.search-ticket-ul
  li:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}

/* Activity tracker */
.activity-tracker {
  box-sizing: border-box;
  width: 100%;
}

.activity-tracker > div {
  box-sizing: border-box;
  width: calc(100% - 80px);
  border: 1px solid var(--border-color-4);
  border-radius: 6px;
  padding: 10px 15px 15px 15px;
  margin-top: 10px;
  margin-left: 80px;
  position: relative;
}

.activity-tracker .activity-name {
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  margin-left: 5px;
  color: var(--primary-color);
}

.activity-tracker .activity-timestamp {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: var(--muted-text-color);
  margin-left: 20px;
}

.activity-tracker .activity-description {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

/* .activity-tracker > div:not(:last-child) .activity-vertical { */
.activity-tracker .activity-vertical {
  border-left: 1px solid var(--border-color-4);
  position: absolute;
  top: 16px;
  left: -62px;
  height: 100%;
}

.activity-tracker .activity-horizontal {
  border-top: 2px dashed var(--border-color-4);
  position: absolute;
  top: 18px;
  left: -40px;
  width: 40px;
}

.activity-tracker .activity-image {
  width: 40px;
  height: 40px;
  position: absolute;
  left: -82px;
  top: 0;
}

#mysqlerr .icon_message_alert {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}

#mysqlerr #button-mysqlerr {
  float: right;
}

#principal-action-buttons > div > div.pagination.mt20.mb20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.comment .notebody div[id^="long_wu_"] {
  overflow-x: auto;
}

.flex-rr-sb-important {
  width: 95%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

div#error_login {
  margin-top: 5px;
  margin-left: 5px;
  width: 75%;
  float: right;
  text-align: left;
  top: 100px;
}

div#error_login_icon {
  margin-top: 10px;
  margin-right: 7px;
  text-align: center;
  width: 20%;
  float: right;
}

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

table.dataTable.dataTable-v2.license-info-table > tbody > tr > td * {
  font-weight: bold;
}

table.dataTable.dataTable-v2.license-info-table > tbody > tr > td:nth-child(2) {
  padding-right: 15px;
}

.error_warning_licence {
  display: flex;
}

.error_warning_licence .error_icon_licence {
  margin-right: 30px;
}

.error_warning_licence p {
  margin-bottom: 15px;
}

/* Notifications list table */
#notifications_list_table th:nth-child(2) {
  width: 80% !important;
}

#notifications_list_table th:nth-child(3) {
  padding-right: 60px;
}

#notifications_list_table th:nth-child(4) {
  padding-right: 200px;
}

#notifications_list_table td,
#notifications_list_table td * {
  text-wrap: nowrap;
}

.submenu-icon-alert-number {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #eb6464;
  position: absolute;
  top: 1px;
  right: 1px;
}

#welcome-campaigns-dialog {
  overflow: hidden;
}

#welcome-campaigns-dialog-content {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 25px);
}

.welcome-campaigns-dialog-buttons {
  position: absolute;
  width: calc(100% - 22px);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  bottom: 10px;
  text-align: center;
  padding-top: 5px;
}

.campaign-notification-arrow {
  height: 10px;
}

.campaign-notification-dot {
  font-size: 40px !important;
  line-height: 29px;
}

.campaign-notification-dot.campaign-notification-dot-selected {
  filter: brightness(3);
}

.container-gitlab-relationship {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.container-gitlab-relationship .row-gitlab-relationship {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 20px;
  margin-bottom: 10px;
}

.container-gitlab-relationship
  .row-gitlab-relationship
  .input-gitlab-gitlab-relationship,
.container-gitlab-relationship
  .row-gitlab-relationship
  .input-ITSM-gitlab-relationship,
.container-gitlab-relationship
  .row-gitlab-relationship
  .input-role-gitlab-relationship {
  width: 100%;
}

.show-exclude-restults-switch .p-switch {
  float: left;
}

#dialog-ticket-description img {
  max-width: 100%;
}

.pandora_confirm_dialog_text .ui-dialog-buttonset {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.tag-label {
  padding: 4px 8px;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: fit-content;
}

.tag-label-slim {
  padding: 1px 4px;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: fit-content;
}

.tag-label,
.tag-label * {
  font-size: 12px;
  font-weight: 600;
}

.gap2 {
  gap: 2px;
}

.gap3 {
  gap: 3px;
}

.gap5 {
  gap: 5px;
}

.error-border {
  border-color: red;
}

.error-border-imp {
  border-color: red !important;
}

body.dark-theme select[multiple] {
  background-color: var(--input-background);
  border: 1px solid var(--input-border);
}

body.dark-theme select[multiple] option:checked {
  background-color: var(--input-background-disabled);
}

/* Upload files */
#form-invoice_files ul li,
#form-project_files ul li,
#form-contact_files ul li,
#contract_files ul li,
#wu_files ul li,
#form-company_files ul li,
#form-lead_files ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 15px;
}

#form-invoice_files ul li > div p,
#form-project_files ul li > div p,
#form-contact_files ul li > div p,
#contract_files ul li > div p,
#wu_files ul li > div p,
#form-company_files ul li > div p,
#form-lead_files ul li > div p {
  text-wrap: nowrap;
}

#form-invoice_files ul li .invoice_file_form,
#form-project_files ul li .project_files_form,
#form-contact_files ul li .contact_files_form,
#contract_files ul li .contract_file_form,
#wu_files ul li .wu_file_form,
#form-company_files ul li .company_files_form,
#form-lead_files ul li .lead_files_form {
  width: 100%;
}

#form-invoice_files ul li td,
#form-project_files ul li td,
#form-contact_files ul li td,
#contract_files ul li td,
#wu_files ul li td,
#form-company_files ul li td,
#form-lead_files ul li td {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 15px;
}

#form-invoice_files ul li td div,
#form-project_files ul li td div,
#form-contact_files ul li td div,
#contract_files ul li td div,
#wu_files ul li td div,
#form-company_files ul li td div,
#form-lead_files ul li td div {
  width: 100%;
}

#form-invoice_files ul li td #textarea-description,
#form-project_files ul li td #textarea-file_description,
#form-contact_files ul li td #textarea-file_description,
#contract_files ul li td #textarea-file_description,
#wu_files ul li td #textarea-file_description,
#form-company_files ul li td #textarea-file_description,
#form-lead_files ul li td #textarea-file_description {
  height: auto;
}

#form-invoice_files .error,
#form-invoice_files .suc,
#form-project_files .error,
#form-contact_files .error,
#contract_files .error,
#wu_files .error,
#form-project_files .suc,
#form-contact_files .suc,
#contract_files .suc,
#wu_files .suc,
#form-company_files .error,
#form-lead_files .error,
#form-company_files .suc,
#form-lead_files .suc {
  background: initial;
}

#form-invoice_files #input-progress,
#form-project_files #input-progress,
#form-contact_files #input-progress,
#contract_files #input-progress,
#wu_files #input-progress,
#form-company_files #input-progress,
#form-lead_files #input-progress {
  width: 60px !important;
}

div.fileupload_form#backup_files ul li span,
div.fileupload_form ul > li div span,
div.fileupload_form ul > li.working div span {
  background-image: url(../../images/cross.png);
  height: 22px;
  width: 25px;
  background-position: unset;
}

form#incident_status_form table#incident-editor tbody td:has(select),
form#incident_status_form
  table#incident-editor
  tbody
  tr[id^="new_row_"]
  td:has(input[type="checkbox"]) {
  vertical-align: baseline;
}

tbody[id^="incident_custom_fields_textarea_"] tr td > div {
  max-height: 150px;
  overflow: auto;
  padding-right: 5px;
  margin-right: -5px;
}

.incident-detail-details-title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}

.incident-detail-details-mini-inputs input,
.incident-detail-details-mini-inputs select {
  height: 30px;
}

#incident_details_div .quick-edit-details-edition input,
#incident_details_div .quick-edit-details-edition select {
  width: 150px !important;
}

.background-vacations {
  background-color: #fcf4d5;
}

div#period-date-custom.time-tracking-report input {
  width: 100% !important;
}

.select2-tags-container-class
  ul.select2-selection__rendered
  li.select2-selection__choice {
  flex-direction: row-reverse;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px !important;
  font-weight: 600;
  border: 0px !important;
}

.select2-tags-container-class
  ul.select2-selection__rendered
  li.select2-selection__choice
  .select2-selection__choice__remove {
  margin: 0px;
  margin-left: 5px;
  font-size: 18px;
  font-weight: 600;
}

.select2-tags-dropdown-class ul.select2-results__options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  padding: 5px;
}

.select2-tags-dropdown-class
  ul.select2-results__options
  li.select2-results__option {
  padding: 4px 8px;
  border-radius: 12px !important;
  font-size: 12px;
  font-weight: 600;
  width: fit-content;
}

.error-message-description {
  color: #ff0000;
  font-weight: 600;
  font-size: 13px !important;
}

#form-create-workunit-task .tox.tox-tinymce.error-border-description {
  border-color: #ff0000;
}

.opacity0 {
  opacity: 0;
}

.select2-multiple-option-checked {
  color: inherit;
}

/* Dialog white titlebar */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-dialog-white {
  box-shadow: 0 5px 6px 0 var(--box-shadow-color);
  border: 1px solid var(--border-color);
}

.ui-dialog.ui-dialog-white .ui-dialog-titlebar {
  background-color: transparent;
  background-image: none;
  height: 55px;
}

.ui-dialog.ui-dialog-white .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog.ui-dialog-white .ui-dialog-titlebar .ui-dialog-title * {
  color: var(--text-color);
  font-size: 16px;
  line-height: 20px;
}

.ui-dialog.ui-dialog-white
  .ui-dialog-titlebar.ui-widget-header
  .ui-dialog-titlebar-close {
  margin-top: -14px;
}

.ui-dialog.ui-dialog-white
  .ui-dialog-titlebar.ui-widget-header
  .ui-dialog-titlebar-close
  .ui-icon-closethick {
  background-image: url(../../images/close-grey.svg);
}

/* Overflow menu */
.overflow-menu-container {
  position: relative;
  display: inline-block;
}

.overflow-menu-button {
  background: none;
  border: none;
  cursor: pointer;
}

.overflow-menu-content {
  display: none;
  position: absolute;
  right: 0;
  top: 30px;
  background-color: var(--secondary-color);
  min-width: 150px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  box-shadow: 0 3px 6px var(--box-shadow-color);
  z-index: 1;
}

.overflow-menu-content .overflow-menu-item {
  padding: 10px 15px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.overflow-menu-content .overflow-menu-item,
.overflow-menu-content .overflow-menu-item * {
  color: var(--text-color);
  font-size: 10pt;
  font-weight: 500;
}

.overflow-menu-content .overflow-menu-item:hover {
  background-color: var(--table-hover-background);
}

.overflow-menu-item.overflow-menu-item-selected {
  border-left: 4px solid var(--primary-color);
}

.overflow-menu-item.has-submenu {
  position: relative;
}

.overflow-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background: var(--secondary-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  box-shadow: 0 3px 6px var(--box-shadow-color);
  min-width: 150px;
  z-index: 1;
}

.overflow-menu-item.has-submenu:hover .overflow-submenu {
  display: block;
}

.overflow-menu-item.has-submenu:hover > span > img {
  transform: rotate(0deg);
}

.overflow-submenu-item {
  display: block;
  padding: 8px 12px;
  cursor: pointer;
}

.overflow-submenu-item:hover {
  background-color: var(--table-hover-background);
}

.overflow-submenu-item.overflow-submenu-item-selected {
  border-left: 4px solid var(--primary-color);
}

.user-avatar {
  border-radius: 50%;
  height: 30px;
  min-height: 30px;
  width: 30px;
  min-width: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 10pt !important;
  cursor: default;
}

.slider-jquery-custom.ui-corner-all {
  width: 100%;
  background-color: var(--primary-color);
  border-radius: 10px;
  height: 12px;
}

.slider-jquery-custom.ui-corner-all .ui-slider-handle {
  top: -5px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: var(--secondary-color);
  box-shadow: 0px 3px 6px var(--button-boxshadow-color);
  border: 1px solid var(--border-color);
}

#form-new_project .role-people-task-select td {
  padding: 0;
}

#edit-task-action-delete-dialog {
  max-width: 440px;
}

#edit-task-action-delete-dialog label {
  font-weight: 600;
}

#edit-task-action-delete-dialog input[type="text"]::placeholder {
  font-style: italic;
}

.get-type-to-confirm-buttons {
  gap: 20px;
}

.get-type-to-confirm-buttons input[type="button"] {
  flex: 0;
}

table.dataTable.dataTable-v2
  > tbody
  > tr[class^="company-contract-project-task-table"]:hover {
  background-color: unset !important;
}

table.dataTable.dataTable-v2
  > tbody
  td[class^="company-contract-project-task-table"] {
  padding: 10px !important;
}

table.dataTable.dataTable-v2
  > tbody
  td[class^="company-contract-project-task-table"]
  th {
  font-weight: bold;
}

.spacing-label {
  display: flex;
  align-items: center;
  gap: 20px;
}

.autorefresh-in-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.autorefresh-in-header label.p-switch {
  margin-top: -5px;
}

.autorefresh-in-header .select2-container .select2-selection--single {
  height: 30px !important;
}

.autorefresh-in-header
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 28px !important;
}
.autorefresh-in-header
  .select2-container
  .select2-selection--single
  .select2-selection__arrow {
  top: 2px;
}

.select2-all-switch label.p-switch {
  margin-bottom: 14px;
}

.overflow-menu-boxed-icon {
  border: 1px solid var(--text-color);
  border-radius: 6px;
  padding: 2px;
}

#dialog-ticket-custom-columns table.table-form tbody tr {
  display: flex;
  align-items: center;
}

.wrap-labels-tags {
  display: flex;
  margin: 10px;
  gap: 5px;
  flex-wrap: wrap;
  max-width: 200px;
}

.wrap-labels-tags-dashboard-detail {
  display: flex;
  margin: 10px;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: -15px;
}

.overflow-x-auto {
  overflow-x: auto;
}

#pagination-sentinel {
  width: fit-content;
}

.task-planning-summary * {
  font-weight: 500;
  font-size: 13px;
}

.task-planning-summary-counters {
  background-color: #ffffff;
  color: #000000;
  border-radius: 8px;
  text-align: center;
  min-width: 8px;
  margin-left: 5px;
  padding: 0px 4px;
}

.tasks-list-status {
  height: inherit;
}

.tasks-list-status .tag-label {
  height: 100%;
  box-sizing: border-box;
  border-radius: 0px;
  width: 10px;
  padding: 0px;
}

.time-input-container {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
}

.table-text-wrap thead th {
  white-space: normal !important;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overdue-date {
  color: #bb0000 !important;
}

.status-ticket-mini {
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}

.ui-tooltip[id^="ui-tooltip"] .rounded-table * {
  white-space: nowrap !important;
}

.ticket-detail-sla-table td:first-child {
  color: var(--primary-color);
}

#incident_description_div .ui-widget-overlay {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/*
* MARGIN
*/
.margn {
  margin: auto;
}

.margin-bottom-20-imp {
  margin-bottom: 20px !important;
}

.padding20 {
  padding: 20px;
}