:root {
      --rounded-background: #f2f2f2;
      --accordion-active-background: 238ab8;
      --browse-header-text-not-selected-hover:#fff;
      --browse-header-text-selected: #fff;

}

/* tabs */
    --font-size-tab-title: 11;
	--tab-border:1px solid var(--lighter-grey);
	--tab-border-bottom:1px solid var(--lighter-grey);
	--tab-text: #fff;
	--tab-text-shadow: var(--text-shadow);
	--tab-background:Blue;
	--tab-background-image:linear-gradient(var(--gradient),var(--none),var(--none));

	--tab-active-text: #fff;
	--tab-active-background:)green;
	--tab-active-background-image:linear-gradient(var(--gradient),var(--grad-start-tertiary),var(--grad-end-tertiary));
	--tab-active-border:1px solid var(--dark-tertiary);
	--tab-active-border-bottom:1px solid var(--dark-tertiary);

	--tab-active-text-hover: #fff;
	--tab-active-background-hover: #415b76;
	--tab-active-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));	
	--tab-active-border-hover: 1px solid var(--dark-tertiary);

	--tab-inactive-text: Black;
	--tab-inactive-background: #e2e2e5;
	--tab-inactive-background-image:linear-gradient(var(--gradient),var(--grad-start-grey-inactive),var(--grad-end-grey-inactive));
	--tab-inactive-border:solid var(--lighter-grey);

	--tab-inactive-text-hover:#fff;
	--tab-inactive-background-hover:#7b9ba6;
	--tab-inactive-border-hover:1px solid var(--lighter-grey);
	
	--browse-line-padding-top:0.1em; 
	--browse-line-padding-bottom:0.1em; 


html {
  height: 100%;  
}

body {
    font-family: Roboto,"Open Sans","Segoe UI",Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    position: relative; 
    min-height: 100%; 
}

/* SOFTdanmark */
.top-login{
  float: right 20px;
}

.top-form{
  float: right 20px;
  text-align: right 20px;
  width:33%;
  height: 8em;
}

.front-card{

  margin: 0 auto;
  position: center center;
}

.front-image{

  max-width 1000px;
  Width: 100%;
  padding-top: 50%;
  background-image: url("/images/SiteBackground.png");
  background-repeat: no-repeat;
  background-size: cover; 


 }

.sdk-index-text{ 
    font: 600 2.5em/1 'Raleway', sans-serif;
    color: rgba(0,0,0,.5);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .3em;
    position: 
    top: 25%;
    width: 100%;
    backgroud: white; 
    padding: 0.5em;
    margen-right:20px;
    margen-left:20px;

}  
.velkommen-container{
	Width: 100%
	height: 100%;
}

.velkommen-tekst {
  width: 375px;
  height: 500px;
  position: center center;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-button:5px;
  background: #8fc4d6;
  padding: 2px;
  border: 2px solid #ccc;
  box-shadow: 2px 2px 4px #ccc inset, -2px -2px 4px #ccc inset;
  border-radius: 6px/12px;
}

.sdk-logo-container{ 
  text-align: center;
}  
       
.sdk-image{
  position: absolute;
  right: 20px;
  top: 20px;
}

.sdk-view-form {
	Width: 100%
}

.sdk-login-btn{
  Position:absolute;Right:60px;top:10px;
}

.automat-cell{
    width: 20em;
    border: 2px solid grey;
	border-radius:var(--radius);
    margin: 1em;
    display: space-between;
    justify-content: space-between;	
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.automat-image{
	width: 100%;
}
.automat-plads-navn {
    font-size: 14px;
    color: white; 
    background-color: black;
    width: 100%;
    justify-content: center;
    color: white;
}
.automat-navn{
	font-size:var(--font-size-larger);
	color:var(--darkest-primary);
	width: 50%;
}
.automat-serie-nr{
	width: 50%;
	}
.automat-label-indkast{
	width: 50%;
	justify-content: right;
	}
.automat-indkast{
	font-weight:bold;
	width: 50%;
	justify-content: right;
	color:var(--darkest-secondary);
}
.automat-label-gevinst{
	width: 50%;
	justify-content: right;
}
.automat-gevinst{
	width: 50%;
	justify-content: right;
	font-weight:bold;
	color:var(--darkest-secondary);
}
.automat-label-bsi{
	width: 50%;
	justify-content: right;
}
.automat-bsi{
	width: 50%;
	justify-content: right;
	font-weight:bold;
	color:var(--darkest-secondary);
}
.automat-button{
	font-weight:bold;
	color:var(--darkest-secondary);
}

.spillested-cell{
    width: 20em;
    border: 2px solid grey;
	border-radius:var(--radius);
    margin: 1em;
    display: space-between;
    justify-content: space-between;	
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.spillested-pladsnavn {
    font-size: 14px;
    color: white; 
    background-color: black;
    width: 100%;
    justify-content: center;
    color: white;
}
.spillested-label-indkast{
	width: 50%;
	justify-content: right;
	}
.spillested-indkast{
	font-weight:bold;
	width: 50%;
	justify-content: right;
	color:var(--darkest-secondary);
}
.spillested-label-gevinst{
	width: 50%;
	justify-content: right;
}
.spillested-gevinst{
	font-weight:bold;
	width: 50%;
	justify-content: right;
	color:var(--darkest-secondary);
}
.spillested-label-bsi{
	width: 50%;
	justify-content: right;
}
.spillested-bsi{
	font-weight:bold;
	width: 50%;
	justify-content: right;
	color:var(--darkest-secondary);
}
.spillested-label-cashboks{
	width: 50%;
	justify-content: right;
}
.spillested-cashboks{
	width: 50%;
	justify-content: right;
	font-weight:bold;
	color:var(--darkest-secondary);
}
.spillested-label-keyin{
    width: 50%;
	justify-content: right;
}
.spillested-keyin{
	width: 50%;
	justify-content: right;
	font-weight:bold;
	color:var(--darkest-secondary);
}
.spillested-label-cashboks{
    width: 50%;
	justify-content: right;
}
.spillested-cashboks{
	width: 50%;
	justify-content: right;
	font-weight:bold;
	color:var(--darkest-secondary);
}

	width: 50%;
	justify-content: right;
	font-weight:bold;
	color:var(--darkest-secondary);
}


.nt-contentpanel-l {width: 95%;}
.nt-body{background-color: #ffffff;}
.nt-prompt {font-weight: bold; text-align: left;}
.nt-embedded-procedure{ width: 95%;}

.nt-header{color: #415b76;}
.nt-menu a{Color: #fff!important;  font-weight: 400;  background: #415b76!important;}
.nt-menu a:hover{  background:#7b9ba6!Important;  Color: c8c8cb!important;  font-weight: 600;}
.nt-menu.active a{ background:#7b9ba6!Important;  Color: c8c8cb!important;  font-weight: 600;}
.nt-menu a:visited{background:#415b76!Important;  Color:  #fff  !important;  font-weight: 400; }

.nt-menu-item-alone:hover{color:#fff;background: #7b9ba6;}
.nt-menu-item:hover{color:#fff;background: #7b9ba6;}
.nt-menu-item.active a{color:#fff;background: #7b9ba6;}
.nt-menu-item:visited{color:#fff;background: #415b76;}

.nt-menu-div {float: left;width: auto;margin-top: 10px;}
.nt-menu-text{font-weight: 500;}


*/ header og linier */
.nt-browse-grid-row{  background-color:#ffffff !important;}
.nt-browse-grid-cell {padding-left: 5px;padding-right: 5px;border-left: 0px solid #AAA;border-right: 0px solid #EEE;border-bottom: 2px solid #cdcdcd; border-top: 0px solid #EEE;}

.nt-browse-header-not-selected{  background-color: #ffffff!important;  color: #91aa9d;}

.nt-browse-header-selected a {  background-color: #ffffff !important;  color: :#7b9ba6;}
.nt-browse-header-selected {  background-color: #ffffff !important;  color: :#7b9ba6;}
.nt-browse-header-selected:hover {  background-color: #ffffff !important;  color: :#415b76;}
.nt-browse-table {    border-color: #ffffff;}
.nt-tab-outer{  background-color: #ffffff;}
.nt-tab-title{background-color: #238ab8;color: white;}
.nt-insert-button{  background: #91AA9D;  text-color: #fff;}
.nt-site-footer {    border-top: 1px solid #dddddd;    width: 100%;    font-size: 0.8em;    font-weight: lighter;    margin-top: 10px;}
.nt-insert-button{  background: #91AA9D;  text-color: #fff;}
.nt-site-footer {    border-top: 1px solid #dddddd;    width: 100%;    font-size: 0.8em;    font-weight: lighter;    margin-top: 10px;}
.nt-center-block {    margin: auto;    margin-top: 50px;    margin-bottom: 50px;    padding: 0;    display: flex; }

.nt-browse-grid-cell-prompt, .nt-browse-flex-cell-prompt {
    margin-right: 1em;
    color: #424648;
    background-color: transparent;
    border-color: var(--browse-prompt-border);
    font-weight: var(--prompt-font-weight);
}

#updatespillested-browsedatboks_div {
    width: 100%;
}

#updatespillested-browseautomater_tbl {
    width: 100%;
}

#updatespillested-browsespillestedstatistik_div {
    width: 100%;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #415b76;
    border-color: #415b76;
}

.btn {
    display: inline-block;
    font-weight: 500;
    color: #415b76;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid;
    border-color: #415b76;  
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



.ui-button .ui-icon {
    background-image: var(--icons-light);
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #ff3333;
        border-top-style: none;
        border-top-width: medium;
        border-right-style: none;
        border-right-width: medium;
        border-bottom-style: none;
        border-bottom-width: medium;
        border-left-style: none;
        border-left-width: medium;
    background-color: #ffffff;
}

.ui-dialog{
  background-color: #ffffff;
}

.ui-dialog.titlebar{
  background-color: #ffffff;
} 

.ui-dialog .ui-dialog-titlebar {
    background: #181D52;
    color:      #fff;
}

.ui-button{
  background: #415b76;
  color: #fff;
  margin-top: 3px;
  margin-bottom: 3px;
}
 
.ui-button:hover {
    border: 1px solid gray;
    background: #7b9ba6; 
    font-weight: normal;
    color: #ffffff;
}

.ui-widget {
    font-family: Roboto,"Open Sans","Segoe UI", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget-header{
    border-bottom-color: #fff;
    background:  #fff;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
        border-top-color: rgb(197, 197, 197);
        border-top-style: solid;
        border-top-width: 0px;
        border-right-color: rgb(197, 197, 197);
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-color: rgb(197, 197, 197);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: rgb(197, 197, 197);
        border-left-style: solid;
        border-left-width: 0px;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: #ff3333;
}

.gb-ligth-text{
    font-size: 0.8em;
}

  height: auto;
}
.gb-adress-bottom {
    color: #415b76;
    font-size: 0.8em;
}

.gb-pageheader{
  width: 100%;
}

.gb-logout-form-pic{
  Position:absolute;Right:115px;top:10px;
}

.gb-login-form{
  float: right;
  width: 25%;
  border: 1px solid #7b9ba6;
  padding: 0.4em;
}

.gb-newcmp-form{
  float: right;
  width: 50%;
  padding: 0.4em;
}

.gb-button-red{
    background-color: #ffffff;
    border: none;
    color: blck;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 4px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.gb-button-red:hover {
    box-shadow: 0 6px 12px 0 rgba(0,0,0,0.24),0 12px 36px 0 rgba(0,0,0,0.19);
}

.gb-text-body{
  text-align: center;
  color: #181d52;
  padding: 5em 5em 0 5em;
  bottom: 50%;
}

.gb-text-body a{
  text-decoration: none;
}

.gb-application-head{
  color: #415b76;
  font-size: 1.5em;
  font-weight: bold;
}
.gb-image{
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.gb-image-50{
  width: 50%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.gb-company-logo{
  width: 100%;
  height: auto;
}

.gb-applicant-photo{
  width: 15%;
  height: auto;
  position: absolute;
  top: 100px;
  right: 30%;
}

.gb-float-left{
  float: left;
}

.gb-label{
  color: white;
  background: #7b9ba6;
  padding: 4px;
}

/* === Required Field === */
.nt-entry-required {
  background-color: white;
}
.gb-required::after {
    content: " *";
    color: #FF33CC;
    font-size: large;
}
/* === Required Field === */

.gb-footer{
/*  flex-shrink: 0; */
/*  position: -webkit-sticky;*/
/*  position: sticky; */
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: center;
  color: white;
  background: #415b76;
  font-size: 1em;
  width: 100%;
/*  height: 2em; */
  padding: 0.5em;
}
.gb-footer a {
  color: white;
  text-decoration: none;
}

.ui-datepicker-month { color: black;}
.ui-datepicker-year  { color: black;}

@media screen and (max-width: 600px) {
  .small-only{display: block;}
  .not-small{display: none;}
  .low-row{height:40px!important;}
  .tab-float-right{float: none;width: 15%;border: 1px solid #7b9ba6;padding: 0.4em;}
  .tab-float-left{float: none;width: 20%;border: 1px solid #7b9ba6;padding: 0.4em;}
  .front-image{
     max-height: 437px; 
     Width: 100%;
     padding-top: 87%;
     background-image: url("/images/gevinstgivende.png");
     background-repeat: no-repeat;
     background-size: cover; 


 }
 .front-card{
  max-width: 375px;
  max-heigth: 100% 
  margin: 0 auto;
  background-attachment: fixed;
  background-position: bottom right;
}
.sdk-index-text{ 
    font: 600 1.5em/1 'Raleway', sans-serif;
    color: rgba(0,0,0,.5);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .3em;
    position: 
    top: 25%;
    width: 100%;
    backgroud: white; 
    padding: 0.5em;
    margen-right:20px;
    margen-left:20px;

}  

@media print {
  .body{line-height:1.0;}
  .no-print{display:none;}
/*  .footer{display:none;} */
  .small-print{max-width:300px;}
}