/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
span.item {
  font-size: 0.8rem;
  flex: 1;
  display: flex;
}
span.action {
  font-size: 0.8rem;
}
*/


/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */
@media (max-width: 575.98px) {
  h1 {font-size:1.2rem;} 
  span.item {font-size: 0.6rem;}
  span.action {font-size: 0.6rem;}
 }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
  h1 {font-size:1.5rem;} 
  span.item {font-size: 0.8rem;}
  span.action {font-size: 0.8rem;}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  h1 {font-size:2rem;} /*1rem = 16px*/
  span.item {font-size: 0.9rem;}
  span.action {font-size: 0.9rem;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  h1 {font-size:2.5rem;} /*1rem = 16px*/
  span.item {font-size: 1rem;}
  span.action {font-size: 1rem;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  h1 {font-size:3rem;} /*1rem = 16px*/    
  span.item {font-size: 1.1rem;}
  span.action {font-size: 1.1rem;}
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/

/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) { 
  h1 {font-size:2.75rem;color:red;} 
}


/* your styles go here */
@media all and (min-width: 992px) {
	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
	.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}

.breadcrumb {
  font-size: 0.75rem;
}
[data-toggle="collapse"] .fa:before {   
  content: "\f106";
  font-size: 1.2rem;

}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f107";
  font-size: 1.2rem;
}


@media (min-width: 992px){
  .dropdown-menu .dropdown-toggle:after{
    border-top: .3em solid transparent;
      border-right: 0;
      border-bottom: .3em solid transparent;
      border-left: .3em solid;

  }

  .dropdown-menu .dropdown-menu{
    margin-left:0; margin-right: 0;

  }


  .dropdown-menu li{
    position: relative;
  }
  .nav-item .submenu{ 
    display: none;
    position: absolute;
    left:100%; top:-7px;
    
  }
  .nav-item .submenu-left{ 
    right:100%; left:auto;
  }

  .dropdown-menu > li:hover { 
    background-color: #f1f1f1 
  }
  .dropdown-menu > li:hover > .submenu{
    display: block;
  }
}


footer {
  width: 100%;
  background: #222;
  padding: 10px 0;
}

footer p {
  font-size: 0.8em;
  color: #777;
  margin: 5px 15px;
}

.border-3 {
  border-width: 10px !important;
  border-style:  dashed !important;
}
.border-3-yellow {
  outline: 10px yellow;
}

svg {
   
  top: 10px;
  left: 10px;
  
  fill: none;
  width: 500px;
  height: 500px;
}

.red,
.blue,
.white {
  x: 10px;
  y: 10px;
  
  height: 150px;
  width: 150px;
}

.red {
  stroke: red;
  stroke-width: 5;
  stroke-dasharray: 0,0,0;
}

.white {
 stroke: white;
 stroke-width: 6px;
 stroke-dasharray: 5,5,5;
}

.blue {
 stroke: yellow;
 stroke-width: 5;
 stroke-dasharray: 10,10,10;
}

.white-2 {
 stroke: white;
 stroke-width: 6px;
 stroke-dasharray: 15,15,15;
}
/*




.dropdown-item {
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  background-color: #33b35a;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #868e96;
}

.dropdown-header {
  padding: 0.5rem 1.5rem;
  font-size: 0.875rem;
  color: #868e96;
}

*/


.edegio {
  font-family:'Baloo Tammudu 2', sans-serif;
  font-weight: 700;
  color: #000;                                         
}

.edegio-aviation {
  color: #e66e2f;

}

.zoom {
    transition: transform .2s; /* Animation */
    margin: 0 auto;
  }
  
.zoom:hover {
    transform: scale(2.5); /* (150% zoom)*/
    position: relative;
    z-index: 9999;
}

.list-group-numbered { list-style: decimal; }
.list-group-alpha { list-style: lower-alpha; }
.list-group-roman { list-style: lower-roman; }
.list-group-alpha >li, .list-group-numbered >li { display: list-item }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  line-height: 1.1;
  color: inherit;
  font-weight: 500;
}

dt {
  font-weight: 500;
}
dl {
  display: grid;
  grid-template-columns: max-content auto;
}

dt {
  grid-column-start: 1;
}

dd {
  grid-column-start: 2;
}

.dl-checklist { 
  width: 100% 
}

.dt-checklist { 
  float: left; 
  width: 400px; 
  overflow: hidden; 
  white-space: nowrap 
}
.dd-checklist { 
  float: left; 
  width: 200px; 
  overflow: hidden 
}
.dt-checklist span:after { 
  content: " .................................................................................." 
}

dl.checklist {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
dt.checklist > div {
  display: flex;
  flex: 1;
}
dt.checklist span.item::after {
  content: " ";
  flex: 1;
  /*border-bottom: 2px dotted #000;*/
  padding: 1em;
  background-image: radial-gradient(circle, #000 1.25px, rgba(255,255,255,0) 1.5px);
  background-position: center;
  background-size: 10px 5px, 5px 10px;
  background-repeat: repeat-x, repeat-y;
  margin-bottom: 5px;
}


li.checklist {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
li.checklist > div {
  display: flex;
  flex: 1;
}
li.checklist span.item::after {
  content: " ";
  flex: 1;
  /*border-bottom: 2px dotted #000;*/
  padding: 1em;
  background-image: radial-gradient(circle, #000 1.25px, rgba(255,255,255,0) 1.5px);
  background-position: center;
  background-size: 10px 5px, 5px 10px;
  background-repeat: repeat-x, repeat-y;
  margin-bottom: 5px;
}
span.item {
  /* font-size: 1rem;*/
  flex: 1;
  display: flex;
}
dd span.action {
  font-weight: 500;
}


.p-normal {
  font-size: 1em !important;
  font-weight: 400 !important;
  color: black !important;
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.with-chevron[aria-expanded='true'] i {
    display: block;
    transform: rotate(180deg) !important;
  }
  
  
  body {
    min-height: 100vh;
    background-color: #fafafa;
  }
  

  sup {
    line-height: 0px;
    }
  sup a:link {
    padding: 3px;
    }
  sup a:visited {
    padding: 3px;
    }
  
    p.footnotes {
      font-size: .91em;
      text-indent: -1em;
      padding-left: 1em;
      }
    .footnotes hr {
      margin-left: 0;
      margin-bottom: 1.5em;
      margin-top: 5em;
      width: 8em;
      border-style: solid;
      border-width: 1px 0 0 0;
      }
    .footnotes hr:after {
      content: "";
      }
    .footnotes p {
      font-size: .91em;
      }
    a.footnoteBackLink {
      border: 0;
      padding: 3px 4px 2px 4px;
      vertical-align: -.2em;
      font-size: 1.2em;
      line-height: 0px;
      color: #bbb;
      }
    a.footnoteBackLink:hover {
      color: #fff;
      }
    
span.tooltipset {
  
  border-bottom: 1px dotted #000;
}
     
.note-success {
  overflow: hidden;
}

.note-danger, .note-info, .note-success, .note-warning, button {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: none;
  font-size: 16px;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  margin-bottom: 0rem; 
  margin-left: 0rem;

}
/* Style the buttons above the notetext */
.note-success button {
  background-color: #28a745;
  color: white;

  float: left;
  outline: none;
  padding: 6px 12px;
}

/* Style the note */
.note-info {
  overflow: hidden;
}

/* Style the buttons above the notetext */
.note-info button {
  background-color: #17a2b8;
  color: white;

  float: left;
  outline: none;
  padding: 6px 12px;
}

.note-danger {
  overflow: hidden;
}

/* Style the buttons above the notetext */
.note-danger button {
  background-color: #dc3545;
  color: white;

  float: left;
  outline: none;
  padding: 6px 12px;
}

/* Style the note */
.note-warning {
  overflow: hidden;
}

/* Style the buttons above the notetext */
.note-warning button {
  background-color: #ffc107;
  color: black;

  float: left;
  outline: none;
  padding: 6px 12px;

}


/* Style the note content */
.note-content {
  float: left;
  display: block;
  background-color: rgb(238, 235, 235);
  color: black;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 12px;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 1rem;
}

.skrivmaskin {
  font-family: 'Courier New', Courier, monospace;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
}

#lastningsinstruktion td {
  font-family: 'Courier New', Courier, monospace;
  font-size: 1rem;
  font-weight: bold;
}