@import url(../../../stylesheets/application.css);
@import url(variables.css);
@import url(landing-responsive-gradient.css);
@import url(../../../material_design/css/materialdesignicons.css);

@font-face {
    font-family: 'Manrope-Bold';
    src: url('../fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Monospac821BT-Roman';
    src: url('../fonts/mono821n.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-stretch: expanded;
}

/**********************************************************/
/* COMMON */
/**********************************************************/
:focus {outline:none;}
::-moz-focus-inner {border:0;}

::-webkit-file-upload-button {
  background: var(--white);
  font-family: 'Manrope';
  font-size: 12px;
  font-weight: bold;
  color: var(--neutral_800);
  border-radius: var(--radius_s);
  border: solid 1px var(--neutral_600);
  line-height: 32px;
  height: 32px;
  background: url('../icon/product/attachment.svg') no-repeat 15px 50%;
  padding: var(--padding_n) var(--padding_s) var(--padding_n) 40px;
  background-size: 18px !important;
  margin-right: var(--padding_xl);
}

::-webkit-file-upload-button:hover {
  color: var(--blue_500);
  border: solid 1px var(--blue_500);
  background: url('../icon/product/attachment_hover.svg') no-repeat 15px 50%;
}

::-webkit-file-upload-button:focus {
  color: var(--blue_500);
  border: solid 1px var(--blue_500) !important;
  background-color: var(--blue_20) !important;
  background: url('../icon/product/attachment_hover.svg') no-repeat 15px 50%;
  outline: none !important;
}

::-ms-browse {
  background: var(--white);
  font-family: 'Manrope';
  font-size: 12px;
  font-weight: bold;
  color: var(--neutral_800);
  border-radius: var(--radius_s);
  border: solid 1px var(--neutral_600);
  line-height: 32px;
  height: 32px;
  background: url('../icon/product/attachment.svg') no-repeat 15px 50%;
  background-size: 18px !important;
  padding: var(--padding_n) var(--padding_s) var(--padding_n) 40px;
}

::-ms-browse:hover {
  color: var(--blue_500);
  border: solid 1px var(--blue_500);
  background: url('../icon/product/attachment_hover.svg') no-repeat 15px 50%;
}

::-ms-browse:focus {
  color: var(--blue_500);
  border: solid 1px var(--blue_500) !important;
  background-color: var(--blue_20) !important;
  outline: none !important;
  background: url('../icon/product/attachment_hover.svg') no-repeat 15px 50%;
}

body {
  color: var(--black);
  font-size: 14px;
  line-height: 24px;
  font-family: 'Source Sans Pro', sans-serif;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/*body, html {
  height: 100%;
  overflow-y: auto;
}*/

input, textarea, select {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: var(--black);
}

select[name="query[sort_criteria][0][]"],
select[name="query[sort_criteria][1][]"],
select[name="query[sort_criteria][2][]"] {
  margin-right: var(--padding_s);
}

.top-xs    { padding-top: var(--padding_xs) !important;    }
.top-s     { padding-top: var(--padding_s) !important;     }
.top-m     { padding-top: var(--padding_m) !important;     }
.top-l     { padding-top: var(--padding_l) !important;     }
.top-xl    { padding-top: var(--padding_xl) !important;    }
.left-xs   { padding-left: var(--padding_xs) !important;   }
.left-s    { padding-left: var(--padding_s) !important;    }
.left-m    { padding-left: var(--padding_m) !important;    }
.left-l    { padding-left: var(--padding_l) !important;    }
.left-xl   { padding-left: var(--padding_xl) !important;   }
.left-xxl  { padding-left: var(--padding_xxl) !important;  }
.bottom-xs { padding-bottom: var(--padding_xs) !important; }
.bottom-s  { padding-bottom: var(--padding_s) !important;  }
.bottom-m  { padding-bottom: var(--padding_m) !important;  }
.bottom-l  { padding-bottom: var(--padding_l) !important;  }
.bottom-xl { padding-bottom: var(--padding_xl) !important; }

.buttons-with-shadow {
  padding: var(--padding_m) var(--padding_n) var(--padding_m) var(--padding_xl);
  box-shadow: inset 0 1px 0 0 #dadada;
  margin-left: -20px;
  margin-bottom: -10px;
}

#query-form #options > p {
  margin-right: var(--padding_xl);
}

#query-form #options .checkbox-field-inline label.inline {
  width: 100%;
  position: relative;
  left: 0px;
  top: 0px;
  margin-left: 0px !important;
  padding-left: 0px;
  margin-right: 8px;
}

#header .user.active div.user-menu.show .user-info-buttons a:hover,
#footer a, #footer a:visited,
#content .tabular p.focused label,
a { color: var(--blue_600); }

#content {
  background-color: inherit;
}

#main.nosidebar #content {
    width: 100%;
}

#main.nosidebar #content .horizontal-line {
    display: none;
}

#main {
  background-color: #fafafa;
  padding: 0px 20px;
}

.controller-email_templates .edit_email_template .box{
  margin-right: 3em;
  min-width: auto;
}

.action-plugin form .tabular fieldset{
  min-width: 100%;
  background: var(--white);
}

.action-plugin form .tabular fieldset input:not([type="checkbox"]){
  width:100%;
  padding-right:0px;
}

#user_form input[type=text],
#user_form input[type=email],
#my_account_form input[type=text],
#password_fields input[type='password']{
  padding-right: 0px;
  width: calc(100% - 18px) !important;
  max-width: 100%;
}

#password_fields {
  display: unset;
  width: 100%;
  flex-direction: column;
  gap: var(--padding_xl);
}

form#my_account_form select#user_dob_1i,
form#my_account_form select#user_dob_2i,
form#my_account_form select#user_dob_3i,
form.edit_user select#user_dob_1i,
form.edit_user select#user_dob_2i,
form.edit_user select#user_dob_3i{
  padding: 0 20px 0 6px;
}

#my_account_form select { width: 100%; }

#settings_host_name{
  width:100%;
  padding-right:8px;
}

#content .box.tabular.settings textarea {
  padding-right:0px;
  width: calc(100% - 34px);
  border-radius: 6px;
  padding: var(--padding_m) var(--padding_l);
  font-size: 16px;
  font-family: 'Source Sans Pro', sans-serif;
}

#content .box.tabular.settings .jstBlock textarea {
  width: 100%;
  border-radius: 0px 0px 6px 6px;
}

/**********************************************************/
/* JSTOOLBAR */
/**********************************************************/
#content .jstTabs.tabs {
  width: 100%;
  padding: 0px;
  overflow: visible;
  margin-bottom: -1px;
  border-radius: 6px 6px 0px 0px;
  border: 1px solid var(--neutral_300);
  height: 38px;
  width: calc(100% - 2px);
  padding-right: 0px;
}

#content .tabs.jstTabs ul {
  width: 100%;
  padding: 0px;
  display: block;
}

#content .jstElements button {
  border: none !important;
  background-color: transparent !important;
  background-size: 18px !important;
  height: 32px !important;
  width: 32px !important;
  opacity: 1 !important;
  margin-right: var(--padding_xs) !important;
  border-radius: var(--radius_s);
}

.jstEditor {
  overflow: auto;
  position: relative;
}

.jstElements button {
  background-position: center;
  background-repeat: no-repeat;
}

.jstElements button.jstb_strong { background-image: url(../icon/jstoolbar/format-bold.svg);            }
.jstElements button.jstb_em     { background-image: url(../icon/jstoolbar/format-italic.svg);          }
.jstElements button.jstb_ins    { background-image: url(../icon/jstoolbar/format-underlined.svg);      }
.jstElements button.jstb_del    { background-image: url(../icon/jstoolbar/strikethrough-s.svg);        }
.jstElements button.jstb_code   { background-image: url(../icon/jstoolbar/code.svg);                   }
.jstElements button.jstb_h1     { background-image: url(../icon/jstoolbar/h-1.svg);                    }
.jstElements button.jstb_h2     { background-image: url(../icon/jstoolbar/h-2.svg);                    }
.jstElements button.jstb_h3     { background-image: url(../icon/jstoolbar/h-3.svg);                    }
.jstElements button.jstb_ul     { background-image: url(../icon/jstoolbar/format-list-bulleted.svg);   }
.jstElements button.jstb_ol     { background-image: url(../icon/jstoolbar/format-list-numbered.svg);   }
.jstElements button.jstb_bq     { background-image: url(../icon/jstoolbar/format-indent-increase.svg); }
.jstElements button.jstb_unbq   { background-image: url(../icon/jstoolbar/format-indent-decrease.svg); }
.jstElements button.jstb_pre    { background-image: url(../icon/jstoolbar/alpha-p-box.svg);            }
.jstElements button.jstb_precode{ background-image: url(../icon/jstoolbar/code.svg);                   }
.jstElements button.jstb_link   { background-image: url(../icon/jstoolbar/insert-link.svg);            }
.jstElements button.jstb_img    { background-image: url(../icon/jstoolbar/image.svg);                  }
.jstElements button.jstb_help   { background-image: url(../icon/jstoolbar/help-box.svg);               }

#content .jstElements button:hover {
  filter: invert(48%) sepia(96%) saturate(862%) hue-rotate(182deg) brightness(75%) contrast(101%);
  background-color: var(--hover_background) !important;
}

#content .jstSpacer {
  font-size: 22px;
  border-left: 1px solid var(--neutral_300);
  padding-right: 0px;
  margin-right: 4px;
  vertical-align: super;
}

#content .jstElements {
  display: inline-flex !important;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  padding: var(--padding_xs) var(--padding_s);
}

#content .jstTabs.tabs li a {
  font-family: 'Manrope-Bold';
  font-size: 14px;
  line-height: 1.71;
  color: var(--blue_600);
}

#password_fields > fieldset > div > div.jstTabs.tabs > ul > li.tab-elements > div {
    width: 70%;
}

#content .jstTabs.tabs li {
  height: 40px !important;
}

#content .jstTabs.tabs li:not(.tab-elements) {
  float: right;
}

#content .box .jstTabs.tabs ul li a {
  line-height: 40px;
  padding: var(--padding_n) var(--padding_s);
}

#content .box .jstTabs.tabs ul li a.selected,
#content .box .jstTabs.tabs ul li a:hover {
  box-shadow: none;
}

.jstBlock {
  padding-top: 16px;
  width: 100%;
  max-width: 100%;
  min-width: auto;
}

#tab-content-notes .jstBlock { padding-top: var(--padding_n) };

#content .tabs ul li a.tab-edit,
#content .tabs ul li a.tab-preview {
  line-height: 24px !important;
  height: 23px;
  vertical-align: middle !important;
  color: var(--blue_600);
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: bold;
  padding-left: 0px !important;
}

#content .tabs ul li a.tab-edit.selected,
#content .tabs ul li a.tab-preview.selected {
  display: none !important;
}

.jstTabs.tabs li:not(.tab-elements) a:before {
  background: var(--blue_600);
  background-size: 18px;
  display: inline-block;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

#content a.tab-edit:before {
  content: '';
  -webkit-mask: url(../icon/product/edit.svg) no-repeat 50% 50% !important;
  mask: url(../icon/product/edit.svg) no-repeat 50% 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

#content a.tab-preview:before {
  content: '';
  -webkit-mask: url(../icon/product/visibility-blue.svg) no-repeat 50% 50% !important;
  mask: url(../icon/product/visibility-blue.svg) no-repeat 50% 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

#content .jstTabs.tabs li:not(.tab-elements) a:hover:before {
  background: var(--blue_500);
}

.tabular .wiki-preview, .tabular .jstTabs {
  width: calc(100% - 6px);
  border-radius: 0 0 6px 6px;
}

.jstEditor .wiki-preview {
  border: none;
  padding: var(--padding_xl);
  padding-bottom: var(--padding_xxx);
  width: calc(100% - var(--padding_xl)*2) !important;
  margin-top: 1px;
}

#content .tabular p,  #content .tabular .field{
  padding-left: unset !important;
  margin-left: unset !important;
  float: none;
  font-weight: normal;
  position: relative;
  flex: 0 0 calc((100% - var(--padding_xl)*2)/3);
  padding: var(--padding_xs) var(--padding_n) 1px;
}

#content .splitcontentleft .tabular p,
#content .splitcontentright .tabular p,
#content #all_attributes {
  flex: 0 0 calc((100% - var(--padding_xl))/2);
  height: auto;
  margin-bottom: var(--padding_xl);
  overflow: initial;
  /*flex: 0 0 100%;*/
}

#content .splitcontentleft .tabular .wiki p { margin-bottom: var(--padding_n); }
#content .tabular p.two-thirds-width { flex: 0 0 calc((100% - var(--padding_xl))*2/3); }

#content .tabular.two-columns p {
  flex: 0 0 calc((100% - var(--padding_xl))/2);
  line-height: 42px;
}

#content #all_attributes,
.controller-issues #content #all_attributes p,
.controller-issues #content #attributes p {
  height: auto;
  flex: 0 0 100%;
  width: 100%;
  min-width: 320px;
  margin-bottom: var(--padding_xl);
}

.controller-issues #content #all_attributes {
  display: flex;
  flex-wrap: wrap;
}

.controller-issues .box.filedroplistner fieldset {
  width: 100%;
  flex-wrap: wrap;
}

form .attributes select {
  width: 100%;
}

#content .tabular p:nth-child(3n),
#content .splitcontentleft .tabular p:nth-child(2n),
#content .splitcontentright .tabular p:nth-child(2n) {
  margin-right: var(--padding_n);
  overflow: initial;
}

input#settings_mail_from {
    width: 90%;
}
textarea#settings_mail_handler_body_delimiters {
    width: 90%;
}
input#settings_mail_handler_excluded_filenames {
    width: 87%;
}

.birthday_title{
  margin-bottom:5px;
}

.birthday_list div{
  line-height:2;
  font-size:14px;
  font-family:"Source Sans Pro", sans-serif;
}

#email_template_form fieldset{
  min-width:95%;
}

.tabular input {
  padding-right: 8px;
}
#tab-content-groups #user_group_ids{
  width:50%;
}

form select#group_id {
  width: 58%;
}

select#target_group_id {
  width: 50%;
}

/* Custom Background */

.controller-custom_backgrounds .filedroplistner fieldset {
  min-width: 80%;
}

.controller-custom_backgrounds .filedroplistner fieldset .attachments_fields input.filename {
  padding: 0 0 0 20px;
}

/** Popup Dialog **/


.ui-dialog .adjust_hr{
  width: 85%;
  border-bottom: 1px solid #e1e1e1;
  margin: 0 0 0 5em;
}

.ui-dialog .user-name{
  font-size:18px;
  text-align:center;
}

.ui-dialog .contact-info span.contact{
  font-size:13px;
  text-align:left;
  color: #6f6f6f;
}
.ui-dialog{
  font-size: 14px;
}

.ui-dialog .contact-info div.email-info{
  text-align: left;
  margin-top: 1em;
  margin-bottom: 1em;
}

.ui-dialog .contact-info div.phone-info{
  margin-top: 1em;
  margin-bottom: 1em;
}

.ui-dialog .contact-info div.address-info{
  margin-top: 1em;
  margin-bottom: 1em;
}

.ui-dialog .contact-info div.email-info .icon-mail{
}

.ui-dialog .contact-info .email,.ui-dialog .contact-info .phone-info  .mail{
  margin-left:3.8em;
}

.ui-dialog .contact-info>hr {
  width: 70%;
  background: #e1e1e1;
  margin:0 auto;
}

hr {
  display: none;
}

.ui-dialog .contact-info .address-info  .street{
  margin-left: 3.7em;
}

.ui-dialog .contact-info .address-info  .postal-code, .ui-dialog .contact-info .address-info .country{
  margin-left:5em;
}
.ui-dialog .background-image{
  color: #6f6f6f;
  display: block;
}
.ui-dialog span img {
  height: 70px;
  width: 80px;
  margin: 0 11px 16px 0;
}

.controller-welcome .ui-dialog img.selected {
    width: 77px !important;
}

.ui-dialog .ui-widget-header .ui-icon.ui-icon-closethick {
  -webkit-mask: url(../icon/product/close.svg) no-repeat 50% 50% !important;
  mask: url(../icon/product/close.svg) no-repeat 50% 50% !important;
  -webkit-mask-size: 24px;
  mask-size: 24px;
  background-size: 24px !important;
  height: 24px;
  width: 24px;
  margin-top: -12px;
  background: var(--neutral_600);
}

.ui-dialog .ui-widget-header .ui-icon.ui-icon-closethick:hover {
  background: var(--neutral_800);
}

.ui-dialog.modal .ui-widget-header {
  text-align: left;
  border: 0px;
  background:  var(--white);
  padding-top: 18px;
  color: var(--black);
  border-bottom: solid 1px var(--neutral_200);
  border-radius: 0px;
  font-family: 'Manrope';
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
  height: 52px;
  padding: 0px;
}

.ui-dialog.modal .ui-widget-header .ui-dialog-title {
  margin: 0px;
  padding: 10px 16px;
  position: relative;
}

.ui-dialog .background_imge_div{
  margin: 0px;
  width: calc(100% - var(--padding_xl)*2);
  padding-left: var(--padding_xl);
}

.controller-welcome .ui-dialog .background_imge_div span.background-image{
  line-height: 36px;
}

.ui-dialog.modal .image-area {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

.ui-dialog.modal .image-area .user-thumbnail img {
  height: 192px;
  width: 192px;
  padding: 0px;
}

.ui-dialog.modal .image-area .user-thumbnail img:hover {
  opacity: 0.5;
}

.user-thumbnail {
  height: 192px;
  width: 192px;
  text-align: center;
  margin: auto;
  background: var(--blue_600);
  border-radius: 50%;
}

.ui-dialog .icon-edit {
  -webkit-mask: url(../icon/product/edit.svg) no-repeat 50% 50% !important;
  mask: url(../icon/product/edit.svg) no-repeat 50% 50% !important;
  mask-size: 18px !important;
  -webkit-mask-size: 18px !important;
  height: 48px;
  width: 48px;
  background: var(--white);
  vertical-align: -webkit-baseline-middle;
  display: inline-block;
  padding-left: 0px;
}

#profile-edit-link {
  background: var(--green_500);
  border-radius: 50%;
  height: 48px;
  width: 48px;
  border: 4px solid var(--white);
  position: absolute;
  left: calc(50% + 46px);
  top: 152px;
}

#profile-edit-link .icon-edit:before {
  content: none;
}

#profile-edit-link:hover {
  background: var(--green_400);
}

#profile-edit-link:hover .icon-edit {
  opacity: 0.8;
}

.ui-dialog .ui-dialog-content {
  padding: 10px 0px;
}

.ui-dialog .ui-dialog-content form {
  display: block;
}

input#principal_search, input#user_search {
  width: 100%;
}

.ui-dialog .ui-dialog-content > *:not(table) {
  margin: var(--padding_m) var(--padding_xl) var(--padding_n);
}

.ui-dialog .ui-dialog-content > center { max-width: calc(100% - var(--padding_xl)*2); }

.ui-dialog div.profile_avtar_image{
  box-shadow: inset 0 -1px 0 0 var(--neutral_200);
  margin: 0px;
}

/* Help Desk for Show */

.controller-helpdesk.action-show #footer .footer-item a, #footer .footer-item,.controller-helpdesk.action-show #footer .product-footer a{
  color: var(--white);
}

.controller-helpdesk.action-show #footer .product-footer{
  color:var(--black);
}

#top-menu {
  display:none;
}

.controller-helpdesk.action-show #header{
  padding-top:1em;
}

.controller-helpdesk.action-show #header table.header-user-menu {
  float: right;
  margin: -2px 8% 0 0;
}
.controller-helpdesk.action-show #header table.header-user-menu tr td {
  border-collapse: separate;
  padding: 0 4em 0 0;
  text-transform: uppercase;
  font-weight: bold;
}

.controller-helpdesk.action-show #helpdesk_title{
  background: url(../images/vnclagoon-background.jpg) center no-repeat;
  background-size: cover;
  text-align: center;
  line-height: 150px;
  font-size: 34px;
  color: white;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}

.controller-helpdesk.action-show table.ticket_items{
  width:100%;
  font-size: 16px;
  text-align: left;
}

.controller-helpdesk.action-show table.description_items{
  width:100%;
  font-size: 16px;
  text-align: left;
}

.controller-helpdesk.action-show table.ticket_items tr td.lable,.controller-helpdesk.action-show table.description_items tr td.lable ,.controller-helpdesk.action-show table.file_items tr td.lable{
  font-weight: bold;
}

.controller-helpdesk.action-show div.helpdesk_show_box{
  max-width:850px;
  margin: 0 auto;
}

.controller-helpdesk.action-show div.helpdesk_show_box h2{
  text-align:center;
  font-size: 24px;
  font-weight: bold;
  font-family: "Source Sans Pro", sans-serif;
  margin-bottom:2em;
}

.controller-helpdesk.action-show table.description_items tr td.description_lable{
  vertical-align: top;
  width:25%
}

.controller-helpdesk.action-show table.description_items tr td{
  width:75%;
  line-height: 24px
}

.controller-helpdesk.action-show table.description_items{
  width:100%;
  font-size: 16px;
  text-align: left;
}
.controller-helpdesk.action-show table.file_items{
  width:100%;
  font-size: 16px;
  text-align: left;
}

.controller-helpdesk.action-show table.file_items tr td.files_lable{
  vertical-align: top;
  width:25%;
}
.controller-helpdesk.action-show table.file_items tr td{
  width:75%;
}

.controller-helpdesk.action-show div.submit_cancel{
  max-width: 850px;
  margin: 1em auto;
  text-align: right;
}
.controller-helpdesk.action-show div.submit_cancel input[type='submit']{
  border-radius: 100px;
  height: 31px;
  width: 97px;
  text-transform: uppercase;
  font-weight: bold;
}

.controller-helpdesk.action-show div.submit_cancel a.cancel_preview {
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 2em;
  font-size: 14px;
}

.cancel_button {
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 2em;
  font-size: 14px;
}

/* Help Desk for New */

.controller-helpdesk.action-new #content input[type="file"]{
  display:none;
}

input[type="file"] {
  display: block;
  color: var(--neutral_800);
}

.controller-helpdesk.action-new #content input[type="button"].custom-file-upload::-moz-focus-inner{
  border:0px;
}
.controller-helpdesk.action-new #content input[type="button"].custom-file-upload {
  width: 91px;
  height: 32px;
  border-radius: 16px;
  background-color:  var(--white);
  border: 2px solid  var(--white);
  margin-left: 15px;
  outline:none;
  font-weight: bold;
  font-size: 12px;
  margin-right: var(--padding_xl);
}

.controller-helpdesk.action-new #content{
  font-family:"Source Sans Pro", sans-serif;
}

.controller-helpdesk.action-new #content h2, .controller-helpdesk.action-show #content h2{
  font-family:"Source Sans Pro", sans-serif;
  text-align:center;
  font-size:24px;
  font-weight:bold;
}

.controller-helpdesk.action-new #content .tabular table.project_items tr td {
  width: 50%;
  padding-bottom: 1em;
}

.controller-helpdesk.action-new #content .box{
  max-width:800px;
  margin:0 auto;
  background: transparent;
  border: none;
}

#content .tabular label.block,
#content label.no-css {
  padding-left: 0px !important;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
}

#content .tabular label.block input {
  margin-right: var(--padding_s);
  vertical-align: middle;
}

.controller-helpdesk.action-new #content .tabular label{
  font-weight: bold;
  float: none;
  text-align: unset;
  padding-left:0;
  margin-left:0;
  color:var(--black);
  font-size: 14px;
  display:inline;
}

#content .box.tabular.settings p.checkbox-field-block > label:not(.block),
.controller-trackers #content .tabular p.checkbox-field-block > label:not(.block),
#content .box.tabular.settings p.checkbox-field-inline label:not(.inline),
#content .tabular p.checkbox-field-inline label:not(.inline),
#content .box .tabular p.checkbox-field-block > label:not(.block) {
  display: block;
  position: relative;
  left: var(--padding_n);
  top: 0px;
  font-family: 'Manrope';
  font-size: 16px;
  font-weight: bold;
  color: var(--black);
  padding-left: var(--padding_n);
}

.box .tabular.settings p,
#content .tabular p,
.ui-dialog.ui-widget .box.tabular p {
    padding-left: 0px;
    position: relative;
    min-height: 24px;
}

.select2-hidden-accessible {
  display: none;
}

#content .tabular p.textarea-container {
  flex: 0 0 100%;
}

#content .box .tabular.settings p label,
#content .tabular p,
.ui-dialog.ui-widget .box.tabular p {
  font-weight: normal;
  float: none;
  text-align: left;
  margin-left: unset;
  width: unset;
  font-family: 'Source Sans Pro', sans-serif;
  z-index: 1;
  overflow: inherit;
}

.ui-dialog.ui-widget .box.tabular p {
  margin: 0px;
}

#content .box.tabular.settings p label:not(.block),
#content .tabular p label:not(.block),
#content .tabular .field label:not(.block),
fieldset .select-filter-with-label label,
.ui-dialog.ui-widget .box.tabular label {
  font-weight: normal;
  float: none;
  text-align: left;
  margin-left: unset;
  width: unset;
  position: absolute;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  background: var(--white);
  top: -6px;
  left: var(--padding_s);
  z-index: 1;
  line-height: 20px;
  border-radius: var(--radius_m);
  padding: var(--padding_n) var(--padding_xs);
  overflow: visible;
}

#content .tabular p .select2_field label:not(.block) {
  top: -6px;
}

#content .tabular p.manage_members_shown > label:not(.block) {
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: bold;
  color: var(--neutral_A600);
  line-height: 24px;
  margin: var(--padding_m) var(--padding_n);
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  padding-left: 0px;
}

.checkbox-field input[type='checkbox'] + label,
#content .box.tabular.settings .checkbox-field label:not(.block),
#content .tabular .checkbox-field label:not(.block) {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: var(--neutral_A600);
  left: 28px;
  line-height: 24px;
  top: 2px;
}

#content .tabular p.with-select2 .select2-container label { display: none; }

#content .tabular .checkbox-field label:not(.block) { position: initial; top: 0px; }

#content .tabular p.width-auto { flex: 0 0 auto; display: flex; }

#content .tabular p.width-auto label { order: 1; position: relative; }
#content .tabular p.width-auto input[type='checkbox'] { order: 0; margin-right: var(--padding_s); }

#content .box.tabular.settings p label.inline,
#content .box p .add_attachment label {
  position: relative;
  top: 0px;
  left: var(--padding_n);
  margin-left: var(--padding_n) !important;
  padding-left: var(--padding_n);
  margin-right: var(--padding_m);
}

#content .box.tabular.settings p label.inline input {
  margin-right: var(--padding_s);
}

#content .box.tabular.settings p.textarea-container label,
#content .tabular p.textarea-container label {
  font-family: 'Manrope';
  font-size: 16px;
  font-weight: bold;
  color: var(--black);
  position: relative;
  left: 0px;
  top: 0px;
  line-height: 24px;
  margin-bottom: var(--padding_m);
  display: block;
}

#content p#attachments_form label,
#content #wiki_form > div > p:nth-child(3) > label,
#content #watchers_form > label {
  font-family: 'Manrope';
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: var(--black);
  margin-bottom: var(--padding_l);
  position: relative;
  display: block;
  left: 0px;
  top: 0px;
}

#content .tabular label[for="settings_session_lifetime"],
#content .tabular label[for="settings_session_timeout"] {
  position: relative !important;
  top: 10px !important;
}

.controller-helpdesk.action-new #content .tabular p{
  padding-left: 0;
  font-weight: lighter;
  font-size: 14px;
}

.controller-helpdesk.action-new #content .tabular p.field_status label{
  display:inline;
}

.controller-helpdesk.action-new #content .tabular table.project_items tr td label{
  font-weight: normal;
  font-size: 12px;
  color: #888888;
}

.controller-helpdesk.action-new #content .tabular table.project_items tr input,.controller-helpdesk.action-new #content .tabular table.project_items tr select {
  border: 0px solid;
  border-bottom: 2px solid #ECECEC;
  border-radius: 0;
  width:100%;
  padding-left:0px;
}

.controller-helpdesk.action-new #content .tabular p.description_editor{
  width:98%;
}

.controller-helpdesk.action-new #content .tabular .jstEditor textarea{
  border:1px solid #e7e7e7;
  width: 99%;
  border-radius: 0px;
}

.controller-helpdesk.action-new #content .tabular .jstElements {
  border: 1px solid #e7e7e7;
  width: 99%;
  border-bottom:none;
  padding: 3px 3px 3px 1px;
}

.controller-helpdesk.action-new #content .tabular .jstElements button{
  border-color: transparent !important;
  background-color: transparent !important;
}

.controller-helpdesk.action-new #content input[type=submit]:hover{
  background:#a17cea;
}

.controller-helpdesk.action-new #content input[type=submit]{
  float: right;
  margin-right: 20%;
  border-radius: 19.5px;
  height: 36px;
  width: 110px;
  font-weight: bold;
  font-family: "Montserrat";
  text-transform: uppercase
}

.controller-helpdesk.action-new #helpdesk_title{
  background: url(../images/vnclagoon-background.jpg) center no-repeat;
  background-size: cover;
  text-align: center;
  line-height: 150px;
  font-size: 34px;
  color: white;
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}

.controller-helpdesk.action-new #header{
  padding-top:1em;
}

.controller-helpdesk.action-new #header table.header-user-menu {
  float: right;
  margin: -2px 8% 0 0;
}
.controller-helpdesk.action-new #header table.header-user-menu tr td {
  border-collapse: separate;
  padding: 0 4em 0 0;
  text-transform: uppercase;
  font-weight: bold;
}

.controller-helpdesk.action-new #top-menu{
  display:none;
}

.controller-helpdesk.action-new #footer .footer-item a, #footer .footer-item,.controller-helpdesk.action-new #footer .product-footer a{
  color: var(--white);
}

.controller-helpdesk.action-new #footer .product-footer{
  color:var(--black);
}

.controller-helpdesk.action-new #content .tabular table.description_table label{
  display:initial;
}

.controller-helpdesk.action-new #content .tabular table.description_table {
  width: 100%;
}

.controller-helpdesk.action-new #content .attachments_fields input.filename {
  padding: 0 0 0 2em;
}

/** Startup page **/

#contextMenu { display: none; }

body.controller-welcome {
  height:100%;
  width:100%;
}

body.controller-static_pages {
  height:100%;
  width:100%;
  background:#fff;
}

#wrapper, #wrapper2, #wrapper3 { height: 100%; }

.controller-static_pages .header-user-menu a,
.controller-welcome .header-user-menu a,
.controller-helpdesk .header-user-menu a {
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #0071bb !important;
}
.controller-static_pages .header-user-menu a:hover,
.controller-welcome .header-user-menu a:hover {
  color: #0071bb !important;
  text-decoration: underline;
}

.controller-static_pages #wrapper { background: var(--white); }
.controller-static_pages #wrapper #wrapper2 { height:100%; }
#wrapper3 #main {  margin-top: 0px; }

.controller-welcome #wrapper #wrapper2 #wrapper3 #main {
  height: 100% !important;
  background-image: url(../images/vnclagoon-background2.png);
  background-size: 100% 100%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: relative;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  flex: 0 0 auto;
}

.controller-static_pages #wrapper #wrapper2 #wrapper3 #main {
  height:100%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

#static_page_title {
  background-image: url(../images/vnclagoon-background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  line-height: 150px;
  font-size: 34px;
  color: black;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  background-position: 50% 71%;
}

.controller-welcome #content { background: none; }

.controller-welcome a {
  text-decoration: none;
  color:  var(--white);
}

.controller-static_pages #main.nosidebar #content {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.controller-static_pages #main.nosidebar #content strong {
  font-weight: bold;
  font-family: 'Roboto-Bold', sans-serif;
}

.controller-static_pages #main.nosidebar #content a,
.controller-static_pages #main.nosidebar #content a:visited {
  color: #0071bb;
}
.controller-static_pages #main.nosidebar #content a:hover,
.controller-static_pages #footer a:hover
{
  color: #0071bb !important;
  text-decoration: underline;
}
.controller-static_pages #main.nosidebar #content table tbody td {
  vertical-align: text-bottom;
}
.controller-static_pages #main.nosidebar #content h1,
.controller-static_pages #main.nosidebar #content h2,
.controller-static_pages #main.nosidebar #content h3,
.controller-static_pages #main.nosidebar #content h4 {
  font-family: 'Roboto', sans-serif;
}
.controller-static_pages #main.nosidebar #content h3 {
  font-size: 18px;
}

.controller-static_pages #main.nosidebar #content h2 {
  font-size: 24px;
}

.controller-welcome #header table.header-user-menu,
.controller-static_pages #header table.header-user-menu {
  float:right;
  margin:-2px 8% 0 0;
}
.controller-welcome #top-menu,
.controller-static_pages #top-menu {
  display:none;
}
.controller-welcome table.header-user-menu tr td,
.controller-static_pages table.header-user-menu tr td {
  border-collapse: separate;
  padding: 0 4em 0 0;
  text-transform: uppercase;
  font-weight: bold;
}
.controller-welcome #header table.header-user-menu .avtar,
.controller-static_pages #header table.header-user-menu .avtar {
  height: 60px;
  width: 60px;
  border-radius: 36px;
  background: var(--white);
}

.controller-welcome div.table {
  margin: 0 auto;
}

.controller-welcome div.table table td {
  text-align: center;
  display: inline-block;
  padding: 7px;
}
.controller-welcome div.table table td.verse {
  width: 16em;
  height: 10.7em;
}

.controller-welcome div.table table td.left_verse div.motto{
  text-align: right;
}
.controller-welcome div.table table td.left_verse div.motto-bible-id{
  margin-top:20px;
}
.controller-welcome div.table table td.right_verse div.teaching{
  text-align: left;
}
.controller-welcome div.table table td.right_verse div.teaching .teaching-bible-id{
  margin-top:20px;
}

.controller-welcome div.table table .left_verse,.controller-welcome div.table table .right_verse{
  font-size:16px;
  font-family:"Source Sans Pro", sans-serif;
}

.controller-welcome div.table table .left_verse .title{
  text-align:right;
  margin-bottom:1em;
}

.controller-welcome div.table table .right_verse .title{
  text-align:left;
  margin-bottom:1em;
}

.controller-welcome div.table table tr {
  text-align: center;
}

.controller-welcome div.table table tr td span.boxes-footer {
  font-size: 14px;
  font-family: 'Roboto';
  color:  var(--white);
  text-align: center;
}

.controller-welcome div.table table tr td.blank_item div ,
.controller-welcome div.table table tr td.items div {
  background-image: url(../images/background-tile-40.png);
  position: inherit;
  height: 18em;
  width: 18em;
}
.controller-welcome div.table table  p.caption{
  margin: 3em 0em 0 0;
  color: white;
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

.controller-welcome p.service {
  height: 7vw;
  width: 7vw;
  margin: -1% 0 0 0;
  display: inline-block;
}

#service_description p.caption {
  font-family: 'Montserrat';
  font-size: 3vw;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
  margin: 20px 0;
}

#service_description .service-desc {
  font-family: 'Roboto';
  font-size: 1.3vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.controller-welcome p.vncmail{
  background: url(../images/VNCmail.svg) no-repeat;
}
.controller-welcome p.vnctalk{
  background: url(../images/VNCtalk.svg) no-repeat;
}
.controller-welcome div.table table  div.gemeindesuche p.gemeindesuche{
  background: url(../images/Icon_Gemeindesuche_V3.svg) no-repeat;
}
.controller-welcome p.vnccalendar{
  background: url(../images/VNCcalendar.svg) no-repeat;
}
.controller-welcome p.vnctask{
  background: url(../images/VNCtask.svg) no-repeat;
}
.controller-welcome p.vnccontacts{
  background: url(../images/VNCcontacts.svg) no-repeat;
}
.controller-welcome p.vncsafe{
  background: url(../images/VNCsafe.svg) no-repeat;
}
.controller-welcome p.vncproject{
  background: url(../images/VNCproject.svg) no-repeat;
}

.controller-welcome #footer, .controller-account.action-register #footer {
  border-top: none;
  background: #353638;
  color: white;
  margin: auto;
}

.controller-static_pages #footer {
  border-top: 1px solid #d7d7d7;
  padding: 20px 0;
  color: black;
}

.controller-static_pages #footer a,
.controller-static_pages #footer a:visited {
  color: #0071bb;
}

.controller-static_pages #footer a:hover {
  color: #0071bb;
  text-decoration: underline;
}

.controller-welcome #footer,
.controller-account.action-register #footer,
.controller-static_pages #footer {
  display: flex;
  margin: auto;
  flex-wrap: wrap-reverse;
  font-size: 14px;
  flex: 0 0 auto;
  width: calc(100% - 50px);
  height: auto;
}
.controller-welcome #footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  background: none;
  font-family: 'Manrope-Bold';
  font-size: 14px;
  color: var(--white);
}

.controller-welcome #footer a {
  font-family: 'Manrope-Bold';
  font-size: 14px;
  color: var(--white) !important;
}
.controller-welcome #footer .separator {
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
    color: var(--white);
    font-family: 'Manrope';
}

html > body.controller-welcome #content {
  min-height: calc(100vh - 48px);
  box-sizing: border-box;
}
.controller-account.action-register #footer{
  margin-left: -30px;
  margin-bottom: -10px;
  width: 100%;
  display: none;
}
.controller-account.action-register #footer .copyright{
  padding-bottom: 1vw;
}
.controller-account.action-register #footer .copyright,
.controller-account.action-register #footer .static-pages-links{
  margin-right: 15%;
}

.controller-welcome #footer .copyright,
.controller-account.action-register #footer .copyright,
.controller-static_pages #footer .copyright {
  flex: 1 auto;
  padding-top: 16px;
  text-align: left;
}

.controller-static_pages #footer .copyright span { color: #888888; }

.controller-welcome .static-pages-links,
.controller-static_pages #footer .static-pages-links {
  flex: 1 auto;
  padding: 16px;
  text-align: right;
}

.controller-welcome #footer .static-pages-links,
.controller-account.action-register #footer .static-pages-links,
.controller-static_pages #footer .static-pages-links { color: #b4b4b4; }

.controller-welcome div.product-footer {
  color: black;
}

.controller-static_pages div.product-footer {
  color: black;
  font-size:12px;
  text-align:center;
}

.controller-welcome div.footer-item,
.controller-static_pages div.footer-item {
}

.controller-static_pages .agreement-button {
  border-radius: 22.5px;
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: bold;
  color:  var(--white);
  text-transform: uppercase;
  height: 45px;
  padding: 0 25px 0;
}

.controller-static_pages .agreement-accept { background-color: #29b6f6; }
.controller-static_pages .agreement-decline {
  background-color: #888888;
  margin-left: 10px;
}
.controller-static_pages .agreement-decline:hover { background-color: #7b7676; }

.controller-static_pages .agreement-form { padding-top: 1.5vw; }

.controller-welcome #content .verse-of-the-day{
  color: var(--white);
}
/*End*/

/** Login page ***/

.action-login #content
 {
  height: calc(100vh - 20px);
  background-image: url(../images/vnclagoon-background.jpg);
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  padding: 20px 0 0 0 !important;
  margin: 0 !important;
}

.action-login #main { padding: 0; }

.action-login #main.nosidebar #content .verse-of-the-day{
  color: var(--white);
  width:60%;
  margin:0 auto;
  text-align:center;
  padding-bottom:3em;
  font-size:16px;
  font-family:"Source Sans Pro", sans-serif;
}

.action-login #main.nosidebar #content .verse-of-the-day .title{
  margin:0 0 2em 0;
}

.action-login #main.nosidebar #content .verse-of-the-day .motto{
  margin-bottom: 8px;
}

.action-login #main.nosidebar #content .verse-of-the-day .motto .motto-text,.action-login #main.nosidebar #content .verse-of-the-day .teaching .teaching-text{
  font-family: 'Georgia';
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

.action-login #main.nosidebar #content .verse-of-the-day .motto .motto-bible-id,.action-login #main.nosidebar #content .verse-of-the-day .teaching .teaching-bible-id{
  text-align: center;
  margin-top: 1em;
}

.action-login #main.nosidebar #content .verse-of-the-day .teaching{
  margin-top:2em;
}

.action-login #main.nosidebar #content #login-form .login_form_title, .controller-account.action-verify_otp #main.nosidebar #content #login-form .login_form_title {
  text-align: center;
  margin: 0 0 13% 0;
  font-weight: bold;
  text-transform: uppercase;
}
/*
.action-login #main.nosidebar{
    height: 100%;
    min-height: 100%;
    position: absolute;
    width: 100%;
}*/

.action-login #main.nosidebar #content #login-form input[type='text']:focus , .action-login #main.nosidebar #content #login-form input[type='password']:focus{
  border-bottom: 1px solid blue;
}

.action-login #main.nosidebar #content #login-form input[type='text'] , .action-login #main.nosidebar #content #login-form input[type='password']{
  border: 0px solid;
  border-bottom: 1px solid #ECECEC;
  border-radius: 0;
  width:100%;
  margin: 0 0 11% 0;
}

.action-login #main.nosidebar #content #login-form, .controller-account.action-verify_otp #main.nosidebar #content #login-form {
  background: var(--white);
  border: 1px solid  var(--white);
  padding-bottom: 3%;
  margin-top: 2%;
}

.action-login #main.nosidebar #content{
  background: url(../images/vnclagoon-background.jpg) top center no-repeat;
  background-size: cover;
  width:100%;
  min-height:100%;
}

.action-login #content #login-form input[type='submit']{
  background:red;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  height: 2.2em;
  margin:3em 0 0 0;
}

.action-login #content div.flash.error,.action-login #content div.flash.error #errorExplanation{
  width: 24%;
  margin: auto;
  position: relative;
  margin-top: 20px;
}

.action-login #content #login-form input[type='text']::-webkit-input-placeholder , .action-login #content #login-form input[type='password']::-webkit-input-placeholder{
  color:#E0DEE0;
  font-weight:bold;
  font-size:12px;
}


 .action-login #content #login-form input[type='text']:-ms-input-placeholder,.action-login #content #login-form input[type='password']:-ms-input-placeholder{
  color:#E0DEE0;
  font-weight:bold;
  font-size:12px;
}

 .action-login #content #login-form input[type='text']::-moz-placeholder,.action-login #content #login-form input[type='password']::-moz-placeholder{
  color:#E0DEE0;
  font-weight:bold;
  font-size:12px;
}

/** End Login page **/

/** Reset password page **/

.action-lost_password #main.nosidebar .lost_password_logo, .action-activation_email #main.nosidebar .activation_email_logo{
  background: url(../images/vnclagoon-logo.svg) no-repeat;
        background-size: 22em;
        width:27em ;
        display: block;
        height: 7em;
  margin: 0 auto -31px;
}

.action-lost_password #main.nosidebar #content .box  h3, .action-activation_email #main.nosidebar #content .box  h3{
        font-size: 14px;
        margin: 0 0 -3% 4.5%
}

.action-lost_password #main.nosidebar #content .box, .action-activation_email #main.nosidebar #content .box{
  width:27%;
  margin:auto;
  background: var(--white);
  border-radius:9px;
  margin-top:1.5%;
}

.action-lost_password #content h2,
.action-activation_email #content h2 {
        text-align: center;
        font-weight:bold;
        font-size: 18px;
}

#mail + input[type="submit"] { margin-top: var(--padding_s); }

.action-lost_password #main.nosidebar #content, .action-activation_email #main.nosidebar #content, .controller-account.action-verify_otp #main.nosidebar #content{
        background: url(../images/vnclagoon-background.jpg) top center no-repeat;
        background-size: cover;
        width: calc(100% - 20px);
        position: fixed;
        min-height: 100%;
}
.action-lost_password #wrapper3 #main, .action-activation_email #wrapper3 #main, .controller-account.action-verify_otp #wrapper3 #main {
  margin-top: 0px;
}

.action-lost_password #main.nosidebar #content .box p input[type='text'], .action-activation_email #main.nosidebar #content .box p input[type='text'], .controller-account.action-verify_otp #main.nosidebar #content input[type='text']{
border: 0px solid;
    border-bottom: 2px solid #ECECEC;
    border-radius: 0;
    width: 100%;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: normal;
    margin-left: -0.6em;
    margin-bottom: 2em;
}

.action-lost_password #main.nosidebar #content .box p, .action-activation_email #main.nosidebar #content .box p {
    margin: 5%;
    padding-left: 0px;
}

.action-lost_password #main.nosidebar #content .box p input[type='text']::-webkit-input-placeholder,
.action-activation_email #main.nosidebar #content .box p input[type='text']::-webkit-input-placeholder,
.controller-account.action-verify_otp #main.nosidebar #content input[type='text']::-webkit-input-placeholder{
        color:#939393;
        font-weight:bold;
        font-size:12px;
}


.action-lost_password #main.nosidebar #content .box p input[type='text']::-moz-placeholder,
.action-activation_email #main.nosidebar #content .box p input[type='text']::-moz-placeholder,
.controller-account.action-verify_otp #main.nosidebar #content input[type='text']::-moz-placeholder{
        color:#939393;
        font-weight:bold;
        font-size:12px;
}

 .action-lost_password #main.nosidebar #content .box p input[type='text']:-ms-input-placeholder,
 .action-activation_email #main.nosidebar #content .box p input[type='text']:-ms-input-placeholder,
 .controller-account.action-verify_otp #main.nosidebar #content input[type='text']:-ms-input-placeholder{
        color:#939393;
        font-weight:bold;
        font-size:12px;
}

  .action-lost_password #content div.flash.error,.action-lost_password #content div.flash.error #errorExplanation,
  .action-activation_email #content div.flash.error,.action-activation_email #content div.flash.error #errorExplanation{
  width: 24%;
  margin: auto;
}


/**End Reset Password page**/

/*** Registration page **/

.action-register #main.nosidebar #content h3.dob-label{
  color:#939393 !important;
  font-size:12px !important;
  font-weight:bold;
  font-family: "Source Sans Pro", sans-serif;
  padding:0px 0px 0px 3px;
}

.action-register #main.nosidebar #content em.info{
  color:#939393;
  font-size:12px;
  font-weight:bold;
  font-family: "Source Sans Pro", sans-serif;
}

.action-register #main.nosidebar #content .g-recaptcha{
  margin:0 0 0 5%;
}

.action-register #main.nosidebar #content .box  h3{
  font-size: 14px;
  margin: 0 0 -3% 4.5%
}

.action-register #main.nosidebar #content .vnclagoon-dialog{
  background: url(../images/vnclagoon-logo.svg) no-repeat;
  background-size: 420px;
  width:420px;
  display: block;
  height: 5em;
  margin: 14px auto;
}

.action-register #main.nosidebar #content span.vnclagoon-dialog span:first-child{
  font-weight: bold;
}

.action-register #main.nosidebar #content .has-account, .action-lost_password #main.nosidebar #content .has-account, .action-activation_email #main.nosidebar #content .has-account{
  display: table;
  margin: 0 auto;
  color: red;
  padding:2% 0 1% 0;
}

.action-register #main.nosidebar #content .has-account a, .action-lost_password #main.nosidebar #content .has-account a, .action-activation_email #main.nosidebar #content .has-account a{
  color:#0071bb;
}

.action-register #main.nosidebar #content input#group_search_placeholder {
  margin: 0 0 0 0;
  width: 92%;
}

.action-register #main.nosidebar #content .box p input[type=checkbox]{
  height: 0;
  width: 0;
  visibility: hidden;
}

.action-register #main.nosidebar #content .box p label {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 14px;
  background: #c5c4c4;
  display: block;
  border-radius: 100px;
  position: relative;
}

.action-register #main.nosidebar #content .box p label:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 5px;
  width: 21px;
  height: 19px;
  background: #f1f1f1;
  border-radius: var(--radius_m);
  transition: 0.3s;
  margin:-3px 7px 7px -5px;
}

.action-register #main.nosidebar #content .box p input:checked + label {
  background: #94B6DC;
}

.action-register #main.nosidebar #content .box p input:checked + label:after {
  left: calc(100%);
  transform: translateX(-76%);
  background: #3E6AB7;
}

.action-register #main.nosidebar #content .box p input[type='text']::-webkit-input-placeholder , .action-register #main.nosidebar #content .box p input[type='password']::-webkit-input-placeholder{
  color:#939393;
  font-weight:bold;
  font-size:12px;
}


.action-register #main.nosidebar #content .box p input[type='text']::-moz-placeholder, .action-register #main.nosidebar #content .box p input[type='password']::-moz-placeholder{
  color:#939393;
  font-weight:bold;
  font-size:12px;
}

 .action-register #main.nosidebar #content .box p input[type='text']:-ms-input-placeholder,.action-register #main.nosidebar #content .box p input[type='password']:-ms-input-placeholder, select#user_nationality:first-child{
  color:#939393;
  font-weight:bold;
  font-size:12px;
}

.action-register form.new_user div.flash.error, .action-register form.new_user #errorExplanation{
    width: 41%;
    margin: auto;
    margin-bottom: 9px;
}

.action-register #main.nosidebar #content .box p input[type='text'] , .action-register #main.nosidebar #content .box p input[type='password']{
  border: 0px solid;
  border-bottom: 2px solid #ECECEC;
  border-radius: 0;
  width:100%;
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  margin-left:-0.6em;
}
.action-register #main.nosidebar #content .box p input[type='text']:focus , .action-register #main.nosidebar #content .box p input[type='password']:focus,.action-register #main.nosidebar #content .box p select:focus{
  border-bottom: 1px solid blue;
}

.action-register #main.nosidebar #content .box p select{
  border: 0px solid;
  border-bottom: 2px solid #ECECEC;
  border-radius: 0;
}

.action-register #main.nosidebar #content .box p select#user_nationality{
  padding-left: 3px;
}

.action-register #main.nosidebar #content .box p select#user_nationality:first-child{
  color:#939393;
  font-weight:bold;
  font-size:12px;
}

.action-register #main.nosidebar #content .box p{
  margin:5%;
  padding-left:0px;
}

.action-register #main.nosidebar #content .tabular label{
  float:none;
}
.action-register #main.nosidebar #content{
  background: url(../images/vnclagoon-background.jpg) top center no-repeat;
  background-size: cover;
  width:100%;
  padding-left:30px;
}

.action-register #main #content .box{
  width:420px;
  margin:auto;
  background: var(--white);
  border-radius: 8px;
  margin-top: 1.5%;
  padding: 16px 32px 32px 32px;
  border: 1px solid var(--neutral_400);
}

.has-account {
  text-align: center;
  margin: 48px 0;
  font-size: 20px;
}

.action-register #main #content .tabular p {
  width: 100%;
  flex: 0 0 100%;
  padding: 0px;
}

.action-register #main #content .tabular .flex-container {
    left: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    line-height: 71px;
    height: 71px;
}

#sidebar-background,
.action-register #main #sidebar {
  display: none;
}

body.action-register:not(.controller-welcome) div#content {
  margin-left: 0px;
  width: 100%;
  border: none;
}

.action-register input[type='submit'],
.action-register .account-selection{
  text-align: center;
  width: 100%;
  max-width: 100%;
}

.action-register input[type='submit'] {
  height: 48px !important;
  font-size: 14px;
}

.action-register form h3 {
  margin-bottom: 0px;
}

.action-register #main.nosidebar #content .vnclagoon-dialog span{
  display:none;
}

/*** End Registration page **/

/* Welcome page */

.action-welcome #main.nosidebar #content{
  background: url(../images/vnclagoon-background.jpg) center center no-repeat;
  background-size: cover;
  width:100%;
  padding-left:30px;
  height: 100vh;
}

/*End of welcome page*/


body:not(.controller-welcome) div#content {
    margin-left: -23px;
    padding-top: 0px;
    width: calc(100% - 280px);
    border-right: none;
    float: right;
    padding-left: 22px;
    padding-right: 0px;
    border-left: 1px solid var(--neutral_100);
    transition: width 0.6s;
}

body:not(.controller-welcome) #main.collapsed-sidebar div#content {
    width: calc(100% - 73px);
    transition: width 0.6s;
}

fieldset {
  border: none;
  padding: 0px;
  min-width: 80%;
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  flex-wrap: wrap;
}

.box.tabular fieldset {
  padding-left: 0;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--padding_xl);
  width: 100%;
}

.box.tabular.collapsible.with-shadow.collapsed > *:not(legend):not(hr) { display: none; }

.controller-roles .box.tabular fieldset { gap: var(--padding_l); }

form fieldset a.icon-reload {
  height: unset;
}

#footer {
  margin-bottom: 12px;
  padding-top: 18px;
  padding-left: 25px;
  padding-right: 25px;
  border-top: 1px solid #e0e2e3;
  color: var(--neutral_800);
  font-family: 'Source Sans Pro', sans-serif;
}

#footer a:hover {
  color: var(--blue_500);
}

.flex-container {
  height: 52px;
  min-height: 52px;
  line-height: 52px;
  margin-bottom: var(--padding_l);
  left: -22px;
  position: relative;
  padding-left: 20px;
  width: calc(100% + 22px);
  border-bottom: 1px solid var(--neutral_100);
}

h2.widthout-container {
  height: 52px;
  min-height: 52px;
  line-height: 52px;
}

input[type="text"].live_search_field,
input[type="text"].questions-search.autocomplete {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  height:28px;
  outline: none;
}

input[type="text"].questions-search.autocomplete {
  padding-left: 30px !important;
}

#content input.autocomplete {
  background: url(../icon/product/search.svg) no-repeat 19px 15px;
  background-size: 18px;
  padding-left: var(--padding_xxx) !important;
  width: calc(100% - var(--padding_xxx) - 10px);
}

h2,
form fieldset legend,
h2 a.back_url,
form .box fieldset.my_account legend {
  font-family: 'Manrope-Bold';
  font-size: 16px;
  color: var(--neutral_A600);
  display: inline-block;
  margin-bottom: 0px;
  padding: 0px;
  line-height: 24px;
}

form .box fieldset.my_account legend:after {
  border: none;
}

h2 {
  max-width: 65%;
  vertical-align: middle;
}

.action-register h2 {
  font-size: 20px;
}

h2 a.back_url {
  height: auto;
  line-height: all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: none;
  box-sizing: border-box;
  display: -webkit-box;
  line-height: unset;
  word-break: break-all;
}

h2 a.back_url:before {
  content: '';
  -webkit-mask: url('../icon/product/arrow_back.svg') no-repeat 50% 50%;
  mask: url('../icon/product/arrow_back.svg') no-repeat 50% 50%;
  background: var(--neutral_A600);
  -webkit-mask-size: 18px;
  mask-size: 18px;
  height: 24px;
  width: 24px;
  display: inline-block;
  margin-right: var(--padding_s);
  vertical-align: middle;
}

h2 a#check-for-updates {
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: bold;
  color: var(--blue_600);
  margin-left: var(--padding_xl);
  line-height: 24px;
  display: inherit;
}

h2 a#check-for-updates:before {
  content: '';
  margin-right: var(--padding_xs);
  background: var(--neutral_800);
  vertical-align: middle;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  display: inline-block;
  height: 24px;
  width: 24px;
  background: var(--blue_600);
  -webkit-mask: url('../icon/product/update.svg') no-repeat 50% 50%;
  mask: url('../icon/product/update.svg') no-repeat 50% 50%;
  vertical-align: top;
}

h3 {
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: bold;
  color: var(--neutral_A600);
  line-height: 24px;
  margin: var(--padding_m) var(--padding_n);
}

form h3 {
  font-size: 16px;
  margin-bottom: var(--padding_s);
}

form fieldset legend,
form fieldset.my_account legend {
  padding: 0px;
  margin-bottom: 14px;
  margin-top: 14px;
}

form .box fieldset legend {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--neutral_A100);
  line-height: 24px;
  position: relative;
  width: 100%;
  overflow-x: hidden;
  padding-left: var(--padding_s);
}

.box fieldset#notification-settings legend { display: none; }

.box fieldset legend:after {
    content:"";
    position: absolute;
    top: 12px;
    height: 0px;
    border-top: 1px solid var(--neutral_300);
    z-index: 0;
    width: 100%;
    margin-left: var(--padding_s);
}

.controller-roles.action-new .box.tabular:first-child {
    border-bottom: 1px solid var(--neutral_300);
    padding-bottom: var(--padding_xl);
    margin-bottom: var(--padding_xl);
    border-radius: 0px;
}

#content .tabular label.floating,
#content .tabular p label.floating {
  font-family: 'Source Sans Pro';
  font-size: 16px;
  color: var(--neutral_A600);
  line-height: 24px;
  height: 24px;
  position: relative;
  left: 0px;
  top: 0px;
}

#content .tabular label.floating input[type="checkbox"] {
  margin-right: var(--padding_m);
  vertical-align: middle;
}

#role-permissions-trackers,
#auth_source_port {
  margin-bottom: var(--padding_xl);
}

#content > .flex-container .contextual,
#content > .contextual,
#content > #account-with-contextual > .contextual {
  float: none;
  height: 30px;
  display: inline-block;
  padding-left: 0px;
  margin-left: var(--padding_xl);
}

.contextual .icon {
  padding-left: 0px;
}

.action-links a,
.h2-with-action-container a,
.contextual a,
a.check_all,
a.uncheck_all,
#issue-form > a,
#wiki_form > p > a {
  font-family: 'Manrope-Bold';
  font-size: 14px;
  color: var(--blue_600);
  background: none;
  text-decoration: none;
}

#issue-form > a,
#wiki_form > p > a {
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  margin-left: var(--padding_m);
  padding: 0px 16px;
  display: inline-block;
  text-align: center;
  border-radius: var(--radius_s);
  text-transform: uppercase;
}

#issue-form > a:hover,
#issue-form > a:focus,
#wiki_form > p > a:hover,
#wiki_form > p > a:focus {
  color: var(--blue_500);
  background: var(--blue_20);
}

a.check_all {
  margin-right: var(--padding_l);
}

a.uncheck_all {
  margin-left: var(--padding_l);
}

#content > .contextual > *:not(:first-child),
#content > .flex-container .contextual > *:not(:first-child) {
  margin-left: var(--padding_l);
}

#content > .flex-container .contextual > .icon-checked:not(:first-child) {
  margin-left: var(--padding_xs);
}

img.gravatar {
  padding: 2px;
  vertical-align: middle;
  border-radius: 50%;
}

div.gravatar-with-child > img.gravatar:nth-child(2) {
  border: solid 1px #d5d5d5;
  border-radius: 50%;
  top: 30px;
  left: 35px;
}

/**********************************************************/
/* HEADER */
/**********************************************************/

.controller-welcome #header,
.controller-static_pages #header,
body #header {
  background-color: var(--blue_600);
  border: none;
  position: relative;
  z-index: 100;
  width: 100%;
  top: 0;
  min-height: 48px;
  height: 48px;
  align-items: center;
  display: flex;
  color:  var(--white);
  padding: 0;
  box-sizing: border-box;
  z-index: 105;
}

#header a {
  font-family: 'Manrope-Bold';
  font-size: 14px;
  color:  var(--white);
  margin-right: var(--padding_l);
  text-decoration: none;
}

#header a img {
  vertical-align: middle;
}

#header svg {
  vertical-align: middle;
}

#header > h1,
#header a h1,
html body #top-menu h1,
html body #top-menu a h1 {
  font-family: "Manrope" !important;
  font-weight: 300;
  color:  var(--white);
  font-size: 24.2px;
  width: auto;
  display: inline-block;
  margin-bottom: unset;
}

html body #header h1 strong,
html body #top-menu h1 strong {
    font-family: "Manrope" !important;
}

html body #top-menu h1,
html body #top-menu a h1 {
  color: #888888;
  padding-left: 20px;
  padding-bottom: 30px;
}

#header > h1 .breadcrumbs {
  margin-top: -5px;
}

#quick-search {
  margin: 20px 10px;
}

#quick-search select {
  max-width: 300px;
}

#quick-search .drdn-trigger {
  padding-top: 4px;
  font-size: 12px;
}

#header .user.active {
    position: absolute;
    right: 20px;
    top: 0px;
    display: flex;
    align-items: center;
    height: 48px;
}

#header .user.active a {
    color:  var(--white);
    text-decoration: none;
}

#header .user.active .user-info img {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    margin-right: 12px;
}

#header #account-avatar img,
#header #account-avatar {
    height: 32px;
    width: 32px;
}

#header #account-avatar {
    cursor: pointer;
    margin-right: 14px;
}

#header .user.active img.gravatar {
    padding: 0px;
    border: none;
}

#header .user.active .user-info img.gravatar {
  height: 36px;
  width: 36px;
}

#sidebar .open-user-menu {
  cursor: pointer;
  display: block;
  background: url(../icon/product/keyboard_arrow_left.svg) no-repeat 50% 50%;
  background-color: var(--white);
  background-size: 18px !important;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: 17px;
  border-radius: 50%;
  border: 1px solid var(--neutral_100);
  transition: all 0.6s;
}

#main.collapsed-sidebar #sidebar .open-user-menu {
  background: url('../icon/product/keyboard_arrow_right.svg') no-repeat 50% 50%;
  background-color: var(--white);
}

#header .user.active .user-menu.show div {
    display: block;
    text-align: left;
    margin-left: 0px;
}

#header .user.active .user-menu.show div a:before {
    margin-right: 10px;
    font-size: 16px;
}

#header .user.active div.user-menu.show .user-info-buttons a {
    color: var(--blue_600);
    height: 24px !important;
    line-height: 24px !important;
    padding: 0px var(--padding_l) !important;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    font-family: 'Manrope-Bold';
}

#header .user.active div.user-menu.show .user-info-buttons {
  margin: var(--padding_l) var(--padding_l) var(--padding_n);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

#header .user.active div.user-menu.show .user-info-buttons a {
  text-transform: uppercase;
  display: inline-block;
}

#header .user.active div.user-menu.show .user-info-buttons a:hover {
  background-color: var(--blue_20);
  border-radius: var(--radius_s);
}

#header .user.active .user-info img {
  height: 48px;
  width: 48px;
}

#header .user.active div.user-menu.show .user-info:hover .user-email {
  color: var(--blue_600);
  cursor: pointer;
}

#header .logo-with-icon div {
    display: inline-block;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    position: relative;
}

#header .user.active .user-menu.show .user-login {
  font-family: 'Manrope-Bold';
  font-size: 12px;
  color: var(--black);
  line-height: 20px;
}

#header .user.active .user-menu.show .user-email {
  font-family: 'Source Sans Pro';
  font-size: 12px;
  color: var(--neutral_800);
  line-height: 14px;
}

#header .mdi.mdi-apps {
  font-size: 30px;
  margin: 10px 0 10px 22px;
  cursor: pointer;
}

#header .logo-with-icon .logo{
    width: 46px;
    height: 56px;
    margin-left: 8px;
}

#header .user.active div.user-menu {
    display: none;
    text-align: left;
}

#header .user.active div.user-menu.show {
    display: block;
    background:  var(--white);
    padding: 16px 0;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    overflow: hidden;
    white-space: nowrap;
    z-index: 103;
    margin: 0px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.27);
    color: #888888;
    border-radius: var(--radius_s);
    border-radius: var(--radius_s);
    position: absolute;
    right: 0px;
    line-height: 20px;
    top: 50px;
    min-width: 280px;
}

#header .user.active .user-menu .user-info a {
  height: 48px;
  line-height: 48px;
  margin-bottom: var(--padding_s);
  padding: var(--padding_s) var(--padding_l);
  box-sizing: content-box;
}

#header .user.active .user-menu a {
  color: var(--neutral_A600);
  padding: 0 16px 0 40px;
  font-family: 'SourceSansPro', sans-serif;
  font-size: 14px;
  display: block;
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  background-position: 16px 50%;
  margin-right: 0px;
}

#header .user.active .user-menu a:hover {
  background-color: var(--neutral_30);
}

#header .user.active div.user-menu.show li {
    list-style-type: none;
}

#header .link_to_directory {
  font-family: 'Manrope-Bold';
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: var(--white);
}

#header .link_to_directory:after {
  content: '';
  -webkit-mask: url('../icon/product/arrow_forward.svg') no-repeat 50% 50%;
  mask: url('../icon/product/arrow_forward.svg') no-repeat 50% 50%;
  -webkit-mask-size: 12px;
  mask-size: 12px;
  background: var(--white);
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

#header #mdi-apps {
  background: url(../icon/product/apps_new.svg) no-repeat 50% 50%;
  background-size: 24px;
  width: 48px;
  height: 48px;
  margin-right: var(--padding_l);
  cursor: pointer;
}

#app-icon {
  display: none;
}

.app-icon-container {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 48px;
  left: 0px;
  max-width: 384px;
  background-color: #ffffff;
  z-index: 104;
  padding: 12px;
  padding-right: 4px;
  border-radius: var(--radius_m);
  box-shadow: 0 16px 24px 0 rgba(7, 29, 51, 0.2), 0 12px 12px 0 rgba(7, 29, 51, 0.1);
}

.app-icon-item {
  width: 120px;
  height: 132px;
}

.app-icon-item div {
  width: fit-content;
  margin: 0 auto 20px;
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral_900);
}

.app-icon-container a:hover {
  border-radius: var(--radius_m);
  background-color: var(--neutral_30);
  text-decoration: none;
}

.app-icon-container a:hover div {
  font-weight: 600;
  color: var(--black);
}

#header .app-icon-container a {
  margin-right: var(--padding_s);
}

.app-icon-item img {
  width: 72px;
  height: 72px;
  margin: var(--padding_l) auto var(--padding_m);
  display: block;
}

#header #mdi-apps:hover {
  background-color: var(--blue_500);
}

#sidebar a {
  width: 100%;
  color: var(--black);
  display: block;
  font-weight: normal;
  text-decoration: none !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#sidebar .organization.change-menu a div {
  display: inline-block;
  height: 38px;
  line-height: 18px;
  vertical-align: middle;
  max-width: 184px;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
}

#sidebar .organization.change-menu a div span {
  font-family: 'Manrope';
  font-size: 10px;
  line-height: 14px;
  color: #606b76;
  display: block;
  height: 14px;
}

#sidebar .organization.change-menu a div span:empty { height: 10px; }

#sidebar a:before,
#sidebar .organization_menu .organization_name > div:before {
  margin-right: var(--padding_l);
  background: var(--neutral_800);
  vertical-align: middle;
  padding: 0px;
  background-size: 18px;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  display: inline-block;
  height: 24px;
  width: 24px;
}

#sidebar h3.organization > a:before {
  content: '';
  background: url(../icon/product/arrow_back.svg) no-repeat 50% 50%;
  height: 24px;
  width: 24px;
  display: inline-block;
  margin-right: var(--padding_l);
  vertical-align: middle;
  filter: brightness(0);
}

#main.collapsed-sidebar #sidebar .organization_menu {
  position: relative;
}

#sidebar ul.organizations > li > a:before {
  content: '';
  background: url(../icon/product/portfolio-new.svg) no-repeat 50% !important;
  margin-right: var(--padding_l);
  background: var(--neutral_800);
  vertical-align: middle;
  padding: 0px;
  background-size: 18px;
  display: inline-block;
  height: 24px;
  width: 24px;
}

#sidebar ul.organizations > li > a.selected:before {
  filter: invert(48%) sepia(96%) saturate(862%) hue-rotate(182deg) brightness(75%) contrast(101%);
}

#main.collapsed-sidebar #sidebar .organization_menu ul {
  position: absolute;
  left: 100%;
  top: 0px;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(8, 45, 61, 0.2), 0 4px 12px 0 rgba(8, 45, 61, 0.1);
  padding: 8px;
  background: var(--white);
}

#main.collapsed-sidebar #sidebar .organization_menu ul li a {
  width: auto;
  white-space: pre;
}

#main.collapsed-sidebar #sidebar .organization_menu ul:not(.watchers) li {
  background: var(--white) !important;
}

#sidebar .organization_menu .organization_name:after {
  margin-left: var(--padding_xs);
  vertical-align: middle;
  padding: 0px;
  background-size: 18px;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  display: inline-block;
  height: 24px;
  width: 24px;
  content: '';
  -webkit-mask: url('../icon/product/keyboard_arrow_down.svg') no-repeat 50% 50%;
  mask: url('../icon/product/keyboard_arrow_down.svg') no-repeat 50% 50%;
  float: right;
  position: relative;
  top: 8px;
  right: 8px;
}

#main.collapsed-sidebar #sidebar .organization_menu .organization_name:after {
  width: 16px;
  height: 16px;
  -webkit-mask-size: 16px !important;
  mask-size: 16px !important;
  position: absolute;
  top: 12px;
  right: 0px;
}

#main.collapsed-sidebar #sidebar .organization_menu .organization_name > div {
  width: 100%;
}

#sidebar .organization_menu.hide-menu .organization_name:after {
  -webkit-mask: url('../icon/product/keyboard_arrow_down.svg') no-repeat 50% 50%;
  mask: url('../icon/product/keyboard_arrow_down.svg') no-repeat 50% 50%;
}

#main #sidebar .organization_menu .border {
  box-shadow: inset 0 -1px 0 0 var(--neutral_200);
  height: 1px;
  margin: var(--padding_n) var(--padding_xl);
  margin-bottom: var(--padding_s);
}

#main.collapsed-sidebar #sidebar .organization_menu .border {
  box-shadow: none;
  height: 0px;
}

#main #sidebar .organization_menu.hide-menu ul,
#main #sidebar .organization_menu.hide-menu .border {
  display: none;
}

#sidebar .organization_menu .organization_name > div {
  width: calc(100% - 24px - var(--padding_s)*2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  margin-left: var(--padding_m);
  font-weight: bold;
}

#main #sidebar > h3.admin,
#main #sidebar > #admin-menu {
  display: none;
}

#sidebar #admin-menu a.selected
#sidebar #admin-menu a.selected:before,
#sidebar a.selected:before,
#sidebar .organization_menu .organization_name > div:before,
#sidebar .organization_menu .organization_name:after {
  background: var(--blue_600);
}

#sidebar a.home:before {
  content: '';
  -webkit-mask: url('../icon/product/apps-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/apps-new.svg') no-repeat 50% 50%;
}
#sidebar a.home:after {
  content: '';
  -webkit-mask: url('../icon/product/redirect-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/redirect-new.svg') no-repeat 50% 50%;
  margin-right: var(--padding_l);
  background: var(--neutral_800);
  vertical-align: middle;
  padding: 0px;
  background-size: 18px;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  display: inline-block;
  height: 40px;
  width: 24px;
  float: right;
}
#sidebar a.dashboard:before {
  content: '';
  -webkit-mask: url('../icon/product/dashboard.svg') no-repeat 50% 50%;
  mask: url('../icon/product/dashboard.svg') no-repeat 50% 50%;
}
#sidebar a.organizations:before,
#sidebar .organization_menu .organization_name > div:before {
  content: '';
  -webkit-mask: url('../icon/product/portfolio-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/portfolio-new.svg') no-repeat 50% 50%;
}
#sidebar .organization-menu a.users:before,
#sidebar a.teams:before {
  content: '';
  -webkit-mask: url('../icon/product/users-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/users-new.svg') no-repeat 50% 50%;
}
#sidebar a.rfc:before {
  content: '';
  -webkit-mask: url('../icon/product/arrow-expand-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/arrow-expand-new.svg') no-repeat 50% 50%;
}
#sidebar a.statistics:before {
  content: '';
  -webkit-mask: url('../icon/product/chart-02.svg') no-repeat 50% 50%;
  mask: url('../icon/product/chart-02.svg') no-repeat 50% 50%;
}
#sidebar a.administration:before {
  content: '';
  -webkit-mask: url('../icon/product/person.svg') no-repeat 50% 50%;
  mask: url('../icon/product/person.svg') no-repeat 50% 50%;
}
#sidebar a.settings:before {
  content: '';
  -webkit-mask: url('../icon/product/wrench-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/wrench-new.svg') no-repeat 50% 50%;
}
#sidebar a.help:before {
  content: '';
  -webkit-mask: url('../icon/product/help.svg') no-repeat 50% 50%;
  mask: url('../icon/product/help.svg') no-repeat 50% 50%;
}

#sidebar .organization-menu a.departments:before {
  content: '';
  -webkit-mask: url('../icon/product/domain.svg') no-repeat 50% 50%;
  mask: url('../icon/product/domain.svg') no-repeat 50% 50%;
}

#sidebar .organization-menu a.group-chats:before {
  content: '';
  -webkit-mask: url('../icon/product/chats-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/chats-new.svg') no-repeat 50% 50%;
}

#sidebar .organization-menu a.invitations:before {
  content: '';
  -webkit-mask: url('../icon/product/redirect-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/redirect-new.svg') no-repeat 50% 50%;
}

#sidebar .organization-menu a.mcb:before {
  content: '';
  -webkit-mask: url('../icon/product/view_week.svg') no-repeat 50% 50%;
  mask: url('../icon/product/view_week.svg') no-repeat 50% 50%;
}

/*#sidebar a.teams:after,
#sidebar a.rfc:after,
#sidebar a.statistics:after,
#sidebar a.administration:after {
    content: '';
    background: var(--neutral_800);
    vertical-align: middle;
    background-size: 18px;
    -webkit-mask-size: 18px !important;
    mask-size: 18px !important;
    display: inline-block;
    height: 24px;
    width: 24px;
    text-align: right;
    float: right;
    background: var(--neutral_800);
    -webkit-mask: url('../icon/product/arrow_drop_right.svg') no-repeat 50% 50%;
    mask: url('../icon/product/arrow_drop_right.svg') no-repeat 50% 50%;
}*/

#top-menu ul {
  order: 0;
}

#top-menu #account {
  float: none;
  margin-top: auto;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  order: 1;
}

#sidebar #account {
  float: none;
  margin-top: auto;
  order: 1;
  /*box-shadow: inset 0 -1px 0 0 var(--neutral_200);*/
}

#sidebar li {
  float: none;
  padding: 14px 20px;
}

#sidebar li:hover {
  background-color: var(--gray_30);
}

#sidebar .top-menu-box {
  display: none;
}

#sidebar > .footer,
#sidebar > .footer-links {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--neutral_800);
  margin: 15px 20px;
  order: 2;
}

#sidebar > .footer-links a {
  color: var(--blue_600);
  display: inline;
  margin-right: 0px;
}

/**********************************************************/
/* MAIN-MENU */
/**********************************************************/

#main-menu {
  left: 298px;
  width: auto;
  height: 48px;
}

#main-menu ul {
  padding: 0px;
  width: 100%;
  white-space: nowrap;
}

#main-menu li {
  margin: 0px;
  float: none;
  display: inline-block;
}

#main-menu li > a {
  color: var(--white);
  padding: var(--padding_n) var(--padding_s);
  line-height: 48px;
  opacity: 0.5;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  margin-right: var(--padding_m);
}

#main-menu li a:hover,
#main-menu li a.selected,
#main-menu li a.selected:hover {
  background: none;
  opacity: 1;
  color: var(--white);
  box-shadow: inset 0 -3px 0 0 #ffffff;
}

#main-menu .menu-children {
  background: var(--white);
  border-radius: 6px;
  font-family: 'Source Sans Pro';
  font-size: 14px;
  color: var(--neutral_A600);
  padding: 10px 0px !important;
}

#main-menu li > a#new-object,
#main-menu .menu-children li > a {
  opacity: 1;
  box-shadow: none !important;
  font-size: 14px;
}

#main-menu .menu-children li {
  line-height: 36px;
}

#main-menu li > a#new-object {
  padding: var(--padding_n) var(--padding_m);
  line-height: calc(44px - var(--padding_m));
  border-radius: 4px;
  font-size: 0px;
  background: url('../icon/product/add.svg') no-repeat 50% 50%;
  background-size: 16px;
  background-color: var(--neutral_A300);
  width: 8px;
  top: -5px;
  position: relative;
}

#main-menu .menu-button {
  position: absolute;
  right: 10px;
  top: 16px;
  text-indent: 66em;
  overflow: hidden;
  cursor: pointer;
  width: 24px;
  height: 16px;
  background: url(../images/menu_button.png) no-repeat;
  background-size: 16px 16px; /* for retina displays */
}

#main-menu .menu-button:hover {
  background: url(../images/menu_button_hover.png) no-repeat;
  background-size: 16px 16px; /* for retina displays */
}

#main-menu .menu-children {
  border: 0px;
  margin-top: 0px;
  left: 0px;
  padding-top: 6px !important;
  padding: 6px;
  box-shadow: var(--shadow_dropdown);
}

#main-menu .menu-children,
#main-menu .menu-children li {
  padding: 0px;
}

#main-menu .menu-children li a {
  padding: 0px 12px;
  background: var(--white);
  color: var(--black);
}

#main-menu .menu-children li a:before {
  margin-right: var(--padding_s);
  content: '';
  background: url('../icon/product/add.svg') no-repeat 50% 50%;
  background-size: 18px;
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

#main-menu .menu-children li,
#main-menu .menu-children li a,
#main-menu .menu-children li:hover,
#main-menu .menu-children li:hover a  {
  background: transparent;
  color: var(--black);
}

/* tab buttons*/


#main-menu div.tabs-buttons {
  position: absolute;
  right: 0;
  width: 60px;
  height: 100%;
  background: #3d454c;
  bottom: 0;
  border: 0px;
  display: none !important;
}

#main-menu button.tab-left, #main-menu button.tab-right {
  cursor: pointer;
  height:100%;
  border: 0px;
  position: absolute;
  padding: 4px;
  width: 25px;
  bottom: 0px;
  border-radius: 0px;
  background: #3d454c;
  color: #9da2a6;
  font-weight: bold;
}
#main-menu button.tab-left:hover, #main-menu button.tab-right:hover {
  background-color: #3d454c;
  color: #fff;
}
#main-menu button.tab-left:focus, #main-menu button.tab-right:focus {
  outline: 0;
}

#main-menu button.tab-left {
  right: 25px;
}

#main-menu button.tab-left::before {
  content: "\25C0";
  background: none;
}

#main-menu button.tab-right::before {
  right: 0;
  content: "\25b6";
  background: none;
}

#main-menu button.tab-left.disabled, #main-menu button.tab-right.disabled {
  background-color: #3d454c;
  cursor: unset;
  color: #777;
}

/**********************************************************/
/* SIDEBAR and Content */
/**********************************************************/

html {
  overflow: auto;
}

#main #sidebar {
  float: left;
  width: 277px;
  left: -20px;
  border-right: 1px solid var(--neutral_100);
  min-height: calc(100vh - 108px);
  box-sizing: border-box;
  transition: all 0.6s;
}

#main.collapsed-sidebar #sidebar {
  width: 70px;
  z-index: 104;
}

.controller-welcome.action-index #main #sidebar {
  position: absolute;
  top: 0px;
  left: 0px;
  background: var(--white);
  overflow: auto;
  height: -webkit-fill-available;
  display: none;
}

#main #sidebar h3 {
  font-family: 'Manrope-Bold';
  font-size: 16px;
  color: var(--neutral_A600);
  display: inline-block;
  margin-bottom: 0px;
  padding: 0px;
  height: 52px;
  line-height: 52px;
  margin-top: 0px;
  box-shadow: inset 0 -1px 0 0 var(--neutral_200);
  margin: var(--padding_n) var(--padding_xl);
  width: calc(100% - var( --padding_xl)*2);
  overflow: hidden;
  position: relative;
}

#main #sidebar ul:not(.queries):has(> li) {
  padding: var(--padding_m) var(--padding_n);
}

#main #sidebar .organization_menu ul {
  padding: var(--padding_s) var(--padding_n) var(--padding_s) var(--padding_xxx);
}

#main #sidebar .organization_menu ul li a {
  padding-left: 4px !important;
}

#main.collapsed-sidebar #sidebar ul:not(.queries) {
  padding: var(--padding_s) var(--padding_n) var(--padding_m) var(--padding_n);
}

#main #sidebar ul li {
  padding: var(--padding_n);
  margin: var(--padding_n) var(--padding_m);
  position: relative;
  height: 40px;
}

.s2-to-tree.searching-result li.select2-results__option .item-label,
.s2-to-tree li.select2-results__option[data-pup].showme .item-label,
.s2-to-tree .select2-results__option.l1 .item-label,
#main #sidebar ul li a {
  padding-left: var(--padding_m) !important;
  line-height: 40px;
  color: var(--neutral_A100);
  text-decoration: none;
  font-family: 'Manrope';
  font-size: 14px;
  display: block;
  background: none;
  font-weight: 600;
  border-radius: var(--radius_s);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#main #sidebar ul.organizations li a {
  display: inline-block;
  max-width: calc(100% - 36px);
  vertical-align: middle;
}

#main #sidebar ul.organizations li span.arrow {
  content: '';
  display: none;
  height: 24px;
  width: 24px;
  background-size: 18px;
  vertical-align: middle;
  margin-left: var(--padding_s);
  cursor: pointer;
}

#main #sidebar ul.organizations li.closed span.arrow {
  display: inline-block;
  background: url(../icon/product/arrow_drop_down.svg) no-repeat 50%;
  background-size: 18px;
}

#main #sidebar ul.organizations li.opened span.arrow {
  display: inline-block;
  background: url(../icon/product/arrow_drop_up.svg) no-repeat 50%;
  background-size: 18px;
}

#main #sidebar ul.organizations li.level-0 a {
  margin-left: var(--padding_m);
  max-width: calc(100% - var(--padding_m) - 36px);
}

#main #sidebar ul.organizations li.level-1 a {
  margin-left: calc(2 * var(--padding_m));
  max-width: calc(100% - (2 * var(--padding_m)) - 36px);
}

#main #sidebar ul.organizations li.level-2 a {
  margin-left: calc(3 * var(--padding_m));
  max-width: calc(100% - (3 * var(--padding_m)) - 36px);
}

#main.collapsed-sidebar #sidebar ul li a {
  width: 34px;
  font-size: 0;
  height: 40px;
}

#main.collapsed-sidebar #sidebar h3,
#main.collapsed-sidebar #sidebar ul.queries {
  display: none;
}

#main #sidebar ul.watchers li a {
  display: inline-block;
}

#main #sidebar ul.watchers li img.gravatar {
  height: 32px;
  width: 32px;
}

#main #sidebar ul:not(.watchers) li:hover a {
  background-color: var(--neutral_30) !important;
}

#main #sidebar .organization_menu ul li a {
  font-size: 12px;
}

#main #sidebar .organization_menu ul:not(.watchers) li a,
#main #sidebar .organization_menu ul:not(.watchers) li {
  background: none !important;
}

#main #sidebar .organization_menu ul:not(.watchers) li:hover a {
  color: var(--blue_500);
}

#main #sidebar li a {
  width: auto;
}

#main #sidebar li a.selected,
#main #sidebar ul li.organization_name {
  background-color: var(--neutral_30);
  color: var(--blue_600);
  padding: 0px;
  margin-left: 0px;
}

#main #sidebar ul li.organization_name {
  margin-left: var(--padding_m);
  height: 40px;
}

#main #sidebar p {
  margin-top: 5px;
}

#main #sidebar .my_account p {
  padding: 0px 16px 0px 24px;
  color: var(--neutral_A100);
}

#main #sidebar .my_account p a {
  display: inline-block;
  width: auto;
  color: var(--blue_600);
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
}

#sidebar .horizontal-line {
  position: absolute;
  top: 52px;
  left: 0px;
  width: 100%;
  border-bottom: 1px solid var(---neutral_100);
}

.main-title {
  font-family: 'Manrope-Bold';
  font-size: 14px;
  color: var(--black);
  margin-top: var(--padding_s);
  margin-bottom: var(--padding_l);
  line-height: 24px;
  margin-left: var(--padding_l);
}

/**********************************************************/
/* ADMIN MENU ICONS */
/**********************************************************/
#sidebar #admin-menu a:before,
#sidebar .issues-sidebar a.import_issues:before {
  margin-right: var(--padding_l);
  background: var(--neutral_800);
  vertical-align: middle;
  padding: 0px;
  background-size: 18px;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  display: inline-block;
  height: 24px;
  width: 24px;
  content: '';
  -webkit-mask: url('../icon/product/menu.svg') no-repeat 50% 50%;
  mask: url('../icon/product/menu.svg') no-repeat 50% 50%;
}

#sidebar #admin-menu a.selected:before {
  background: var(--blue_600);
}

#sidebar #admin-menu hr {
  height: 1px;
  display: block;
  width: calc(100% - var(--padding_xxx));
  background: var(--neutral_200);
  margin: var(--padding_m) var(--padding_xl) var(--padding_m) var(--padding_xl);
}

#sidebar #admin-menu a.organizations:before {
  content: '';
  -webkit-mask: url('../icon/product/business.svg') no-repeat 50% 50%;
  mask: url('../icon/product/business.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.projects:before {
  content: '';
  -webkit-mask: url('../icon/product/portfolio-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/portfolio-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.users:before {
  content: '';
  -webkit-mask: url('../icon/product/users-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/users-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.groups:before {
  content: '';
  -webkit-mask: url('../icon/product/users-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/users-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.roles:before, #sidebar .organization-menu a.roles:before {
  content: '';
  -webkit-mask: url('../icon/product/permissions-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/permissions-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.trackers:before {
  content: '';
  -webkit-mask: url('../icon/product/trackers.svg') no-repeat 50% 50%;
  mask: url('../icon/product/trackers.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.issue-statuses:before {
  content: '';
  -webkit-mask: url('../icon/product/flag-outline-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/flag-outline-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.workflows:before {
  content: '';
  -webkit-mask: url('../icon/product/workflow.svg') no-repeat 50% 50%;
  mask: url('../icon/product/workflow.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.custom-fields:before {
  content: '';
  -webkit-mask: url('../icon/product/border-color.svg') no-repeat 50% 50%;
  mask: url('../icon/product/border-color.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.enumerations:before {
  content: '';
  -webkit-mask: url('../icon/product/enumerations.svg') no-repeat 50% 50%;
  mask: url('../icon/product/enumerations.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.contacts:before {
  content: '';
  -webkit-mask: url('../icon/product/users-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/users-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.settings:before {
  content: '';
  -webkit-mask: url('../icon/product/wrench-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/wrench-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.ldap-authentication:before {
  content: '';
  -webkit-mask: url('../icon/product/vpn-key-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/vpn-key-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.birthdays:before {
  content: '';
  -webkit-mask: url('../icon/product/birthdays.svg') no-repeat 50% 50%;
  mask: url('../icon/product/birthdays.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.custom-backgrounds:before {
  content: '';
  -webkit-mask: url('../icon/product/custom_backgrounds.svg') no-repeat 50% 50%;
  mask: url('../icon/product/custom_backgrounds.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.email-templates:before {
  content: '';
  -webkit-mask: url('../icon/product/email.svg') no-repeat 50% 50%;
  mask: url('../icon/product/email.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.footer-links:before {
  content: '';
  -webkit-mask: url('../icon/product/footer-links.svg') no-repeat 50% 50%;
  mask: url('../icon/product/footer-links.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.saml-configs:before {
  content: '';
  -webkit-mask: url('../icon/product/lock-outline.svg') no-repeat 50% 50%;
  mask: url('../icon/product/lock-outline.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.industry-codes:before {
  content: '';
  -webkit-mask: url('../icon/product/code-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/code-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.tags:before {
  content: '';
  -webkit-mask: url('../icon/product/tag-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/tag-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.labels:before {
  content: '';
  -webkit-mask: url('../icon/product/label-outline.svg') no-repeat 50% 50%;
  mask: url('../icon/product/label-outline.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.group-chats:before {
  content: '';
  -webkit-mask: url('../icon/product/chats-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/chats-new.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.channels:before {
  content: '';
  -webkit-mask: url('../icon/product/hashtag-new.svg') no-repeat 50% 50%;
  mask: url('../icon/product/hashtag-new.svg') no-repeat 50% 50%;
}

#sidebar #admin-menu a.customer-vncdirectories:before {
  content: '';
  -webkit-mask: url('../icon/product/folder_shared.svg') no-repeat 50% 50%;
  mask: url('../icon/product/folder_shared.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.instance-certificates:before {
    content: '';
    -webkit-mask: url('../icon/special/certificate.svg') no-repeat 50% 50%;
    mask: url('../icon/special/certificate.svg') no-repeat 50% 50%;
}

#sidebar #admin-menu a.plugins:before {
  content: '';
  -webkit-mask: url('../icon/product/plugins.svg') no-repeat 50% 50%;
  mask: url('../icon/product/plugins.svg') no-repeat 50% 50%;
}
#sidebar #admin-menu a.info:before {
  content: '';
  -webkit-mask: url('../icon/product/info-outline.svg') no-repeat 50% 50%;
  mask: url('../icon/product/info-outline.svg') no-repeat 50% 50%;
}

#sidebar .issues-sidebar a.import_issues:before, .download-link {
  content: '';
  -webkit-mask: url('../icon/product/file_download.svg') no-repeat 50% 50%;
  mask: url('../icon/product/file_download.svg') no-repeat 50% 50%;
}

#sidebar .show-more,
#sidebar .show-less {
  height: 24px;
  margin: 0 0 0 4px;
  font-family: 'Manrope-Bold';
  font-size: 14px;
  line-height: 24px;
  margin-left: 80px;
  margin-bottom: var(--padding_xxx);
  color: var(--blue_600);
  cursor: pointer;
}

.collapsed-sidebar #sidebar .show-more,
.collapsed-sidebar #sidebar .show-less {
  margin-left: 18px;
  font-size: 0px;
  height: 32px;
}

#sidebar .show-more:before {
  content: '';
  display: inline-block;
  height: 24px;
  width: 24px;
  margin-right: 4px;
  vertical-align: middle;
  background: url(../icon/product/arrow-drop-down-blue.svg) no-repeat 50%;
}

#sidebar .show-less:before {
  content: '';
  display: inline-block;
  height: 24px;
  width: 24px;
  margin-right: 4px;
  vertical-align: middle;
  background: url(../icon/product/arrow-drop-up-blue.svg) no-repeat 50%;
}

.collapsed-sidebar #sidebar .show-more:before,
.collapsed-sidebar #sidebar .show-less:before {
  height: 32px;
  width: 32px;
  background-size: 28px;
}

/**********************************************************/
/* FLASH MESSAGES */
/**********************************************************/
#errorExplanation, div.flash, .nodata, .warning, .conflict {
  border: 0px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-family: 'Source Sans Pro';
  font-size: 14px;
  text-align: left;
  color: var(--neutral_800);
  line-height: 32px;
  margin-bottom: 0px;
}

.nodata {
  padding: var(--padding_s);
  border-radius: var(--radius_s);
  border: solid 1px var(--neutral_200);
  background-color: var(--neutral_20);
  text-align: center;
}

div.flash.notice, #flash_notice, div.flash.error, #errorExplanation,
.controller-static_pages div.flash.warning, .conflict {
  background: var(--neutral_A500) !important;
  color: var(--white);
  position: fixed;
  border-radius: var(--radius_m);
  top: unset !important;
  bottom: 24px;
  left: 24px;
  width: fit-content;
  max-width: calc(100% - 100px);
  padding: var(--padding_l) var(--padding_xxx) var(--padding_l) var(--padding_xl);
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  line-height: 18px;
  z-index: 107;
  opacity: 1;
  -moz-animation: hideNotice 0s ease-in 10s forwards;
  /* Firefox */
  -webkit-animation: hideNotice 0s ease-in 10s forwards;
  /* Safari and Chrome */
  -o-animation: hideNotice 0s ease-in 10s forwards;
  /* Opera */
  animation: hideNotice 0s ease-in 10s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  min-width: 240px;
}

div.flash.error, #errorExplanation,
.controller-static_pages div.flash.warning, .conflict {
  -moz-animation: hideNotice 0s ease-in 15s forwards;
  /* Firefox */
  -webkit-animation: hideNotice 0s ease-in 15s forwards;
  /* Safari and Chrome */
  -o-animation: hideNotice 0s ease-in 15s forwards;
  /* Opera */
  animation: hideNotice 0s ease-in 15s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes hideNotice {
    to {
        opacity: 0;
    }
}
@-webkit-keyframes hideNotice {
    to {
        opacity: 0;
    }
}

div.flash.notice ul, #flash_notice ul, div.flash.error ul, #errorExplanation ul,
.controller-static_pages div.flash.warning ul, .conflict ul {
    margin: 0px;
    text-align: left;
    list-style-type: none;
    padding: 0px;
}

div.flash.notice ul li:not(:last-child), #flash_notice ul li:not(:last-child),
div.flash.error ul li:not(:last-child), #errorExplanation ul li:not(:last-child),
.controller-static_pages div.flash.warning ul li:not(:last-child), .conflict ul li:not(:last-child) {
    margin-bottom: var(--padding_xs);
}

div.flash.warning, .conflict {
  background-image: none;
}

div.flash { background-position: 8px 19px !important; }

#errorExplanation ul {
  font-size: 14px;
}

/**********************************************************/
/* LOGIN FORM */
/**********************************************************/

#login-form table {
  border: 0px;
  padding: 30px;
}

#login-form input[type=text],
#login-form input[type=password] {
  padding: 1px 10px;
  height: 24px;
}

#login-form input#login-submit {
  padding: 0px;
}

/**********************************************************/
/* WIKI */
/**********************************************************/
.wiki h1, .wiki h2, .wiki h3 {
  font-weight: normal;
  color: #000;
}

.wiki h1 {
  font-size: 28px;
  margin-top: 10px;
}

.wiki h2 {
  font-size: 20px;
}

.wiki h3 {
  font-size: 16px;
}

.wiki.wiki-page {
  color: #6A6E71;
}


/**********************************************************/
/* TAGS */
/**********************************************************/
span.tag-label-color {
  border: 0px !important;
  padding: 4px 8px !important;
  border-radius: 20px !important;
  line-height: 13px;
}

span.tag-label-color:hover {
  opacity: 0.7;
}

.tagit-new .ui-autocomplete-input {
  box-shadow: none;
}

.tagit-close .text-icon {
  top: -3px;
  position: relative;
}

div#content ul.tagit li {
  margin: 2px 5px 1px 0;
}

div#content .contacts-tags-edit ul.tagit {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e0e2e3;
}

/**********************************************************/
/* Context Menu */
/**********************************************************/
div#content .context-menu-selection {
  background-color: var(--blue_30) !important;
}

div#content #context-menu ul {
  border-radius: var(--radius_s);
}

div#content #context-menu li a {
  color: #333;
}

div#content #context-menu li:hover {
  background: #f2f4f5;
  color: #3d454c;
  border: 1px solid #f2f4f5;
  border-radius: 0px;
}

div#content #context-menu a.disabled, div#content #context-menu a.disabled:hover {
  color: #aaa;
}
/**********************************************************/
/* TIP */
/**********************************************************/
div.tooltip:hover span.tip {
  border: 1px solid #ccc;
  -webkit-border-radius: var(--radius_s);
  -moz-border-radius: var(--radius_s);
  -ms-border-radius: var(--radius_s);
  -o-border-radius: var(--radius_s);
  border-radius: var(--radius_s);
}

/**********************************************************/
/* jQuery UI */
/**********************************************************/
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "SqMarket","helvetica neue",helvetica,arial,sans-serif;
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea {
  font-size: 12px;
}

.ui-widget-overlay {
  background: var(--black);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  z-index: 104 !important;
}

#sidebar-background,
.dropdown-menu-background,
#ajax-modal-background {
  position: fixed;
  left: 0px;
  top: 0px;
  background: var(--neutral_A600);
  opacity: 0.6;
  height: 100%;
  width: 100%;
  z-index: 106 !important;
}

div.modal {
  padding: 0px;
  box-shadow: var(--shadow_popup);
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  color: var(--neutral_800);
  top: 32px !important;
  z-index: 105 !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
}

div.modal[aria-describedby="ajax-modal2"] {
  z-index: 107 !important;
}

#ajax-modal .objects-selection {
  max-height: 300px;
  height: auto;
}

.ui-datepicker .ui-widget-header {
  background: #fff;
  border: 0px;
  border-bottom: solid 1px #ced4d9;
  border-radius: 0px;
  padding: 5px;
  margin: -1px;
}

.ui-widget-content {
  background: white;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 12px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #f2f4f5;
  color: #3d454c;
  border: 1px solid #f2f4f5;
  border-radius: 0px;
  font-weight: normal;

}

.ui-widget-header .ui-datepicker-title {
  color: #3d454c;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #f2f4f5;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  font-weight: normal;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #FFD5C9;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: #D2EEFF;
}

.ui-widget-header .ui-icon-circle-triangle-e {
  background: url(../images/next.png) no-repeat 0px 0px;
}

.ui-widget-header .ui-icon-circle-triangle-w {
  background: url(../images/prev.png) no-repeat 0px 0px;
}

.ui-datepicker .ui-datepicker-next {
  top: 5px;
  right: 10px;
}

.ui-datepicker .ui-datepicker-prev {
  top: 5px;
  left: 10px;
}

.ui-datepicker th {
  /*font-size: 13px;*/
  color: #aaa;
  font-weight: 500;
}

.ui-datepicker .ui-state-default {
  /*font-size: 13px;*/
  font-weight: 500;
  color: #333;
  border: 1px solid #fff;
  background: #fff;
}

.ui-datepicker .ui-state-default:hover {
  background: #f6f6f6;
}

.ui-datepicker .ui-state-active {
  background: #D2EEFF;
}

.ui-datepicker .ui-state-highlight {
  color: #ff3b30;
}

.ui-datepicker .ui-state-highlight:hover {
  background-color: #ffd8d6;
}

#ui-datepicker-div {
  padding: 10px;
}

.ui-datepicker .ui-datepicker-buttonpane {
  padding-top: 0.5em;
}

.ui-datepicker-week-col, .ui-datepicker .ui-priority-secondary {
  color: #aaa;
}

.ui-dialog .ui-dialog-titlebar-close {
  height: 24px;
  width: 24px;
  right: 16px !important;
  padding: 0px;
  right: 1em;
  border: 0px;
  background: transparent;
}

.ui-menu-item.non-matching a{
  color: gray;
}

/**********************************************************/
/* BUTTONS */
/**********************************************************/
#ajax-modal p.buttons input,
.ui-datepicker .ui-datepicker-buttonpane button,
.details input[type="submit"],
input[type="button"],
input[type="submit"],
input[type="submit"].small,
input[type="submit"].button-small {
  color: #9da2a6;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
  height: 32px;
  padding: 0 14px 0;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
  border: 1px solid #e0e2e3;
  font-size: 14px;
  background: #fafafa;
  -webkit-border-radius: var(--radius_s);
  -moz-border-radius: var(--radius_s);
  -ms-border-radius: var(--radius_s);
  -o-border-radius: var(--radius_s);
  border-radius: var(--radius_s);
  -webkit-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,opacity 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,opacity 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,opacity 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,opacity 0.2s ease-in-out;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

#header .user.active div.user-menu.show .user-info-buttons .button-submit,
.buttons a.submit,
.buttons.position-sticky a.submit,
#ajax-modal p.buttons input[type="submit"],
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close,
input[type="submit"],
a.icon.icon-checked,
input[type="submit"].small,
fieldset input[type="submit"],
fieldset input[type="submit"].small {
  background: var(--blue_600);
  border-color: transparent;
  color: var(--white);
  font-family: 'Manrope-Bold';
  font-size: 12px;
  padding: 8px 30px;
  text-transform: uppercase;
  height: 32px;
  margin-left: 20px;
  border-radius: var(--radius_s);
  text-decoration: none;
  line-height: 16px;
  flex: 0 1 auto;
  box-shadow: var(--shadow_small);
  min-width: 96px;
}

input[type="submit"] {
  margin-left: var(--padding_n);
}

input[type="submit"][value="Create"] {
  width: 120px;
  line-height: 16px;
}

input[type="submit"][value="Switch"],
input[type="submit"][value="Submit"] {
  width: 112px !important;
}

input[type="submit"][value="Delete"] {
  width: 106px !important;
}

#header .user.active div.user-menu.show .user-info-buttons .button-submit:hover,
.buttons a.submit:hover,
.buttons.position-sticky a.submit:hover,
input[type="submit"]:hover,
a.icon.icon-checked:hover,
input[type="submit"].small:hover {
  background: var(--blue_500);
}

#header .user.active div.user-menu.show .user-info-buttons .button-submit:hover,
.buttons a.submit:focus,
.buttons.position-sticky a.submit:focus,
input[type="submit"]:focus,
a.icon.icon-checked:focus,
input[type="submit"].small:focus {
  background: var(--blue_500);
  box-shadow: inset 0px 0px 0px 2px var(--blue_600);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  height: 32px;
  line-height: 16px;
}

a.icon.icon-checked,
a.icon.icon-checked:hover {
  margin-left: 0px;
}

legend a.icon.icon-checked,
legend a.icon.icon-checked:hover{
  background: none;
  padding: 0px;
}

th a.icon-checked[title="Check all/Uncheck all"] {
  background: none;
  background-color: var(--neutral_600);
  font-size: 0;
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-left: var(--padding_n) !important;
  margin-right: var(--padding_s) !important;
  padding-left: var(--padding_n);
  -webkit-mask: url('../icon/product/check_box_outline_blank.svg') no-repeat 50% 50%;
  mask: url('../icon/product/check_box_outline_blank.svg') no-repeat 50% 50%;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

th a.icon-checked[title="Check all/Uncheck all"]:hover {
  background-color: var(--blue_600);
}

input[type="submit"]:disabled {
  background: grey;
}

#content .edit_group .tabular p, #content .new_group .tabular p {
  flex: auto;
}

.buttons a.cancel,
#content .hidden-for-modal,
#ajax-modal2 .buttons a,
form a.icon-reload,
input[type="submit"][name="continue"],
#ajax-modal .buttons:not(td) a,
.list.users .edit_department > p > span a {
  background: none;
  background: var(--white);
  color: var(--neutral_800);
  font-family: 'Manrope-Bold';
  font-size: 12px;
  padding: 7px 20px;
  text-transform: uppercase;
  border-radius: var(--radius_s);
  box-shadow: none;
  margin-left: 12px !important;
  text-decoration: none;
  flex: 0 1 auto;
  border: 1px solid var(--neutral_600);
  width: auto;
  height: 16px !important;
  line-height: 16px;
}

input[type="submit"][name="continue"] {
  height: 32px !important;
  line-height: 16px;
}

.buttons a.cancel:hover,
#content .hidden-for-modal:hover,
form a.icon-reload:hover,
input[type="submit"][name="continue"]:hover,
#ajax-modal .buttons:not(td) a:hover,
.list.users .edit_department > p > span a:hover  {
  border: solid 1px var(--blue_500);
  color: var(--blue_500);
}

.buttons a.cancel:focus,
#content .hidden-for-modal:focus,
form a.icon-reload:focus,
#ajax-modal .buttons a:focus,
.list.users .edit_department > p > span a:focus {
  border: solid 1px var(--blue_500);
  color: var(--blue_500);
  background-color: var(--blue_20);
}

#content .buttons.reverse-order {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

div.modal p.buttons {
  text-align: right !important;
  font-size: unset;
}

#user-notes .buttons { margin: var(--padding_s) var(--padding_n) var(--padding_xl); }

div.modal .hidden-for-modal,
#content .buttons a.hide-modal {
  display: none;
}

div.modal p.buttons > * {  margin-left: var(--padding_m); }

#ajax-modal p.buttons > *:last-child {
  margin-right: 0px !important;
}

form a.icon-save {
  mask: url(../icon/icon-save.svg) no-repeat 50% 50%;
  -webkit-mask: url(../icon/icon-save.svg) no-repeat 50% 50%;
  background: none;
  height: 24px;
  width: 24px;
  background-color: var(--blue_600);
  padding: 0px;
  line-height: 18px;
  margin-left: var(--padding_m) !important;
  font-size: 0px;
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-size: 18px;
}

form a.icon-save:hover {
  background-color: var(--blue_500);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close.ui-state-hover {
  background: #3ba8de;
  color: #fff;
}

input[type="submit"]:disabled:hover {
  background: grey;
}

/**********************************************************/
/* FORMS COMMON */
/**********************************************************/

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  z-index: 1;
  padding: 4px 30px 4px 10px;
  cursor: pointer;
  background: url(../icon/chevron-down.svg) no-repeat #fff;
  /*background: url(../images/arrow_down.png) no-repeat 100% #fff;*/
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 26px;
  padding-right: 40px !important;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  background-position: right;
}

input[type="text"],
input[type="date"],
input[type="password"],
input[type="search"] {
  background: unset;
}

input[type="text"],
input[type="email"],
input[type="date"],
input[type="password"],
input[type="search"],
select {
  padding-left: var(--padding_l);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  height: 44px;
  border: 1px solid var(--neutral_300);
  margin: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: var(--black);
  width: 100%;
  max-width: calc(100% - 26px);
}

select {
  max-width: 100%;
}

input[type="date"] {
  padding-left: var(--padding_xxx);
  width: calc(100% - 56px);
  background: url('../icon/product/today.svg') no-repeat 19px 50%;
  background-size: 18px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background: url('../icon/product/keyboard_arrow_down.svg') no-repeat 50% 50%;
  background-size: 18px;
  width: 24px;
  height: 24px;
  border-width: thin;
}

select, input[type="date"] {
  background-color: var(--neutral_30);
  border: none;
}

.tabular select {
  max-width: 100%;
  height: 48px;
}

input[type="text"].disabled,
input[type="text"][readonly="readonly"],
input[type="date"][readonly="readonly"],
input[type="password"][readonly="readonly"],
input[type="search"][readonly="readonly"] {
  border: 1px solid var(--neutral_300);
  color: var(--neutral_500);
  background-color: var(--neutral_100);
}

.full_width_container input[type="text"][readonly="readonly"] {
  color: var(--black);
}

input[type="text"].readonly {
  pointer-events: none;
}

#user_login,
#user_firstname,
#user_lastname,
#user_mail,
#user_form select,
#user_identity_url {
  width: 100%;
  max-width: calc(100% - 26px);
}

input[type="text"]:not([readonly="readonly"]):focus,
input[type="date"]:not([readonly="readonly"]):focus,
input[type="password"]:not([readonly="readonly"]):focus,
input[type="search"]:not([readonly="readonly"]):focus,
select:not([readonly="readonly"]):focus,
textarea:not([readonly="readonly"]):focus {
  /*box-shadow: inset 0 -2px 0 0 var(--blue_600);*/
  /*background: linear-gradient(0deg, var(--blue_600) 2px, transparent 0px);*/
  background-color: unset;
  background-image: linear-gradient(0deg, var(--blue_600) 3px, transparent 0px);
  background-size: auto;
  background-position: right;
}

select:not([readonly="readonly"]):focus {
  background-repeat: no-repeat;
  background-image: url(../icon/chevron-down-hovered.svg), linear-gradient(0deg, var(--blue_600) 2px, var(--neutral_30) 0px);
}

/*.focused-element {
  position: relative;
  bottom: 2px;
  border-bottom: 2px solid var(--blue_600);
  margin-left: 3px;
  margin-right: 3px;
}*/

input[type="text"]:not([readonly="readonly"]):hover,
input[type="email"]:not([readonly="readonly"]):hover,
input[type="date"]:not([readonly="readonly"]):hover,
input[type="password"]:not([readonly="readonly"]):hover,
input[type="search"]:not([readonly="readonly"]):hover,
textarea:not([readonly="readonly"]):hover,
select:not([readonly="readonly"]):hover {
  /*box-shadow: inset 0 -2px 0 0 var(--blue_500);*/
  background-image: linear-gradient(0deg, var(--blue_500) 3px, var(--white) 0px);
  background-size: auto;
  background-position: right;
}

select:not([readonly="readonly"]):hover {
  background-repeat: no-repeat;
  background-image: url(../icon/chevron-down-hovered.svg), linear-gradient(0deg, var(--blue_500) 2px, var(--neutral_30) 0px);
}

input[type="text"]([readonly="readonly"]):focus,
input[type="date"]([readonly="readonly"]):focus,
input[type="password"]([readonly="readonly"]):focus,
input[type="search"]([readonly="readonly"]):focus,
textarea([readonly="readonly"]):focus,
input[type="text"]([readonly="readonly"]):hover,
input[type="date"]([readonly="readonly"]):hover,
input[type="password"]([readonly="readonly"]):hover,
input[type="search"]([readonly="readonly"]):hover,
textarea([readonly="readonly"]):hover,
select([readonly="readonly"]):focus,
select([readonly="readonly"]):hover {
  /*box-shadow: inset 0 -2px 0 0 var(--neutral_500);*/
  background-image: linear-gradient(to top, var(--blue_600) 3px, var(--white) 0px);
  background-size: auto;
  background-position: right;
}

select([readonly="readonly"]):focus,
select([readonly="readonly"]):hover {
  background-repeat: no-repeat;
  background-image: url(../icon/chevron-down-hovered.svg), linear-gradient(to top, var(--blue_500) 2px, var(--neutral_30) 0px);
}

select:not(readonly="readonly"):hover {
  background-repeat: no-repeat;
  background: url(../icon/chevron-down-hovered.svg) no-repeat calc(100% - 12px) var(--neutral_30);
}

#tab-content-general .box.tabular.settings p:first-child,
#tab-content-general .box.tabular.settings p:nth-child(2),
.controller-projects #content .box.tabular p:first-child,
.controller-projects #content .box.tabular p:nth-child(2),
.full_width_container {
  max-width: 100%;
  flex: 1 0 100%;
  margin-right: var(--padding_n);
}

p em.info {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  letter-spacing: -0.12px;
  color: var(--neutral_800);
  line-height: 18px;
  margin-left: var(--padding_s);
}

fieldset.collapsible {
  margin-top: var(--padding_l);
}

fieldset.collapsible>legend {
  padding-right: 45px;
  /*background: url(../images/arrow_down.png) no-repeat 100% 40%;*/
  background-size: 18px;
  padding-left: 0px;
  background: none;
  display: flex;
}

fieldset.collapsible.with-shadow > hr {
  box-shadow: inset 0 -1px 0 0 var(--neutral_200);
  display: block;
  margin-top: 0px;
  flex: 0 0 100%;
  background: none;
}

fieldset.collapsible.with-shadow > legend {
  padding-left: var(--padding_l);
}

fieldset.collapsible>legend.with-arrow,
fieldset#options.collapsible>legend {
  background: url(../icon/product/arrow_drop_up_black.svg) no-repeat 100% 50%;
  background-size: 18px;
  padding-right: 28px;
}

fieldset.collapsible.collapsed>legend {
  /*background: url(../images/arrow_right.png) no-repeat 100% 40%;*/
  background-size: 18px;
  background: none;
}

fieldset.collapsible.collapsed>legend.with-arrow,
fieldset#options.collapsible.collapsed>legend {
  background: url(../icon/product/arrow_drop_down_black.svg) no-repeat 100% 50%;
  background-size: 18px;
}

#product-settings { flex: 0 0 100%; }

#options .query-columns label {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--neutral_600);
}

.filters-table  {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--black);
}

.query-columns div {
  font-size: 18px;
  color: var(--blue_600);
  padding: 4px 8px;
  border-radius: var(--radius_s);
  border: solid 1px var(--border-color);
  margin: 20px 15px;
  cursor: pointer;
}

.query-columns .mdi-chevron-double-up,
.query-columns .mdi-chevron-down {
  margin-bottom: 10px;
}

.query-columns .mdi-chevron-double-down,
.query-columns .mdi-chevron-up {
  margin-top: 10px;
  margin-bottom: 0px;
}

.applied_filters_with_add_button {
    position: absolute;
    top: 12px;
    left: 60px;
    display: block;
    font-family: 'Manrope-Bold';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    text-align: left;
    color: #888888;
}
.applied_filters_with_add_button {
    position: absolute;
    top: -4px;
    left: 52px;
    display: block;
}
#filters .applied_filters_with_add_button span.applied_filters {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--blue_500);
    height: 20px;
    width: max-content;
    position: relative;
    font-size: 10px;
    vertical-align: top;
}

.query-columns #available_columns, .query-columns #selected_columns {
  padding-right: 0px !important;
  width: auto !important;
  min-width: 150px;
}

.query-columns #available_columns option, .query-columns #selected_columns option {
  padding-right: 30px;
}

#query_form_content #filters .applied_filters_with_add_button .mdi-plus-circle {
    cursor: pointer;
    z-index: 101;
    pointer-events: all;
    font-size: 0px;
    position: relative;
    left: 0px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    vertical-align: inherit;
    -webkit-mask: url(../icon/add-new-filter.svg) no-repeat 50% 0%;
    mask: url(../icon/add-new-filter.svg) no-repeat 50% 0%;
    display: inline-block;
    background-color: var(--blue_600);
    margin-left: var(--padding_s);
}
select#add_filter_select {
  display: none;
}

#query_form_content #filters .applied_filters_with_add_button select#add_filter_select {
  background: none;
  display: block;
  background-color: #ffffff;
  padding: 5px 12px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  border-radius: var(--radius_s);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.27);
  width: auto;
  opacity: 0;
  width: 10px;
  z-index: 103;
}
#query_form_content #filters .applied_filters_with_add_button #add_filter_select {
    position: absolute;
    right: -55px;
    z-index: 102;
    opacity: 0;
    width: 30px;
    cursor: pointer;
    top: 0px;
}
@-moz-document url-prefix() {
    #query_form_content #filters .applied_filters_with_add_button {
        top: -32px;
    }
}
_:-webkit-full-screen:not(:root:root), #query_form_content #filters .applied_filters_with_add_button {
    top: -40px;
}

#query_form_content #filters .add-filter label{
  display: none;
}

#query_form_with_buttons {
  margin-top: 8px;
}

#query_form_with_buttons .buttons {
  margin-top: var(--padding_xl);
  margin-bottom: var(--padding_xl);
}

fieldset#filters select,
fieldset#options select:not([multiple="multiple"]) {
  padding: var(--padding_s) var(--padding_m);
  border-radius: 6px;
  height: 32px;
  min-width: 100px;
  border: none;
  background-color: var(--neutral_30);
  margin-left: var(--padding_s);
}

fieldset#filters td.values select[multiple='multiple'] {
  height: 78px;
}

fieldset#filters td.field {
  max-width: 230px;
  width: auto;
}

fieldset#filters table td {
  padding: var(--padding_n) var(--padding_xs);
  vertical-align: top;
}

fieldset#filters table td.operator select {
  margin-left: var(--padding_xl);
  margin-right: var(--padding_s);
  max-width: calc(100% - var(--padding_xl));
}

#filters-table {
  width: 100%;
}

.toggle-multiselect {
    background: url(../images/toggle_multiselect.svg) no-repeat 0% 0%;
    padding-left: 16px;
    margin-left: 0;
    margin-right: 5px;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
}

.filter .toggle-multiselect {
    display: none;
}

fieldset#filters table,
fieldset#filters table select,
fieldset#filters table input,
fieldset#options table,
fieldset#options table select,
fieldset#options table input {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--black);
  vertical-align: middle;
  margin-left: 0px;
}

fieldset#options table label.inline {
  margin-right: 16px;
}

table:not([role='presentation']) img.gravatar, table:not([role='presentation']) img {
  height: 36px;
  width: 36px;
  max-height: 36px !important;
  max-width: 36px !important;
  vertical-align: middle;
  padding: 0px;
  margin-right: var(--padding_s);
}

table.organizations tr.idnt img,
table.organizations tr.idnt {
  display: none;
}

table.organizations img,
table.departments img {
  height: 36px;
  width: 36px;
  border-radius: var(--radius_m);
  margin: var(--padding_n);
}

table.organizations tr.opened:not(.idnt) td.name { box-shadow: inset 4px 0px 0px 0px var(--blue_400); }
table.organizations tr.idnt-1.opened td.name { box-shadow: inset 4px 0px 0px 0px var(--blue_300); }
table.organizations tr.idnt-2.opened td.name { box-shadow: inset 4px 0px 0px 0px var(--blue_200); }
table.organizations tr.idnt-3.opened td.name { box-shadow: inset 4px 0px 0px 0px var(--blue_100); }
table.organizations tr.idnt-4.opened td.name { box-shadow: inset 4px 0px 0px 0px var(--blue_30); }

table.organizations tr:not(.idnt) img { display: inline-block; }

table.organizations tr.idnt.idnt-1 img {
  height: 32px;
  width: 32px;
  display: inline-block;
}

table.organizations tr.idnt.idnt-2 img {
  height: 24px;
  width: 24px;
  display: inline-block;
}

table.organizations .organization-avatar-with-dropdown {
  margin: var(--padding_n);
  position: relative;
  display: inline-block;
  vertical-align: top;
}

table.organizations tr.idnt .organization-avatar-with-dropdown {
  min-width: 24px;
  margin: var(--padding_n) var(--padding_n) var(--padding_n) var(--padding_m);
}

table.organizations tr.idnt.idnt-1 .organization-avatar-with-dropdown {
  margin: var(--padding_n) var(--padding_n) var(--padding_n) var(--padding_xs);
}

table.organizations tr.idnt.idnt-2 .organization-avatar-with-dropdown {
  margin: var(--padding_n) var(--padding_n) var(--padding_n) var(--padding_m);
}

.open-subs { display: none; }

table.organizations tr.parent-organization .open-subs {
  display: inline-block;
  height: 18px;
  width: 18px;
  background-image: url(../icon/product/keyboard_arrow_down.svg);
  background-position: 50%;
  background-size: 18px;
  background-color: var(--neutral_30);
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid var(--neutral_100);
  position: absolute;
  left: -9px;
  top: 0px;
  cursor: pointer;
}

table.organizations tr.opened .open-subs,
table.organizations tr.parent-organization .open-subs:hover {
  background-color: rgb(255 239 214);
  border: none;
  filter: invert(100%) brightness(1000%);
}

.can-be-edit:hover:before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 36px;
  position: absolute;
  border-radius: 50%;
  opacity: 0.5;
  box-shadow: inset 0 0 0 2px var(--blue_400);
  background-image: url(../icon/product/edit-white.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  background-color: var(--blue_400);
}

.box {
  padding: var(--padding_s);
  background: var(--white);
  border-radius: var(--radius_m);
  border: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--padding_xl);
  margin-bottom: var(--padding_xl);
  align-items: flex-start;
  color: var(--neutral_800);
}

.box.without-paddings { padding: var(--padding_n) !important; }

.box > span > p { margin-bottom: var(--padding_m); }

.controller-contacts .box > span { width: calc((100% - var(--padding_xl))/2); }

#new_enumeration .box,
#edit_enumeration .box {
  display: grid;
  gap: var(--padding_m);
}

#enumeration_name { max-width: 380px; }

.controller-users.action-new .splitcontentright > .box > p { width: 100%; }

#new_enumeration .box p:first-child { margin-bottom: var(--padding_xs); }

.checkbox-field { height: 24px; }

.box.autoscroll {
  margin-top: var(--padding_xl);
  padding: 0px;
}

.box pre {
  margin-top: 0px;
  font-size: 13px;
  color: var(--neutral_800);
  padding: var(--padding_xl);
  border-radius: var(--radius_s);
  background-color: var(--neutral_20);
  width: 100%;
}

fieldset#filters tr.filter {
    height: 3.1em;
}

fieldset .select-filter-with-label {
  border-radius: var(--radius_m);
  display: inline-block;
  position: relative;
  margin-right: var(--padding_m);
}

fieldset#filters input[type="text"],
fieldset#filters td.values input  {
  border-radius: var(--radius_m);
  border: none;
  height: 30px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: var(--black);
  width: 170px;
  box-shadow: inset 0 0 0 1px var(--filter-border-color);
}

fieldset .select-filter-with-label select {
  width: 170px;
  height: 36px;
  max-width: 100%;
  padding: 0px 0 0 12px;
}

input[type="date"] {
  text-transform: none !important;
}

.controller-admin.action-projects fieldset input[type="text"] {
  min-width: 240px;
  width: calc(100% - 450px);
  height: 32px;
}

.check_box_group {
  padding: 3px 6px;
  border: 1px solid #e0e2e3;
}

select::-ms-expand {
  display: none;
}

select[multiple="multiple"] {
  height: auto;
  background: var(--white) !important;
  padding: var(--padding_m) var(--padding_n) !important;
  border: 1px solid var(--neutral_300);
  height: 148px;
}

select[multiple="multiple"] option {
    height: 16px;
    line-height: 24px !important;
    font-family: 'Source Sans Pro';
    font-size: 14px;
    display: block;
    padding: var(--padding_s) var(--padding_m);
}

select[multiple="multiple"] option:hover {
  background-color: var(--neutral_20);
}

select[multiple="multiple"] option:checked {
  background-color: var(--neutral_20) !important;
  background-image: url(../icon/product/check-blue.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: right 50%;
}

textarea {
  background-color: #fff;
  color: #3d454c;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  border: 1px solid var(--neutral_300);
}

/*::-webkit-resizer{
   background: url('../icon/product/textarea-resize.svg') !important;
   background-size: 24px;
}*/

.tabular textarea {
  width: calc(100% - 34px);
  border-radius: 6px;
  min-height: 42px;
  padding: var(--padding_m) var(--padding_l);
}

#content .jstBlock textarea {
  width: 100%;
  padding: var(--padding_m) var(--padding_l);
  border-radius: 0px 0px 6px 6px;
}

input.hasDatepicker {
  padding-right: var(--padding_s);
}

img.ui-datepicker-trigger {
  position: relative;
  margin-left: -26px;
  margin-right: 10px;
}


/**********************************************************/
/* TABS */
/**********************************************************/
#content .tabs {
  height: 50px;
}

#content > .tabs ul {
  z-index: 1;
}

#content > .flex-container + .tabs {
  width: calc(100% + var(--padding_xxl));
  margin-left: -22px;
  margin-top: -16px;
}

#content .tabs ul {
  padding-left: var(--padding_n);
  display: inline-flex;
  box-shadow: inset 0 -1px 0 0 var(--neutral_100);
  border-bottom: unset;
}

#content .channels.tabs {
  overflow: visible;
  height: 36px;
}

#content .channels.tabs ul {
  width: auto;
  border-bottom: 1px solid var(--neutral_600);
  padding-left: 0px;
  /*box-shadow: inset 0 -1px 0 0 #8b96a0;*/
}

#content .channels.tabs ul li {
  margin-right: 0px;
}

#content .channels.tabs ul li a {
  padding: var(--padding_n) var(--padding_xxx);
}

#content .channels.tabs ul li a.selected {
  font-weight: normal;
}

#content .tabs ul li a,
.action-register .individual-account,
.action-register .organization-account {
  border: none;
  border-radius: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: var(--neutral_600);
  font-weight: normal;
  padding: var(--padding_n) var(--padding_xxl);
  line-height: 36px;
}

#content .tabs ul li a.selected,
.action-register .individual-account.active,
.action-register .organization-account.active {
  border: none;
  background: transparent;
  color: var(--blue_400);
  font-weight: 600;
  box-shadow: inset 0 -4px 0 -1px var(--blue_400);
}

#content .tabs ul li a:hover,
.action-register .individual-account:hover,
.action-register .organization-account:hover {
  background: transparent;
  color: var(--blue_500);
}

#content .tabs ul li a.selected:hover,
.action-register .individual-account.active:hover,
.action-register .organization-account.active:hover {
  background: transparent;
  box-shadow: inset 0 -4px 0 -1px var(--blue_500);
}

.action-register .individual-account,
.action-register .organization-account {
    padding: var(--padding_s) var(--padding_xl);
}

#content .box .tabs ul li a.selected {
  background-color: #fafafa;
  border-bottom: 1px solid #fafafa;
}

#content .tabs .tabs-buttons {
  background: transparent;
  border: 0px;
  height: 48px;
  width: 100%;
  right: 0px;
  bottom: 1px;
}

#content .tabs .tabs-buttons button.tab-left,
#content .tabs .tabs-buttons button.tab-right {
  cursor: pointer;
  height: 100%;
  border-radius: 0px;
  background-color: var(--white);
  height: 48px;
  width: 40px;
  padding: 0px;
  border: none;
  position: unset;
  z-index: 2;
}

#content .tabs .tabs-buttons button.tab-left {
  left: 0px;
  position: absolute;
  bottom: 1px;
  background-image: url('../icon/pagination/arrow-left.svg');
  box-shadow: 4px 0px 10px -6px rgb(7 29 51 / 20%);
}
#content .tabs .tabs-buttons button.tab-right {
  right: 0px;
  position: absolute;
  bottom: 1px;
  box-shadow: -4px 0px 10px -6px rgb(7 29 51 / 20%);
  background-image: url('../icon/pagination/arrow-right.svg');
}

#content .tabs .tabs-buttons button.tab-left:hover  { background-image: url('../icon/pagination/arrow-left-hover.svg');  }
#content .tabs .tabs-buttons button.tab-right:hover { background-image: url('../icon/pagination/arrow-right-hover.svg'); }

#content .tabs .tabs-buttons button.tab-left.disabled, #content .tabs .tabs-buttons button.tab-right.disabled {
  display: none;
}

/**********************************************************/
/* TABLES */
/**********************************************************/
table.list, .table-list {
  border: none;
  position: relative;
  margin-bottom: 0px;
}
table.list tbody td, table.list tbody tr:hover td { border: none; }
table.list thead th,
table.list thead th a,
table.list thead th em {
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: var(--neutral_A500);
    text-align: left;
    font-weight: normal;
    font-style: normal;
}

table.list thead th a {
    color: var(--neutral_A500);
    font-weight: normal;
    text-decoration: none;
}
table.list thead th a:hover, table.list thead th a.sort {
    color: var(--blue_600);
}

table.list.organizations tbody tr.products-row,
table.list:not(.organizations):not(.departments) tbody tr,
table.list.departments tbody tr.products-row {
  border-bottom: 1px solid var(--gray_200);
}

table.list thead tr {
  border: none;
}

table.list thead tr th:first-child {
  border-radius: 4px 0px 0px 4px;
  padding-left: var(--padding_l);
}

table.list thead tr th:last-child {
  border-radius: 0px 4px 4px 0px;
  padding-right: var(--padding_l);
}

table.list tbody tr td:first-child {
  padding-left: var(--padding_l);
}

table.list tbody tr td:last-child {
  padding-right: var(--padding_l) !important;
}

table.list tbody tr td, table.list tbody tr td a, table.list tbody tr td em.info {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--neutral_800);
  text-align: left;
  line-height: 18px;
}

tr.builtin td.name,
tr.builtin td.name em {
  font-style: normal;
}

table.list tbody tr td.buttons {
  text-align: left;
}

table.list tbody tr td.buttons a,
#main #sidebar ul.watchers li a.icon-del {
  background: none;
  background-color: var(--neutral_600);
  font-size: 0;
  height: 24px;
  width: 24px;
  line-height: 18px;
  display: inline-block;
  margin-left: var(--padding_s) !important;
  margin-right: var(--padding_n) !important;
  padding-left: var(--padding_n);
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

table.list tbody tr td.buttons a:first-child {
  margin-left: var(--padding_n) !important;
}

table.list tbody tr td.buttons a:hover {
  background-color: var(--blue_600);
}

table.list tbody tr td.buttons a.icon-del,
#main #sidebar ul.watchers li a.icon-del {
  -webkit-mask: url(../icon/product/delete-new.svg) no-repeat 50% 50%;
  mask: url(../icon/product/delete-new.svg) no-repeat 50% 50%;
}

table.list tbody tr td.buttons a.icon-permission{
  -webkit-mask: url(../icon/product/roles_permissions.svg) no-repeat 50% 50%;
  mask: url(../icon/product/roles_permissions.svg) no-repeat 50% 50%;
  color: #BF3425;
  box-sizing: border-box;
}

table.list tbody tr td.buttons a.icon-lock {
  -webkit-mask: url(../icon/product/lock-outline.svg) no-repeat 50% 50%;
  mask: url(../icon/product/lock-outline.svg) no-repeat 50% 50%;
  padding-left: 0px;
}

table.list tbody tr td.buttons a.icon-unlock {
  -webkit-mask: url(../icon/unlock.svg) no-repeat 50% 50%;
  mask: url(../icon/unlock.svg) no-repeat 50% 50%;
  padding-left: 0px;
}

table.list tbody tr td.buttons a.icon-copy {
  -webkit-mask: url(../icon/copy.svg) no-repeat 50% 50%;
  mask: url(../icon/copy.svg) no-repeat 50% 50%;
  padding-left: 0px;
}
table.list tbody tr td.buttons a.icon-remove-avatar {
  -webkit-mask: url(../icon/person-remove.svg) no-repeat 50% 50%;
  mask: url(../icon/person-remove.svg) no-repeat 50% 50%;
  padding-left: 0px;
}
table.list tbody tr td.buttons a.icon-edit {
  -webkit-mask: url(../icon/product/edit.svg) no-repeat 50% 50%;
  mask: url(../icon/product/edit.svg) no-repeat 50% 50%;
  padding-left: 0px;
}

table.list tbody tr td.buttons a.icon-eye {
    -webkit-mask: url(../icon/product/eye.svg) no-repeat 50% 50%;
    mask: url(../icon/product/eye.svg) no-repeat 50% 50%;
    padding-left: 0px;
}

table.list tbody tr td.buttons a.icon-actions {
  -webkit-mask: url(../icon/product/more_vert.svg) no-repeat 50% 50%;
  mask: url(../icon/product/more_vert.svg) no-repeat 50% 50%;
  padding-left: 0px;
}

table.list tbody tr td.buttons a.icon-email,
table.list tbody tr td.buttons a.icon-email-disabled {
  -webkit-mask: url(../icon/product/block.svg) no-repeat 50% 50%;
  mask: url(../icon/product/block.svg) no-repeat 50% 50%;
  padding-left: 0px;
}

.action-links .icon {
  background-position: 3px 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  filter: invert(45%) sepia(95%) saturate(1828%) hue-rotate(187deg) brightness(90%) contrast(77%);
  padding-left: 28px;
  margin-right: var(--padding_l);
}

.icon-visibility,
.action-links .icon.icon-watch         { background-image: url(../icon/product/visibility.svg);         }
.icon-visibility-off                   { background-image: url(../icon/product/visibility-off.svg);     }
.action-links  .icon.icon-lock-outline { background-image: url(../icon/product/lock_outline.svg);       }
.icon-actions                          { background-image: url(../icon/product/more_vert.svg);          }
.icon-help-circle                      { background-image: url(../icon/product/help_outline.svg);       }
.icon-user-admin                       { background-image: url(../icon/product/user-admin-new.svg);     }
.icon-account-balance                  { background-image: url(../icon/product/account-balance-new.svg);}
.icon-ticket                           { background-image: url(../icon/product/ticket-new.svg);         }

.icon-settings-new {
  background-image: url(../icon/product/wrench-new.svg);
  filter: brightness(140%);
}

.icon-only.icon-actions {
  height: 32px;
  width: 32px;
  background-size: 18px;
  box-sizing: border-box;
  background-position: 50%;
  border-radius: var(--radius_s);
}

.icon-only.icon-actions:hover {
  background-color: var(--hover_background);
  filter: invert(45%) sepia(95%) saturate(1828%) hue-rotate(187deg) brightness(90%) contrast(77%);
}

.icon-disabled  { background-image: url(../icon/product/block.svg);      }
.icon-delete    { background-image: url(../icon/product/delete-new.svg); }

.icon { background-size: 18px; }

.password-toggle {
    position: absolute;
    margin-left: -36px;
    margin-top: var(--padding_s);
    height: 32px;
    width: 32px;
    background-size: 24px;
}

table.list tbody tr td.buttons a.icon:before {
  background: none !important;
}

table.list tbody tr td a {
  color: var(--blue_600);
  text-decoration: none;
}

table.list tbody tr td a:hover {color: var(--blue_500);}

table.list tbody tr td.project a,
table.list.channels tbody tr td.name a {
  max-width: 90ch !important;
  word-break: break-all;
  display: block;
  overflow: hidden;
}

table.list tbody tr td.project,
table.list.channels tbody tr td.name {
    word-break: break-word;
    white-space: initial;
    min-width: 300px;
}

table.list:not(.odd-even) tbody tr:nth-child(odd), .odd, #issue-changesets div.changeset:nth-child(odd) {
  background-color: var(--white);
}

tr.project.idnt td.name span {
  padding-left: 20px;
  background: url(../icon/arrow-right.svg) no-repeat 2px 50%;
  height: 24px;
  width: 24px;
}

table.list td { padding: var(--padding_xs) var(--padding_xs) var(--padding_xs) var(--padding_xl); }

table.list th {
  padding: 0px var(--padding_xs) 0 var(--padding_xl);
  height: 40px;
  background-color: var(--neutral_30);
}

table.list tr {
  border-radius: var(--radius_s);
}

table.list input[type="checkbox"] {margin-top: 6px;}

input[type="checkbox"],
table.list .checkbox input {
  height: 16px;
  width: 16px;
  margin: 4px;
}

table.list tbody tr:hover {background-color: var(--neutral_20) !important;}

table.list tbody tr td.buttons {
  min-width: 96px;
  max-width: 128px;
  padding: 0 6px;
  text-align: right;
}

table.list tbody.ui-sortable tr td.buttons {
  padding: 6px 6px 2px 6px;
  vertical-align: sub;
}

table.list tbody tr td.buttons a {
  display: none;
  vertical-align: middle;
  display: inline-block;
}

/*table:not([role='presentation']) tr:not(.products-row) td:first-child::after {
   content: "";
   display: inline-block;
   vertical-align: inherit;
   min-height: 28px;
}*/

tr.odd.priority-highest, table.list tbody tr.odd.priority-highest:hover { color: #900; font-weight: bold; }
tr.odd.priority-highest { background: #FFE2E2; }
tr.even.priority-highest, table.list tbody tr.even.priority-highest:hover { color: #900; font-weight: bold; }
tr.even.priority-highest { background: #FAEFEF; }
tr.priority-highest a, tr.priority-5:hover a { color: #900; }
tr.odd.priority-highest td, tr.even.priority-highest td { border-color: #FDC9C9; }

tr.odd.priority-high2, table.list tbody tr.odd.priority-high4:hover { color: #900; }
tr.odd.priority-high2 { background: #FFE2E2; }
tr.even.priority-high2, table.list tbody tr.even.priority-high4:hover { color: #900; }
tr.even.priority-high2 { background: #FAEFEF; }
tr.priority-high2 a { color: #900; }
tr.odd.priority-high2 td, tr.even.priority-high4 td { border-color: #FDC9C9; }

tr.odd.priority-high3, table.list tbody tr.odd.priority-high3:hover { color: #900; }
tr.odd.priority-high3 { background: #fee; }
tr.even.priority-high3, table.list tbody tr.even.priority-high3:hover { color: #900; }
tr.even.priority-high3 { background: #fff2f2; }
tr.priority-high3 a { color: #900; }
tr.odd.priority-high3 td, tr.even.priority-high3 td { border-color: #fcc; }

tr.odd.priority-lowest, table.list tbody tr.odd.priority-lowest:hover { color: #559; }
tr.odd.priority-lowest { background: #eaf7ff; }
tr.even.priority-lowest, table.list tbody tr.even.priority-lowest:hover { color: #559; }
tr.even.priority-lowest { background: #f2faff; }
tr.priority-lowest a { color: #559; }
tr.odd.priority-lowest td, tr.even.priority-lowest td { border-color: #D2EAFA; }

td.avatar {
  max-width: 40px;
  min-width: 40px;
  float: right;
}

.list.rfcs td.avatar {
  width: 40px;
  float: unset;
}

table.plugins td.name span.name {
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: 600;
  color: var(--black);
  line-height: 20px;
  margin-bottom: 0px;
}

table.plugins span.description {
  margin-top: var(--padding_xs);
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  color: var(--neutral_800);
}

table.plugins td.configure a {
  font-size: 0px;
  -webkit-mask: url('../icon/product/more_vert.svg') no-repeat 50% 50%;
  mask: url('../icon/product/more_vert.svg') no-repeat 50% 50%;
  height: 24px;
  width: 24px;
  background: var(--neutral_800);
  -webkit-mask-size: 18px;
  display: inline-block;
  vertical-align: inherit;
}

table.plugins tr td:first-child::after {
  display: none;
}

table.plugins tr td {
  padding: var(--padding_m) 6px;
}

a.sort.asc {
  background: url(../icon/sort-asc.svg) no-repeat calc(100% + 8px) -4px;
  background-size: 24px;
}

a.sort.desc {
  background: url(../icon/sort-desc.svg) no-repeat calc(100% + 8px) -4px;
  background-size: 24px;
}

tr span.expander {
  -webkit-mask: url('../icon/product/keyboard_arrow_right.svg') no-repeat 50% 50%;
  -mask: url('../icon/product/keyboard_arrow_right.svg') no-repeat 50% 50%;
  background: var(--neutral_600);
  -webkit-mask-size: 18px;
  mask-size: 18px;
  height: 24px;
  width: 24px;
  display: inline-block;
}

tr.open span.expander {
  -webkit-mask: url('../icon/product/keyboard_arrow_down.svg') no-repeat 50% 50%;
  -mask: url('../icon/product/keyboard_arrow_down.svg') no-repeat 50% 50%;
  background: var(--neutral_600);
  -webkit-mask-size: 18px;
  mask-size: 18px;
}

tr span.expander:hover {
  background: var(--blue_600) !important;
}

tr.group td {
  background-color: var(--neutral_30);
  line-height: 24px !important;
}

table.permissions tr.group td {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--neutral_A500) !important;
  text-align: left;
}

.controller-trackers.action-fields table th {
  background-color: var(--white);
  color: var(--neutral_800);
}

/**********************************************************/
/* OBJECTS */
/**********************************************************/
div.issue,
div.person,
div.contact,
div.deal {
  border: 0px !important;
  padding: 10px !important;
}

table.progress td {padding: 0px;}

div.issue.details {
  padding: var(--padding_l) !important;
  background: var(--blue_20);
}

.controller-verse_imports.action-new form fieldset , .controller-verse_imports.action-new form fieldset legend{
  min-width: 80%;
}

.autoscroll {
  margin-bottom: 0px;
}

.autoscroll::-webkit-scrollbar {
    height: 8px;
}

.autoscroll::-webkit-scrollbar-track {
  background-color: var(--white);
}

.autoscroll::-webkit-scrollbar-thumb {
  background-color: var(--neutral_500);
  border: 1px solid var(--white);
  box-shadow: 0 1px 2px 0 rgba(7, 29, 51, 0.2), 0 2px 3px 0 rgba(7, 29, 51, 0.1);
}

tbody.ui-sortable .sort-handle.ui-sortable-handle {
  position: absolute;
  left: var(--padding_l);
  mask: url('../icon/drag.svg') no-repeat 50% 50%;
  -webkit-mask: url('../icon/drag.svg') no-repeat 50% 50%;
  background: var(--neutral_600);
  height: 28px;
  width: 24px;
}

table.custom_backgrounds tbody.ui-sortable .sort-handle.ui-sortable-handle {
  height: 50%;
}

table.list tbody.ui-sortable tr td:first-child,
table.list tbody.ui-sortable tr.builtin td:first-child {
  padding-left: var(--padding_xxx);
}

.ui-sortable-helper td.buttons a { display: none !important; }

/**********************************************************/
/* PAGINATION */
/**********************************************************/

span.pagination {
  border-bottom: 1px solid var(--gray_200);
  height: 48px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--neutral_800);
  line-height: 48px;
}
span.pagination span.per-page {
  float: left;
  margin-left: var(--padding_l);
}
span.pagination span.items,
span.pagination ul.pages {
  float: right;
  line-height: 48px;
}
.pagination ul.pages {
  margin-right: var(--padding_l);
}
span.pagination span.items {
  margin-right: var(--padding_l);
  color: var(--black);
}
span.pagination ul.pages li span,
span.pagination ul.pages li a {
  border: none;
  background: none;
  text-decoration: none;
  padding: 9px;
  font-size: 0px;
}
span.pagination ul.pages li.current span {
  font-size: 16px;
}
span.pagination ul.pages li,
span.pagination ul.pages li:hover {
  border: var(--padding_xs) solid var(--white);
  height: 24px;
  width: 24px;
  margin: var(--padding_n);
  line-height: 24px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 0px;
}
span.pagination ul.pages li:hover {
  background: var(--neutral_30);
}
span.pagination ul.pages li.spacer {
  display: none;
}
span.pagination ul.pages li a {
  background: var(--neutral_600);
  vertical-align: super;
}
span.pagination ul.pages li:hover a {
  background: var(--blue_600);
}

span.pagination ul.pages li.first-page a {
  mask: url('../icon/pagination/forward-all.svg') no-repeat 50% 50%;
  -webkit-mask: url('../icon/pagination/forward-all.svg') no-repeat 50% 50%;
}
span.pagination ul.pages li.previous-page a {
  mask: url('../icon/pagination/arrow-left.svg') no-repeat 50% 50%;
  -webkit-mask: url('../icon/pagination/arrow-left.svg') no-repeat 50% 50%;
}
span.pagination ul.pages li.next-page a {
  mask: url('../icon/pagination/arrow-right.svg') no-repeat 50% 50%;
  -webkit-mask: url('../icon/pagination/arrow-right.svg') no-repeat 50% 50%;
}
span.pagination ul.pages li.last-page a {
  mask: url('../icon/pagination/backward-all.svg') no-repeat 50% 50%;
  -webkit-mask: url('../icon/pagination/backward-all.svg') no-repeat 50% 50%;
}
span.pagination select {
    background: url(../icon/pagination/menu-down.svg) no-repeat 100% 3px;
    background-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: var(--neutral_800);
    border: none;
    height: 24px;
    line-height: 16px;
    width: auto;
    margin-left: var(--padding_s);
    padding-right: 24px !important;
}

.pagination ul.pages li.current {
  display: none;
}

span.pagination select:hover {
    background-color: var(--neutral_30) !important;
    background: url(../icon/pagination/menu-down-hovered.svg) no-repeat 100% 3px;
    box-shadow: none;
}

span.pagination select:focus {
    box-shadow: none;
}

/**********************************************************/
/* RESPONSIVE */
/**********************************************************/
@media (min-width: 1400px) {
  #service_description p.service { margin: -3% 0 0 0 !important; }
}

@media (min-width: 1201px) and (max-width: 1400px) {
  .controller-welcome p.service { margin: -5% 0 0 0 !important; }
}

@media (min-width: 769px) and (max-width: 1200px) {
  .controller-welcome div.products ul {
    width: 100% !important;
  }
  .controller-welcome #header a h1,
  .controller-static_pages #header a h1{
    margin: 0 0 0 3%;
  }
  .controller-welcome div.product-footer,
  .controller-static_pages div.product-footer {
    text-align: center !important;
  }
  .controller-welcome #footer{
  }
  .controller-static_pages #header table.header-user-menu tr td:last-child,
  .controller-welcome #header table.header-user-menu tr td:last-child{
    margin-top:9px;
  }
  .controller-welcome div.table table tr td.blank_item div ,
  .controller-welcome div.table table tr td.items div {
    height: 13em;
    width: 13em;
  }
  .controller-welcome div.table table  p.caption{
    margin: 3em 0em 0 0;
    font-size: 20px;
  }

  .controller-welcome div.table table div p.service {
    height: 5em;
    width: 5em;
    top: 2.5em;
  }

  #service_description .welcome-text { font-size: 4vw !important; }
  #service_description .desc {
    font-size: 1.5vw !important;
    padding-top: 3% !important;
  }
  #service_description p.caption {
    font-size: 3vw !important;
    margin: 0.5% 0 !important; }
  #service_description .service-desc { font-size: 1.5vw !important; }
  .controller-welcome p.service {
    width: 7vw !important;
    height: 7vw !important;
    margin-top: -2%;
  }
  .controller-welcome #footer, .controller-account.action-register #footer { font-size: 14px; }
}

@media (min-width: 769px) and (max-width: 900px) {
  #service_description { margin-top: 8% !important; }
  /*.controller-static_pages #footer { font-size: 2vw; }*/
  .controller-account.action-register #footer {
    width: 110%;
  }
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
  z-index: 99999999 !important;
}

#organizations-tree-dropdown ul {
  max-height: 256px;
  padding-top: var(--padding_n) var(--padding_n) var(--padding_m) !important;
  box-sizing: border-box;
}

#organizations-tree-dropdown .select2-results__option.select2-results__message { display: none; }

.top-menu #s2id_project,
#organizations-tree,
#organizations-tree + span {
  display: none;
}

.filter .select2-container-multi ul.select2-choices {
  background: none;
  border: none;
}

.filter .select2-container-multi .select2-search-choice-close {
  background: none;
  mask: url(../icon/close-circle.svg) 50% 50% no-repeat;
  -webkit-mask: url(../icon/close-circle.svg) 50% 50% no-repeat;
  height: 24px;
  width: 24px;
  line-height: 32px;
  background-color: var(--neutral_600);
  position: relative;
  left: 0px;
  top: 0px;
  margin: var(--padding_xs) 0px;
}

.select2-container-multi .select2-choices .select2-search-choice span {
    cursor: pointer;
    height: 100%;
    width: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px var(--radius_xl) var(--radius_xl) 0px;
}

.select2-container-multi .select2-choices .select2-search-choice span:hover {
    background-color: var(--neutral_600);
}

.select2-container-multi .select2-choices .select2-search-choice span:hover a {
    background-color: var(--white);
}

.select2-choices .select2-search-field .select2-offscreen {
  background: url(../icon/plus.svg) no-repeat 0% 50%;
  height: 24px !important;
  width: 24px !important;
  display: inline-block;
  background-color: var(--neutral_30) !important;
  background-image: url(../icon/plus.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  cursor: pointer;
  border-radius: 50% !important;
  border: none !important;
  padding: var(--padding_n) !important;
  margin-top: var(--padding_xs) !important;
  position: relative;
  left: 0px;
}

.select2-choices .select2-search-field input {
  display: none;
  padding: var(--padding_n) !important;
  position: relative;
  left: 0px;
  top: 4px;
  width: 240px !important;
  height: 24px !important;
  vertical-align: super;
}

.select2-choices .select2-search-field .select2-offscreen:hover {
  background-color: var(--blue_600) !important;
  background-image: url(../icon/plus-white.svg);
  background-size: 18px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: none;
    outline: none;
    box-shadow: none !important;
}

.select2-container-multi .select2-choices .select2-search-field {
  position: relative;
  float: none;
  display: inline-block;
  height: 32px;
  display: inline-block;
  cursor: pointer;
  margin-left: var(--padding_s);
  margin: 0px var(--padding_n) var(--padding_xs) var(--padding_n) !important;
}

.select2-container-multi .select2-choices .select2-search-field .select2-input {
  width: 0px !important;
}

#organizations-tree-dropdown .select2-search input.select2-search__field,
.select2-container-multi .select2-choices .select2-search-field .select2-input.opened {
  width: 190px !important;
  background-color: var(--white) !important;
  font-size: 14px;
  background-image: none !important;
  border-radius: var(--radius_s) !important;
  display: inline-block;
  border: none;
  border: 1px solid var(--neutral_100) !important;
  color: var(--black);
  z-index: 10000;
  left: 8px;
  background: url(../icon/search.svg) var(--padding_m) 50% no-repeat !important;
  padding-left: 34px !important;
  height: 30px !important;
}

#organizations-tree-dropdown .select2-search input.select2-search__field,
.ui-autocomplete-input.autocomplete,
input.autocomplete {
  background: url(../icon/search.svg) var(--padding_m) 50% no-repeat !important;
  padding-left: 34px !important;
}

#organizations-tree-dropdown .select2-search input.select2-search__field {
  width: 100% !important;
  max-width: 100%;
}

#organizations-tree-dropdown .select2-search input.select2-search__field:focus,
.select2-container-multi .select2-choices .select2-search-field .select2-input.select2-focused {
  border-bottom: 1px solid var(--blue_500) !important;
}

.select2-drop {
  margin-top: -32px !important;
  border-radius: 0px 0px 4px 4px;
  padding-top: 40px;
}

.select2-drop .select2-results {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: var(--neutral_A600);
  line-height: 36px;
}

.select2-drop .select2-results .select2-highlighted{
  background: var(--neutral_20);
  color: var(--neutral_A600);
}

.select2-with-searchbox {
  padding-top: 0px;
}

.select2-drop.select2-drop-multi {
  width: 360px !important;
}

tr.user.locked a, tr.user.registered a {
  color: var(--blue_600);
}

#imagePlaceholder {
  padding-top: var(--padding_m);
}

.edit_channel_avatar {
  position: relative;
}

.edit_channel_avatar img {
  height: 96px;
  width: 96px;
  max-width: none !important;
  max-height: none !important;
}

.edit_channel_avatar .edit_button {
  height: 36px;
  width: 36px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  background-color: var(--green_600);
  border-radius: 50%;
}

.edit_channel_avatar .edit_button a {
  -webkit-mask: url(../icon/product/edit.svg) no-repeat 50% 50% !important;
  mask: url(../icon/product/edit.svg) no-repeat 50% 50% !important;
  mask-size: 18px !important;
  -webkit-mask-size: 18px !important;
  background: var(--white);
  background-position: 50%;
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  display: block;
}

.upload-image-box,
.channel-avatar-box {
  margin: -10px 0px 0px !important;
    position: absolute;
    width: -webkit-fill-available;
}

.upload-image-box .edit_organization .attachments_form {
  font-size: 0px;
}

.upload-image-wrapper,
.channel-avatar-wrapper,
#ajax-modal > div > div.upload-image-wrapper {
  background: var(--neutral_30);
  padding: 36px 40px 68px 40px !important;
  background-image: url(../images/border.svg);
  background-size: 416px;
  background-repeat: no-repeat;
  background-position-x: -7px;
  background-position-y: -7px;
}

#ajax-modal2 .upload-image-wrapper { background-image: none; }
#ajax-modal2 .upload-image-box .upload_helper:hover { border-radius: 50%; }

.svg-only .upload-image-wrapper { background: var(--neutral_100); }

.upload-image-box .buttons,
.channel-avatar-box .buttons {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
  padding: 10px 16px 0px 16px !important;
  margin: 0px;
  z-index: 108;
}

#content .upload-image-box .buttons,
#content .channel-avatar-box .buttons {
  justify-content: flex-end;
  flex-direction: row-reverse;
}

#content .upload-image-box .buttons form,
#content .channel-avatar-box .buttons form {
  align-items: center;
  z-index: 1;
}

.modal .upload-image-box .buttons,
.modal .channel-avatar-box .buttons {
  justify-content: space-between;
}

.upload-image-box .buttons form,
.channel-avatar-box .buttons form {
  z-index: 109;
}

#content .upload-image-box .buttons form .cancel { display: none; }

.upload-image-box .upload_helper,
.channel-avatar-box .buttons .upload_helper {
  position: absolute;
  left: 40px;
  top: 36px;
  width: 320px;
  height: 320px;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  text-align: center;
  color: var(--white);
  text-align: center;
  background-image: url(../images/icon_upload.svg);
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 40%;
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: bold;
  line-height: 330px;
  background-color: rgba(0, 0, 0, 0.05);
}

.upload-image-box .upload_helper.show,
.upload-image-box .upload_helper:hover,
.channel-avatar-box .buttons .upload_helper:hover {
  opacity: 1;
  cursor: pointer;
}

.upload-image-box  .crop-wrap,
.channel-avatar-box .crop-wrap {
    width: 320px;
    height: 320px;
    margin: 0 0 0px;
}

.upload-image-box .channel_avatar,
.channel-avatar-box .channel_avatar {
  width: 260px;
  height: 260px;
  position: absolute;
  left: 70px;
  top: 54px;
}

.upload-image-box .croppie-container .cr-boundary,
.upload-image-box .croppie-container .cr-vp-circle,
.channel-avatar-box .croppie-container .cr-boundary,
.channel-avatar-box .croppie-container .cr-vp-circle {
  width: 320px !important;
  height: 320px !important;
  border: none;
}

.upload-image-box .croppie-container .cr-vp-circle,
.upload-image-box .croppie-container .cr-resizer,
.channel-avatar-box .croppie-container .cr-vp-circle,
.channel-avatar-box .croppie-container .cr-resizer {
  box-shadow: 0 0 0px 2000px var(--neutral_30);
}

.upload-image-box input[type="range"]::-webkit-slider-thumb,
.channel-avatar-box input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 6px;
  cursor: pointer;
  /*16x16px adjusted to be same as 14x14px on moz*/
  height: 14px;
  width: 14px;
  border-radius: 6px;
  background: var(--white);
  border: 2px solid var(--blue_500);
}

.upload-image-box input[type="range"],
.channel-avatar-box input[type="range"] {
  margin: 0px;
}

input[type=range]::-webkit-slider-runnable-track {
  background: var(--neutral_200);
  border-radius: 2px;
  width: 100%;
  height: 4px;
  cursor: pointer;
}

.upload-image-box .croppie-container .cr-slider-wrap,
.channel-avatar-box .croppie-container .cr-slider-wrap {
  width: 120px;
  margin: 6px 0;
  text-align: center;
  display: inline-block;
  left: -8px;
  position: relative;
  top: 24px;
}

.upload-image-box .croppie-container .cr-slider-wrap{
    z-index: 1 !important;
}

.upload-image-box:not(.avatar) .croppie-container .cr-slider-wrap {
  display: block;
}

#crop-image .cr-slider {
  max-width: 400px;
  width: 120px;
  position: relative;
}

.upload-image-box a#deleteImage,
.upload-image-box input#deleteImage[type="submit"],
.channel-avatar-box input[type="submit"][value="Delete"] {
  background: no-repeat;
  padding: unset !important;
  font-size: 0px;
  width: unset !important;
  background-image: url(../images/remove_avatar.svg);
  min-width: 24px;
  box-shadow: none;
  border: none;
  background-position: 50%;
}

.ui-dialog .ui-dialog-content .upload-image-box form#delete_avatar,
.ui-dialog .ui-dialog-content .channel-avatar-box form#delete_avatar {
  display: inline-block;
  order: 2;
}

#imagePlaceholder.channel-avatar-placeholder img {
  width: 320px;
  height: 320px;
  object-fit: cover;
  max-width: none !important;
  max-height: none !important;
}

.svg-only #imagePlaceholder.channel-avatar-placeholder img { object-fit: contain; }

div.modal #avatar_form div.buttons {
  margin: 10px 16px 0px;
}

.channel-avatar-placeholder {
  padding-top: unset !important;
}

.channel_avatar {
  position: absolute;
  top: 0px;
  width: 400px;
  height: 370px;
  opacity: 0;
}

div.label b {
  font-family: 'Manrope';
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: var(--black);
}

div.label span {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: var(--neutral_900);
  padding-left: var(--padding_s);
  display: inline-block;
}

html .ui-menu {
  padding: 1px;
  padding-top: var(--padding_s);
  border-radius: var(--radius_s);
  z-index: 1;
}

html .ui-menu .ui-menu-item {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 36px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  line-height: 36px;
  color: var(--neutral_A600);
  padding-left: var(--padding_m);
}

html .ui-menu .ui-menu-item.ui-state-focus {
  background-color: var(--neutral_20);
  color: var(--neutral_A600) !important;
}

#content div.wiki .external {
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: var(--blue_600);
  background: none;
  padding-left: 0px;
  margin-top: var(--padding_l);
  display: inline-block;
}

#content div.wiki .external:before {
  content: '';
  -webkit-mask: url(../icon/copy.svg) no-repeat 50% 50% !important;
  mask: url(../icon/copy.svg) no-repeat 50% 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  display: inline-block;
  height: 24px;
  width: 24px;
  background: var(--blue_600);
  vertical-align: top;
  margin-right: var(--padding_xs);
}

#notified-projects, #tracker_project_ids, #custom_field_project_ids {
  min-width: 100%;
}

#notified-projects>ul, #tracker_project_ids>ul, #custom_field_project_ids>ul {
    margin-top: 1em;
    border-radius: 4px;
    padding: var(--padding_s) var(--padding_n);
    min-width: 240px;
    box-shadow: 0 8px 16px 0 rgba(8, 45, 61, 0.2), 0 4px 12px 0 rgba(8, 45, 61, 0.1);
}

#notified-projects>ul>li, #tracker_project_ids>ul>li, #custom_field_project_ids>ul>li {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    letter-spacing: -0.14px;
    color: var(--neutral_A600);
    line-height: 36px;
    padding: var(--padding_n) var(--padding_m);
}

#notified-projects>ul>li:hover, #tracker_project_ids>ul>li:hover, #custom_field_project_ids>ul>li:hover {
  background: var(--neutral_20);
}

#notification-settings #notified-projects > ul {
  box-shadow: none;
  width: 55%;
  margin-top: var(--padding_n);
}

#notification-settings #notified-projects > ul > li {
  padding-left: var(--padding_n);
}

#notification-settings #notified-projects > ul label {
  margin-left: 0px;
  width: auto;
  margin-right: var(--padding_m);
  font-weight: normal;
  font-size: 16px;
}

#email-addresses { width: 100%; }

.controller-email_templates.action-show .attributes h3 {
  font-size: 16px;
  margin-bottom: var(--padding_l);
  margin-top: var(--padding_m);
}

.attributes {
  font-family: 'Source Sans Pro', sans-serif;
  color: var(--neutral_A200);
  font-size: 16px;
  line-height: 20px;
}

.attributes .subject { margin-bottom: var(--padding_xxl); }

.wiki p {
  line-height: 20px;
  margin-block-start: 0px;
  margin-block-end: 0px;
}

p.other-formats {
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  color: var(--neutral_A200);
}

p.other-formats span {
  margin-left: var(--padding_s);
}

.other-formats span + span:before {
  margin-right: var(--padding_s);
}

.other-formats a.atom {
  background-position-y: 40%;
}

/*CHECKBOXES*/
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
  input[type='checkbox'], input[type='radio'] {
    --active: var(--blue_600);
    --active-inner: var(--white);
    --focus: 1px var(--blue_400);
    --border-focus: var(--blue_400);
    --border: var(--neutral_500);
    --border-hover: var(--blue_600);
    --background: var(--white);
    --disabled: var(--neutral_300);
    --disabled-inner: var(--neutral_300);
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 2px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background .1s, border-color .1s, box-shadow .1s;
    }
   input[type='checkbox']:after, input[type='radio']:after {
     content: '';
     display: block;
     left: 0;
     top: 0;
     position: absolute;
     transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
   input[type='checkbox']:checked,
   input[type='radio']:checked {
     --b: var(--active);
     --bc: var(--active);
     --d-o: 0.1s;
     --d-t: 0.2s;
     --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  }
   input[type='checkbox']:disabled,
   input[type='radio']:disabled {
     --bc: var(--disabled);
     cursor: not-allowed;
     opacity: 0.9;
  }
   input[type='checkbox']:disabled:checked,
   input[type='radio']:disabled:checked {
     --b: var(--disabled-inner);
     --bc: var(--disabled);
  }
   input[type='checkbox']:disabled + label,
   input[type='radio']:disabled + label {
     cursor: not-allowed;
  }
   input[type='checkbox']:hover:not(:checked):not(:disabled),
   input[type='radio']:hover:not(:checked):not(:disabled) {
     --bc: var(--border-hover);
  }
   input[type='checkbox']:focus,
   input[type='radio']:focus {
     --bc: var(--border-focus);
  }
  input[type='checkbox']:not(.switch),
  input[type='radio']:not(.switch) {
     width: 20px;
     vertical-align: middle;
     margin: 4px;
  }
   input[type='checkbox']:not(.switch):after,
   input[type='radio']:not(.switch):after {
     opacity: var(--o, 0);
  }
   input[type='checkbox']:not(.switch):checked,
   input[type='radio']:not(.switch):checked {
     --o: 1;
  }
   input[type='checkbox'] + label,
   input[type='radio'] + label {
     font-size: 14px;
     line-height: 21px;
     display: inline-block;
     vertical-align: middle;
     cursor: pointer;
     margin-left: 4px;
  }
   input[type='checkbox']:not(.switch) {
     border-radius: 4px;
     width: 20px;
  }
   input[type='checkbox']:not(.switch):after {
    width: 4px;
    height: 10px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 5px;
    top: 0.5px;
    transform: rotate(var(--r, 20deg));
  }
   input[type='checkbox']:disabled:not(.switch):after {
    width: 4px;
    height: 10px;
    border: 2px solid var(--border);
    border-top: 0;
    border-left: 0;
    left: 5.5px;
    top: 1px;
    transform: rotate(var(--r, 20deg));
  }
   input[type='checkbox']:not(.switch):checked {
     --r: 43deg;
  }
   input[type='checkbox'].switch {
     width: 38px;
     border-radius: 11px;
  }
   input[type='checkbox'].switch:after {
     left: 2px;
     top: 2px;
     border-radius: 50%;
     width: 15px;
     height: 15px;
     background: var(--ab, var(--border));
     transform: translateX(var(--x, 0));
  }
   input[type='checkbox'].switch:checked {
     --ab: var(--active-inner);
     --x: 17px;
  }
   input[type='checkbox'].switch:disabled:not(:checked):after {
     opacity: 0.6;
  }
   input[type='radio'] {
     border-radius: 50%;
     height: 20px !important;
     width: 20px !important;
  }
   input[type='radio']:after {
    width: 18px;
    height: 18px;
    top: calc(1px - 50%);
    left: calc(1px - 50%);
    border-radius: 50%;
    background: var(--active);
    opacity: 0;
    transform: scale(var(--s, 0.5));
    border: 6px solid var(--white);
  }
   input[type='radio']:checked {
     --s: 0.5;
  }
}

.slider-div {
  width: 32px;
}

.attribute-with-checkbox .slider-div {
  position: absolute;
  right: var(--padding_l);
}

.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
  vertical-align: middle;
}

.switch input {
  opacity: 0 !important;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--neutral_200);
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #337cbd;
}

input:focus + .slider {
  box-shadow: 0 0 1px #337cbd;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  ms-transform: translateX(16px);
  transform: translateX(16px);
}

.slider.round {
  border-radius: 14px;
}

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

#main #sidebar .organizations-count {
  display: inline-block;
  height: 16px;
  border-radius: 8px;
  font-family: 'SourceSansPro', sans-serif;
  font-size: 12px;
  padding: 0px 4px;
  font-weight: 600;
  line-height: 16px;
  color: var(--green_100);
  background: var(--green_500);
  position: absolute;
  right: 18px;
  top: 12px;
}

#main.collapsed-sidebar #sidebar .organizations-count {
  right: -4px;
  top: 0px;
}

#main #sidebar .admin-menu h3.admin,
#main #sidebar .top-menu h3.personal-settings.change-menu {
  font-family: 'SourceSansPro', sans-serif;
  font-size: 12px;
  line-height: 36px;
  color: var(--neutral_A100);
  /*cursor: pointer;*/
  /*box-shadow: inset 0 -1px 0 0 var(--neutral_200);*/
  margin-right: var(--padding_l);
  /*background: url('../icon/product/arrow_drop_down_black.svg') no-repeat calc(100% - var(--padding_m)) 50%;*/
  vertical-align: middle;
  padding: 0px;
  box-shadow: none;
  font-weight: normal;
  height: 36px;
  text-transform: uppercase;
/*  background-size: 18px;
  margin: var(--padding_n) var(--padding_xl);
  width: calc(100% - var( --padding_xl)*2);
  background-color: unset !important;*/
}

.controller-organizations.action-show #main #sidebar .admin-menu,
.controller-organizations.action-edit #main #sidebar .admin-menu {
  display: none;
}

#main #sidebar .top-menu h3.personal-settings.change-menu {
  margin-top: 16px;
}

#main #sidebar .admin-menu.hide-menu h3.admin {
  /*background: url('../icon/product/arrow_drop_up_black.svg') no-repeat calc(100% - var(--padding_m)) 50%;*/
  background-size: 18px;
}

#main #sidebar .admin-menu.hide-menu ul {
  display: none;
}

div.ui-tooltip.ui-widget.ui-widget-content {
  background-color: var(--neutral_A500) !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 12px 0 rgba(33, 33, 33, 0.3);
  opacity: 0.95 !important;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  line-height: 32px;
  color: var(--neutral_100);
  padding: var(--padding_n) var(--padding_l);
}

.controller-workflows form > p > label > select {
  margin-bottom: var(--padding_xl);
}

.controller-workflows input[type="submit"] {
  margin-right: var(--padding_m);
}

#content div.journal h4 img.gravatar {
  margin-left: 0px;
}

#content h4 img.gravatar {
  margin: 0px 4px 0px 0;
}

#wrapper2 #ajax-indicator span {
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  text-align: center;
  color: var(--neutral_600);
  background: unset;
  padding-left: 0px;
}

#wrapper2 #ajax-indicator div.loader-indicator {
  background: url('../images/@l.svg') no-repeat 50% 50%;
  display: block;
  position: relative;
  height: 60px;
  margin: auto;
  margin-bottom: 30px;
  width: 60px;
  background-size: 60px;
}

#wrapper2 #ajax-indicator.show div.loader-indicator  {
  animation: spiner 1.4s linear infinite;
}

@keyframes spiner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#wrapper2 #ajax-indicator {
  width: 152px;
  height: 126px;
  border-radius: 12px;
  border: 8px solid var(--white);
  box-shadow: 0 16px 24px 0 rgba(7, 29, 51, 0.2), 0 12px 12px 0 rgba(7, 29, 51, 0.1);
  background-color: var(--neutral_30);
  padding: 50px var(--padding_xl) var(--padding_xl) var(--padding_xl);
  opacity: 1;
  z-index: 999999;
  margin: auto;
  left: 0;
  right: 0;
}

#wrapper2 #ajax-indicator.show {
  display: block !important;
}

body.ajax-loading a,
body.ajax-loading input {
  pointer-events: none;
  cursor: not-allowed;
}

.list.users .edit_department > p {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.list.users .edit_department > p > select#department_id {
  margin-right: 8px;
}

.list.users .edit_department > span {
  margin: 8px 0 4px 0px;
}

.list.users tr.edit td.buttons a {
  display: none;
}

.controller-departments.action-edit .list.users {
  table-layout: fixed;
}

.controller-departments.action-edit .list.users td.buttons,
.controller-departments.action-edit .list.users th:last-child {
  width: 112px;
}

table .context-menu-selection a, table .context-menu-selection a:hover {
  color: var(--blue_600) !important;
}

.bulk-options {
  position: absolute;
  left: 200px;
  top: -40px;
  display: none;
}

#bulk-options {
  position: absolute;
  top: -40px;
  left: 150px;
  display: block;
  border-left: 1px solid var(--neutral_200);
}

#bulk-options a,
#bulk-options span {
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: bold;
  color: var(--blue_600);
  margin-left: 16px;
  line-height: 24px;
  display: inline-block;
  height: 24px;
  cursor: pointer;
  background: none;
  padding-left: 0px;
}

#bulk-options span#selected-items {
  font-size: 10px;
  line-height: 24px;
  margin-left: 8px;
  vertical-align: super;
}

#bulk-options span.copy-links {
  margin-left: 8px;
}

#bulk-options a:before,
#bulk-options span:before {
  background-color: var(--blue_600) !important;
  display: inline-block;
  width: 20px;
  height: 18px;
  margin-right: 8px;
  vertical-align: text-top;
}

#bulk-options a:hover,
#bulk-options span:hover {
  color: var(--blue_500);
}

#bulk-options a:hover:before,
#bulk-options span:hover:before {
  background-color: var(--blue_500) !important;
}

#bulk-options .uncheck-all:before {
  content: '';
  -webkit-mask: url(../icon/product/check_box.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/check_box.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

#bulk-options .check-all:before {
  content: '';
  -webkit-mask: url(../icon/product/check_box_outline_blank.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/check_box_outline_blank.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

tr.user.deleted,
tr.user.deleted a,
tr.row.archived,
tr.row.archived a,
tr.row.closed,
tr.row.closed a {
  color: #8B96A0;
}
li.deleted { color: red; font-size: 18px }
tr.user.deleted .buttons a.icon-lock {display: none;}
tr.user.deleted .buttons a.icon-del {
  color: #BF3425;
  box-sizing: border-box;
}
tr.organization.deleted { background-color: var(--red_300); }
tr.user.deleted .buttons a.icon-del {
  background-color: var(--red_600);
}

.shells-container {
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  bottom: 0px;
  top: -80px;
  height: 440px;
}

.shells-container.three {
  max-width: 660px;
}

.shells-container.four {
    max-width: 890px;
}

.shells-container.five {
    max-width: 1200px;
}

.products-settings > div,
.shells-container div {
  width: 196px;
  height: 196px;
  margin: 12px;
  cursor: pointer;
  position: relative;
  border-radius: 32px;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  transition: all 0.4s;
}

.products-settings > div {
  height: 300px;
  flex-direction: column;
  padding-top: 0px !important;
  justify-content: space-between;
}

.products-settings > div:after,
.shells-container div:after {
  content: '';
  width: 0px;
  border-right: 2px solid var(--blue_400);
  position: absolute;
  left: 202px;
  height: 0px;
  top: 50%;
  transition: all 0.5s;
}

.shells-container div:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  background: rgba(255, 255, 255, 0.3);
}

.shells-container div:hover:after {
  position: absolute;
  left: 202px;
  height: calc(100% - 16px);
  top: 8px;
}

.products-settings > div label.product-label,
.shells-container span.label {
  height: 24px;
  font-family: 'Manrope-Bold';
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  text-align: center;
  color: var(--white);
  background-color: var(--black);
  padding: 4px 12px;
  border-radius: 16px;
  bottom: 44px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  width: max-content;
}

.products-settings > div label.product-label {  top: 44px; }

.products-settings .product-icon,
.shells-container span.icon {
  content: '';
  position: absolute;
  left: 20px;
  top: 20px;
  background-size: 64px;
  width: 64px;
  height: 64px;
  display: inline-block;
  z-index: 1;
  border-radius: 50%;
  padding: 0px;
  background-size: cover !important;
}

.product-logotype {
  height: 48px;
  box-sizing: border-box;
  background-color: var(--blue_600);
  padding: var(--padding_s) var(--padding_xxl) var(--padding_s) var(--padding_m);
  width: 100%;
  border-radius: var(--radius_m);
  position: relative;
}

.product-logotype img { max-width: 156px; }

.products-settings .product-image,
.shells-container span.image  {
  background-size: 210px !important;
  background-position: center !important;
  width: 196px;
  height: 196px;
  display: block;
  left: 0px;
  padding: 0px;
  border-radius: var(--radius_l);
  background-size: cover !important;
  filter: drop-shadow(0 11px 16px rgb(7,29,51, 0.2));
}

.shells-container span.icon,
.shells-container span.label,
.shells-container span.image {
  margin-top: 100px;
}

.shells-container span.icon,
.shells-container span.label,
.shells-container span.image {
  margin-top: 100px;
  transition: background-size 0.5s, opacity 0.5s, margin-top 0.5s;
  transition-delay: 0.2s;
  opacity: 0;
}

.shells-container.loaded span.icon,
.shells-container.loaded span.label,
.shells-container.loaded span.image {
  margin-top: 0px;
  opacity: 1;
}

.shells-container.loaded .application_0 span.icon,
.shells-container.loaded .application_0 span.image,
.shells-container.loaded .application_0 span.label {
  transition-delay: 0.2s;
}

.shells-container.loaded .application_1 span.icon,
.shells-container.loaded .application_1 span.image,
.shells-container.loaded .application_1 span.label {
  transition-delay: 0.4s;
}

.shells-container.loaded .application_2 span.icon,
.shells-container.loaded .application_2 span.image,
.shells-container.loaded .application_2 span.label {
  transition-delay: 0.6s;
}

.shells-container.loaded .application_3 span.icon,
.shells-container.loaded .application_3 span.image,
.shells-container.loaded .application_3 span.label {
  transition-delay: 0.8s;
}

.shells-container.loaded .application_4 span.icon,
.shells-container.loaded .application_4 span.image,
.shells-container.loaded .application_4 span.label {
  transition-delay: 0.9s;
}

.shells-container.loaded .application_5 span.icon,
.shells-container.loaded .application_5 span.image,
.shells-container.loaded .application_5 span.label {
  transition-delay: 1.1s;
}

.shells-container.loaded .application_6 span.icon,
.shells-container.loaded .application_6 span.image,
.shells-container.loaded .application_6 span.label {
  transition-delay: 1.3s;
}

.shells-container.loaded .application_7 span.icon,
.shells-container.loaded .application_7 span.image,
.shells-container.loaded .application_7 span.label {
  transition-delay: 1.5s;
}

#service_description {
  margin-top: 5%;
}

#service_description .welcome-text {
  font-family: 'Montserrat';
  font-size: 3vw;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

#service_description .desc {
  font-family: 'Roboto';
  font-size: 1vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
  padding-top: 30px;
}

.controller-welcome #wrapper4 {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

#wrapper {
  overflow: unset;
}

.title-logo{
    width: 130px;
    height: 30px;
}

.ui-selectmenu-button {
  border: none;
  border-radius: 6px;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  background-color: var(--neutral_30);
  height: 48px;
  line-height: 40px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: var(--black);
  font-weight: normal;
  box-sizing: border-box;
}

.ui-selectmenu-button span.ui-icon {
  background: url(../icon/chevron-down.svg) no-repeat var(--neutral_30);
  right: 20px;
}

.ui-menu-icons.avatar li,
html .ui-menu.ui-menu-icons .ui-menu-item {
  height: 48px;
}

.ui-menu-icons.avatar li:first-child,
html .ui-menu.ui-menu-icons .ui-menu-item:first-child {
  display: none;
}

.ui-menu-icons.avatar li div,
html .ui-menu.ui-menu-icons .ui-menu-item div {
  margin-left: 50px;
  height: 48px;
  line-height: 48px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: var(--black);
}

.ui-menu-item .ui-icon {
  height: 44px;
  width: 44px;
  background-size: 44px 44px;
}

.controller-projects.action-show .splitcontentright {
  float: left;
  margin-left: 1%;
}

/* Organization page start */


.main-information {
  font-family: 'SourceSansPro', sans-serif;
  font-size: 14px;
  color: var(--neutral_800);
  margin-left: -22px;
  margin-top: -16px;
  margin-right: -20px;
  padding-left: 22px;
  padding-top: 16px;
  background: var(--neutral_20);
}

.breadcrumbs {
  display: flex;
}

.breadcrumbs .same-level-dropdown select {
  color: var(--neutral_600);
}

.breadcrumbs .same-level-dropdown select option {
  color: var(--black);
}

.breadcrumbs select {
  background-color: transparent;
  background-image: url(../icon/product/arrow_drop_down_black.svg);
  background-position: right 50%;
  background-size: 16px;
  line-height: 24px;
  height: 24px;
  font-family: 'SourceSansPro', sans-serif;
  font-size: 14px;
  letter-spacing: normal;
  color: var(--neutral_A600);
  margin-right: var(--padding_s);
  padding: var(--padding_n) var(--padding_m) var(--padding_n) var(--padding_s) !important;
}

.breadcrumbs select:focus {
  width: auto !important;
  padding-right: var(--padding_xxl) !important;
}

.information .breadcrumbs select:focus,
.information .breadcrumbs select:hover {
  background-color: transparent;
  background: url(../icon/product/arrow_drop_down_black.svg) no-repeat right 50% #fff;
  background-size: 16px;
}

.main-information .filters-chips {
  margin-top: var(--padding_m);
  padding-bottom: var(--padding_xxl);
}

.products-row .filters-chips {
  margin-top: var(--padding_s);
}

.filters-chips > div {
  height: 20px;
  line-height: 20px;
  margin-top: var(--padding_xs);
  margin-right: var(--padding_s);
  padding: 0 var(--padding_m);
  border-radius: 10px;
  background-color: var(--neutral_100);
  width: auto;
  font-family: 'SourceSansPro', sans-serif;
  font-size: 12px;
  color: var(--black);
  display: inline-block;
  cursor: pointer;
}

.h2-with-action-container .filters-chips > div {
  padding: 0 var(--padding_n);
}

.h2-with-action-container .filters-chips a {
  padding: 0 var(--padding_m);
  border-radius: 10px;
}

.filters-chips a{
  color: var(--black);
  font-family: 'SourceSansPro', sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.filters-chips div:hover, .filters-chips > div.selected{
  background: var(--blue_500);
}

.filters-chips div:hover > a, .filters-chips > div.selected > a{
  color: var(--white);
}

#my_account_form .tabs:not(.jstTabs),
#content .organization.details .tabs:not(.jstTabs) {
  background: var(--neutral_20);
  margin-left: -22px;
  margin-right: -20px;
  padding-left: var(--padding_xl);
  border-bottom: 2px solid var(--neutral_100);
}

#my_account_form .tabs:not(.jstTabs) ul,
#content .organization.details .tabs:not(.jstTabs) ul {
  border-bottom: none;
  padding-bottom: 1px;
  z-index: 1;
}

#content .organization.details .tabs .tabs-buttons button.tab-right,
#content .organization.details .tabs .tabs-buttons button.tab-left {
  bottom: -1px;
}

.organization.details .attributes .splitcontent {
  border-top: 1px solid var(--neutral_200);
  margin-bottom: var(--padding_xl);
  overflow: unset;
}

.organization.details #tab-content-info .attributes .splitcontent .splitcontentleft {
  width: 100%;
  display: grid;
  columns: auto;
  grid-template-columns: 50% 50%;
}

.organization.details .attributes .splitcontent .splitcontentleft {
  width: 50%;
  grid-template-columns: 100%;
}

.attribute-with-checkbox,
.organization.details .attributes .attribute {
  box-shadow: inset 0 -1px 0 0 var(--neutral_200);
  background-color: var(--white);
  height: 64px;
  box-sizing: border-box;
  padding: var(--padding_s) var(--padding_l);
  position: relative;
}

.attribute-with-checkbox {
  padding-left: var(--padding_l);
  padding-right: var(--padding_m);
}

.attribute-with-checkbox .slider-div .switch { width: 28px !important; }

.organization.details #tab-content-products .product-form .attributes .attribute {
  height: 48px;
}
#wrapper #content .tabular p.attribute-with-checkbox .label,
#content .tabular p.attribute-with-checkbox .label,
.organization.details .attributes .attribute .label {
  font-family: 'SourceSansPro', sans-serif;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  color: var(--neutral_800);
}

#wrapper #content .tabular p.attribute-with-checkbox.without-label label { line-height: 52px; }
.attribute-with-checkbox.without-label .slider-div { top: 20px; }
#wrapper #content .tabular p.attribute-with-checkbox .label { display: block; }

#wrapper #content .tabular p.attribute-with-checkbox {
  padding-left: var(--padding_l) !important;
  padding-top: 0px;
  min-height: 52px;
  position: relative;
  height: auto;
}

#wrapper #content .tabular p.attribute-with-checkbox label,
.organization.details .attributes .attribute .value,
.organization.details .attributes .attribute .value a {
  font-family: 'Manrope-Bold';
  font-size: 14px;
  line-height: 24px;
  color: var(--black);
  padding-left: 0px;
}

#wrapper #content .tabular p.attribute-with-checkbox .switch label { display: none; }
#wrapper #content .tabular p.attribute-with-checkbox > label {
  position: relative;
  left: 0px;
  top: 0px;
  max-width: calc(100% - 48px);
  display: inline-block;
}

.organization.details .attributes .created_by.attribute .value img {
  position: absolute;
  left: var(--padding_l);
  top: var(--padding_m);
  height: 36px;
  width: 36px;
  padding: 0px;
}

.organization.details .attributes .created_by.attribute .value,
.organization.details .attributes .created_by.attribute .label {
  margin-left: 44px;
}

.logo-with-details {  padding-bottom: var(--padding_m); }

.logo-with-details .logo, .logo-with-details .logo {
  display: inline-block;
  height: 100px;
  width: 100px;
  vertical-align: top;
  position: relative;
}

.logo-with-details .logo img {
  height: 96px;
  width: 96px;
  object-fit: cover;
  border-radius: 8px;
  vertical-align: top;
}

.logo-with-details .logo img { border-radius: 50%; }

.logo-with-details .logo .edit_button {
  display: block;
  height: 36px;
  width: 36px;
  position: absolute;
  right: -4px;
  bottom: -4px;
  background-color: var(--green_500);
  background-image: url(../icon/product/edit-white.svg);
  border: 4px solid var(--neutral_20);
  border-radius: 50%;
}

.logo-with-details .information {
  display: inline-block;
  margin-left: var(--padding_m);
}

.logo-with-details .information .name {
  font-family: 'Manrope-Bold';
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
  color: var(--black);
  margin: var(--padding_s) var(--padding_n);
}

.organization.details .description {
  max-width: 50%;
  padding: var(--padding_m) var(--padding_m) var(--padding_xxx) var(--padding_s);
  font-family: 'SourceSansPro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
         line-clamp: 3;
 -webkit-box-orient: vertical;
}

.organization.details .description .wiki {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
          line-clamp: 3;
  -webkit-box-orient: vertical;
}

.organization.details .description strong {
  font-family: 'Manrope-Bold';
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
  color: var(--black);
}

.organization.details .description strong:before {
  content: '';
  height: 24px;
  width: 24px;
  display: inline-block;
  margin-right: var(--padding_m);
  background: url(../icon/product/business.svg) no-repeat 50%;
  filter: brightness(0%);
  background-size: 24px;
  vertical-align: middle;
}

table.list.organizations tbody tr td.name > a,
table.list.departments tbody tr td.name a {
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: var(--black);
  margin-left: var(--padding_m);
  word-break: break-word;
  white-space: normal;
  max-width: 400px;
  min-width: 300px;
  display: inline-block;
  padding-right: var(--padding_l);
}

table.list.organizations tbody tr td.name > a {
  line-height: 16px;
}

table.list.organizations tbody tr td.name div.products > a {
  height: 24px;
  margin: var(--padding_xs) var(--padding_n) var(--padding_l) 50px;
  font-size: 12px;
  color: var(--black);
}

table.list.organizations tbody tr td a,
table.list.departments tbody tr td a {
  font-family: 'SourceSansPro', sans-serif;
  font-size: 14px;
  color: var(--neutral_800);
}

table.list.organizations tbody tr td a:hover,
table.list.departments tbody tr td a:hover {
  text-decoration: underline;
  color: var(--blue_600);
}

table.list.organizations tbody tr.products-row td div.filters-chips div:hover a,
table.list.departments tbody tr.products-row td div.filters-chips div:hover a,
table.list.organizations tbody tr.products-row td div.filters-chips div:hover a,
table.list.departments tbody tr.products-row td div.filters-chips div:hover a {
  color: var(--white);
  text-decoration: none;
}

.new-organization-button:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../icon/product/add-white.svg) no-repeat 50%;
  vertical-align: middle;
  margin-left: var(--padding_s);
  background-size: 18px;
}

/* Organization page end */

/* Products tab start */

.h2-with-action-container .filters-chips {
  display: inline-block;
  line-height: normal;
  max-width: calc(100% - 100px);
  vertical-align: middle;
}

.slider-with-icon-row {
  display: grid;
  grid-template-columns: 44px 32px 160px auto;
  margin-bottom: var(--padding_m);
  align-items: center;
}

#tab-content-products .product-form .slider-with-icon-row {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.slider-with-icon-row img {
  width: 24px;
  height: 24px;
}

.slider-with-icon-row label,
.slider-with-icon-row .hint {
  font-family: 'SourceSansPro', sans-serif;
  font-size: 12px;
  line-height: 24px;
  color: var(--black);
}

.hint-with-link {
  height: 24px;
  margin-left: var(--padding_s);
  margin-bottom: 0px;
  line-height: 24px;
  display: block;
}

#tab-content-products .product-form .slider-with-icon-row label {
  font-family: 'SourceSansPro', sans-serif;
  font-size: 14px;
  line-height: 36px;
  color: var(--neutral_A600);
}

.slider-div label {  font-size: 0px !important; }

.slider-with-icon-row .hint {  color: var(--neutral_800); }

/* Products tab end */

/* Customization tab start */

.organization-backgrounds {
  display: flex;
  gap: var(--padding_l);
}

.organization-backgrounds > div label {
  height: 24px;
  line-height: 24px;
  font-family: 'SourceSansPro', sans-serif;
  font-size: 12px;
  color: var(--neutral_800);
  display: block;
}

.organization-backgrounds > div label span {
  background: url(../icon/product/question-default.svg) no-repeat 50%;
  background-size: 18px;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: var(--padding_s);
  vertical-align: bottom;
  cursor: pointer;
}

.organization-backgrounds > div label span:hover {  background: url(../icon/product/question-active.svg) no-repeat 50%; }

.organization-backgrounds > div > a {
  color: var(--blue_500);
  text-align: center;
  border: solid 2px var(--neutral_400);
  line-height: 24px;
  font-family: 'Manrope-Bold';
  position: relative;
  font-size: 0px;
  box-sizing: border-box;
}

.organization-backgrounds .button-redirect,
.organization-backgrounds .button-preview {
  height: 24px;
  font-family: 'Manrope-Bold';
  font-size: 14px;
  font-weight: bold;
  color: var(--blue_500);
  cursor: pointer;
  display: block;
}

.organization-backgrounds .button-redirect:before,
.organization-backgrounds .button-preview:before {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: 18px !important;
  vertical-align: bottom;
  margin-right: var(--padding_xs);
}

.organization-backgrounds .button-redirect:before {
  background: url(../icon/product/redirect-new.svg) no-repeat 50%;
  filter: invert(45%) sepia(95%) saturate(1828%) hue-rotate(187deg) brightness(90%) contrast(77%);
}

.organization-backgrounds .button-preview:before { background: url(../icon/product/visibility-blue.svg) no-repeat 50%; }

.organization-backgrounds > div > a:hover {
  font-size: 14px;
  border: dashed 2px var(--blue_400);
  background-color: rgba(236, 246, 254, 0.5);
  transition: background-color 0.4s ease-out;
}

.organization-backgrounds > div > a:hover:before {
  content: '';
  display: block;
  height: 42px;
  filter: invert(45%) sepia(95%) saturate(1828%) hue-rotate(187deg) brightness(90%) contrast(77%);
}

.organization-backgrounds > div > a.image-upload:before {
  background: url(../icon/product/file_upload.svg) no-repeat 50%;
  background-size: 18px;
}

.organization-backgrounds > div > a.image-edit:before {
  background: url(../icon/product/edit.svg) no-repeat 50% 24px;
  background-size: 18px;
}

.organization-backgrounds > div > a,
.organization-backgrounds > div > img,
.organization-backgrounds > div > a > img {
  width: 340px;
  height: 96px;
  border-radius: 8px;
  display: block;
  object-fit: cover;
  z-index: 1;
}

.organization-backgrounds > div > a > img {
  position: absolute;
  top: -1px;
  left: 0px;
  z-index: -1;
}

.organization-backgrounds > div > a:hover > img {  opacity: 0.5; }

.products-settings {
  margin-top: var(--padding_l);
  max-width: 890px;
  display: flex;
  flex-wrap: wrap;
}

.products-settings .edit_button {
  height: 100%;
  width: 100%;
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
}

.products-settings div:not(.product-logotype) > .edit_button:hover {
  border: solid 1px var(--blue_400);
  background: rgba(52, 160, 247, 0.3);
}

.products-settings .edit_button:hover:before {
  content: '';
  font-family: 'Material Design Icons';
  content: "\f3eb";
  color: var(--white);
  display: block;
  font-size: 24px;
  position: absolute;
  top: calc(50% - 12px);
  width: 100%;
  height: 100%;
  opacity: 1;
  text-align: center;
}

.products-settings .product-logotype .edit_button:hover:before {
  font-size: 18px;
  text-align: right;
  right: 0px;
  top: 0px;
  line-height: 46px;
  padding-right: 12px;
}

.products-settings > div {
  display: flex;
  align-items: center;
}

.products-settings label.hint {
  font-family: 'SourceSansPro', sans-serif;
  font-size: 12px;
  line-height: 24px;
  color: var(--neutral_A100);
  width: 100%;
  text-transform: uppercase;
}

.products-settings .product-icon,
.products-settings .product-icon a,
.products-settings .product-icon img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}

.products-settings .product-image,
.products-settings .product-image a,
.products-settings .product-image img {
  width: 200px;
  height: 200px;
  border-radius: var(--radius_m);
  object-fit: cover;
}

/* Customization tab end */

.h2-with-action-container {
  min-height: 52px;
  max-width: 100%;
  vertical-align: middle;
  line-height: 52px;
  padding-left: var(--padding_m);
  width: 100%;
  box-shadow: inset 0 -1px 0 0 var(--neutral_200);
}

.h2-with-action-container h2 a,
.h2-with-action-container h2 {
  font-family: 'Manrope-Bold';
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: var(--black);
}

#avatar_form .attachments_form input[type="file"] {
  position: absolute;
  top: 36px;
  left: 40px;
  height: 321px;
  width: 320px;
  opacity: 0;
  z-index: 0;
}

#tab-content-avatar .upload-image-box .upload_helper { z-index: 0; }
#tab-content-avatar .upload-image-box { position: relative; }
#tab-content-avatar .upload-image-wrapper { background-color: transparent; }
#tab-content-avatar #avatar_form .add_attachment { font-size: 0; }
.buttons .edit_group_chat input#deleteImage[type="submit"] { margin-left: var(--padding_m); }
#tab-content-avatar .upload-image-box .crop-wrap,
#tab-content-avatar #avatar_form .attachments_form input[type="file"],
#tab-content-avatar #imagePlaceholder.channel-avatar-placeholder img,
#tab-content-avatar .upload-image-box .upload_helper { height: 160px; width: 160px; }
#tab-content-avatar .upload-image-wrapper {
    padding: 36px 24px 45px 40px !important;
    background-size: 240px;
    background-position-x: 0px;
    background-position-y: 0px;
}
#tab-content-avatar .upload-image-box .croppie-container .cr-vp-circle,
#tab-content-avatar .upload-image-box .croppie-container .cr-boundary { width: 160px !important; height: 160px !important; margin: 0px; }

.flex {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  column-gap: var(--padding_xxl);
}

#content .tabular .flex > * { flex: 1 1 0px; }
.flex-column {
  display: flex;
  flex-direction: column;
}

.always-visible { display: block !important; }

/* Kebub menu start */

.kebub-menu-with-background { display: none; }
.kebub-menu-with-background.show { display: block; }
.kebub-menu-background {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.kebub-menu-list {
  display: inline-table;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgb(8 45 61 / 20%), 0 4px 12px 0 rgb(8 45 61 / 10%);
  background-color: #ffffff;
  padding: 8px 0px;
  position: absolute !important;
  text-align: left;
  z-index: 1;
  min-width: 240px;
  margin-block-start: 0px;
  margin-block-end: 0px;
  border: none;
}

.kebub-menu-list a {
  font-size: 14px;
  line-height: 38px;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral_A600) !important;
  height: 36px;
  display: block;
  font-family: 'Sourse Sans Pro', sans-serif;
  font-weight: normal;
  list-style-type: none;
  padding: 0px 12px 0px calc(var(--padding_xxl) + var(--padding_s));
  height: 36px;
  line-height: 36px;
  border: none;
  overflow: hidden;
  text-transform: initial;
  width: 100%;
  box-sizing: border-box;
  background-position: var(--padding_m);
}

.kebub-menu-list a:hover {
  background-color: var(--neutral_30);
}

p.kebub-menu-opened {
  z-index: 2 !important;
}

/* Kebub menu end */

/* User notes start */

#tab-content-notes #user-notes textarea#notes,
#tab-content-notes #user-notes p.buttons {
  display: none;
}

#user-notes .journal {
  padding-left: calc(36px + var(--padding_m));
  box-shadow: -2px 0 0 0 var(--neutral_600);
  margin-left: 0px;
  position: relative;
  padding-bottom: var(--padding_l);
}

#user-notes .journal > div {
  padding: var(--padding_m) var(--padding_s) var(--padding_s);
  border-radius: var(--radius_m);
  background-color: var(--neutral_20);
}

#user-notes .journal > div * {
  font-size: 13px;
  color: var(--black);
  font-family: 'Source Sans Pro', sans-serif;
}

#user-notes .journal > .journal-added {
  font-family: 'Manrope';
  font-size: 10px;
  line-height: 1.6;
  color: var(--neutral_800);
  height: 16px;
  margin-top: var(--padding_xs);
  display: block;
}

#user-notes .journal > .journal-added:before {
  content: '';
  margin-right: var(--padding_xs);
  width: 16px;
  height: 16px;
  background-image: url(../icon/product/time-new.svg);
  background-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

#user-notes .journal h4 {
  border: none;
  margin-bottom: var(--padding_s);
}

#user-notes .journal img {
  margin: 0px !important;
  padding: 0px !important;
  height: 36px;
  width: 36px;
  position: absolute;
  left: calc(-2px - 1*var(--padding_l));
  top: 0px;
  box-shadow: 0px 0px 0px 2px var(--white);
  border-radius: 50%;
}
#user-notes .journal .wiki img { display: none; }

.elements-count {
  font-family: 'Manrope';
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: var(--neutral_800) !important;
  position: absolute;
  margin-left: var(--padding_s);
}

#tab-content-notes p input[type='submit'] { display: none; }

#content .buttons.position-sticky {
  position: sticky;
  bottom: 0px;
  left: 0px;
  background: var(--white);
  width: calc(100% + var(--padding_xl));
  height: 52px;
  vertical-align: middle;
  box-shadow: inset 0 1px 0 0 var(--neutral_200);
  padding: var(--padding_m) var(--padding_xl);
  box-sizing: border-box;
  margin: 0 0 0 -22px !important;
  z-index: 1;
}

#content .buttons.position-sticky input[type="submit"] {
  padding: 8px 44px;
}

.user-notes-area #notes,
.user-notes-area #user-notes {
  width: 100%;
}

#account-wrapper .tab-content {
  min-height: calc(100vh - 360px);
}

#close-sidebar { display: none; }

/* User notes end */

@media all and (min-width: 899px) {
  ::-webkit-scrollbar {
      width: 10px;
  }

  ::-webkit-scrollbar-track {
    background-color: var(--neutral_20);
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--neutral_300);
    box-shadow: inset 0 1px 0 0 var(--neutral_30), inset 0 -1px 0 0 var(--neutral_30);
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--neutral_500);
    box-shadow: inset 0 1px 0 0 var(--neutral_30), inset 0 -1px 0 0 var(--neutral_30);
  }
}

@media all and (max-width: 899px) {
  body #header {
    padding: 0 !important;
    height: 50px;
  }

  .controller-welcome #wrapper4 {
    height: auto !important;
  }
  body .flyout-menu h3:first-child {
    display: none;
  }
  body .flyout-menu {
    background-color:  var(--white);
    color: var(--black) !important;
    left: 0px;
    right: unset;
    z-index: 106;
    display: none;
  }

  body .flyout-menu__avatar {
    margin-left: 8px;
  }

  body .flyout-menu__avatar img.gravatar {
    width: 32px;
    height: 32px;
    padding: 2px;
    border: solid 1px #d5d5d5;
    background: #fff;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 3px;
  }
  body .flyout-menu li a {
    font-family: 'Manrope';
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
    color: var(--neutral_900);
  }
  .action-register #main.nosidebar #content .box{
    width:auto;
    margin: 0 0 0 0;
  }
  .action-register h2{
    font-size:20px;
  }
  .action-register input[type='submit']{
    width: 90%;
    margin-left: 6%;
  }
  .action-register div.flash.error, .action-register #errorExplanation{
    width:90% !important;
  }
  .action-login div.flash.error, .action-login #errorExplanation{
    width: 100%;
  }
  .action-register #main.nosidebar #content .box p {
    margin: 5% 0 0 1%;
  }
  #rc-imageselect, .g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
    margin:0 0 0 0 !important;
  }
  .action-register #main.nosidebar #content input#group_search_placeholder{
    width:98%;
    margin: 0px 0px 0px 2px;
    padding: 1px 0 0 0;
  }
  .action-register #main.nosidebar #content .box h3 {
    font-size: 14px;
    margin: 12px 0 -4% 1%;
  }

  .action-login #content {
    height: 100vh !important;
  }

  .action-login #content div.flash.error{
    width:auto;
  }
  .action-register #main.nosidebar #content .vnclagoon-dialog{
    background-size: 22em;
    width: 24em;
    height: 5em;
  }
  .action-lost_password #main.nosidebar #content .box,
  .action-activation_email #main.nosidebar #content .box{
    width:auto;
  }
  .action-lost_password #content div.flash.error, .action-activation_email #content div.flash.error{
    width:auto;
  }
  .action-lost_password #content input[type='submit'], .action-activation_email #content input[type='submit']{
    width:94%;
  }

  .controller-static_pages #main {
    padding: 0;
  }

  .controller-static_pages #static_page_title {
    padding: 64px 0 0;
  }
  .controller-welcome #header a h1,
  .controller-static_pages #header a h1 {
    background: url(../images/vnclagoon-logo.svg) no-repeat;
    width: 60%;
    margin: 2% 0 0 3%;
    display: block !important;
  }

  .flyout-menu .flyout-menu__avatar a img{
   height:40px;
   width:40px;
  }
  .controller-welcome .ui-tooltip{
    display:none !important;
  }
  .controller-welcome .ui-tooltip-content{
    display:none !important;
  }
  .controller-welcome #header table.header-user-menu,
  .controller-static_pages #header table.header-user-menu {
    float: right;
    table-layout: fixed;
    width: 30px;
  }
  form a.icon-reload {
    padding-bottom: 15px;
    padding-top: 15px;
    line-height: 2px;
  }
  .controller-welcome #header table.header-user-menu tr td,
  .controller-static_pages #header table.header-user-menu tr td{
    display:none;
  }
  .controller-welcome #header table.header-user-menu tr td:last-child,
  .controller-static_pages #header table.header-user-menu tr td:last-child{
    display:block;
  }
  .controller-welcome div.table table td {
    display: table-row;
  }
  .action-login #main.nosidebar{
    position:relative;
  }
  .action-login #main.nosidebar #content .verse-of-the-day{
    width:90%;
  }
  .action-account p.mobile-hide{
    display:block;
  }
  .action-register #main.nosidebar #content h3.dob-label{
    padding:0;
  }
  .ui-dialog{
   z-index: 9999 !important;
  }
  .ui-dialog{
    width:auto !important;
  }
  .controller-helpdesk.action-new #header a h1,.controller-helpdesk.action-show #header a h1 {
    background: url(../images/vnclagoon-logo.svg) no-repeat;
    width: 60%;
    margin: 3% 0 0 3%;
    display: block !important;
  }
  .controller-helpdesk.action-new #header table.header-user-menu,.controller-helpdesk.action-show #header table.header-user-menu {
    float: right;
    table-layout: fixed;
    width: 30px;
    margin: 7px 8% 0 0;
  }
  .controller-helpdesk.action-new #header table.header-user-menu tr td,.controller-helpdesk.action-show #header table.header-user-menu tr td{
    display: none;
  }
  .controller-helpdesk.action-new #header table.header-user-menu tr td:last-child,.controller-helpdesk.action-show #header table.header-user-menu tr td:last-child{
    display: block;
  }
  .controller-helpdesk.action-new #helpdesk_title,.controller-helpdesk.action-show #helpdesk_title{
    padding-top: 1em;
    font-size: 30px;
  }
  .controller-helpdesk.action-new #main,.controller-helpdesk.action-show #main{
    padding:0;
  }
  .controller-helpdesk.action-new #issue_priority_id{
    margin: -4px 0 0 0;
  }
  .controller-helpdesk.action-show table.ticket_items,.controller-helpdesk.action-show table.description_items,.controller-helpdesk.action-show table.file_items{
    font-size:12px;
  }
  #settings_attachment_extensions_allowed,#settings_attachment_extensions_denied,#settings_repositories_encodings{
    width:100%;
  }
  input#settings_mail_from {
    width: 100%;
  }
  textarea#settings_mail_handler_body_delimiters{
    width:100%;
  }
  input#settings_mail_handler_excluded_filenames {
    width: 100%;
  }
  .ui-dialog form.edit_user input[type=text] {
    width: 100% !important;
  }
  .controller-verse_imports.action-new form fieldset{
    min-width: 80%;
  }
  .controller-verse_imports.action-new form fieldset legend{
    width:50%;
  }
  .controller-users fieldset {
    min-width: 100%;
  }
  table.header-user-menu a img {
    max-height: 50px;
    max-width: 50px;
  }
  .controller-welcome #main { overflow: hidden; }
  .controller-account.action-register #footer {
    width: calc(100% + 40px);
  }
  #wrapper3 #main {
    margin-top: 0px;
  }
  .controller-account.action-register #footer .copyright, .controller-account.action-register #footer .static-pages-links {
    margin-right: 0px;
    text-align: center;
    width: 100%;
  }
  .controller-user_invitations div.modal {
    width: 100% !important;
    left: 0px !important;
  }
  table.invitations {
    display: block;
  }
  .controller-welcome #sky {
    margin-bottom: -6%;
    padding-bottom: 4%;
  }
  .action-register #main.nosidebar #content{
    padding-left: 10px;
  }
  .action-register .individual-account, .action-register .organization-account {
    border-radius: var(--radius_m);
    padding: 10px;
    line-height: 45px;
    width: unset;
  }
  .action-lost_password #main.nosidebar #content, .action-activation_email #main.nosidebar #content{
    width: 100%;
  }
  .controller-queries .tabular input {
    width: auto;
  }
  .query-columns select[multiple='multiple'] {
      padding-right: 1.5rem;
      display: none;
  }
  .query-columns ul.selected_c.selected-options,
  .query-columns ul.available_c.selected-options {
      list-style-type: none;
      border: solid 1px #e2e2e2;
      background:  var(--white);
      height: 240px;
      border-radius: var(--radius_s);
      padding-left: 0px;
      white-space: normal;
      overflow-y: scroll;
      width: 200px;
  }
  .query-columns ul.selected_c.selected-options li,
  .query-columns ul.available_c.selected-options li {
      padding: 5px;
      font-size: 14px;
  }
  .query-columns ul.selected_c.selected-options li.selected,
  .query-columns ul.available_c.selected-options li.selected {
      background: #B9EFF6;
  }
  table.query-columns td.buttons {
      text-align: center;
      margin-top: 90px;
  }
  fieldset#filters table td {
    line-height: 30px;
    width: unset !important;
    padding-left: var(--padding_n);
  }
  fieldset#filters tr.filter {
    height: unset;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  fieldset#filters td.values input[type="date"] {
    width: 150px;
  }
  fieldset#filters td.field {
    min-width: 100%;
  }
  .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.modal.ui-draggable {
    width: 100% !important;
  }
  /* Welcome page, header and footer start */
  .controller-welcome #footer {
    width: 100%;
    position: relative;
    bottom: 0px;
    position: relative;
    font-size: 12px !important;
    padding: 4px;
    background-color: var(--black);
  }
  .controller-welcome #footer a {
    font-size: 12px !important;
  }
  .controller-welcome #contextMenu {
    left: 0px !important;
    top: 0px !important;
    position: fixed;
    z-index: 999;
  }
  #contextMenu .logout {
    height: 48px;
    width: 48px;
    background-image: url(../icon/product/exit_to_app.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    filter: brightness(0);
    position: absolute;
    left: 12px;
    top: 16px;
  }
  .controller-welcome #contextMenu .dropdown-menu {
    background: var(--neutral_30);
    width: 300px;
    left: 0px;
    top: 0px;
    z-index: 107;
    position: absolute !important;
    min-height: 100vh;
    text-align: center;
  }
  #contextMenu .user-account-information {
    background-color: var(--white);
    position: relative;
  }
  #contextMenu img {
    height: 120px;
    width: 120px;
    margin-top: 52px;
    margin-bottom: var(--padding_xl);
  }
  #contextMenu h1 {
    font-family: 'Manrope-Bold';
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    color: var(--black);
    padding: var(--padding_n) var(--padding_s) var(--padding_xxl)
  }
  #contextMenu .main-actions {
    padding: var(--padding_m) var(--padding_s);
    background-color: var(--neutral_30);
    text-align: left;
  }
  .controller-welcome #contextMenu .dropdown-menu a {
    font-family: 'Manrope-Bold';
    font-size: 16px;
    line-height: 52px;
    color: var(--neutral_900);
    display: block;
    padding: var(--padding_n) var(--padding_xl);
    border-radius: var(--radius_m);
    display: flex;
    align-items: center;
  }
  .controller-welcome #contextMenu .dropdown-menu a:hover {
    background-color: var(--blue_500);
    color: var(--white);
  }
  .controller-welcome #contextMenu .dropdown-menu a.admin:hover:after,
  .controller-welcome #contextMenu .dropdown-menu a:not(.without-icons):hover:before {
    background-color: var(--white);
  }
  #contextMenu .dropdown-menu .main-actions a.admin:after,
  #contextMenu .dropdown-menu .main-actions a:not(.without-icons):before {
    content: '';
    display: inline-block;
    height: 24px;
    width: 24px;
    mask-size: 24px !important;
    -webkit-mask-size: 24px !important;
    margin-right: var(--padding_m);
    vertical-align: middle;
    background-color: var(--neutral_900);
  }
  #contextMenu .dropdown-menu a.admin:before        {
    -webkit-mask: url(../icon/product/chats-new.svg) no-repeat 50% 50%;
    mask: url(../icon/product/chats-new.svg) no-repeat 50% 50%;
  }
  #contextMenu .dropdown-menu a.settings:before {
    -webkit-mask: url(../icon/product/wrench-new.svg) no-repeat 50% 50%;
    mask: url(../icon/product/wrench-new.svg) no-repeat 50% 50%;
  }
  #contextMenu .dropdown-menu a.users:before {
    -webkit-mask: url(../icon/product/users-new.svg) no-repeat 50% 50%;
    mask: url(../icon/product/users-new.svg) no-repeat 50% 50%;
  }
  #contextMenu .dropdown-menu a.organization:before {
    -webkit-mask: url(../icon/product/account-balance-new.svg) no-repeat 50% 50%;
    mask: url(../icon/product/account-balance-new.svg) no-repeat 50% 50%;
  }
  #contextMenu .dropdown-menu a.help:before {
    -webkit-mask: url(../icon/product/help_outline.svg) no-repeat 50% 50%;
    mask: url(../icon/product/help_outline.svg) no-repeat 50% 50%;
  }
  #contextMenu .dropdown-menu a.ticket:before {
    -webkit-mask: url(../icon/product/ticket-new.svg) no-repeat 50% 50%;
    mask: url(../icon/product/ticket-new.svg) no-repeat 50% 50%;
  }
  #contextMenu .dropdown-menu .main-actions a.admin:after {
    margin-right: 0px;
    mask-size: 18px !important;
    -webkit-mask-size: 18px !important;
    -webkit-mask: url(../icon/product/keyboard_arrow_right.svg) no-repeat 50% 50%;
    mask: url(../icon/product/keyboard_arrow_right.svg) no-repeat 50% 50%;
    margin-left: auto;
    margin-right: 0px;
  }
  .shells-container span.label {
    display: inline-table;
  }
  .shells-container {
    height: max-content;
    max-width: 660px !important;
    position: relative;
    top: 0px;
  }
  .shells-container div:last-child {
    margin-right: auto;
  }
  body:not(.controller-welcome) div#content {
      margin-left: 0px;
      padding-top: 0px;
      width: 100%;
  }
  #header .user.active {
    position: relative;
    right: 0px;
    margin-left: auto;
  }
  .controller-welcome.action-index #header .user.active { margin-left: 0; }
  #header a.mobile-toggle-button {
    font-size: 32px;
    height: 48px;
    width: 48px;
    line-height: 48px;
  }
  #header a.mobile-toggle-button:after {
    margin-top: 0px;
  }
  .app-icon-container {
    display: flex;
    max-width: 100%;
    justify-content: space-between;
  }

  .app-icon-item {
    width: 96px;
  }

  #tab-content-avatar > div > div.upload_helper.user-avatar-helper{
    left: 40px !important;
    top: 35px !important;
  }
  .controller-welcome #wrapper #wrapper2 #wrapper3 #main {
    height: auto !important;
    min-height: 90vh;
  }
  form p.buttons a {
    padding: 7px 20px !important;
    display: initial;
  }
  ::-webkit-scrollbar {
    -webkit-overflow-scrolling: auto
  }
  #header #account-avatar,
  #header .user.active img {
    height: 36px;
    width: 36px;
  }
  #header #mdi-apps { display: none; }
  #header .link_to_directory {
    font-size: 0px;
  }
  #header .link_to_directory:after {
    -webkit-mask-size: 24px;
    mask-size: 24px;
  }
  #header #app-icon + a {
    margin-right: auto;
  }
  html.flyout-is-active #wrapper, html.flyout-is-active #header {
    right: 0px;
    overflow: auto;
  }
  /* Welcome page, header and footer end */

  /* Sidebar start */
  #wrapper3 #main { padding: 0; }
  .flyout-is-active #main #sidebar,
  .controller-admin.action-index #main #sidebar { display: block; }
  #main #sidebar {
    width: 300px;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 105;
    background-color: var(--white);
    /* min-height: calc(100% - 50px); */
    box-shadow: var(--shadow_dropdown);
    overflow: auto;
    height: 100vh;
    border-right: 0px;
  }
  html:not(.flyout-is-active) #main #sidebar { display: none !important; }
  body:not(.controller-welcome) #main.collapsed-sidebar div#content {
    width: 100%;
  }
  #sidebar .open-user-menu {
    height: 24px;
    width: 24px;
    display: none;
  }
  #main #sidebar ul li { margin-top: 2px; }
  html.flyout-is-active .mobile-toggle-button:after { content: '\2261'; }
  #main.collapsed-sidebar #sidebar ul li a { width: 44px; }
  #main #sidebar ul:not(.watchers) li a.selected,
  #main #sidebar ul:not(.watchers) li:hover a {
    color: var(--white);
    background-color: var(--blue_500) !important;
    border-radius: var(--radius_m);
  }
  #main #sidebar ul:not(.watchers) li a.selected:before,
  #main #sidebar ul:not(.watchers) li a.selected:after,
  #main #sidebar ul:not(.watchers) li:hover a:before,
  #main #sidebar ul:not(.watchers) li:hover a:after {
    background-color: var(--white) !important;
  }
  #main #sidebar ul:not(.watchers) li a {
    font-size: 16px;
    color: var(--neutral_900);
    height: 50px;
    line-height: 50px;
  }
  #sidebar a.home:after,
  #main #sidebar ul li { height: 50px; }
  #main #sidebar ul:not(.watchers) li a:before { margin-right: var(--padding_m); }
  #sidebar a:before, #sidebar .organization_menu .organization_name > div:before,
  #sidebar #admin-menu a:before, #sidebar .issues-sidebar a.import_issues:before {
    -webkit-mask-size: 22px !important;
    mask-size: 22px !important;
  }
  #sidebar a:not(.home).selected:after {
    content: '';
    -webkit-mask: url(../icon/product/keyboard_arrow_right.svg) no-repeat 50% 50%;
    mask: url(../icon/product/keyboard_arrow_right.svg) no-repeat 50% 50%;
    margin-right: var(--padding_l);
    background: var(--neutral_800);
    vertical-align: middle;
    padding: 0px;
    background-size: 18px;
    -webkit-mask-size: 18px !important;
    mask-size: 18px !important;
    display: inline-block;
    height: 50px;
    width: 24px;
    float: right;
  }
  #main.collapsed-sidebar #sidebar {
    padding-top: calc(2 * var(--padding_xxl));
    transition: all 0.6s;
  }

  #main.collapsed-sidebar #sidebar .open-user-menu {
    height: var(--padding_xxl);
    width: var(--padding_xxl);
    right: var(--padding_l);
    box-shadow: var(--shadow_mini);
    transition: all 0.6s;
  }

  /* Sidebar end */

  #my_account_form .tabs:not(.jstTabs), #content .organization.details .tabs:not(.jstTabs) {
    margin-right: 0px;
  }
  .ui-dialog .icon-edit {
    height: 37px;
    width: 42px;
  }
  .flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    margin-top: var(--padding_s);
    width: calc(100% + var(--padding_m));
  }
  #content > .flex-container .contextual {
    margin-left: calc(-1 * var(--padding_xs));
    display: flex;
    flex-wrap: wrap;
    height: auto;
    gap: var(--padding_s);
  }
  fieldset#filters table td.operator select,
  #content > .flex-container .contextual > *:not(:first-child) {
    margin-left: var(--padding_n);
  }
  fieldset#filters td.operator { flex: 0 1 150px; }
  fieldset#filters table td.operator select { max-width: 100%; }
  .flyout-is-active #sidebar-background {
    display: block;
    opacity: 0.7;
    z-index: 105 !important;
  }
  #main #sidebar .organizations-count { top: 16px; }
  #close-sidebar { display: inline-block; right: 0px !important; }
  .select2-drop.select2-drop-multi {
    width: 100% !important;
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    height: 100vh !important;
    border-radius: 0px !important;
  }
  fieldset#filters td.values input.select2-input.opened { width: 100% !important; position: fixed; }
}

/* 899 end */

@media all and (max-width: 768px) {
  .controller-static_pages #main.nosidebar #content table tbody tr {
    display: block;
  }
  .controller-static_pages #main.nosidebar #content table tbody td {
    display: block;
    margin-bottom: 40px;
  }
  .controller-static_pages #main.nosidebar #content tbody td:last-child {
    margin-bottom: 0;
  }
  .controller-account.action-register #footer {
    width: calc(100% + 40px);
  }
  .controller-static_pages #footer {
    width: 100%;
  }
}

@media (min-width: 480px) and (max-width: 659px) {
  .controller-welcome div.product-footer,
  .controller-static_pages div.product-footer {
    text-align: center;
  }
  .controller-welcome div.footer-item,
  .controller-static_pages div.footer-item {
    text-align: center;
  }
  .controller-account.action-register #footer {
    width: 110%;
    display: inherit;
  }
  .shells-container {
    height: max-content;
    max-width: 404px !important;
    position: relative;
    column-gap: 12px;
  }
  .shells-container div {
    margin: 0px;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .controller-welcome div.products ul li div{
    width:14em !important;
    height:14em !important;
  }
  .controller-welcome div.products ul {
    width: 100%;
    margin: 8% 0 0;
    padding: 5px 9px 0px 0px;
  }
  .controller-welcome div.products ul li {
    width: 49% !important;
  }

  .controller-welcome #header table.header-user-menu tr td:last-child, .controller-static_pages #header table.header-user-menu tr td:last-child{
    margin-top:9px;
  }
  .controller-welcome div.table{
    min-height:580px;
  }
  .controller-welcome div.table table tr td.blank_item div, .controller-welcome div.table table tr td.items div
  {
    height: 8em;
    width: 8em;
  }
  .controller-welcome div.table table div.vncmail  p.vncmail,.controller-welcome div.table table div.vnccast  p.vnccast,.controller-welcome div.table table div.vnctalk p.vnctalk,.controller-welcome div.table table div.vncportal p.vncportal,.controller-welcome div.table table div.gemeindesuche p.gemeindesuche, .controller-welcome div.table table div.birthday p.birthday{
    height: 4em;
    width: 4em;
    top: 18px;
  }
  .controller-welcome div.table table  p.caption{
    font-size:12px;
    margin: 2.5em 0em 0 0;
  }
  .controller-welcome div.table table td.verse {
    width: 34%;
    height: 12em;
    font-size:10px;
  }
  .controller-welcome div.table table td{
    padding:6px;
  }
  #service_description { margin-top: 5% !important; }
  #service_description .welcome-text { font-size: 5vw !important; }
  #service_description .desc {
    font-size: 2vw !important;
    padding-top: 3% !important;
  }
  #service_description p.caption {
    font-size: 2.5vw !important;
    margin: 1% 0 !important; }
  #service_description .service-desc { font-size: 2vw !important; }
  .controller-welcome p.service {
    width: 7vw !important;
    height: 7vw !important;
  }
  /*.controller-static_pages #footer { font-size: 2.5vw; }*/
  .controller-welcome #footer, .controller-account.action-register #footer { font-size: 14px; }
}

@media (max-width: 660px) {
  #tab-content-repositories table.list {
    display: block;
    overflow-x: auto;
  }
}

@media (max-width: 600px) {
  table.list.email_templates,
  table.list.plugins,
  #tab-content-issues fieldset.box {
    display: block;
    overflow-x: auto;
  }
  #tab-content-issues fieldset.box,
  .controller-users form fieldset { min-width: 100%; }

  .controller-static_pages .agreement-button {
    border-radius: 20px;
    font-size: 14px;
    height: 40px;
    padding: 0 15px 0;
  }
}

@media (max-width: 480px) {
  #static_page_title {
    font-size: 28px;
  }

  .controller-static_pages #wrapper3 {
    /*height: auto !important;*/
    overflow: auto !important;
  }
  .shells-container {
    max-width: 300px !important;
    left: 0px;
    height: max-content;
    justify-content: flex-start;
    position: relative;
  }
  .shells-container div {
    width: 120px;
    height: 120px;
    justify-content: flex-start;
    margin: 5%;
  }
  .shells-container div .image {
    width: 120px;
    height: 120px;
    background-size: 120px !important;
  }
  .shells-container span.icon {
    left: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
    background-size: 40px !important;
  }
  .shells-container span.label {
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 12px;
    border-radius: 16px;
    bottom: 16px;
  }
}

@media (min-width: 440px) and (max-width: 479px) {
  .controller-welcome #header a h1,
  .controller-static_pages #header a h1{
    margin: 2% 0 0 3%;
  }
}

@media all and (max-width: 479px) {
  .controller-static_pages #main.nosidebar #content h1 {
    font-size: 28px;
  }
  .controller-static_pages #main.nosidebar #content h2 {
    font-size: 20px;
  }
  .controller-static_pages #main.nosidebar #content h3 {
    font-size: 16px;
  }
  .controller-static_pages #main.nosidebar #content p,
  .controller-static_pages #main.nosidebar #content span {
    font-size: 14px;
  }
}

@media (min-width: 321px) and (max-width: 480px) {
  .controller-static_pages #static_page_title{
    font-size:24px;
  }
  .controller-welcome div.table{
    min-height:350px;
  }
  .controller-welcome div.table table tr td.blank_item div, .controller-welcome div.table table tr td.items div
  {
    height: 5em;
    width: 5em;
  }
  .controller-welcome div.table table div.vncmail  p.vncmail,.controller-welcome div.table table div.vnccast  p.vnccast,.controller-welcome div.table table div.vnctalk p.vnctalk,.controller-welcome div.table table div.vncportal p.vncportal,.controller-welcome div.table table div.gemeindesuche p.gemeindesuche, .controller-welcome div.table table div.birthday p.birthday{
    height: 2em;
    width: 2em;
    top: 9px;
  }
  .controller-welcome div.table table  p.caption{
    font-size:7px;
    margin: 18%
  }
  .controller-welcome div.table table td.verse {
    width: 34%;
    height: 11em;
    font-size:7px;
  }
  .controller-welcome div.table table td{
    padding:4px;
  }
  .controller-welcome div.table table tr td span.boxes-footer{
    font-size:7px;
  }

  .controller-static_pages #header table.header-user-menu,
  .controller-welcome #header table.header-user-menu {
    display: none;
  }

  .controller-static_pages .mobile-toggle-button,
  .controller-welcome .mobile-toggle-button {
    font-size: 32px;
    border: none;
    height: 46px;
    line-height: 50px;
    width: 50px;
  }

  .controller-helpdesk.action-show table{
    font-size:10px !important;
  }

  #service_description { margin-top: 3% !important; }
  #service_description .welcome-text { font-size: 6vw !important; }
  #service_description .desc {
    font-size: 2.5vw !important;
    padding-top: 1% !important;
  }
  #service_description p.caption {
    font-size: 3.5vw !important;
    margin: 0 !important; }
  #service_description .service-desc { font-size: 2.5vw !important; }
  .controller-welcome p.service {
    width: 8vw !important;
    height: 8vw !important;
    margin-top: -2%;
  }

  .controller-static_pages #footer { font-size: 12px; }
  .controller-welcome #footer, .controller-account.action-register #footer { font-size: 10px; }
}

/*@media (min-width: 321px) and (max-width: 380px) {
  .controller-welcome p.service {
    width: 5vw !important;
    height: 5vw !important;
    margin: 0 !important;
  }
}*/

@media (max-width: 380px) {
  table.list.groups {
    display: block;
    overflow-x: auto;
  }
}

@media (max-width: 320px) {
  #rc-imageselect, .g-recaptcha {
    transform:scale(0.5) !important;
    -webkit-transform:scale(0.5) !important;
    transform-origin:0 0 !important;
    -webkit-transform-origin:0 0 !important;
    margin:0 0 0 0 !important;
  }
  .action-register #main.nosidebar #content .vnclagoon-dialog{
  background-size: 250px !important;
  width: 275px !important;
  height: 3em !important;
  }

  .controller-static_pages #header table.header-user-menu tr td:last-child,
  .controller-welcome #header table.header-user-menu tr td:last-child {
    display: none !important;
  }

  .controller-static_pages #footer,
  .controller-account.action-register #footer,
  .controller-welcome #footer {
    font-size: 10px;
    margin: 0;
    padding: 5px !important;
  }

  .controller-static_pages .mini-navigation,
  .controller-welcome .mini-navigation {
    display: block !important;
    width: 100%;
    background-color: #f5eddd;
    height: 33px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--black);
    cursor: pointer;
    position: fixed;
    top: 40px;
    z-index: 9999;
  }

  .controller-static_pages .mini-navigation:before,
  .controller-welcome .mini-navigation:before {
    content: '\2261';
    font-size: 22px;
    position: relative;
    top: 3px;
    font-family: 'Verdana', sans-serif;
  }

  #header > h1, #header a h1 {
    padding: 0;
  }

  #service_description { margin: 0 !important; }
  #service_description .welcome-text { font-size: 7vw !important; }
  #service_description .desc {
    font-size: 3vw !important;
    padding-top: 3% !important;
  }
  #service_description p.caption {
    font-size: 10px !important;
    margin: 1% 0 !important; }
  #service_description .service-desc { font-size: 2vw !important; }
  .controller-welcome p.service {
    width: 1.5em !important;
    height: 1.5em !important;
    margin: 0 !important;
  }

  .controller-static_pages #footer { font-size: 4vw; }
  .controller-welcome #footer, .controller-account.action-register #footer { font-size: 3.2vw; }

  #static_page_title {
    padding: 0 !important;
    margin-top: 73px;
  }

  .controller-static_pages .agreement-button {
    border-radius: 15px;
    height: 30px;
    padding: 0 12px 0;
  }
}

/**********************************************************/
/* SELECT2 */
/**********************************************************/

.theme-Circle .select2-container--default .select2-selection--single {
  background-position: 4px 50%;
  border: 1px solid #e0e2e3;
  border-radius: 3px;
  height: 26px;
  outline: none;
}


.theme-Circle .select2-container--default .select2-selection--multiple {
  border: 1px solid #e0e2e3;
  border-radius: 3px;
  outline: none;
}

.theme-Circle .select2-container--default.select2-container--open .select2-selection,
.theme-Circle .select2-container--default .select2-selection:focus,
.theme-Circle .select2-container--default.select2-container--focus .select2-selection--single,
.theme-Circle .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #2996cc;
}

.theme-Circle .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 24px;
  line-height: 25px;
  font-size: 12px;
  outline: none;
}

.theme-Circle .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  font-size: 12px;
}

.theme-Circle .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 25px;
  outline: none;
}

.theme-Circle .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #afafaf transparent transparent transparent;
}
.theme-Circle .select2-dropdown {
  border: 1px solid #2996cc;
  border-radius: 3px;
}

.select2-container {
    background: url(../images/chevron-down-grey-18px.png) no-repeat right;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 1.5rem;
}

.filter .select2-container-multi ul.select2-choices {
    background: none;
    border: none;
    display: inline;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 38px;
}

.filter .select2-container-multi .select2-search-choice-close {
  background: none;
  mask: url(../icon/close-circle.svg) 50% 50% no-repeat;
  -webkit-mask: url(../icon/close-circle.svg) 50% 50% no-repeat;
  height: 24px;
  width: 24px;
  line-height: 32px;
  background-color: var(--neutral_600);
  position: relative;
  left: 0px;
  top: 0px;
  margin: var(--padding_xs) 0px;
}

.select2-container-multi .select2-choices .select2-search-choice span {
    cursor: pointer;
    height: 100%;
    width: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px var(--radius_xl) var(--radius_xl) 0px;
}

.select2-container-multi .select2-choices .select2-search-choice span:hover {
    background-color: var(--neutral_600);
}

.select2-container-multi .select2-choices .select2-search-choice span:hover a {
    background-color: var(--white);
}

.select2-choices .select2-search-field .select2-offscreen {
  background: url(../icon/plus.svg) no-repeat 50% 50%;
  height: 24px !important;
  width: 24px !important;
  display: inline-block;
  background-color: var(--neutral_30) !important;
  background-image: url(../icon/plus.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  cursor: pointer;
  border-radius: 50% !important;
  border: none !important;
  padding: var(--padding_n) !important;
  margin-top: var(--padding_xs) !important;
  position: relative;
  left: 0px;
}

.select2-choices .select2-search-field input {
  display: none;
  padding: var(--padding_n) !important;
  position: relative;
  left: 0px;
  top: 4px;
  width: 240px !important;
  height: 24px !important;
  vertical-align: super;
}

.select2-choices .select2-search-field .select2-offscreen:hover {
  background-color: var(--blue_600) !important;
  background-image: url(../icon/plus-white.svg);
  background-size: 18px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: none;
    outline: none;
    box-shadow: none !important;
    background-image: none !important;
}

.select2-container-multi .select2-choices .select2-search-field {
  position: relative;
  position: inherit;
  float: none;
  display: unset;
  height: 32px;
  cursor: pointer;
  margin-left: var(--padding_s);
}

.select2-container-multi .select2-choices .select2-search-field .select2-input {
  width: 0px !important;
  display: none !important;
}

.select2-container-multi .select2-choices .select2-search-field .select2-input.opened {
  width: 300px !important;
  background-color: var(--white) !important;
  font-size: 14px;
  background-image: none !important;
  border-radius: var(--radius_s) !important;
  display: inline-block;
  border: none;
  border: 1px solid var(--neutral_100) !important;
  color: var(--black);
  z-index: 10000;
  left: 0px;
  margin-left: 12px !important;
  background: url(../icon/search.svg) var(--padding_m) 50% no-repeat !important;
  padding-left: 34px !important;
  height: 30px !important;
}

.select2-container-multi.select2-dropdown-open .select2-choices .select2-search-field .select2-input {
    display: block !important;
}

.select2-container-multi .select2-choices .select2-search-field .select2-input.select2-focused {
  border-bottom: 1px solid var(--blue_500) !important;
}

.select2-drop {
  margin-top: 0px !important;
  border-radius: 0px 0px 4px 4px;
}

.select2-drop.select-with-search {
  padding-top: 40px;
  width: 360px !important;
}

.issue-card .select2-container a.select2-choice {
    height: 16px;
}

.select2-drop .select2-results {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--neutral_A600) !important;
  line-height: 36px;
}

.select2-drop .select2-results .select2-highlighted {
  background: var(--neutral_20) !important;
  color: var(--neutral_A600) !important;
}

.select2-drop {
  min-width: 240px;
}

.select2-drop:not(.select2-drop-multi) .select2-search,
.select2-drop:not(.select2-drop-multi) .select2-search input {
    display: inline-block !important;
    height: 48px;
    padding-left: 0px;
}

.select2-drop:not(.select2-drop-multi) .select2-search input {
  padding: 4px 0 0;
  border-radius: 6px;
  border: solid 1px #dcdfe2 !important;
  height: 32px !important;
  margin-top: 8px;
  padding-left: 40px !important;
  max-width: calc(100% - 24px);
  margin-left: 12px;
}

#organizations-tree-dropdown .select2-search input.select2-search__field:hover,
.select2-drop:not(.select2-drop-multi) .select2-search input:hover {
  border-bottom: 2px solid var(--blue_500) !important;
}

#organizations-tree-dropdown .select2-search input.select2-search__field:focus,
.select2-drop:not(.select2-drop-multi) .select2-search input:focus {
  border-bottom: 2px solid var(--blue_600) !important;
}

.select2-results .select2-no-results {
  padding-left: 12px;
}

#organizations-tree-dropdown input.select2-search__field::-webkit-search-cancel-button{
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  background: url(../icon/product/close.svg) no-repeat 50% 50%;
  background-size: 18px;
  background-size: contain;
}

#select2-drop > ul {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #888888;
}

#main #sidebar .select2-results ul::-webkit-scrollbar,
#select2-drop > ul::-webkit-scrollbar {
  width: 6px;
}

#main #sidebar .select2-results ul::-webkit-scrollbar-track,
#select2-drop > ul::-webkit-scrollbar-track {
  background-color: #ffffff;
}
#main #sidebar .select2-results ul::-webkit--scrollbar-thumb ,
#select2-drop > ul::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border: 1px solid #ffffff;
}

.select2-search .select2-results li .select2-result-label:hover {
    color: #317bbc;
    background-color: transparent;
    background: none;
}

#select2-drop > ul.select2-results .select2-highlighted {
  background: none;
  color: #317bbc;
  height: 36px;
  line-height: 36px;
}

.filter .select2-container-multi .select2-choices .select2-search-choice {
    margin: var(--padding_n) var(--padding_s) var(--padding_n) var(--padding_n);
    padding: 0 0 0 var(--padding_xs);
    border-radius: 16px;
    background-color: var(--neutral_30);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: var(--black);
    height: 32px;
    line-height: 32px;
    padding-right: var(--padding_xxl);
    padding-left: var(--padding_s);
}

div.select2-container {
    background: url(../icon/chevron-down.svg) no-repeat right 50%;
    padding: var(--padding_xs) var(--padding_m);
    padding-right: 36px;
    border-radius: 6px;
    height: 48px;
    min-width: 100px;
    border: none !important;
    background-color: var(--neutral_30);
    margin-left: var(--padding_n);
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 24px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
}

#filters-table .select2-container-multi {
  border-bottom: none !important;
  background: none;
  padding: var(--padding_n) var(--padding_m);
  height: auto;
}

.filter .select2-container-multi ul.select2-choices {
  background: none;
  border: none;
  display: inline;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 38px;
}

body div.select2-container a.select2-choice {
  border: none;
  background: none;
  box-shadow: unset;
  padding-left: 0px;
  margin-top: 8px;
}

.select2-container span {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    width: 100%;
}

.ui-dialog .ui-dialog-content #delete_avatar #deleteImage,
#avatar_form input#avatar,
.select2-search-choice-close {
    display: none;
}

.ui-dialog .ui-dialog-content:not(.without-delete) #delete_avatar #deleteImage,
.ui-dialog .ui-dialog-content.show-delete:not(.without-delete) #delete_avatar #deleteImage {
  display: block;
}

body .select2-drop-mask {
    position: fixed;
    width: 100%;
    height: 100%;
}

select#user_dob_1i, select#user_dob_2i, select#user_dob_3i {
    width: 30%;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    padding-left: 6px;
    color: var(--black);
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
}

select#user_dob_2i {
  width: 36%;
}

.image-area .user-name{
  font-size: 18px;
  padding-top: 10px;
  font-weight: bold;
  color: var(--black);
}

a.icon:before {
  background-size: 18px;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  vertical-align: middle;
  background: var(--blue_500) !important;
}

.icon-lock:before, .icon-locked:before {
  content: '';
  -webkit-mask: url(../icon/product/lock-outline.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/lock-outline.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

.icon-reload:before {
  content: '';
  -webkit-mask: url(../icon/product/sync.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/sync.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

form .icon-reload:before {
  content: unset;
}

#sidebar a.icon:before {
  background: var(--neutral_A100) !important;
}

.contextual a.icon-copy:before,
#bulk-options .copy-links:before {
  content: '';
  -webkit-mask: url(../icon/copy.svg) no-repeat 3px 50% !important;
  mask: url(../icon/copy.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

a.icon-add {
  background-image: none;
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: bold;
  color: var(--blue_600);
  padding-left: var(--padding_xl);
  background: none;
}

a.icon-add:before {
  content: '';
  -webkit-mask: url(../icon/product/add-white.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/add-white.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

a.icon.without-padding {  padding-left: var(--padding_n); }

.lowercase { text-transform: lowercase; }

#query_form_with_buttons p.buttons a.icon-edit,
#query_form_with_buttons p.buttons a.icon-del,
#context-menu li a {
  background: none;
}

#query_form_with_buttons p.buttons a.icon-edit,
#query_form_with_buttons p.buttons a.icon-del {
  font-family: 'Manrope-Bold';
  font-size: 12px;
  text-transform: uppercase;
}

a.icon-edit:before {
  content: '';
  -webkit-mask: url(../icon/product/edit.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/edit.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  background: unset;
}

a.icon-fav:before,
a.icon-fav-off:before {
  content: '';
  -webkit-mask: url(../icon/product/remove_red_eye.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/remove_red_eye.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

a.icon-del {
  background-image: url(../icon/product/delete-new.svg) no-repeat 3px 50% !important;
}

a.icon-del:before {
  content: '';
  -webkit-mask: url(../icon/product/delete-new.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/delete-new.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  background: unset;
}

a.icon-permission {
  background-image: url(../icon/product/roles_permissions.svg) no-repeat 3px 50% !important;
}

a.icon-permission:before {
  content: '';
  -webkit-mask: url(../icon/product/roles_permissions.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/roles_permissions.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  background: unset;
}

.contextual a.icon-download:before {
  content: '';
  -webkit-mask: url(../icon/product/file_download.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/file_download.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}

.icon-mail { background-image: url(../images/mail.png); }
.icon-phone { background-image: url(../images/phone.png); }
.icon-location { background-image: url(../images/location.png); }
.icon.icon-location::before {
  content: '';
  -webkit-mask: url(../icon/product/location_on.svg) no-repeat 3px 50% !important;
  mask: url(../icon/product/location_on.svg) no-repeat 3px 50% !important;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
}
.icon-contact { background-image:  url(../images/vcard.png); }
.icon-2fa { background-image: url(../images/2fa.png); }
.contextual a.icon-summary:before {
  content: '';
  -webkit-mask: url(../icon/insert-drive-file.svg) no-repeat 3px 50% !important;
  mask: url(../icon/insert-drive-file.svg) no-repeat 3px 50% !important;
}

.icon-ok,
.icon-checked {
  background: url(../images/true.svg) no-repeat;
}

#context-menu li a.icon-lock:before,
#bulk-options .icon-lock:before {
  content: '';
  -webkit-mask: url(../icon/lock.svg) no-repeat 50% 50%;
  mask: url(../icon/lock.svg) no-repeat 50% 50%;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  background: unset;
}

#context-menu li a.icon-unlock:before {
  content: '';
  -webkit-mask: url(../icon/unlock.svg) no-repeat 50% 50%;
  mask: url(../icon/unlock.svg) no-repeat 50% 50%;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  background: unset;
}

#context-menu li a.icon-checked:before {
  content: '';
  -webkit-mask: url(../icon/product/check_box.svg) no-repeat 50% 50%;
  mask: url(../icon/product/check_box.svg) no-repeat 50% 50%;
  -webkit-mask-size: 18px !important;
  mask-size: 18px !important;
  background: unset;
}

#context-menu li a.icon-checked {
  background: none;
}

#content #context-menu li a:before {
  background: var(--neutral_800);
}

#content #context-menu li:hover a:before {
  background: var(--blue_500);
}

#content #context-menu ul {
  padding: 8px 0px;
}

#content #context-menu li {
  padding: 0px;
  border: none !important;
  height: 36px;
}

#content #context-menu li a {
  padding: 0px 0px 0px 12px;
  line-height: 36px;
  height: 36px;
  display: block;
  text-transform: none;
  font-weight: normal;
  font-family: 'Source Sans Pro', sans-serif;
  border-radius: 0px;
  box-shadow: none;
}

table a.icon.icon-checked {
  background: url(../images/true.svg) no-repeat 50% 50%;
  padding: 0px;
  width: 24px;
  height: 24px;
  background-size: 18px;
  display: inline-block;
  border: none;
  outline: none;
  box-shadow: none;
  vertical-align: middle;
}

table a.icon-checked {
  margin-right: var(--padding_s);
  background-size: 18px;
}

table a.icon.icon-checked:hover,
table a.icon.icon-checked:focus {
  background: url(../images/true.svg) no-repeat 50% 50%;
  border: none;
  padding: 0px;
}

.icon-not-ok,
.icon-error {
  background: url(../icon/product/error_outline.svg) no-repeat 50% 50%;
  background-size: 18px;
}

table.list td.tick {
  width: 24px;
}

.background-image.selected{
  border: 2px solid  var(--white);
}

.avatar-placeholder img {
  border-radius: 50%;
}

.crop-wrap {
  display: none;
  width: 150px;
  height: 150px;
  margin: 0 0 30px;
}

.user-avatar-helper{
    left: 38px !important;
    top: 34px !important;
}

table.list.users .username img {
  border-radius: 50%;
}

.icon-cake  { background-image: url(../images/cake.png); }

select.group-select{
  max-width: 46% !important;
}

/**********************************************************/
/* TAGIT */
/**********************************************************/

#content ul.tagit {
  border-radius: 6px;
  padding: 15px;
  width: calc(100% - 57px);
  background: url(../icon/product/tags.svg) no-repeat 19px 15px;
  padding-left: 40px;
  background-size: 18px;
}

#content ul.tagit li:not(.tagit-new) {
  background: var(--neutral_300);
  border-radius: var(--radius_s);
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--neutral_800);
  height: 20px;
  line-height: 20px;
  padding-left: var(--padding_s);
  padding-right: var(--padding_xl);
  margin: 0px;
  margin-right: var(--padding_s);
  margin-bottom: var(--padding_s);
}

#content ul.tagit li.tagit-choice .tagit-close {
  right: 0px;
  height: 20px;
  width: 20px;
  text-align: center;
}

#content ul.tagit li.tagit-choice .tagit-close .text-icon {
  color: var(--neutral_600);
  line-height: 20px;
  height: 12px;
  width: 12px;
  vertical-align: sub;
}

#content ul.tagit li.tagit-new input {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: var(--neutral_500);
  height: 24px;
}

/**********************************************************/
/* LANDING PAGE */
/**********************************************************/

#main {
  background-color: inherit !important;
}

.action-login #main {
  position: absolute;
  width: 100%;
  top: 0;
}

.action-login #top-menu {
  position: relative;
  z-index: 9999;
}
.action-login #header {
  z-index: 9999;
}

.action-login #saml-login {
  margin: 7em auto 0;
}

.hidden { display: none; }

#close-sidebar,
#close_flash {
  position: absolute;
  right: 24px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 0px;
  line-height: 24px;
  height: 24px;
  width: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../icon/product/close.svg);
}

#flash_notice #close_flash {
  mask: url(../icon/product/check.svg) 0 50% no-repeat;
  -webkit-mask: url(../icon/product/check.svg) 0 50% no-repeat;
  background-color: var(--lightgreen_900);
}

.controller-my.action-account #wrapper3 #main {
  margin-top: 0px;
}

br{
  display: block;
   margin: 5.7px 0;
  content: " ";
}

a:focus, a:hover {
  color: var(--blue_500);
  text-decoration: none;
}

.svg-logo-dimensions{
    width: 164px;
    height: 33px;
}
form#video_bridge_statistics_form > fieldset > input[type="text"] {
    height: 35px;
    margin-left: 10px;
}
form#video_bridge_statistics_form > fieldset {
    margin-bottom: 25px;
}
div.select2-container:hover {
    background-repeat: no-repeat;
    background-image: url(../icon/chevron-down-hovered.svg), linear-gradient(0deg, var(--blue_500) 2px, var(--neutral_30) 0px);
    background-size: auto;
    background-position: right
}
div.select2-container {
    padding-right: 8px;
    position: relative;
}
#organizations-tree-dropdown .select2-container.s2-to-tree {
  background-color: var(--white);
  display: block;
  z-index: 100;
  top: 0px !important;
  left: 0px !important;
  position: relative !important;
  box-sizing: border-box;
  width: 100%;
  padding: 0px;
}
.select2-container .select2-choice span { font-size: 16px; }
.select2-drop .select2-results .select2-result-label {
  padding: 0px;
  padding-left: var(--padding_m);
  padding-right: var(--padding_m);
  overflow: hidden;
  width: 100%;
  height: 36px !important;
  font-size: 16px;
}
#sidebar .select2-drop.always-opened .select2-results .select2-result {
  padding: var(--padding_n);
  margin: var(--padding_n);
  padding-left: var(--padding_xl);
  padding-right: var(--padding_xl);
  overflow: hidden;
  width: 100%;
  height: 40px !important;
  font-size: 16px;
}
div.select2-container-active{
    color: var(--blue_600);
}
tbody > tr.commit-keywords > td >select {
    margin: -2px;
}
table.list.memberships tbody tr td:first-child {
    padding-top: 35px;
}
#tab-content-issues > form > fieldset:nth-child(4) > div > p {
    padding-bottom: 10px;
}

#custom_field_form > div.splitcontentleft > div.tabular p label:not(.block),
#custom_field_form > div.splitcontentleft > div.tabular .checkbox-field label:not(.block),
#custom_field_form > div.splitcontentright > div.tabular .checkbox-field label:not(.block),
#custom_field_form > div.splitcontentright > div.tabular p label:not(.block){
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    left: 28px;
    line-height: 24px;
    top: 2px;
}

#custom_field_form > div.splitcontentleft > div.tabular p > input[type="text"],
#custom_field_form > div.splitcontentleft > div.tabular p > select,
#custom_field_form > div.splitcontentleft > div.tabular p > textarea{
    margin: 8px;
}

#custom_field_form > div.splitcontentleft > div > p:nth-child(5) > label:nth-child(1) {
    margin: -28px;
}

#tab-content-repositories > form > fieldset.box.settings.enabled_scm > table{
    text-align: left;
}
#tab-content-repositories form fieldset.box.settings.enabled_scm table tbody tr td.scm_name label{
    margin-bottom: -26px;
}

.icon-only::after {
  content: '';
}

a.add-commit-keywords.icon-only.icon-add,
a.add-commit-keywords.icon-only.icon-add:hover{
    background-color: transparent;
}
a.add-commit-keywords.icon-only.icon-add:before {
    background: var(--blue_600);
    background-size: 18px;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    vertical-align: middle;
}


/*
alerts
 */
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
/***Ticket#144544-dpt-filters**/
.organization-filter .applied_filters {
  width: 18px !important;
  position: relative !important;
  font-size: 11px !important;
  display: inline-block !important;
  margin-top: -7px;
}
.organization-filter .filters-table .field label {
  display: inline-block !important;
}