:root {
	--nize-green: #004338;
	--nize-button1-hover: #95755c;
	--nize-button1: #bf9776;
	--nize-button2-hover: #f3ebe6;
	--nize-button2: #ffffff;  
	--nize-button2-border: #bf9776; 
	--nize-button2-text: #bf9776;
	
	/* Readonly input bg farve */
	--nize-input-readonly-bgcolor: #dde8e5;
	/* Stroke på inputfelter: #dfe5e3 */
	--nize-input-bordercolor: #8dafaa;
	/* De grønne tekster: #454e50 */
	--nize-text-green-color: #454e50;
	/* Overskifter */
	--nize-header-text-color: #054f43;
	/* Baggrundsfarve på dropdown menuerne i headeren: #1a362f - Skillestregerne: #365a51 */
	--nize-header-dropdown-bgcolor: #032c25;
	--nize-header-dropdown-hr-color: #365a51;
	--nize-dropdown-bgcolor: #bf9776;
	--nize-dropdown-hr-color: #d8b9a5;
	/* Baggrundsfarve I header (menu området): #1f3f37 */
	--nize-header-bgcolor: #043d34;
	/* Baggrundsfarve I header bag logo: #054f43 */
	--nize-header-logo-bgcolor: #054f43;
	/* Den brune farve der bruges på bl.a., knapper og alt andet der har den brune farve: #bf9776 */
	--nize-brown: #bf9776;
	/* Farven på den røde knap: #ff5961 */
	--nize-btn-red-bgcolor: #ff5961;
	/* Farven på den blå knap: #a3dbf2 */
	--nize-btn-blue-bgcolor: #a3dbf2;
	/* Baggrundsfarve i modalvinduet: #eef1f0 */
	--nize-modal-bgcolor: #eef1f0;
	/* Den generelle lyse baggrundsfarve: #eef1f0 */
	--nize-body-bgcolor: #edf3f2;
	/* Baggrundsfarve på versioneringselementet i footer: #dfe5e3 */
	--nize-footer-bgcolor: #dfe5e3;
	/* Tilbuds top ReadOnly farve */
	--nize-offer-top-input-bgcolor: #c6d7d3;
	--nize-offer-top-bgcolor: #dde8e5;
	
  }
  
  /******************* General Settings: START *********************/
  html{
	  height: 100%;
	  font-family: Gilroy;
	  
  }
  body{
	  font-family: Gilroy;
	  background: none;
	  background-color: var(--nize-body-bgcolor);
	  padding-bottom: 100px;
  }
  
  h1{
	  font-weight: bold;
	  margin-top: 92px;
	  margin-bottom: 0px;	
  }
  
  h2{
	  margin-top: 30px;
	  margin-bottom: 40px;
	  font-weight: bold;
	  font-size: 36px;
  }
  /* Ændre farven på alle headers */
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .jumbotron .h1, .jumbotron h1 {
	color: var(--nize-header-text-color);
  }
  
  .hidden{
	  display: none;
  }
  
  .right{
	  float: right;
  }
  
  .left{
	  float: left;
  }
  
  .nopadding{
	  padding: 0px !important;
  }
  
  .nomargin{
	  margin: 0px !important;
  }
  
  .margintop10px{
	  margin-top: 10px !important;
  }
  
  .marright15{
	  margin-right: 15px;
  }
  
  .noleftpadding{
	  padding-left: 0px;
  }
  
  .flex{
	  display: flex;
  }
  
  .flex-end{
	  justify-content: flex-end
  }
  
  .flex-wrap{
	  flex-wrap: wrap;
  }
  
  .flex-vcenter{
	  align-items: center;
  }
  
  .gap5{
	  gap: 5px;
  }
  
  .gap10{
	  gap: 10px;
  }
  /******************* General Settings: END *********************/
  
  /******************* Login Page(s): START *********************/
  
  body.loginpage{
	  background-color: #054f43;
	  background-image: url("/images/Loginbaggrund.png");
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  margin-top: 10%;
	  color: #fff;
  }
  
  body.loginpage h4{
	  font-weight: 800;
	  font-size: 30px;
	  margin: 0px;
      color: #fff;
  }
  
  body.loginpage form{
	  margin-top: 15px;
	  margin-bottom: 25px;
  }
  
  body.loginpage p{
	  font-size: 18px;
	  margin: 0px 0px 0px 0px;
  }
  
  
  body.loginpage .form-login a{
	  color: var(--nize-brown);
	  font-size: 16px;
  }
  
  body.loginpage .login-options{
	  display: flex;
	  justify-content: space-between;
	  align-items: end;
	  margin-top: 25px;
  }
  
  body.loginpage input[type='text'], body.loginpage input[type='password']{
	  border-radius: 25px;
	  padding: 15px 15px 15px 45px;
	  font-size: 16px;
	  display: block;
	  height: 45px;
  }
  
  body.loginpage .btn{
	  font-size: 22px !important;
	  padding-left: 55px;
	  padding-right: 55px;
	  padding-top: 7px;
	  padding-bottom: 7px;
	  font-weight: 700;
  }
  
  body.loginpage .username-wrapper img, 
  body.loginpage .password-wrapper img, 
  body.loginpage .email-wrapper img, 
  body.loginpage .token-wrapper img{
	  position: relative;
	  left: 15px;
	  top: 30px;
	  width: 20px;
	  height: 20px;
	  z-index: 2;
	  margin: 0px;
	  padding: 0px;
  }
  
  
  /******************* Login Page(s): END *********************/

  /******************* General Nize Offer Header: START *********************/
  
  .site-menu{
	  position: sticky;
	  top: 0px;
	  left: 0px;
	  width: 100%;
	  z-index: 100;
  }
  
  #logolink{
	  height: 78px;
	  width: 266px;
	  background-color: var(--nize-header-logo-bgcolor);
	  padding-left: 5px;
	  padding-right: 5px;
	  margin-right: 10px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  
  #logo{
	  height: 60px;	
  }
  
  
  #usericon{
	  height: 44px;
	  border-radius: 22px; 
	  background-color: var(--nize-header-logo-bgcolor);
	  padding: 10px 11px 10px 11px;	
	  margin-left: 45px;
  }
  
  #userdisplayname{
	  font-size: 18px;
	  padding-left: 10px;
  }
  
  #logout a{
	  color: var(--nize-brown);
	  background-color: var(--nize-header-logo-bgcolor);
	  padding: 9px 35px 9px 35px;
	  border-radius: 22px; 
  }
  
  #logout img{
	  height: 20px;
	  padding-right: 10px;
  }
  
  #logout a:hover{
	  background-color: rgba(0, 0, 0, 0.1);
  }
  
  .navbar-right{
	  display: flex;
	  align-items: center;
	  height: 78px;
	  gap: 30px;
	  font-size: 18px;
  }
  
  .navbar-default{
	  background-color: var(--nize-header-bgcolor);
	  border: 0px;
	  color: white;
  }
  
  .navbar-default .navbar-text, .navbar-default .navbar-link {
	  color: white;
  }
  
  .navbar-default .navbar-link:hover{
	  color: white;
  }
  
  .navbar {
	  border-radius: 0px;
  }
  
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus
   {
	  color: white;
	  font-weight: normal;
  }
  
  .navbar-default .navbar-nav > .open > a{
	  color: white;
	  background-color: transparent;
  }
  
  .navbar-default .navbar-nav > .open > a:hover{
	  color: white;
	  background-color: transparent;
  }
  
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
	color: white;
	background-color: var(--nize-header-bgcolor);
  }
  
  .nav-tabs {
	  border-bottom: 1px solid var(--nize-green);
  }
  
  .nav-tabs > li > a {
	  background-color: transparent;
	  color: var(--nize-text-green-color);
	  border: none;
	  padding: 5px 10px;
  }
  
  .nav > li > a:focus, 
  .nav > li > a:hover{
	  background-color: transparent;
	  color: var(--nize-text-green-color);
	  border: none;	
  }
  
  .nav-tabs > li.active > a, 
  .nav-tabs > li.active > a:focus, 
  .nav-tabs > li.active > a:hover{
	  background-color: var(--nize-text-green-color);
	  color: white;
	  outline: none;
	  border-top-left-radius: 5px;
	  border-top-right-radius: 5px;
	  border: none;
  }
  /******************* General Nize Offer Header: END *********************/
  
  /******************* General Nize Offer Footer: START *********************/
  .footer{
	  position: fixed;
	  left: 0px;
	  bottom: 0px;
	  height: 50px;
	  background-color: var(--nize-footer-bgcolor);
	  padding: 20px 45px 20px 30px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  
  .footer-icon{
	  width: 18px;
	  height: 18px;
	  margin-right: 10px;
  }
  /******************* General Nize Offer END: START *********************/
  
  /******************* Drop Down Menues: START *********************/
  /* navbar for header, container for body */
  .navbar .dropdown-menu{
	  background-color: var(--nize-header-dropdown-bgcolor);
	  padding: 0px;
	  top: 125%;
  }
  
  .navbar .dropdown-menu .divider{
	  background-color: var(--nize-header-dropdown-hr-color);
	  margin: 0px;
	  margin-bottom: 12px; /*.dropdown-menu > li top Padding should be the same as this */
	  padding: 0px;
  }
  
  .navbar .dropdown-menu > li > a:hover,
  .navbar .dropdown-menu > li > a:focus {
	  color: var(--nize-brown);
	  background-color: transparent;
	  outline: none;
  }
  
  .container .dropdown-menu{
	  background-color: var(--nize-dropdown-bgcolor);
	  padding: 0px;
	  top: 100%;
  }
  
  .container .dropdown-menu .divider{
	  background-color: var(--nize-dropdown-hr-color);
	  margin: 0px;
	  margin-bottom: 12px; /*.dropdown-menu > li top Padding should be the same as this */
	  padding: 0px;
  }
  
  .container .dropdown-menu > li > a:hover,
  .container .dropdown-menu > li > a:focus {
	  color: var(--nize-green);
	  background-color: transparent;
	  outline: none;
  }
  
  .dropdown-menu > li {
	  text-align: right;
	  padding: 0px 30px 12px 10px;
	  
  }
  
  .dropdown-menu > li:first-child {
	  padding: 25px 30px 12px 10px;
  }
  
  .dropdown-menu > li:last-child {
	  padding: 0px 30px 25px 10px;
  }
  
  .dropdown-menu > li > a {
	  color: white;
	  padding: 0px;
	  outline: none;
  }
  
  
  
  .open{
	  background-color: transparent;
  }
  /******************* Drop Down Menues: END *********************/
  
  /******************* General Nize Offer Body: START *********************/
  
  .breadcrumb{
	  padding: 0px;
	  margin-top: 20px;
	  margin-bottom: 20px;
	  background-color: transparent;
	  border-radius: none;
  }
  
  .breadcrumb-selected{
	  font-weight: bold;
  }
  
  .breadcrumb a {
	  color: var(--nize-green);
  }
  
  
  
  body.nizeoffer{
	  color: var(--nize-text-green-color);
	  background-color: var(--nize-body-bgcolor);
	  font-size: 14px;
  }
  
  body.nizeoffer p{
	  margin: 0px;
  }
  
  body.nizeoffer label {
	  color: var(--nize-header-text-color);
	  font-size: 16px;
	  max-width: none;
  }
  
  body.nizeoffer input[type='text'], 
  body.nizeoffer input[type='email'], 
  body.nizeoffer input[type='number']  {
	  padding: 15px 15px 15px 15px;
	  font-size: 14px;
	  display: block;
	  border: 1px solid var(--nize-input-bordercolor);
	  height: 38px;
	  background-color: white;
  }
  
  body.nizeoffer input[type='date']  {
	  font-size: 14px;
	  display: block;
	  border: 1px solid var(--nize-input-bordercolor);
	  height: 38px;
	  background-color: white;
	  padding-left: 15px;
	  padding-right: 15px;
  }
  
  #offerHeader input,
  #saHeader input {
	  width: 155px;
  }
  
  div.flexHeaderSection{
	  display: flex;
	  flex-direction: rows;
	  gap: 10px;
	  flex-wrap: wrap;
  }
  
  div.flexHeaderElement{
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-end;
  }
  
  
  
  /*
  body.nizeoffer input[type='checkbox']{
	  width: 20px !important;
	  height: 20px !important;
	  accent-color: var(--nize-green);
  }
  
  body.nizeoffer input[type='checkbox'].large{
	  width: 40px !important;
	  height: 40px !important;
	  accent-color: var(--nize-green);	
  }
  */
  
  input[type='checkbox'] + label {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid var(--nize-input-bordercolor);
	border-radius: 2px;
	cursor: pointer;
	background-color: white;
  }
  input[type='checkbox']:checked + label {
	background-image: url("/images/icons/check-regular.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80% 80%;  
  }
  
  input[type='checkbox'].large + label {
	display: inline-block;
	width: 38px;
	height: 38px;
	border: 1px solid var(--nize-input-bordercolor);
	border-radius: 4px;
	cursor: pointer;
	background-color: white;
  }
  large.input[type='checkbox'].large:checked + label {
	background-image: url("/images/icons/check-regular.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60% 60%;
  }
  input[type='checkbox'] {
	display: none !important;
  }
  
  
  
  body.nizeoffer input[type='file']{
	  display: block;
	  border: 1px solid var(--nize-input-bordercolor);
	  height: 30px;
	  height: 38px;
	  background-color: white;
  }
  
  body.nizeoffer select:not([size]).form-control, 
  body.nizeoffer .modal-body select:not([size]).form-control {
	  font-size: 14px;
	  border: 1px solid var(--nize-input-bordercolor);
	  height: 38px;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -o-appearance:none;  
	  padding-left: 15px;	
	  padding-right: 30px;
	  background-image: url("/images/icons/chevron-down-regular.svg"); 
	  background-repeat: no-repeat;
	  background-size: 15px 15px;
      background-position: right 5px bottom 10px;
	  /* background-position-x: right; */
	  /* For firefox, errors out in chrome */
	  /* background-position-x: right -15px; */
	  /* background-position-y: 10px;	 */
  
  }
  
  
  body.nizeoffer .form-control[readonly], 
  body.nizeoffer .readonly-field {
	  background-color: var(--nize-input-readonly-bgcolor) !important;
	  color: var(--nize-text-green-color) !important;
	  color: white;
	  border: none !important;
  }
  
  body.nizeoffer hr {
	  border-color: #003d34;
	  margin-top: 30px;
	  margin-bottom: 30px;
	  height: 1px;
  }
  
  .updates-list{
	  overflow-y: scroll;
	  overflow-x: hidden;
	  height: 400px;
	  margin-top: 40px;
	  margin-bottom: 40px;
  }
  
  body.nizeoffer hr.top{
	  margin-top: 70px;
	  margin-bottom: 60px;
  }
  
  body.nizeoffer hr.list{
	  margin-top: 70px;
	  margin-bottom: 30px;
  }
  
  #offerHeader,
  #saHeader {
	  background-color: var(--nize-offer-top-bgcolor);
	  padding: 30px;
  }
  
  #offerHeader .form-control[readonly],
  #saHeader .form-control[readonly]{
	  background-color: var(--nize-offer-top-input-bgcolor) !important;
  }
  
  .offer-form,
  .sa-form{
	  margin-top: 90px;	
	  margin-left: 34px;
	  margin-right: 34px;
  }
  
  /*************** NIZE OFFER BODY *********************/
  
  /*************** Modal: START *********************/
  
  .modal-header{
	  padding: 20px 30px 15px 30px;
	  border-bottom: none;
  }
  
  .modal-body .form-group {
	  margin-bottom: 10px;
  }
  
  h4.modal-title{
	  font-weight: bold;
	  font-size: 22px;
  }
  
  .close{
	  background-image: url("/images/icons/circle-xmark-light.svg") !important;
	  width: 25px;
	  height: 25px;
	  filter: none;
	  opacity: 1;
	  margin-top: 2px !important;
	  outline: none;
  }
  
  .pensil{
	  background-image: url("/images/icons/pencil-light.svg") !important;
	  margin-top: 9px;
	  width: 20px;
	  height: 20px;
	  filter: none;
	  opacity: 1;
	  border: none;
	  outline: none;
  }
  
  .close:hover{
	  opacity: 1;
  }
  
  .closeicon{
	  height: 20px;
  }
  
  #address2{
	  margin-top: 5px;
  }
  
  .modal-content {
	  background-color: var(--nize-modal-bgcolor);
  }
  /*************** Modal: END *********************/
  
  
  /*************** Buttons: START *********************/
  .btn{
	  outline: none;
	  font-weight: 600;
  }
  
  .btn-primary, 
  .btn-default{
	  background-color: var(--nize-button1);
	  border: 1px solid var(--nize-button1) !important;
	  border-radius: 32px;
	  color: white;
	  border: 0px;
	  padding: 8px 32px 8px 32px;
	  line-height: 1.3em;
	  font-size: 16px;
	  outline: none;
  }
  
  
  .btn-sm{
	  padding: 6px 16px 6px 16px;
	  font-size: 12px;	
	  line-height: 1.2em;
	  margin-right: 5px;
	  /*
	  padding: 8px 22px 8px 22px;
	  font-size: 16px;	
	  */
  }
  
  .btn-lg{
	  border-radius: 30px;
	  padding: 15px 40px 15px 40px;
  }
  
  .btn-primary:hover, 
  .btn-primary:active:hover,
  .btn-default:hover,
  .btn-default:active:hover {
	  background-color: var(--nize-button1-hover);
	  border: 1px solid var(--nize-button1-hover);
	  color: white;
  }
  
  
  .btn-primary:active,
  .btn-primary:active:focus,
  .btn-primary:focus,
  .btn-default:active,
  .btn-default:active:focus,
  .btn-default:focus,
  .open > .dropdown-toggle.btn-primary, 
  .open > .dropdown-toggle.btn-primary:focus, 
  .open > .dropdown-toggle.btn-primary:hover,
  .btn-primary.active, 
  .btn-primary:active
  .btn-primary.focus, 
  .btn-primary:focus{
	  background-color: var(--nize-button1);
	  border: 1px solid var(--nize-button1);
	  color: white;	
  }
  
  
  .btn-close,
  .btn-close:active,
  .btn-close:focus,
  .btn-close:target,
  .btn-close:visited,
  .btn-delete,
  .btn-delete:active,
  .btn-delete:focus,
  .btn-delete:target,
  .btn-delete:visited,
  .btn-info,
  .btn-info:active,
  .btn-info:focus,
  .btn-info:target,
  .btn-info:visited{  
	background-color: transparent !important;
	border: 1px solid var(--nize-button2-border) !important;
	color: var(--nize-button2-text) !important;
  }
  
  .btn-close:active:hover,
  .btn-close:hover,
  .btn-delete:active:hover,
  .btn-delete:hover,
  .btn-info:active:hover
  .btn-info:hover{
	background-color: var(--nize-button2-hover) !important;
	border: 1px solid var(--nize-button2-hover) !important;
	color: var(--nize-button2-text) !important;
  }
  
  
  .btn-updates,
  .btn-updates:active,
  .btn-updates:focus,
  .btn-updates:target,
  .btn-updates:visited{  
	background-color: var(--nize-btn-blue-bgcolor) !important;
	border: 1px bolid var(--nize-btn-blue-bgcolor) !important;
	color: white !important;
  }
  
  .btn-updates:active:hover
  .btn-updates:hover{
	background-color: var(--nize-btn-blue-bgcolor) !important;
	border: 1px solid var(--nize-btn-blue-bgcolor) !important;
	border: none;
	color: white !important;
  }
  
  .btn-danger,
  .btn-danger:active,
  .btn-danger:focus,
  .btn-danger:target,
  .btn-danger:visited{  
	background-color: var(--nize-btn-red-bgcolor) !important;
	border: none;
	color: white !important;
  }
  
  .btn-danger:active:hover
  .btn-danger:hover{
	background-color: var(--nize-btn-red-bgcolor) !important;
	border: 1px solid var(--nize-btn-red-bgcolor) !important; 
	color: white !important;
  }
  
  .btn-icon{
	background-color: var(--nize-green) !important;
	color: white;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
	vertical-align: baseline;	
	background-color: var(--nize-button2) !important;
	border: 1px solid var(--nize-button2-border) !important;
	color: var(--nize-button2-text) !important;	
  }
  
  .btn-icon:active:hover,
  .btn-icon:hover{
	background-color: var(--nize-button2-hover) !important;
	border: 1px solid var(--nize-button2-border) !important;;
	color: var(--nize-button2-text) !important;;
  }
  /*************** Buttons: END *********************/
  
  .form-group-sm{
	  margin-bottom: 10px;
  }
  
  .jumbotron{
	  background-color: transparent;
  }
  
  .form-horizontal .form-group{
	  margin-left: 0px;
	  margin-right: 0px;
  }
  
  .container .jumbotron, .container-fluid .jumbotron {
	  padding: 0px;
  }
  
  .panel, .panel-default {
	  border: none;
	  background-color: transparent;
	  margin-bottom: 0px;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  
  .panel-heading{
	  padding: 0px 0px 15px 0px;
  }
  
  .panel-body{
	  padding: 0px;
  }
  
  .panel-body .row{
	  padding-top: 10px;
	  padding-bottom: 10px;
  }
  
  .panel-default > .panel-heading {
	  color: var(--nize-header-text-color);
	  background-color: transparent;
	  border: none;
  }
  
  .panel-heading h4, .modal-title.h4 {
	  color: var(--nize-header-text-color);
	  font-size: 18px;
	  font-weight: 700;
	  margin: 0px;
  }
  
  .panel-table .panel:nth-child(odd), .panel-table .panel-body > .row:nth-child(odd) {
	  background-color: #ffffff;
  }
  
  .panel-table .row{
	  margin-left: 0px;
	  margin-right: 0px;
  }
  
  .panel-list > .panel:nth-child(odd) {
	  background-color: #ffffff;
  }
  
  .panel-list .row{
	  margin-left: 0px;
	  margin-right: 0px;
  }
  
  .row-header{
	  margin-top: 30px;
	  margin-bottom: 40px;
  }
  
  
  .form-group{
	  margin-bottom: 0px;
  }
  
  
  
  
  .primary-color, a.primary-color {
	  color: #d09472
  }
  
  
  
  /****************** MODEL **************************/