.navbar-static-top {
  z-index: 101;
}

.nav > li > a {
  padding: 11px 7px 11px 12px;
}

.nav > .nav-second-level > a {
  padding: 5px 0 5px 2px;
}

.nav-second-level {
  padding-left: 8px;
}

.auth {
  background-color: #ffffff;
}

.company-profile-btn {
  float: right;
  margin-top: -9px;
}

.add-event-btn {
  margin-top: -9px;
  margin-left: 200px;
}

.tab-text-header {
  margin-left: 0px;
}

.complain-date {
  float: right;
}

.complain-issuer {
  font-weight: bold;
}

.ibox-content .complain-description {
  margin-top: 20px;
}

.ibox-content .complain-info {
  margin-bottom: 20px;
  margin-top: 20px;
}

.btn-topmargin {
  margin-top: 6px;
}

.btn-topmargin11 {
  margin-top: 11px;
}

.btn-bottommargin {
  margin-bottom: 25px;
}

.users-search-input-margintop {
  margin-top: 2.5px;
}

.new-issue-btn {
  background-color: #f8ac59;
  border-color: #f8ac59;
}

.new-issue-btn:hover {
  background-color: #f69831;
  border-color: #f69831;
}

.note-editor {
  border: 1px solid grey;
}

.input-group[class*=col-] {
  padding-left: 15px;
  padding-right: 15px;
}

.issuesOverview {
  margin-top: 20px;
}

.risk-element {
  background-color: #F4F080;
  border-color: #F4F080;
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
  margin: 7px 15px 0px 0px;
}

.default-element {
  border: 1px solid transparent;
  background: #FFFEE4;
  border-color: #e5dc1b;
  color: #715d1f;
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
  margin: 7px 15px 0px 0px;
}

.default-element span {
  display: inline-block;
}

.default-element .delete {
  display: inline-block;
  margin-left: 15px;
  color: #ed5565;
}

.procedure-element {
  border: 1px solid transparent;
  border-color: #6092CE;
  background: #EAF4FF;
  color: #2866ce;
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
  margin: 7px 15px 0px 0px;
}

.procedure-element span {
  display: inline-block;
}

.procedure-element .delete {
  display: inline-block;
  margin-left: 15px;
  color: #ed5565;
}

.risk-element-content {
}

.risk-element span {
  display: inline-block;
  color: #283F4F;

}

.risk-element .delete {
  display: inline-block;
  margin-left: 15px;
  color: #ed5565;
}

.task-controls {
  vertical-align: inherit;
}

.business-risks ul {
  -webkit-padding-start: 0px;
}

.business-risks li,
.inline-block {
  display: inline-block;
}

.nav-tabs > li > a {
  padding: 10px 15px 10px 15px;
}

.new-issue-save-btn {

  background-color: #1c84c6;
  border: none;
}

.new-issue-save-btn:hover {

  background-color: #1977b2;
  border: none;
}

.checked {
  color: #00AAA7;
}

.not-checked {
  color: #F38083
}

.user-dashboard {
  padding-bottom: 45px;
}

.dashboard-item {
  overflow-y: auto;
  max-height: 385px;
}

.feed-element a {
  color: #1E8C93;
}

.tasks-title a {
  color: #283F4F;
}

.note-editor .note-editable {
  height: 85%;
}

.user-diploma-expiration-true {

  color: #F38083;
}

.user-diploma-expiration-false {

  color: #00AAA7;
}

.profile-element {
  text-align: center;

}

body.mini-navbar .nav-header {
  background-color: #ffffff;
}

.search-input {
  float: right;
}

.profile-header {
  padding: 0px !important;
}

.profile-header:hover {

  background-color: transparent;

}

a.profile-header:hover {
  color: #ffffff !important;

}

.add-button {
  background-color: #97DAF3;
  border-color: #97DAF3;
  color: #283F4F;
}

.add-button:hover
.add-button:active {
  background-color: #97DAF3;
  border-color: #97DAF3;
  color: #283F4F;
}

.yellow-button {
  background-color: #F4F080;
  border-color: #F4F080;
  color: #283F4F;
}

.yellow-button:hover
.yellow-button:active {
  background-color: #efeb7b;
  border-color: #EFEB7B;
  color: #283F4F;
}

.light-grey-button {
  background-color: #ECEFF3;
  border-color: #ECEFF3;
  color: #283F4F;
}

.light-grey-button:hover
.light-grey-button:active {
  background-color: #e8ebef;
  border-color: #e8ebef;
  color: #283F4F;
}

.light-red-button {
  background-color: #F9BFC0;
  border-color: #F9BFC0;
  color: #283F4F;
}

.light-red-button:hover,
.light-red-button:active {
  background-color: #f5bbbc;
  border-color: #f5bbbc;
  color: #283F4F;
}

.red-button {
  background-color: #F38083;
  border-color: #F38083;
  color: #ffffff;
}

.red-button:hover,
.red-button:active {
  background-color: #ed7b7e;
  border-color: #ed7b7e;
  color: #763d3f;
}

.orange-button {
  background-color: #FEDCBD;
  border-color: #FEDCBD;
  color: #283F4F;
}

.orange-button:hover
.orange-button:active {
  background-color: #fad8b9;
  border-color: #fad8b9;
  color: #283F4F;
}

.light-blue-button {
  background-color: #97DAF3;
  border-color: #97DAF3;
  color: #283F4F;
}

.light-blue-button:hover
.light-blue-button:active {
  background-color: #94d6ef;
  border-color: #94d6ef;
  color: #283F4F;
}

.blue-button {
  background-color: #B9D4EF;
  border-color: #B9D4EF;
  color: #ffffff;
}

.export-button {
  background-color: #F3FCFF;
  border-color: #97DAF3;
  color: #3a8cce;
}

.blue-button:hover
.blue-button:active {
  background-color: #b5d0eb;
  border-color: #b5d0eb;
  color: #ffffff;
}

.dark-blue-button {
  background-color: #283F4F;
  border-color: #283F4F;
  color: #ffffff;
}

.dark-blue-button:hover
.dark-blue-button:active {
  background-color: #233847;
  border-color: #233847;
  color: #ffffff;
}

.upload-background {
  background-color: #F3FCFF;
}

.upload-button {
  background-color: #F3FCFF;
  border-color: #97DAF3;
  color: #3a8cce;
}

.upload-button:focus,
.upload-button:active:focus,
.upload-button.active:focus,
.upload-button.focus,
.upload-button:active.focus,
.upload-button.active.focus {
  outline: unset;
}

.btn-required {
  border-color: #FF9999;
}

.clear-button {
  background-color: #F3FCFF;
  border-color: #97DAF3;
  color: #3a8cce;
}

.clearfilter-button {
  height: 34px;
}

.inputaction-button {
  background-color: #F3FCFF;
  border-color: #97DAF3;
  color: #3a8cce;
}

.form-languages-select {
  width: 100%;
}

.action-button {
  background-color: #F1FEFF;
  border-color: #80D0D6;
  color: #36adb5;
}

.action-button-clear {
  background-color: #FFFFFF;
  border-color: #80D0D6;
  color: #36adb5;
}

.action-dropdown-menu {
  background: #F1FEFF;
  color: #36adb5;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  border: 1px solid transparent;
}

.clear-dropdown-menu {
  background: #FFFFFF;
  border-color: #80D0D6;
  color: #28767d;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  border: 1px solid transparent;
}

.action-menubutton {
  background-color: #ffffff;
  border-color: #80D0D6;
  color: #36adb5;
  margin-top: -9px;
}

.dim-button {
  color: #b1b1b1;
}

.help-button {
  background-color: #F1FEFF;
  border-color: #7fd4b0;
  color: #36b37e;
}

.light-green-button {
  background-color: #A0CDCF;
  border-color: #A0CDCF;
  color: #ffffff;
}

.light-green-button:hover,
.light-green-button:active,
.light-green-button:focus {
  background-color: #7acbd1;
  border-color: #7acbd1;
  color: #ffffff !important;
}

.dark-green-button {
  background-color: #1D8C93;
  border-color: #1D8C93;
  color: #ffffff;
}

.dark-green-button:hover
.dark-green-button:active {
  background-color: #1d858c;
  border-color: #1d858c;
  color: #ffffff;
}

.gray-bg {
  background-color: #EBEFF3;
}

.nav-header {
  background-color: #A0CDCF;
  border-bottom: 1px solid #91c6c5;
}

.nav-header .text-muted {
  color: #ffffff

}

.img-circle-small {
  border: 3px solid #ffffff;
  width: 50px;
  height: 50px;
}

.img-circle-tiny {
  border: 3px solid #ffffff;
  width: 25px;
  height: 25px;
  margin: 2px auto;
}

.img-circle-large {
  border: 3px solid #ffffff;
  width: 100px;
  height: 100px;
}

a:hover {
  color: #00AAA7;
}

a {
  color: #54C4C7;
}

a[disabled], .disabled {
  color: #676a6c;
  pointer-events: none;
}

.disabled .ng-select-container{
  background: #e5e6e7;
}

.wd-25 {
  width: 25%;
}

.wd-50 {
  width: 50%;
}

.wd-75 {
  width: 75%;
}

.wd-100 {
  width: 100%;
}

.he-25 {
  height: 25%;
}

.he-50 {
  height: 50%;
}

.he-75 {
  height: 75%;
}

.he-100 {
  height: 100%;
}

.pr-0 {
  padding-right: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

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

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pe-none {
  pointer-events: none;
}

.outline-none {
  outline: none;
}

.tool-panel .btn {
  margin-top: -9px;
}

.edit-btn {
  float: right;
  margin-top: -9px;
  box-shadow: none !important;
}

.edittool-btn {
  float: right;
}

.editinspection-btn {
  float: right;
  margin-top: 30px;
}

.issue-status {
  float: right;
}

.issue-info {
  padding-bottom: 20px !important;
}

.description div {
  text-align: justify;
}

.procedure-info-button {
  position: absolute;
  border-width: 1px;
  border-style: solid;
  border-bottom: 0;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  font-size: 14px;
  padding: 5px 10px;
  cursor: pointer;
  z-index: 5;
  bottom: 0;
  right: 44%;
}

@media (min-width: 992px) {
  .procedure-info-button {
    display: none;
  }
}

.procedure-status {
  margin-bottom: 10px;
  float: right;
}

.procedure-comment {
  margin-bottom: 10px;
  float: right;
}

.procedure-archive-btn {
  margin-top: -9px;
  color: #ed7b7e;
}

.procedure-delete-btn {
  margin-top: -9px;
  color: #ed7b7e;
}

.btn-delete {
  background: #FFFFFF;
  color: #ed7b7e;
  border: 1px solid #ed7b7e;
}

.btn-delete:hover {
  color: #ed0003;
  border: 1px solid #ed0003;
}

.procedure-draft {
  margin-top: -9px;
}

.procedure-publish {
  margin-top: -9px;
}

.procedure-approve {
  margin-top: -9px;
}

.procedure-menubutton {
  margin-top: -9px;
}

.approve-procedure {
  float: left;
}

.reject-button {
  border-color: #F38083;
  background-color: #FFF6F6;
  color: #d8393b;
}

.fc-event {
  background-color: #1D8C93 !important;
  border: 1px #1D8C93 !important;
  color: #ffffff !important;
}

.exclusions {
  margin-top: 20px;
}

.file-upload-btn {
  margin-top: 20px;
}

.file-background {
  background: #F1FEFF;
}

input[type="file"] {
  display: none;
}

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

.form-name {
  margin-top: 10px;
}

.addNorm {
  margin-top: 3px;
}

.addEdu {
  margin-top: 3px;
}

.reset-password {
  float: left;
  cursor: pointer;

}

.approve-audit-btn {
  float: left;
  margin-top: -9px;
}

.error-component {
  margin-top: 5px;
}

.error-message {
  color: #F38083;
}

.approve-task {
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

/*toggle*/
.disable {
  float: left
}

.toggle-switch .switch-left {
  background: #7acbd1;
}

.toggle-switch .switch-right {
  background: #f5bbbc;
}

/*procedures status classes*/

.procedure-ARCHIVE {
  background-color: #F5BBBC;
  color: #FFFFFF;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

.procedure-ACTIVE {
  background-color: #80D0D6;
  color: #FFFFFF;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

.procedure-DRAFT {
  background-color: #B9D4EF;
  color: #FFFFFF;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

.procedure-PENDING {
  background-color: #F4F080;
  color: #283F4F;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

.procedure-REJECTED {
  background-color: #F38083;
  color: #FFFFFF;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

.procedure-read {
  background-color: #f4bc96;
  color: #283F4F;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

.procedure-confirmed {
  background-color: #77d694;
  color: #283F4F;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

/*integration status classes*/

.clientdetails-LIVE {
  background-color: #80D0D6;
  color: #FFFFFF;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

.clientdetails-OKTA {
    background-color: #007dc1;
    color: #FFFFFF;
    padding: 2px 5px 2px 5px;
    border-radius: 4px;
}

.clientdetails-AZUREAD {
  background-color: #3498db;
  color: #FFFFFF;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

.clientdetails-SAMLSSO {
  background-color: #3498db;
  color: #FFFFFF;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

.clientdetails-TEST {
  background-color: #F4F080;
  color: #283F4F;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
}

/*procedure styling*/

.title h5 {
  font-size: 20px;
}

/*procedure*/
.procedure-date {
  margin-bottom: 10px;
  float: right;
}

.view-mode-switch {
  height: 20px;
  float: right;
}

.view-mode-switch-edit {
  height: 20px;
  margin-top: 10px;
}

.portrait-size {
  width: calc(50% - 15px) !important;
}

.view-mode-label {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  vertical-align: top;
}

.title > ul {
  list-style-type: none;
  margin-left: -39px;
}

.title > ul > li {

}

.ibox-content.procedure {
  position: relative;
}

.procedure-info {
  margin-right: 40px;
}

.ibox-content .procedure-info-item {
  margin-bottom: 10px;
}

.ibox-content .procedure-scope {
  margin-bottom: 10px;
}

.ibox-content .procedure-version {
  margin-bottom: 10px;
  float: right;
}

.ibox-content .procedure-creator {
  margin-bottom: 10px;
  float: right;
  white-space: nowrap;
}

.ibox-content .procedure-owner {
  margin-bottom: 10px;

}

.ibox-content .procedure-issuer {
  margin-bottom: 10px;
}

.ibox-content .procedure-description-area {

  /*border: 1px solid #000000;*/
}

.procedure-forms ul {
  list-style-type: none;
}

.procedure-norms ul {
  list-style-type: none;
}

.audit-norms ul {
  list-style-type: none;
}

custom-fields-view.left10 ul {
  padding-left: 10px !important;
}

.procedure-norms {
  margin-top: 10px;
}

.trash {
  color: #F38083;

}

.right-side ul {
  list-style-type: none;
}

.register {
  width: 500px !important;
}

.conclusion {
  list-style-type: none;
  white-space: pre-line;
  word-wrap: break-word;
}

.conslusion-icon {
  font-size: 18px;
  vertical-align: middle;
}

.conslusion-icon.fa-check-circle {
  color: #36adb5;
}

.conslusion-icon.fa-times-circle {
  color: #F38083;
}

.no-conclusion {
  height: 40px;
  padding: 6px 12px;
}

.has-conclusion {
  min-height: 190px;
}

.conclusion-text {
  max-height: 170px;
  padding: 6px 15px;
  text-align: justify;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.conclusion-text.expanded {
  height: auto;
}

.conclusion-text.description {
  padding: 0;
}

.ellipsis {
  position: absolute;
  bottom: 0;
  right: 12px;
  padding-left: 1px;
  line-height: 15px;
  background-color: #fff;
}


.show-more-conclusion {
  color: #1D8C93;
  cursor: pointer;
  font-weight: 700;
  text-align: center;
  height: 20px;
  padding-top: 5px;
}

.conclusion-textarea {
  min-height: 200px;
}

/*Comments styling*/

.comment-img {
  display: inline-block;
  vertical-align: top;
}

.comment-body {
  width: calc(100% - 60px);
  display: inline-block;
  padding: 5px;
  position: relative;
  margin-left: 5px;
}

.comment-header .edit-btn {
  margin-top: 0;
}

.comment-user, .comment-date {
  display: inline-block;
  margin-right: 5px;
}

.comment-header::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-width: 1px 0 0 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 15px;
  left: -7px;
}

.comment-post-wrapper {
  margin-top: 6px;
}

.comments-text {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.comment-textarea {
  min-height: 100px;
  resize: none;
}

.comment-footer {
  height: 57px;
  padding: 10px;
  background-color: #f5f5f5;
  text-align: end;
}

.no-comments {
  min-height: 50px;
}

.no-comments div {
  display: inline-block;
}

.procedure-label {
  font-weight: bold;
  margin-left: 5px;
}

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

.procedure-description-area {
  margin-bottom: -12px;
}

.ibox-content .title-header {
  margin-top: 15px;
  font-weight: bold;
}

.due-true {
  color: #F38083;
}

.due-false {
  color: #05968D;
}

.withindue-true {
  color: #05968D;
}

.withindue-false {
  color: #F38083;
}

.delete-btn {
  float: right;
  margin-top: -9px;
}

.row-centered {
  float: none;
  margin: 0 auto
}

.login-panel {
  border-radius: 12px;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
}

.add-file-btn {
  float: right;
  margin-right: 50px;
  color: #1D8C93;
  cursor: pointer;
}

.menu-app-logo {
  background-color: #ffffff;
  text-align: center;
}

.uploaded-app-logo {
  opacity: 0.8;
  filter: alpha(opacity=40); /* For IE8 and earlier */
  max-height: 40px;
  max-width: 120px;
  margin-bottom: 2px;
  margin-top: 2px;
}

.app-logo {
  max-height: 30px;
  max-width: 100px;
}

.upload-companylogo-preview {
  max-width: 300px;
  max-height: 150px;
}

.upload-preview {
  max-height: 150px;
}

.companylogo-preview {
  max-width: 200px;
  max-height: 100px;
}

.companylogo {
  max-height: 150px;
}

.fixed-input {
  padding-top: 7px;
}

.logo-login {
  max-width: 200px;
}

.logo-powered-by {
  max-width: 150px;
}

/* Landing page */

.functions > ul {
  list-style-type: none;
}

.function-icon {
  margin-right: 30px;
}

.toggle-switch {
  border: 1px solid #A7B1C2;
}

.alert {
  margin-top: 10px;
  margin-bottom: 10px;
}

.editable-click, a.editable-click {
  color: #54C4C7;
  border-bottom: none;
}

/*user profile*/
.user-profile {
  padding: 5px 5px 5px 5px !important;
}

.user-row {
  margin: 1px;
}

.user-profile .profile-text {

  font-size: 12px;
  margin-bottom: 4px;

}

.profile-row {
  margin-right: -5px;
  margin-left: -5px;
}

.user-modal .modal-dialog {
  max-width: 800px;
  width: 95%;
}

.jobdescription-modal .modal-dialog {
  max-width: 1024px;
  width: 95%;
}

.editable-click:hover, a.editable-click:hover {
  color: #00AAA7;
}

.user-profile {
  margin: 10px 20px 10px 20px;
}

.fc-unthemed .fc-today {
  background: #A0CDCF !important;
}

.edit-btn-modal {
  margin-top: 0px;
  float: right;
}

.additem-btn-modal {
  margin: 0 auto;
  display: block;
}

/*Tools*/

.previous-inspections {
  float: right;

  height: inherit;
}

.tool-profile {
  border-right: 2px solid #e7eaec;
}

.tool {
  margin-bottom: 40px;
}

.tool > ul {
  list-style-type: none;
}

.device-profile {
  border-right: 2px solid #e7eaec;
}

#deviceArea .last-inspection .clear-list {
  padding: 0 !important;
}

.pre-wrap {
  white-space: pre-wrap;
}

.no-wrap {
  white-space: nowrap;
}

.device {
  margin-bottom: 40px;
}

.device > ul {
  list-style-type: none;
}

.last-inspection {
  border-top: 2px solid #e7eaec;
  margin-top: 20px;
}

.top-separator {
  border-top: 2px solid #e7eaec;
  margin-top: 20px;
  margin-bottom: 10px;
}

.last-inspection-content {
  margin-top: 30px;
}

.last-inspection .fixed-input {
  padding-top: 0;
  padding-bottom: 5px;
}

.previous-inspections .inspections .inspection {
  color: #54C4C7;
  cursor: pointer;
}

.previous-inspections .inspections > ul {
  list-style-type: none;
}

.new-inspection {
  color: #54C4C7;
  cursor: pointer;
  margin-top: -3px;
}

.toolheader h5 {
  font-size: 20px;
}

.deviceheader h5 {
  font-size: 20px;
}

.certificate {
  margin-top: 10px;
}

.certificate-background {
  background-color: #eafdff;
}

.certificate-sidelines {
  border-left: 5px solid #60c4ce;
}

.certificate p {
  margin-bottom: 0px;
}

.certificate .certificate-file {

}

.settings-list ul {
  list-style-type: none;
}

.settings-list li {
  overflow: hidden;
}

.list-items {
  width: 60%;
}

.list-items i {
  float: right;
  margin-right: 45px;
}

.setting-list-item {
  float: left;
}

.setup-mode-edit {
  margin-top: -25px;
}

.audit_dashboard {
  padding: 5px 20px 20px 20px;
}

legend {
  font-size: 16px;
  color: #999c9e;
}

.arrow {

  margin-top: 4px;
  font-weight: bold;
}

.search-register-li {
  margin-top: 5px;
}

.search-register-li input[type="text"] {
  border-radius: 2px;
}

.search-register {
  display: block;
  margin: 0 auto;
  width: 95%;
  height: 35px;
}

.alert-info {
  background-color: #A0CDCF;
  color: #ffffff;
  border-color: #A0CDCF;

}

.alert-explainer {
  background-color: #F1FEFF;
  color: #247d83;
  border-color: #80D0D6;
}

.fg-field-overlay {
  background-color: #EBEFF3;
}

.register-edit-instance {
  color: #A0CDCF;

}

.delete-modal-btn {
  float: left;
}

.linked-item {
  float: left;
  margin-left: 0;
}

.linked-item + .linked-item {
  margin-left: 5px;
}

.linked-item .dropdown-toggle {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.register-buttons {
  float: right
}

.register-copy-btn {
  float: left;
  margin-right: 10px;
}

.register-details-btn {
  float: left;
  margin-right: 10px;
}

.register-edit-btn {
  float: left;
  margin-right: 23px;
}

.register-delete-btn {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}

.user-account {
  color: #999c9e;
  padding: 20px 10px;
  min-height: 50px;
  font-size: 14px;
  cursor: pointer;
}

.function ul {
  -webkit-padding-start: 0px;
}

.function li {
  display: inline-block;
}

.feed-element {
  margin-top: 5px;
  padding-bottom: 5px;
}

.feed-element p {
  margin: 0 0 1px;
}

.feed-element hr {
  margin-top: 2px;
  margin-bottom: 2px;
}

.register-form {
  color: #54C4C7;
  cursor: pointer;
}

.prefix {
  margin-top: 10px;
}

.fg-edit-palette.stick {
  position: fixed;
  top: 0;
  z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
}

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

.text-blue {
  color: #54C4C7;
}

.text-dim {
  color: #9BADBD;
}

.edit-tool-name {
  margin-top: -10px;
}

.edit-tool-name .tool-name {
  margin-top: 5px;
}

.tool-list {
  list-style-type: none;
}

.clear-list {
  list-style-type: none;
  margin-bottom: 0px;
}

.edit-device-name {
  margin-top: -10px;
}

.edit-device-name .device-name {
  margin-top: 5px;
}

.device-list {
  list-style-type: none;
}

.audit-right-content-box {
  float: right;
  list-style-type: none;
}

@media (min-width: 768px) {
  .audit-right-content-box {
    list-style-type: none;
    padding-left: 0px;
  }
}

.job-description-trainings-label {
  text-align: left;
  padding-top: 7px;
  padding-bottom: 7px;

}

.job-description-trainings {

}

.job-description-trainings ul {
  list-style-type: none;
  -webkit-padding-start: 0px;
  margin-top: 10px;
}

.job-description-trainingss li {
  display: inline-block;

}

.row-settings {
  margin-bottom: 20px;
}

.settings-bottom-section-item {
  margin-bottom: 50px;
}

.template-row {
  margin-top: 15px;
  margin-bottom: 25px;
}

.settings-bottom-section-item {
  margin-bottom: 50px;
}

.settings-section-item {
  margin-bottom: 50px;
}

.new-register-button-li {
  display: block;
  margin: 0 auto;
  width: 95%;
  height: 35px;
  text-align: center;
}

.new-register-button {
  text-align: center;
  width: 80%;
  padding: 2px 5px 2px 5px !important;
}

/*tasks analysis*/
.tasks-due-analysis {
  overflow: hidden;
}

.tasks-due-analysis h1 {
  font-size: 60px;
  margin-bottom: 5px;
  float: left;
  color: #2D3E50;
}

.tasks-due-analysis .due-text {
  margin-top: 40px;
}

.lissue-bg {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 2px solid #F38083;
}

.issue-bottomline {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 1px solid #F38083;
}

.standalone-header {
  min-height: 70px;
  min-width: 105px;
  padding: 7px 15px;
}

.employee-management-header {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 2px solid #46c7e9;
}

.tag {
  margin: 2px;
  color: #676A6C;
  border: 1px solid #c2c2c2;
  background-color: #FFFFFF;
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

.selected-tag {
  margin: 2px;
  color: #676A6C;
  border: 1px solid #c2c2c2;
  background-color: #FFFFFF;
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

.action-btn {
  color: #676a6c;
  border-color: #1D8C93;
  background-color: #FFFFFF;
}

/*dropdown search style*/

.search-box-fix {
  margin-left: 0px;
}

/*new task navbar*/
.topnavbar-button {
  margin-top: 14px;
}

.navbar-newcategory {
  border-top: 1px solid #f3f3f4;
}

.jobdescription-modal hr {
  margin-top: 10px;
  margin-bottom: 5px;
}

.filter-text {
  float: right;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 400;
}

.pdf-procedure {
  float: right;
  margin-top: -9px;
}

.select-box-width {
  width: 100%;
}

.customer-complaint-setting {
  color: #05968D;
  font-size: 10px;
  font-style: italic;
}

/*Color differentiator*/
.profile_exclusion {
  color: #54C4C7;
  cursor: pointer;
}

.no-sidelines {
  margin-left: 5px;
}

.close-button {
  background: #ffffff;
  border-color: #bababa;
  color: #6f6f6f;
}

.privacy-button {
  background: #ffffff;
  border-color: #bababa;
  color: #6f6f6f;
}

.dashoard-sideline {
  border-left: 3px solid #eceff3;
}

.quality-sideline {
  border-left: 3px solid #54b663;
}

.form-sideline {
  border-left: 3px solid #03a9f4;
}

.files-sideline {
  border-left: 3px solid #00bcd4;
}

.register-sideline {
  border-left: 3px solid #3f51b5;
}

.register-sidelines {
  border-left: 3px solid #3f51b5;
  /*border-right: 2px solid #ff7f82;*/
}

.register-background {
  background: #f7f8ff;
}

.risks-sideline {
  border-left: 3px solid #F44336;
}

.configuration-sideline {
  border-left: 3px solid #040404;
}

.employee-sideline {
  border-left: 3px solid #5bff24;
}

.files-bg {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 2px solid #04bdd4;
}

.registers-bg {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 2px solid #3e51b5;
}

.risks-bg {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 2px solid #f44336;
}

.task-text {
  color: #B890C2;
}

.task-line {
  border-left: 5px solid #B890C2;
}

.task-leftline {
  border-left: 2px solid #B890C2;
}

.task-bottomline {
  border-bottom: 1px solid #B890C2;
}

.form-bottomline {
  border-bottom: 1px solid #03a9f4;
}

.task-sidelines {
  border-left: 3px solid #903ab5;
  /*border-right: 2px solid #B890C2;*/
}

.task-header {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 2px solid #913ab5;
}

.task-background {
  background: #F5EEF7;
}

.task-button {
  background: #F5EEF7;
  border-color: #B890C2;
  color: #913ab5;
  min-height: 30px;
}

.linked-task-button {
  background: #F5EEF7;
  border-color: #d8c8dc;
  color: #913ab5;
}

.task-button:hover
.task-button:active {
  background: #ab83b5;
  border-color: #ab83b5;
  color: white;
}

.task-background {
  background: #F5EEF7;
}

.issue-text {
  color: #F38083;
}

.issue-line {
  border-left: 5px solid #F38083;
}

.issue-leftline {
  border-left: 2px solid #F38083;
}

.issue-sidelines {
  border-left: 3px solid #F38083;
  /*border-right: 2px solid #ff7f82;*/
}

.issue-background {
  background: #FFF6F6;
}

.issue-button {
  border-color: #F38083;
  background-color: #FFF6F6;
  color: #d8393b;
}

.tab-title {
  margin-top: 10px !important;
}

.issue-note-textarea {
  height: 150px !important;
  resize: none;
}

.edit-note-textarea {
  resize: none;
}

.issue-action-button {
  height: 30px;
}

.issue-item-list {
  padding: 0 15px;
}

.dropzone.uploading {
  border: 0;
  min-height: 0;
  padding: 0;
}

.linked-issue-button {
  border-color: #f7d3d3;
  background-color: #FFF6F6;
  color: #d8393b;
}

.issue-button:hover
.issue-button:active {
  border-color: #e87578;
  background-color: #e87578;
  /*background: white;*/
  color: white;
}

.procedure-text {
  color: #6092CE;
}

.procedure-sidelines {
  border-left: 3px solid #6092CE;
}

.procedure-bottomline {
  border-bottom: 1px solid #6092CE;
}

.procedure-background {
  background: #EAF4FF;
}

.procedure-button {
  border-color: #6092CE;
  background: #EAF4FF;
  color: #2866ce;
}

.procedure-button:hover
.procedure-button:active {
  border-color: #6092CE;
  background-color: #6092CE;
  /*background: white;*/
  color: white;
}

.procedure-line {
  border-left: 5px solid #6092CE;
}

.procedure-line-container {
  display: flex;
  justify-content: space-between;
}

/* check this styles may contain styles that we not use*/
.procedure-line-container .options-form-elem {
  width: 20%;
}

.procedures-action-buttons-container .options-form-elem {
  width: 30%;
}

.procedure-navigation-container {
  display: flex;
}

.procedure-navigation-container, .procedures-action-buttons-container {
  width: 30%;
}

.procedures-action-buttons-container {
  display: flex;
  width: 70%;
  justify-content: flex-end;
  gap: 20px;
}

.procedure-tools-container {
  display: flex;
  justify-content: space-between;
}

.procedure-details-header-container {
  display: flex;
  justify-content: space-between;
}

.procedure-actions-header-container {
  display: flex;
}

.procedure-tools-header-container {
  display: flex;
}

.procedure-edit-header-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}

.procedure-edit-tools-container {
  display: flex;
  align-items: center;
}

.option-control.procedure-edit-lang-selector {
  min-width: 200px;
}

/* procedures*/
.procedures-overview-container {
  display: flex;
  justify-content: space-between;
}

.procedures-overview-buttons-group {
  display: flex;
}

.procedures-overview-actions-group {
  display: flex;
}

.procedures-overview-actions-group .option-control {
  min-width: 200px;
  margin-right: 10px;
}
  /* procedures*/

/* end check*/

.audit-icon {
  color: #6092CE;
}

.eventtype-InternalAudit {
  background-color: #6092CE !important;
}

.audit-text {
  color: #b5b160;
}

.audit-line {
  border-left: 5px solid #e9d033;
}

.audit-sidelines {
  border-left: 3px solid #e9d033;
  /*border-right: 2px solid #2b4252;*/
}

#top-notifications > li > a.count-info > span {
  line-height: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 0;
  top: 5px;
  background: #ed5564;
}

.audit-bottomline {
  border-bottom: 1px solid #e9d033;
}

.audit-background {
  background: #FFFEE4;
}

.audit-button {
  background: #FFFEE4;
  border-color: #e9d033;
  color: #866e25;
}

.audit-dropdown-menu {
  background: #FFFEE4;
  border-color: #e9d033;
  color: #866e25;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  border: 1px solid transparent;
}

.audit-button:hover
.audit-button:active {
  background: #e8e479;
  border-color: #e8e479;
  color: #283F4F;
}

.recurringevent-icon {
  color: #6092CE;
}

.toolboxmeeting-icon {
  color: #676a6c;
}

.eventtype-ToolboxMeeting {
  background-color: #676a6c !important;
}

.eventtype-Task {
  background-color: #B890C2 !important;
}

.eventtype-Tool {
  background-color: #EAAD71 !important;
}

.eventtype-Procedure {
  background-color: #6092CE !important;
}

.filter-button {
  color: #36adb5;
  cursor: pointer
}

.users-filters {
  display: block;
  min-width: 100%;
  padding: 15px 15px 0 15px;
  left: 15px;
}

.planing-filters {
  display: flex;
  min-width: 95%;
  padding: 15px 15px 0 15px;
  left: 15px;
}

.planing-filters .filter {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #36adb5;
  cursor: pointer;
}

.users-filters .filter {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #36adb5;
  display: inline-block;
}

.planing-filters .filter input {
  margin: 0 5px 0;
}

.tool-text {
  color: #EAAD71;
}

.tool-line {
  border-left: 5px solid #EAAD71;
}

.tool-leftline {
  border-left: 2px solid #EAAD71;
}

.tool-sidelines {
  border-left: 3px solid #EAAD71;
  /*border-right: 2px solid #2b4252;*/
}

.tool-header {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 2px solid #EAAD71;
}

.tool-bottomline {
  border-bottom: 1px solid #EAAD71;
}

.tool-background {
  background: #FFF1E2;
}

.tool-button {
  background: #FFF1E2;
  border-color: #EAAD71;
  color: #c66321;
}

.tool-button:hover
.tool-button:active {
  background: #dea16f;
  border-color: #dea16f;
  color: #283F4F;
}

.integration-header {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 2px solid #EAAD71;
}

.integration-bottomline {
  border-bottom: 1px solid #EAAD71;
}

.integration-background {
  background: #F3FCFF;
}

.integration-button {
  background-color: #F1FEFF;
  border-color: #80D0D6;
  color: #36adb5;
}

.integration-button:hover
.integration-button:active {
  background: #dea16f;
  border-color: #dea16f;
  color: #283F4F;
}

.clear-header {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 2px solid #676a6c;
}

.device-text {
  color: #488391;
}

.device-header {
  background-color: #ffffff;
  color: #676a6c;
  border-bottom: 2px solid #488391;
}

.device-line {
  border-left: 5px solid #488391;
}

.device-leftline {
  border-left: 2px solid #488391;
}

.device-sidelines {
  border-left: 3px solid #488391;
  /*border-right: 2px solid #2b4252;*/
}

.device-bottomline {
  border-bottom: 1px solid #488391;
}

.device-background {
  background: #E3EEF1;
}

.device-button {
  background: #E3EEF1;
  border-color: #488391;
  color: #305861;
}

.device-button:hover
.device-button:active {
  background: #E3EEF1;
  border-color: #488391;
  color: #305861;
}

.survey-text {
  color: #999999;
}

.survey-header {
  background-color: #ffffff;
  color: #696969;
  border-bottom: 2px solid #999999;
}

.survey-line {
  border-left: 5px solid #999999;
}

.survey-leftline {
  border-left: 2px solid #999999;
}

.survey-sidelines {
  border-left: 3px solid #999999;
  /*border-right: 2px solid #2b4252;*/
}

.survey-bottomline {
  border-bottom: 1px solid #999999;
}

.survey-background {
  background: #f0f0f0;
}

.survey-button {
  background: #f0f0f0;
  border-color: #999999;
  color: #696969;
}

.survey-button:hover
.survey-button:active {
  background: #f0f0f0;
  border-color: #999999;
  color: #696969;
}

.survey-average-resultgraph {
  max-width: 250px;
  max-height: 200px;
}

.survey-horizontal-bar-resultgraph {
  max-width: 500px;
}

.survey-invitepermail-modal .modal-dialog {
  width: 95%;
  max-width: 900px;
}

.survey-invitepermail-modal .modal-dialog {
  width: 95%;
  max-width: 900px;
}

.user-bottomline {
  border-bottom: 1px solid #60c4ce;
}

.user-topline {
  border-top: 1px solid #60c4ce;
}

.user-background {
  background: #eafdff;
}

.issue-audit-modal .modal-dialog {
  width: 95%;
  max-width: 800px;
}

.register-modal .modal-dialog {
  width: 95%;
  max-width: 1280px;
}

.form-modal-with-info .modal-dialog {
  width: 95%;
  max-width: 1680px;
}

.new-audit-modal .modal-dialog {
  width: 95%;
  max-width: 600px;
}

.new-toolboxmeeting-modal .modal-dialog {
  width: 95%;
  max-width: 800px;
}

.import-from-file_set-column-modal .modal-dialog {
  width: 95%;
}

.import-tips {
  width: 50%;
  margin: 0 auto 20px;
}

.toolboxmeeting-modal .modal-dialog,
.certificate-modal .modal-dialog,
.tool-modal .modal-dialog,
.device-modal .modal-dialog,
.userselect-modal .modal-dialog {
  width: 95%;
  max-width: 800px;
}

.recurrence-pattern-modal .modal-dialog {
  width: 95%;
  max-width: 800px;
}

.select-device-modal .modal-dialog {
  width: 95%;
  max-width: 1200px;
}

.new-audit-modal .note-view {
  display: none;
}

.fc-view-container .fc-time {
  display: none;
}

.fc-button {
  background: #ffffff !important;
  border-color: #80D0D6 !important;
}

.root-cause-issue-modal .modal-dialog {
  width: 54%;
}

/*
#B890C2
#F38083
#EAAD71
#F2EE82
*/

.form-group {
  margin-bottom: 0px;
}

.form-group .checkbox-label {
  cursor: pointer;
}

.form-group .checkbox-label input[type="checkbox"] {
  margin: 0;
  line-height: inherit;
}

.form-background {
  background: #F1FEFF;
}

.form-sidelines {
  border-left: 3px solid #80D0D6;
}

.btn .caret {
  float: none;
}

.bg-OPEN {
  background-color: #F38083;
}

.bg-INPROGRESS {
  background-color: #f69831;
}

.bg-RESOLVED {
  background-color: #90D5DC;
}

.bg-UNFOUNDED {
  background-color: #90D5DC;
}

.button-holder {
  margin-top: 15px;
  display: flex;
  justify-content: flex-end;
  gap: 23px;
}

.buttons-footer {
  padding: 15px;
  text-align: right;
}

.cropArea {
  margin: auto;
  background: #E4E4E4;
  overflow: hidden;
  width: 95%;
  height: 350px;
}

.user-settings-profileimage {
  text-align: right;
}

.due-tools-dashboard {
  font-size: 25px;
  margin-left: 5px;
  margin-top: -12px;
}

.not-isok {
  color: #F38083;
}

.isok {
  color: #90D5DC;
}

.implementation-mode-notification-text {
  color: #d8393b;
  background-color: #FFF6F6;
  border-color: #F38083;
}

.striped-background-item:nth-child(even) {
  background: #f9f9f9;
}

.close-button-small {
  color: #676a6c;
}

.procedure-audit-wrapper {
  margin-left: -10px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;

}

.animated-wrapper {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.animated-fadein {
  animation: 0.3s customFadeIn;
  animation-fill-mode: forwards;
}

@-webkit-keyframes customFadeIn {
  0% {
    visibility: hidden;
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

@-moz-keyframes customFadeIn {
  0% {
    visibility: hidden;
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

@-o-keyframes customFadeIn {
  0% {
    visibility: hidden;
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

@keyframes customFadeIn {
  0% {
    visibility: hidden;
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.wrapper-content-sidepanel {
  margin-left: -10px;
  margin-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  margin: auto;
}

.graph-definition-modal .modal-dialog {
  width: 95%;
  max-width: 1024px;
}

.graph-definition-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: center;
}

.graph-header-title {
  min-height: 50px;
}

.graph-box {
  min-height: 367px;
}

.signature-pad-modal canvas {
  width: 100%;
  height: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) inset;
}

.signature-mini {
  max-width: 100px;
  max-height: 50px;
}

.signature-small {
  max-width: 200px;
  max-height: 100px;
}

.signature-img {
  margin: 0 auto;
}

.alert-text {
  color: #f3464a;
}

.share-link-input {
  cursor: default !important;
}

.clean-list {
  list-style-type: none;
}

.header-field {
  margin-bottom: 30px;
  margin-top: 30px;
}

.survey-subheader {
  margin-top: 30px !important;
}

.surveybody {
  background-color: #EBEFF3;
}

.survey-result-field {
  border: 1px solid #98e5eb;
  padding: 10px;
}

.rows-per-page-selectbox {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  font-size: 14px;
}

.ckeditor_fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1000 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
}

.ckeditor_fullscreen_contents {
  height: 85vh !important;
}

.procedure-description .ckeditor_fullscreen {
  z-index: 0 !important;
}

.no_overflow {
  overflow: hidden !important;
}

.flowchart-line {
  border-left: 5px solid #6092CE;
}

.flowchart-background {
  background: #EAF4FF;
}

button.fc-tool {
  outline: none;
  padding: 0 10px;
}

button.fc-tool:first-of-type {
  margin-right: -10px;
}

button.fc-tool:focus {
  opacity: 0.2;
}

.fc-instructions-head {
  font-size: 16px;
}

.fc-instructions {
  padding-left: 0;
  list-style: none;
}

.fc-instructions li {
  margin-bottom: 5px;
}

.custom-fields .clear-list {
  padding: 0 !important;
}

#issueOverview custom-fields-view li.row,
#issueOverview custom-fields-edit li.row {
  margin-left: -7px !important;
}

.color-field {
  min-width: 45px;
}

#newInternalAudit .clear-list {
  padding-left: 5px;
}

.issue-date .date input {
  height: 30px !important;
}

.close-icon:hover {
  opacity: .6;
}

.close-icon {
  height: 21px;
  width: 21px;
  overflow: hidden;
  background: url(../img/icon/close.png) -0px -0px no-repeat;
  opacity: .15;
  cursor: pointer;
}

#notifications-overview {
  width: 400px;
  overflow: hidden;
  padding: 0;
}

.count-info .label-count {
  line-height: 11px;
  right: -5px;
  top: 8px;
}

.dropdown-notification {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
  margin: 0 !important;
}

.dropdown-notification .fa {
  margin-right: 15px;
}

.dropdown-notification .feed-title {
  padding: 0 !important;
}

.active-filter-button {
  border: 1px solid #97DAF3;
  background-color: #FFFFFF;
  color: #3a8cce;
}

.inactive-filter-button {
  border: 1px solid #e5e6e7;
  background-color: #FFFFFF;
  color: #777;
}

.clear-white-button {
  border: 1px solid #e5e6e7;
  background-color: #FFFFFF;
  color: #777;
}

.dimmed-button {
  border: 1px solid #e5e6e7;
  background-color: #FFFFFF;
  color: #777;
}

#notificationsOverviewPage .feed-element {
  padding: 10px;
}

#notificationsOverviewPage .feed-element .fa {
  margin-right: 5px;
}

@media (min-width: 900px) {
  .survey-wrapper-content {
    padding: 20px 10px 40px;
    max-width: 1024px;
    margin: auto;
  }
}

@media (min-width: 992px) {
  .equal-md {
    display: flex;
    flex-wrap: wrap;
  }

  .equal-md > div[class*='col-'] {
    display: flex;
    flex-direction: column;
  }

  .issue-info {
    padding-right: 15px !important;
  }

}

@media (min-width: 1200px) {
  .equal-lg {
    display: flex;
    flex-wrap: wrap;
  }

  .equal-lg > div[class*='col-'] {
    display: flex;
    flex-direction: column;
  }
}

.fieldTitle {
  position: absolute;
  left: 2%;
  top: -10px;
  background: #f5f5f5;
  text-transform: capitalize;
  border: 1px solid #c2c2c2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 5px;
  color: #676a6c;
}

.chosen-container .chosen-results li.highlighted {
  color: #fff !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-content {
  padding: 0 !important;
}

.greyed-out {
  color: #d6d6d6;
}

.survey-preview iframe {
  min-height: 65vh;
}

.user-menu .chosen-single span {
  float: left;
}

.survey-dropdown {
  min-width: 100%;
  width: auto !important;
}

#surveyIbox .export-button {
  margin-top: -9px;
}

#surveyIbox .close-survey-button {
  margin-top: -9px;
  margin-right: 15px;
}

#surveyIbox .exportGroup {
  position: relative;
}

.no-list-style {
  list-style-type: none;
}

custom-fields-edit textarea {
  min-height: 80px;
}

.userClearBtn {
  padding-top: 7px;
  padding-bottom: 8px;
  padding-left: 13px;
  padding-right: 13px;
  height: 34px;
}

.linked-entities-dropdown {
  padding: 20px;
  min-width: 250px;
}

.selectgroup-dropdown {
  padding: 5px;
  white-space: nowrap;
  overflow-y: auto !important;
  max-height: 160px;
}

.selectgroup-dropdown-left {
  left: -80px;
}

.in-progress {
  color: #ffbb39;
}

.overViewStatus {
  position: relative;
}

.overViewStatus > span {
  border: none;
  background: none;
}

.overViewStatus .dropdown-menu {
  top: 0;
  left: 50px;
}

.fa-lg2 {
  font-size: 1.5em;
  line-height: .75em;
  vertical-align: -15%;
}

.fa-ug {
  font-size: 1.66666666em;
  line-height: .75em;
}

#userRightsTable > thead:first-child > tr:first-child > th:first-child {
  position: absolute;
  display: inline-block;
  width: 200px;
  border: none;
}

#userRightsTable > tbody > tr > td:first-child {
  border: none;
}

#userRightsTable > tbody > tr > td > .userModalWrapper {
  position: absolute;
  display: inline-block;
  width: 200px;
  padding-top: 8px;
  padding-left: 8px;
  border-top: 1px solid #e7eaec;
}

#userRightsTable tr:nth-child(odd) .userModalWrapper {
  background-color: #f9f9f9;
}

#userRightsTable tr:nth-child(even) .userModalWrapper,
#userRightsTable th:first-child {
  background-color: #fff;
}

#userRightsTable > thead:first-child > tr:first-child > th:nth-child(2) {
  padding-left: 200px;
}

#userRightsTable > tbody > tr > td:nth-child(2) {
  padding-left: 200px !important;
}

.usermanagement-column {
  min-width: 210px;
}

.usermanagement-column-sm {
  min-width: 150px;
}

.customfields-overview-column {
  min-width: 100px;
}

.customfields-overview-column-edit {
  min-width: 90px;
}

.number-column {
  min-width: 50px;
}

.workflow-column {
  width: 150px;
}

.status-column {
  width: 50px;
}

.input-group > label {
  display: block;
  font-weight: normal
}

.disabled-role-line {
  cursor: not-allowed;
}

.enabled-role-line {
  cursor: pointer;
}

.fullwidth-modal .modal-dialog {
  width: 95%;
}

.extralarge-modal .modal-dialog {
  width: 95%;
  max-width: 1680px;
}

.fullscreen-modal .modal-dialog {
  width: 100%;
  height: auto;
  max-width: none;
  margin: 0; 
  padding: 50px; 
}

.fullscreen-modal .modal-content {
  height: auto;
  display: flex;
  flex-direction: column;
}

.large-modal .modal-dialog {
  width: 95%;
  max-width: 1280px;
}

.medium-modal .modal-dialog {
  width: 95%;
  max-width: 1024px;
}

.small-modal .modal-dialog {
  width: 95%;
  max-width: 800px;
}

.xs-modal .modal-dialog {
  width: 95%;
  max-width: 700px;
}

.tiny-modal .modal-dialog {
  width: 95%;
  max-width: 450px;
}

.full-screen-flowchart {
  display: inline-block;
}

.full-screen-flowchart .badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem; 
  height: 2rem; 
  width: 2rem; 
  border-radius: 50%; 
}

.full-screen-flowchart .badge i {
  font-size: 1rem; 
  line-height: 1;
}


.full-screen-flowchart {
  position: relative;
  float: right;
  margin-bottom: 1em; 
  margin-right: 0.5em;
  transform: scale(1.3); 
  cursor: pointer;
  filter: brightness(1);
  transition: filter 0.2s ease-in-out;
}

.full-screen-flowchart:hover {
  filter: brightness(0.8);
}

.isCorrectLabel {
  min-width: 80px;
}

.noFloat {
  float: none !important;
}

input.userSelect {
  vertical-align: sub;
  margin-left: 10%;
}

input.ng-invalid,
input.ng-invalid-number,
input.ng-invalid-email,
input.ng-invalid-required,
input.ng-invalid-email,
input.ng-invalid-url,
textarea.ng-invalid-required,
custom-fields-edit .js-validate-custom-input-required,
select.ng-invalid-required + div > .chosen-single,
ng-select.ng-invalid {
  border: 1px solid #ff9999;
}

downgraded-ng-select.ng-invalid .ng-select .ng-select-container {
  border: 1px solid #ff9999!important;
}

ng-select.ng-invalid .ng-select-container {
  border: none!important;
}

.ng-select-custom-search {
  line-height: 24px;
  width: 100%;
  text-indent: 7px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.ng-select-custom-search:focus-visible {
  outline: none;
}

.ng-select-custom-search::placeholder {
  color: #999;
}

.ng-select-input-wrapper {
  display:inline-block;
  position: relative;
  width: 100%;
}

.ng-select-input-wrapper:after {
  font-family: 'FontAwesome';
  content: "\f002";
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
}

ng-select.ng-select .ng-select-container .ng-value-container .ng-input>input,
.ng-select.ng-select-single .ng-select-container {
  cursor: pointer;
}


/* Radio button and Checkbox .required needs an after to show */
input[type=radio].ng-invalid-required::after {
  display: block;
  width: 100%;
  height: 13px;
  background: transparent;
  content: '';
  border: 1px solid red !important;
  box-sizing: border-box;
  border-radius: 100%;
}

input.ng-valid[required],
textarea.ng-valid[required],
select.ng-valid[required] + div > .chosen-single {
  border: 1px solid #66b266;
}

.percentage-tag {
  color: #05968D;
}

.fullscreen-overview {
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.light-border-top {
  border-top: 1px solid #e7eaec;
}

.user-input-field {
  min-width: 250px;
}

.selected-row {
  background-color: #F1FEFF;
  border-color: #80D0D6;
  color: #006367;
  text-shadow: 0 0 1px #79faff;
}

.table {
  margin-bottom: 50px;
}

.configuration-profile-tabs {
  word-break: break-word;
}

.table-user-profile {
  margin-bottom: 15px;
}

.no-wrap-table > thead > tr > th,
.no-wrap-table > tbody > tr > td {
  white-space: nowrap;
}

.normal-wrap {
  white-space: normal !important;
}

.procedure-metadata-table > tbody > tr > td {
  padding: 0;
}

.checkboxlabel {
  font-weight: inherit;
  cursor: pointer;
}

.action-button-clear.active {
  font-weight: bold;
}

.background-ok {
  background-color: #c9ffc9;
  color: #000;
  margin: -5px;
  padding: 5px;
}

.background-warning {
  background-color: #ffe0b0;
  color: #000;
  margin: -5px;
  padding: 5px;
}

.background-alert {
  background-color: #ffc6c1;
  color: #000;
  margin: -5px;
  padding: 5px;
}

.background-fill {
  color: #000;
  margin: -5px;
  padding: 5px;
}

.daterange-dropdown-menu {
  padding: 20px 0;
  min-width: 400px;
}

.background-ivory {
  background-color: #FFFFF0;
}

.background-beige {
  background-color: #F5F5DC;
}

.background-wheat {
  background-color: #f9e9cd;
}

.background-tan {
  background-color: #efe5d7;
}

.background-khaki {
  background-color: #e7e0d4;
}

.background-silver {
  background-color: #f2f2f2;
}

.background-gray {
  background-color: #b3b3b3;
}

.background-charcoal {
  background-color: #919191;
}

.background-navyblue {
  background-color: #4d4dff;
}

.background-royalblue {
  background-color: #7cb4f8;
}

.background-mediumblue {
  background-color: #9999ff;
}

.background-azure {
  background-color: #cce5ff;
}

.background-cyan {
  background-color: #ccffff;
}

.background-aquamarine {
  background-color: #e5fff7;
}

.background-teal {
  background-color: #6ce2e2;
}

.background-forestgreen {
  background-color: #94e594;
}

.background-olive {
  background-color: #eaea89;
}

.background-chartreuse {
  background-color: #ccff99;
}

.background-lime {
  background-color: #e6ff99;
}

.background-golden {
  background-color: #fff099;
}

.background-goldenrod {
  background-color: #f1dba2;
}

.background-coral {
  background-color: #ffcbb8;
}

.background-salmon {
  background-color: #fdd7d3;
}

.background-hotpink {
  background-color: #ffd7f5;
}

.background-fuchsia {
  background-color: #ffdbff;
}

.background-puce {
  background-color: #ebd1d7;
}

.background-mauve {
  background-color: #f5e5ff;
}

.background-lavender {
  background-color: #e3cff2;
}

.background-plum {
  background-color: #dda2d5;
}

.background-indigo {
  background-color: #dfb3ff;
}

.background-maroon {
  background-color: #ff8080;
}

.background-crimson {
  background-color: #f16581;
}

.color-ivory {
  color: #FFFFF0;
}

.color-beige {
  color: #F5F5DC;
}

.color-wheat {
  color: #f9e9cd;
}

.color-tan {
  color: #efe5d7;
}

.color-khaki {
  color: #e7e0d4;
}

.color-silver {
  color: #f2f2f2;
}

.color-gray {
  color: #b3b3b3;
}

.color-charcoal {
  color: #919191;
}

.color-navyblue {
  color: #4d4dff;
}

.color-royalblue {
  color: #7cb4f8;
}

.color-mediumblue {
  color: #9999ff;
}

.color-azure {
  color: #cce5ff;
}

.color-cyan {
  color: #ccffff;
}

.color-aquamarine {
  color: #e5fff7;
}

.color-teal {
  color: #6ce2e2;
}

.color-forestgreen {
  color: #94e594;
}

.color-olive {
  color: #eaea89;
}

.color-chartreuse {
  color: #ccff99;
}

.color-lime {
  color: #e6ff99;
}

.color-golden {
  color: #fff099;
}

.color-goldenrod {
  color: #f1dba2;
}

.color-coral {
  color: #ffcbb8;
}

.color-salmon {
  color: #fdd7d3;
}

.color-hotpink {
  color: #ffd7f5;
}

.color-fuchsia {
  color: #ffdbff;
}

.color-puce {
  color: #ebd1d7;
}

.color-mauve {
  color: #f5e5ff;
}

.color-lavender {
  color: #e3cff2;
}

.color-plum {
  color: #dda2d5;
}

.color-indigo {
  color: #dfb3ff;
}

.color-maroon {
  color: #ff8080;
}

.color-crimson {
  color: #f16581;
}

@media screen and (max-height: 600px) {
  .pdfcanvas {
    max-height: calc(100vh - 90px);
    max-width: 100%;
  }
}
@media screen and (min-height: 600px) {
  .pdfcanvas {
    max-height: calc(100vh - 270px);
    max-width: 100%;
  }
}

/* switch toggle */
.procedureswitch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18px;
}

.procedureswitch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #7acbd1;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

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

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

.img-pdf-headerfooter-preview {
  max-height: 2cm;
}

.pdfimage-center {
  margin: 0 auto;
}

.pdfimage-right {
  margin-left: auto;
}

.searchbar-input:not(:focus) {
  border-color: #edf1f2;
  max-width: 100px
}

.searchbar-input:focus {
  max-width: 1000px
}

.input-dropdown-bar {
  max-width: 150px;
  display: initial;
}

.tableFixHead {
  overflow-y: auto;
}

.tableFixHead th {
  position: sticky;
  position: -webkit-sticky; /* Safari */
  top: 0;
  background: #ffffff;
}

.tableFixHead .col-with-filter {
  position: sticky;
  position: -webkit-sticky; /* Safari */
  top: 0;

  background-color: #F1FEFF;
  border-color: #80D0D6;
  color: #006367;
  text-shadow: 0 0 1px #79faff;
}

.small-title {
  font-size: 20px;
}

.unread-item {
  color: #ffb768;
}

.procedure-metadata {
  max-height: 700px;
  overflow-y: auto;
}

.procedure-footer {
  position: fixed;
  height: 50px;
  opacity: 0.5;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #000;
  color: white;
  text-align: center;
  z-index: 1;
}

.headerField > hr {
  border-top: 2px solid #dcdcdc;
}

.headerField-section > hr {
    border-top: 2px solid #dcdcdc;
}

.headerField-section * img  {
    max-width: 120%;
    height: auto !important;
    width: auto !important;
}


/* Activity feed styling*/

.activity-feed {
  padding: 20px;
}

.activity-feed .feed-item {
  position: relative;
  padding-bottom: 15px;
  padding-left: 25px;
  margin-left: 15px;
  border-left: 2px solid #e4e8eb;
}

.limited-message {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  font-weight: bold;
  vertical-align: bottom;
}

.activity-feed .feed-item:last-child {
  border-color: transparent;
}

.activity-feed .feed-item .feed-circle {
  position: absolute;
  top: 0;
  left: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #80D0D6;;
  background-color: #F1FEFF;
  color: #36adb5;
  text-align: center;
}

.activity-feed .feed-item .feed-circle i {
  color: #36adb5;
  vertical-align: middle;
  line-height: 28px;
}

.activity-feed .feed-item .user {
  color: #54C4C7;
  font-weight: 600;
}

.activity-feed .feed-item .separator {
  color: #36adb5;
}

.activity-feed .feed-item .note {
  font-size: 14px;
  border-bottom: 1px solid #EBEFF3;
  padding: 7px;
  padding-right: 20px;
  position: relative;
}

.activity-feed .comment-options {
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
}

.activity-feed .comment-dropdown {
  position: relative;
}

.activity-feed .comment-options-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.activity-feed .feed-item .date {
  position: relative;
  color: #8c96a3;
}

.activity-feed .feed-item .date-small {
  font-size: 10px;
}

.activity-feed-title {
  border-top-width: 1px;
}

.form-activity-feed-title {
  border-top-width: 0;
  margin-top: -12px;
}

.template-instance-metadata-entry {
  position: relative;
  top: -25px;
}

.activity-feed-task-status {
  position: relative;
}

.activity-feed-task-status .dropdown-menu {
  top: 20px;
  left: -140px;
}

.activity-feed .root-cause-options {
  position: relative;
  color: #00AAA7;
  text-align: center;
  font-size: 15px;
}

.email-table {
  width: 100%;
  margin: 0 -5px;
}

.email-table tr td.mail,
.email-table tr th.mail {
  width: 100%;
}

.email-table tr td,
.email-table tr th {
  padding: 5px;
}

.email-table .email-tool,
.email-table .email-tool {
  width: 40px;
  text-align: center;
}

.email-table .ng-invalid-email {
  border: 1px solid #ff9999;
}

.email-pdf-warn {
  min-height: 60px;
}

.email-pdf-warn label {
  cursor: pointer;
}

.file-form-details-tab {
  margin-top: 10px;
  min-height: 310px;
}

.floating-button-text {
  background-color: #999c9e;
  color: #fff;
  border-radius: 4px;
  padding: 2px 5px;
  width: fit-content;
  transform: scale(0);
  position: fixed;
  margin: 10px 0;
  right: 100px;
  cursor: pointer;
}

.floating-button {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #05968D;
  position: fixed;
  bottom: 20%;
  right: 50px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
}

.floating-button i {
  color: white;
  font-size: 16px;
  font-weight: 300;
  line-height: 46px;
  vertical-align: middle;
  transition: all 0.3s;
}

@keyframes bounce-floating {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes bounce-out-floating {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}

.container-floating {
  position: fixed;
  width: 55px;
  height: 45px;
  bottom: 10%;
  right: 45px;
  z-index: 1001 !important;
}

.container-floating:hover .floating-button-text {
  animation: bounce-floating 0.1s linear;
  animation-fill-mode: forwards;
}

.btn-connector {
  white-space: normal;
  min-height: 130px;

  border: 1px solid #e5e6e7;
  background-color: #FFFFFF;
  color: #777;
}

.btn-connector-image {
  height: 63px;
  font-size: 40px;
}

.btn-connector-image > img {
  max-height: 63px;
  max-width: 130px;
}

.padding-bottom {
  padding-bottom: 7px;
}

.no-connection-warning {
  color: #585858;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}

/* Custom checkbox */

.custom-checkbox label:after {
  content: '';
  display: table;
  clear: both;
}

.custom-checkbox .check {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1em;
  height: 1em;
  float: left;
  margin-right: .6em;
}

.custom-checkbox .check .check-icon {
  position: absolute;
  font-size: .9em;
  line-height: 0;
  top: 40%;
  left: 15%;
}

.custom-checkbox label input[type="checkbox"] {
  display: none;
}

.custom-checkbox label input[type="checkbox"] + .check > .check-icon {
  opacity: 0;
}

.custom-checkbox label input[type="checkbox"]:checked + .check > .check-icon {
  opacity: 1;
}

.custom-checkbox label input[type="checkbox"]:disabled + .check {
  opacity: .5;
}

.planned-inspection-container {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 2px solid #e7eaec;
}

.custom-field {
  background: white;
  padding-top: 10px;
  padding-bottom: 10px;
}

.field-section {
  margin-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px 10px 0 0;
}

.field-section-extra {
  border-top: 2px solid #F5F5F5;
}

.field-section-toggle {
  padding-top: 14px;
}

.custom-field .table {
  margin-bottom: 10px;
}

.field-notification {
  padding-top: 0;
  padding-bottom: 0;
}


/* custom field selects*/
.cf-select,
.input-clearable {
  display: flex;
  flex-wrap: wrap;
}

.cf-select .chosen-container,
.input-clearable input {
  width: calc(100% - 28px) !important;
}

.cf-select .chosen-container + .input-group-btn,
.input-clearable input + .input-group-btn {
  display: inline-block;
}

.cf-select .chosen-container + .input-group-btn:last-child > button,
.input-clearable input + .input-group-btn:last-child > button {
  height: 100%;
  margin-left: 1px;
}

/*custom field selects end*/

/*rca elements*/

.root-cause-analysis-type {
  min-height: 600px;
  margin: 10px;
  padding: 10px;
}

.root-cause-analysis {
  min-height: 600px;
}

.root-cause-analysis-templates {
  margin-bottom: 8px;
}

.root-cause-analysis-row {
  margin-bottom: 10px;
}

.root-cause-analysis-type {
  min-height: 600px;
  margin: 10px;
  padding: 10px;
}

.root-cause-analysis {
  min-height: 600px;
}

.root-cause-analysis-templates {
  margin-bottom: 8px;
}

.root-cause-analysis-row {
  margin-bottom: 10px;
}

/*rca elements end*/

#qc-tabs .nav-tabs > li.active > a {
  background: white;
}

#qc-tabs .nav-tabs > li > a {
  background: #f9f9f9;
}

.activity-feed-modal-table {
  table-layout: fixed;
  word-wrap: break-word;
}

.support-btn {
  color: white !important;
  background-color: rgb(29, 140, 147);
  border-color: white;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.navbar-button {
  padding-top: 17px !important;
  padding-bottom: 19px !important;
  font-size: 14px !important;
}

.cursor-pointer {
  cursor: pointer;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  white-space: inherit !important;
}

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

.edit-fields-padding {
  padding: 0 40px;
}

.workflow-modal-topbar {
  height: 25px;
}