/********************************/
/*    Animations                */
/********************************/
@keyframes fade-in {
  from {
    opacity: 0; }
  50% {
    opacity: 0.5; }
  to {
    opacity: 1; } }

@keyframes fade-in-delayed {
  from {
    opacity: 0; }
  80% {
    opacity: 0.01; }
  to {
    opacity: 1; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  to {
    opacity: 0; } }
    
@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}

@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-ExtraBold.ttf') format('truetype');
font-weight: bolder;
font-style: normal;
}

@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
font-weight: bolder;
font-style: italic;
}

@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}

@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-Light.ttf') format('truetype');
font-weight: light;
font-style: normal;
}

@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-LightItalic.ttf') format('truetype');
font-weight: light;
font-style: italic;
}

@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-Semibold.ttf') format('truetype');
font-weight: semibold;
font-style: normal;
}

@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
font-weight: semibold;
font-style: italic;
}

html, body, h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Open Sans", "Source Sans Pro", Helvetica !important; }
  
  
.navbar-custom-menu {
  float: left !important;
}

.highchart text {
  font-family: "Open Sans"
}

#hc_timeline_tactical .highcharts-root {
  overflow: visible !important;
  margin-top: 1vw;
}


.top-btn > .shiny-input-container {
  margin-bottom: 5px;
  display: flex;
  width: 225px;
}

.top-btn .control-label {
  padding-right: 10px;
  justify-content: flex-end;
  white-space: nowrap;
}

.top-btn {
  display: inline-block;
}

#nav_left_menu > .col-sm-12 {
  padding-top: 10px;
  width: 90vw;
  
}

#nav_left_menu button {
  line-height: 1.2;
  margin-right: 10px;
}

body > .wrapper > .content-wrapper {
  overflow: auto;
  background: #F9FAFB;
}


.top-btn .dropdown-menu.open {
  padding-top: 0;
    margin-top: -2px;
}

.glyphicon.glyphicon-glyphicon.glyphicon-arrow-up{
  color: green!important;
}

.glyphicon.glyphicon-glyphicon.glyphicon-arrow-down{
  color: red!important;
}

.glyphicon.glyphicon-glyphicon.glyphicon-arrow-right{
  color: yellow!important;
}

.btn-group>.btn {
  width: 100%;
  text-align: left;
}

#import-btn-group {
vertical-align: sub;
}

#userinput_dt {
  font-size: 20px;
}

.small-box {
  background: white !important;
}

.small-box > .inner {
  color: black;
}

.shiny-output-error { visibility: hidden; }
.shiny-output-error:before { visibility: hidden;}