.menu-icon-forms,
.menu-icon-my-account {
  display: block!important;
}


.g_wrapper {
  position: relative;
}

.g_title {
  font-size: 1.25em;
  background-color: #fff;
  font-style: italic;
  font-weight: 600;
  height: 51px;
  line-height: 52px;
  padding-left: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  right: 15px;
  left: 62px;
  top: 0;
}

.fake-link-normal {
  cursor: pointer;
  color: var(--color-secoundary-one)!important;
  text-decoration: none!important;
}

.submitted_date {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: -5px;
}

.g_wrapper h2 {
  font-size: 1.25em;
}

.g_wrapper h3 {
  font-size: 1.18em;
}

html body .g_wrapper h2,
html body .g_wrapper h3 {
  font-weight: 700;
  border-bottom: none;
}

html body .g_wrapper .gform_heading {
  background-color: var(--color-secoundary-two);
}

.accordion-container {
  flex-wrap: wrap;
  display: flex;
}

.accordion-wrapper {
  width: 100%;
  display: none;
}

html body .fake-link {
  cursor: pointer;
  border-bottom: 2px solid var(--color-secoundary-one)!important;
}

img.js-imagepreview {
  max-width: 180px;
  display: none;
}




html body .fake-link::after {
  content: "";
  background-image: url(../img/Propsafety-icon-arrow-down-orange.svg);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-size: 32px 50px;
  display: inline-block;
  float: right;
  margin-right: 0;
  margin-top: -5px;
  position: absolute;
  right: 0;
}


.g_wrapper input {
  font-size: 20px !important;
  line-height: 38px !important;
  padding: 5px 4px;
  letter-spacing: normal;

}

.g_wrapper .entry {
  margin-top: 21px;
  margin-bottom: 8px;
}

.g_wrapper .label {
  margin-bottom: .5rem;
}

html body .g_wrapper .label.decoration {
  border-bottom: 1px solid var(--color-secoundary-one);
  width: 100%;
  font-weight: 300;
  font-size: 20px;
}

.g_wrapper .form-control:disabled,
.g_wrapper .form-control[readonly] {
  /* background-color: #f7f7f7; */
}

html body .g_wrapper .form-control:disabled,
html body .g_wrapper .form-control[readonly] {
  background-color: var(--color-secoundary-two);
  border-color: var(--color-secoundary-two);
  cursor: not-allowed;
  opacity: 1;
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: none;
  font-size: 20px !important;
}

.g_wrapper .subTitle {
  margin-top: 0;
}

.g_wrapper .subTitle .label {
  font-style: italic;
  margin-bottom: 2px;
  font-size: 16px;
}

.g_wrapper .time-input {
  margin-right: 15px;
  width: 90px;
}


/* .g_wrapper .radio-input {
  visibility: hidden;
} */


::placeholder {
  font-size: 16px;
}


.da_radio_wrapper input {
  visibility: hidden !important;
}


.da_radio_wrapper {
  background-color: #fff;
  margin-top: 8px;
  margin-right: 0;
  height: 38px;
}

.da_radio_wrapper .radio-label::before {
  width: 35px;
  height: 38px;
  background-size: 25px 25px;
  content: "";
  background-color: #404040;
  padding: 8px;
  margin-right: -4px;
  background-image: url(../img/propsafety-ikon-pil-hoyre.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 30px;
}

.da_radio_wrapper .radio-label {
  margin-right: 20px;
  font-size: 20px;
  line-height: 38px;
  font-style: italic;
  margin-left: 30px;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  cursor: pointer;
}

.da_radio_wrapper.disabled {
  background-color: #E9ECEF;
}

.da_radio_wrapper.disabled .radio-label {
  cursor: auto;
}





span.checkbox-replacer::before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 25px;
  height: 25px;
  background: white;
  position: absolute;
  top: 4px;
  left: 0;
}

.da_checkbox_wrapper.disabled span.checkbox-replacer::before {
  background: #E9ECEF;
}


.da_checkbox_super_wrapper input[type=checkbox] {
  vertical-align: top;
}

.da_checkbox_super_wrapper input {
  position: absolute;
  opacity: 0;
}

.da_checkbox_super_wrapper label {
  margin-left: 15px;
  font-size: 16px;
  margin-top: 4px;
  cursor: pointer;
}


.da_checkbox_wrapper {
  margin-top: 8px;
}

.da-approve-form,
.da-approve-failed-form {
  display: none;
}

.da_radio_wrapper_selected {
  background-color: #97D700;
}

.da_radio_selected:before {
  content: "" !important;
  background-color: transparent !important;
  padding: 8px !important;
  margin-right: -4px !important;
  background-image: url(../img/propsafety-ikon-avhuk.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: center !important;
  background-position-x: center !important;
  display: inline-block !important;
  vertical-align: top !important;
}

.da_radio_selected {
  color: #fff !important;
  font-weight: 300 !important;
}


html body input[type="checkbox"]:checked+span.checkbox-replacer::before {
  background: var(--color-main-one) !important;
  background-image: url(../img/Propsafety-icon-check.svg)!important;
}

input[type="checkbox"]:checked+span.checkbox-replacer::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 16px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.card a {
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  border-bottom-left-radius: var(--px-border-radius)!important;
  border-bottom-right-radius: var(--px-border-radius)!important;
}


.statistics-wrapper .card .btn,
.approved-forms-overview.card a {
  border-top-left-radius: var(--px-border-radius)!important;
  border-top-right-radius: var(--px-border-radius)!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.date-label {
  padding: 13px;
  background-color: var(--color-secoundary-four);
  color: #fff;
}

.datepicker-statistics {
  margin-left: -4px;
  margin-top: -1px;
  border-top-left-radius: 0!important;
  border-top-right-radius: var(--px-border-radius)!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: var(--px-border-radius)!important;
  height: 50px;
}

html body .new-forms-status {
  min-height: 70px;
  width: 100%;
  line-height: 70px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}


html body .no-new-forms-status {
  min-height: 70px;
  width: 100%;
  line-height: 70px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}

.checked-icon-wrapper {
  width: 50px;
  height: 50px;
  margin-left: 15px;
}

.checked-icon {
  color: var(--color-dark-green);
}


html body .no-new-forms-status {
  background-color: var(--color-very-light-green);
}

.new-forms-status {
  background-color: var(--color-secoundary-one-lighter)!important;
}

.new-forms-status.team-forms {
  background-color: #E5E5E5;
}

.new-forms-qty {
  background-color: var(--color-secoundary-one)!important;
}

.new-forms-qty.team-forms {
  background-color: #B2B2B2;
}


html body .no-new-forms-decor {
  background-color: var(--color-dark-green);
}

html body .no-new-forms-decor {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
  display: inline-block;
  color: #fff;
  line-height: 60px;
  text-align: center;
  font-size: 46px;
  font-weight: 400;
}


html body .new-forms-qty,
html body .no-new-forms-decor {
  position: inherit;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 28px;
  vertical-align: middle;
  margin-left: 0.8rem;
}

html body .new-forms-text,
html body .no-new-forms-text {
  font-weight: 400;
  font-size: 25px;
  margin-left: 10px;
  margin-top: 0;
  padding-top: 4px;
  padding-bottom: 6px;
  vertical-align: text-bottom;
  display: inline-block;
  vertical-align: middle;
}

html body .new-forms-goto {
  float: none;
  margin-right: 15px;
  margin-left: 15px;
  margin-top: inherit;
}

.new-forms-goto a.btn {
  font-size: 20px;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
}

.new-forms-goto a.btn.btn-danger {
  background-color: #D95154;
  border-color: #D95154;
  color: #fff;
}

.new-forms-goto.team-forms a.btn.btn-danger {
  background-color: #B2B2B2;
  border-color: #B2B2B2;
}

html body .new-forms-goto a {
  color: var(--default-font-color)!important;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 50px;
}

.dashboard .arrow-right-icon {
  margin-top: 0;
  line-height: 60px;
  margin-right: 6px;
  width: 28px;
  height: 28px;
  background-size: 40px 31px;
}


a.btn.btn-danger:focus {
  color: #fff;
}


.blue-new-form-icon,
.blue-user-icon,
.blue-approved-forms-icon,
.blue-statitic-icon,
.blue-confidentiality-icon,
.blue-learning-icon,
.blue-project-icon {
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto;
}

.blue-project-icon {
  background-image: url("../img/Propsafety-dashboard-prosjketer.svg")!important;
}

.blue-confidentiality-icon {
  background-image: url("../img/propsafety-ikon-taushetserklaering-blaa.svg")!important;
}

.blue-statitic-icon {
  background-image: url("../img/Propsafety-dashboard-statistikk.svg")!important;
}

.blue-approved-forms-icon {
  background-image: url("../img/propsafety-ikon-godkjente-skjemaer-blaa.svg")!important;
}

.blue-user-icon {
  background-image: url("../img/Propsafety-dashboard-rediger-profil.svg")!important;
}

.blue-new-form-icon {
  background-image: url("../img/Propsafety-dashboard-innsendte-skjemaer.svg")!important;
}

.blue-learning-icon {
  background-image: url("../img/Propsafety-dashboard-kursoversikt.svg")!important;
}


.btn.btn-primary {
  width: 100%;
  color: #fff;
  font-size: 25px;
}

#stat-percent-hook {
  cursor: pointer;
}

.blue-btn,
.blue-btn:focus,
.blue-btn:hover,
.blue-btn:visited {
  background-color: var(--color-main-one) !important;
  border-color: var(--color-main-one) !important;
  outline: none !important;
  box-shadow: none !important;
  padding-top: 12px;
  padding-bottom: 12px;
}

.blue-btn-no-padding,
.blue-btn-no-padding:focus,
.blue-btn-no-padding:hover,
.blue-btn-no-padding:visited {
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  padding-left: 17px;
}

.padding-btn-left-arrow {
  padding-left: 5px !important;
}

.card-title-txt {
  line-height: 56px;
  width: 85%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 46px;
}


.approved-forms-overview .arrow-right-icon {
  margin-top: 10px;
  margin-right: -5px;
}

html body .user-action-chooser-wrapper .blue-btn,
html body .user-action-chooser-wrapper .blue-btn:focus,
html body .user-action-chooser-wrapper .blue-btn>span {
  font-style: normal!important;
  text-align: left;
  font-size: 20px !important;
  font-weight: bold;

}

/* .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus {
  font-style: normal;
  font-size: 20px!important;
  font-weight: bold;

} */

.btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

html body .btn.btn-success:focus,
html body .btn.btn-success:active {
  background-color: var(--color-secoundary-one) !important;
  border-color: var(--color-secoundary-one) !important;
}

.btn-seperator {
  border-right: 2px solid var(--color-main-one)!important;
  position: absolute;
  bottom: 0;
  right: 54px;
  z-index: 9999;
  height: 56px;
}

.btn-seperator-top {
  border-right: 2px solid var(--color-main-one)!important;
  position: absolute;
  right: 54px;
  z-index: 800;
  height: 56px;
}

.pos-left-side {
  left: 50px;
  right: auto;
}



.arrow-right-red {
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 28px solid var(--color-secoundary-one)!important;
  display: inline-block;
  margin-left: 60px;
  float: left;
}

.arrow-right-grey {
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 28px solid #B2B2B2;
  display: inline-block;
  margin-left: 60px;
  float: left;
}

html body .arrow-right-green {
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 28px solid var(--color-dark-green);
  display: inline-block;
  margin-left: 60px;
  float: left;
}


html body .white-thumbs-up-icon {
  background-image: url(../img/Propsafety-icon-varsel-tommel-opp.svg);
  background-repeat: no-repeat;
  width: 40px;
  height: 100%;
  display: inline-block;
  background-position: 1px 0px;
  background-size: 100% 100%;
}

table.table-propsafety-blue-light {
  border-collapse: separate;
}

.table-propsafety-blue-light {
  color: #404040;
  background-color: #fff;
}

.table-propsafety-blue-light thead {
  background-color: #4E8ABE;
  color: #fff;
}

.table-propsafety-blue-light tbody {
  color: #404040;
  background-color: #f9f9f9;
}

.table-propsafety-blue-light tbody td,
.table-propsafety-blue-light thead th {
  padding: 10px 20px;
}

.table-propsafety-blue-light td,
.table-propsafety-blue-light th,
.table-propsafety-blue-light thead th {
  border-color: #fff;
}

.table-propsafety-blue-light th {
  border-top: none;
}

.table-propsafety-blue-light td {
  cursor: pointer;
}

.propsafety-blue-dark {
  background-color: var(--color-main-one);
}

.wpml-ls-statics-shortcode_actions {
  display: none;
}


.vue-wrapper table thead tr th {
  position: relative;
}


.vue-wrapper .appreved_date {
  width: 130px;
}

.vue-wrapper .description {
  max-width: 450px;
}

.vue-wrapper .title {
  max-width: 320px;
}

.vue-wrapper .go_to_link {
  text-align: center;
  width: 70px;
}

.abbr-wrapper .abbr {
  font-size: 12px;
  color: #555;
  margin-right: 10px;
}

.vue-wrapper .arrow {
  position: absolute;
  right: 8px;
  top: 22px;
}

.work-description-short {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* margin-right: 15px; */
  /* margin-top: 10px; */
}

.removes-nowrap {
  white-space: normal;
}


.show-hide-info {
  position: absolute;
  right: 10px;
  bottom: 12px;
  font-size: 22px;
}

.nav-course-user-property {
  position: absolute;
  right: 0;
  bottom: 5px;
}




.statistics-toc {
  position: absolute;
  /* left: 20px; */
  top: -20px;
  border-right: none!important;
  height: 100vh;
  width: 250px;
}

.toc-title-block {
  margin-left: 20px;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 20px;
}

.toc-title-block > * {
  width: 100%;
}

.toc-title-toggler {
  float: right;
  margin-right: 20px;
  color: #B3B3B3;
  cursor: pointer;
  display: none;
}

.toc-content-block {
  background-color: #fff;
  padding: 20px;
}

.toc-more-important-links {
  color: var(--color-main-one);
  font-size: 20px;
  font-weight: 700;
}



@media screen and (max-width: 550px) {

  .new-forms-goto,
  .new-forms-goto a.btn {
    width: 100%;
  }

  .new-forms-goto {
    margin-right: auto;
  }

  .new-forms-other-wrapper,
  .new-forms-other-heading {
    margin-top: 75px !important;
  }

  .new-forms-text,
  .no-new-forms-text {
    font-size: 16px;
  }
}









/* DATEPICKER */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fff3cd;
  color: #777620;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid var(--color-main-one);
  background: var(--color-main-two);
  font-weight: normal;
  color: #fff;
}