/****************************
    Typography
*****************************/
@font-face {
    font-family: "museosans";
    src: url("fonts/221E91_4_0.woff") format('woff');
}
@font-face {
    font-family: "museosans";
    src: url("fonts/221E91_4_0.woff") format('woff');
    font-weight: 100 ;
}
@font-face {
    font-family: "museosans";
    src: url("fonts/221E91_3_0.woff") format('woff');
    font-weight: 500 ;
}
@font-face {
    font-family: "museosans";
    src: url("fonts/221E91_1_0.woff") format('woff');
    font-weight: 300 ;
}
@font-face {
    font-family: "museosans";
    src: url("fonts/221E91_0_0.woff") format('woff');
    font-weight: 700 ;
}
html, body {
    height: 100%;
}
body, .text-body {
    font-family: "museosans", sans-serif;
    font-weight: 300;
    color: #333;
}
button,
input,
optgroup,
select,
textarea {
    font-family: "museosans", sans-serif;
    font-size: 16px;
    font-weight: 300;
}
a {
    color: #0074AF;
}
a:focus:not(.dropdown-item):not([class*="btn"]) {
    color: #0056b3;
    text-decoration: underline;
}
a.unstyled,
a .unstyled,
a.unstyled:hover,
a:hover .unstyled {
    color: #333;
    fill: #333;
}
a.unstyled:hover,
a:hover .unstyled {
    text-decoration: none;
}
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    font-weight: 100;
}
hr {
    width: 100%;
    border-top: solid 1px #ddd;
}
.hr-text {
   width: 100%;
   text-align: center;
   border-bottom: 1px solid #ddd;
   line-height: 0.1em;
   margin: 2em 0;
}
.hr-text span {
    background:#fff;
    padding:0 1em;
}
.dotted {
    border-style: dotted;
}
small, .small { font-weight: 300; }
.text-muted {
    color: #767676 !important;
}
.bg-light .text-muted {
    color: #737373 !important;
}
.card-header .text-muted,
.bg-md .text-muted {
    color: #6E6E6E !important;
}
b, strong { font-weight: 500; }
.font-weight-light { font-weight: 100 !important; }
.font-weight-normal { font-weight: 300 !important; }
.text-primary { color: #0074AF !important; }
.text-secondary { color: #6E6E6E !important; }
.text-success { color: #008100 !important; }
.text-danger { color: #dd0000 !important; }
.text-warning { color: #fe9b00 !important; } /* only for use on dark backgrounds */
.text-info { color: #3273AA !important; }
.text-light { color: #fafafa !important; } /* only for use on dark backgrounds */
.text-dark { color: #111111 !important; }
code { color: unset; }


/****************************
    Focus
*****************************/
:focus,
.btn-link:focus,
.btn-link-secondary:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.2rem #83c1f3;
}
#sidebar-toggle-tab .navbar-toggler:focus,
#sidebar :focus {
    outline: none !important;
    box-shadow: inset 0 0 0 0.2rem #83c1f3;
}
#main:focus {
    outline: .2rem solid #83c1f3 !important;
    outline-offset: -.2rem;
}

/****************************
    Colors
*****************************/
.green,
.success {
    fill: #008A00;
    color: #008A00;
}
.orange,
.warning,
.paused {
    fill: #fe9b00;
    color:  #fe9b00;
}
.red,
.error,
.failed,
.denied {
    fill:  #990000;
    color:  #990000;
}
.gray {
    fill: #767676;
    color: #767676;
}
.mdgray {
    fill: #b7b7b7;
    color: #b7b7b7;
}
.ltgray {
    fill: #e8e8e8;
    color: #e8e8e8;
}
.ltblue {
    fill: #71c1f2;
    color: #71c1f2;
}
.blue {
    fill: #708fca;
    color: #708fca;
}
.dkblue {
    fill: #345c97;
    color: #345c97;
}
.link-blue {
    fill: #0074AF;
    color: #0074AF;
}
.red-hover:hover,
.cancel-hover:hover,
.delete-hover:hover {
    fill:  #990000;
    color:  #990000;
}
.white,
.white:hover {
    color: #fff !important;
    fill: #fff !important;
}
/* Backgrounds */
.bg-light { background-color: #f9f9f9 !important; }
.bg-md { background-color: #f2f2f2 !important; }
.bg-transparent { background-color: transparent; }
.bg-blue { background-color: #3560a0; }

/****************************
    Layout
*****************************/
/* Header */
header a.navbar-brand {
	color: #fff;
	font-size: 2rem;
	font-weight: 100;
}
header a.navbar-brand:focus {
    color: #fff;
}

/* Branded Bar */
.branded header nav > .bg-blue.rounded {
    top: -10px;
    right: 0;
    z-index: 10;
}
@media (min-width: 768px) {
    .branded header {
        border-top: solid 10px #3560a0;
    }
    .branded header nav > .bg-blue.rounded #globus-logo {
        height: 1.5rem;
    }
}

/* Main */

/* Footer */

/****************************
    Screen Reader Only
*****************************/
@media (min-width: 576px) {
  .sm-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .sm-sr-only-focusable:active,
  .sm-sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
}
@media (min-width: 768px) {
  .md-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .md-sr-only-focusable:active,
  .md-sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
}
@media (min-width: 992px) {
  .lg-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .lg-sr-only-focusable:active,
  .lg-sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
}
@media (min-width: 1200px) {
  .xl-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .xl-sr-only-focusable:active,
  .xl-sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
}