/* Dropdown Button */
.dropbtn {
    background-color: Transparent;
    font-size: 16px;
    border: none;
    cursor: pointer;
    font-family: -webkit-standard;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    color: #FF7400;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    margin-top:-8px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font-size: 12px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 4px 12px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {color: #FF7400}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

#backtohomepage:focus, #backtohomepage:hover, #login:focus, #login:hover, #forsideref:focus, #forsideref:hover, #logud:focus, #logud:hover #goto_fetch_number_in_queue:focus, #goto_fetch_number_in_queue:hover {
    color: #FF7400;
}

#backtohomepage, #login, #forsideref, #logud, #goto_fetch_number_in_queue {
  text-decoration: none;
  color: black;
}

#forsiderefwidth {
  width: 65px;
}

li
{
   display:block;
   float:right;
   width:100px; // adjust
   heigh:50px; // adjust
   padding: 5px; //adjust
}


html,
body {
   margin:0;
   padding:0;
   height:100%;
   width: 100%;
   background-image:url('background.jpg');
   background-attachment:fixed;
   background-repeat: no-repeat;
   background-size: cover;
   //-webkit-background-size: cover;
  //-moz-background-size: cover;
  //-o-background-size: cover;
  //background-size: cover;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   padding:5px;
   position: relative;
   float: right;
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}
#footer {
    height:24px; // Replace with the height your footer should be
    width: 100%; // Dont change
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed;
    bottom: 10pt;
    right: 0pt;
    color:white;

}

#flash_messages {
    margin-left:50%;
}

 tekst,b {
   //background-color: rgba(204, 204, 204, 0.5);
}

div.forside {
    background: rgb(255, 255, 255); /* Fallback */
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    border-radius: 25px;
    padding: 5px;
    margin-right:10px;
    margin-top:30px;
}


login {
   text-align: center;
   position: absolute;
   width: 100%;
   margin-top: 10%;
}

loginfix {

}

#layoutdiv {
    z-index: 1; position:relative;
}

p
{
    margin-left: 10px;
}

/*#button {

  border-radius: 28px;
  font-family: Arial;
  color: #black;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px 5px 5px;
  text-decoration: none;
}

#button:hover {
    background: #FF7400;
  background-image: -webkit-linear-gradient(top, #FF7400, #FF7400);
  background-image: -moz-linear-gradient(top, #FF7400, #FF7400);
  background-image: -ms-linear-gradient(top, #FF7400, #FF7400);
  background-image: -o-linear-gradient(top, #FF7400, #FF7400);
  background-image: linear-gradient(to bottom, #FF7400, #FF7400);
  text-decoration: none;
}*/


.btn-group button {
    background-color: #4CAF50; /* Green background */
    border: 1px solid green; /* Green border */
    color: black; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */
    font-weight: bold;
    font-size: 13px;
}

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.btn-group button:not(:last-child) {
    border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
.btn-group button:hover {
    background-color: #3e8e41;
}


.btn-round {
  border-radius: 17px;
}

#button1 {
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}

#button2 {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}

#pusheMail {
 /* width: 40px;
  height: 40px;*/
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42;
 /* border-radius: 50px;
  background-color: #4ADF7E;
  font-weight: bold;*/


}

#box {
    border: 2px solid #dadada;
    border-radius: 7px;
    width: 200px;
    margin-left: 10px;
}

#box:focus {
   outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}