/* Nordisk Korthandel styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* filter scrollbars
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.form-search-scrollbox
{
  float: left;
  height: 300px;
  width: 65px;
  overflow-y: scroll;
  margin-bottom: 25px;
}

.form-search-scrollbox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 10px;
	background-color: #FdFdFd;
}

.form-search-scrollbox:hover::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F9F9F9;
}

.form-search-scrollbox::-webkit-scrollbar
{
	width: 10px;
	background-color: #FdFdFd;
}

.form-search-scrollbox:hover::-webkit-scrollbar
{
	width: 10px;
	background-color: #F9F9F9;
}


.form-search-scrollbox::-webkit-scrollbar-thumb
{

	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #eee;
}

.form-search-scrollbox:hover::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #ddd;
}

.divTopBlock
{
  background-color:#C0C0C0;
  border-radius: 15px 15px 15px 15px;  
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 5px solid #D0D0D0;
  padding-top: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30);
  box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30);  
}

.buttonSvar:hover {
  background: #86d486;
}
.jul_formelement
{
  width:150px;
  height:20px;
  display: inline-block;
  float:right;
  line-height: 1;
}

.jule_table td{
  padding:2px;
  vertical-align:middle;

}
.jule_table input[type=text]{
  border: 1px solid #aeaeae;
}

.jule_table input[type=password]{
  border: 1px solid #aeaeae;
}

.jule_table input[type=select]{
  border: 1px solid #aeaeae;
}

.jule_knap {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: left;
  margin: 0 5px 5px 0;
  padding: 11px 16px;
  border: none;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font: normal 16px/1 Arial, Helvetica, sans-serif;
  color: rgba(255,255,255,1);
  text-align: center;
  letter-spacing: 1px;
  background: rgba(221,21,6,1);
  height:auto;
}

.jule_knap:hover {
  background: #ad0e00;
  color: rgba(255,255,255,1);
}

.jule_overskrift{
  font-family: "Raleway", georgia, serif;
  text-transform: uppercase;
  color:#ffffff;
  font-size:32px;
  font-weight:800;
  line-height:normal;
}
.jule_beskrivelse{
  font-family: "Raleway", georgia, serif;
  color:#ffffff;
  font-size:15px;
  font-weight:800;
  line-height:normal;
}

.jule_box_text_box{
  position:absolute; 
  bottom:-1px; 
  background-color: rgba(200, 0, 0, 0.5);
  padding:10px;
  width:100%;
  box-sizing:border-box;
  padding-right:20px;
  z-index:20;
  
}

.jule_box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display:block;
  width: 100%;
  height:300px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  border: 1px solid rgba(147,29,29,1);
  color: rgba(255,255,255,1);
  background: -webkit-linear-gradient(-45deg, rgba(201,46,32,1) 0, rgba(232,59,44,1) 100%);
  background: -moz-linear-gradient(135deg, rgba(201,46,32,1) 0, rgba(232,59,44,1) 100%);
  background: linear-gradient(135deg, rgba(201,46,32,1) 0, rgba(232,59,44,1) 100%);
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);
  box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 2px 2px 3px rgba(0,0,0,0.2),0px 0px 7px rgba(0,0,0,0.2);
}

.jule_box:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid rgba(147,29,29,1);
    padding:0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.95;
    /*background-image: url('/media/static_pages/jul2019/07-christmas-mockup.jpg');*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.jule_box:hover:after {
  opacity: 1;
}

#jule_box_1:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 glober.jpg');
}
#jule_box_2:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 cykelkort.jpg');
}
#jule_box_3:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 verdenskort.jpg');
}
#jule_box_4:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 indrammet kort.jpg');
}
#jule_box_5:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 soekort.jpg');
}
#jule_box_6:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 ditkort.jpg');
}
#jule_box_7:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 danmarkskort.jpg');
}
#jule_box_8:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 turistkort.jpg');
}
#jule_box_9:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 daekkeserviet.jpg');
}
#jule_box_10:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 duge.jpg');
}
#jule_box_11:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 born.jpg');
}
#jule_box_12:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 guideboger.jpg');
}
#jule_box_13:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 rejsebeskrivelser.jpg');
}
#jule_box_14:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 atlas.jpg');
}
#jule_box_15:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 puslespil.jpg');
}
#jule_box_16:after{
    background-image: url('/media/static_pages/jul2019/Julebokse 2019 gaveideer.jpg');
}


.jul_aabningstider_tabel{
  margin:15px 0 15px 0;
  display:table;
  width:100%;
}

.jul_aabningstider_tabel_spacing{
  display:table;
  margin-right:5%;
}

.jul_aabningstider_tabel td{
  padding:0px;
}

.jul_aabningstider_tabel_headline{
  font-weight:bold;
  font-size:12px;
}

.ulTekst
{
  line-height: 30px;
  font-size:20px;
}

.divForm
{
  visibility: hidden;
  display:inline;
  background-color: #F0F0F0;
  width: 600px;
  height: 600px;
  opacity: 0.96;
  z-index: 1;
  position:absolute;
  top: 140px;
  left:0;
  right:0;
  margin: 0 auto;
  padding: 30px;
  -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.56);
  -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.56);
  box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.56);  
}

.buttonSvar{

  background: #6acc6a;
  background-image: -webkit-linear-gradient(top, #6acc6a, #009900);
  background-image: -moz-linear-gradient(top, #6acc6a, #009900);
  background-image: -ms-linear-gradient(top, #6acc6a, #009900);
  background-image: -o-linear-gradient(top, #6acc6a, #009900);
  background-image: linear-gradient(to bottom, #6acc6a, #009900);
  -webkit-border-radius: 25;
  -moz-border-radius: 25;
  border-radius: 25px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30);
  box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30);
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  cursor: pointer;
  height:48px;
  border: solid #009900 3px;
}

#divGave{
  width: 800px;
  height: 400px;
  top:110px;
}

#divLogin{
  width: 600px;
  height: 600px;
  top:9px;
}

#divQuestion
{
  height: 380px;
  top:115px;
}

#divClose1{  
  height: 535px;
  top:40px;
}

#divClose2{  
  height: 535px;
  top:40px;
}

#divClose3{  
  height: 535px;
  top:40px;
}

#divEfterJul{
  height: 485px;
  top:82px;
}


.xmasfont
{
  font-size:14px;
  font-style: italic;  
}


.overskriftopkl {
    font-weight: bold;
    line-height:150%;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
  background-color: #007784;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #007784 transparent transparent transparent;
}


@media (max-width: 640px) {
  #nav > li > a { display:block; padding:0 4px; }
  
}
@media (max-width: 960px) {
  .header .logo-wrapper{  top: -10px; }
  .hide-above-960{display:block;}
}
@media (min-width: 960px) {
  .hide-above-960{display:none;}
}
@media (min-width: 768px) {
  .hide-above-767{display:none;}
}


.grecaptcha-badge {
opacity:0 !important;
}