@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

.btn, .input-group-addon {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
  background-color: #f5f5f5;
  color: #333;
  border: 1px solid;
  padding: 6px;
}



.open>.dropdown-menu {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  right: auto;
  left: 0%;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
  background-color: #f5f5f5;
  color: #fff;
  border: 1px solid transparent;
  padding: 6px;
  border-radius: 5px;
}


.btn:active, .btn:hover, .btn:focus,
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #2e3745;
  color: #fff;
  border: 1px solid transparent;
  padding: 6px;
  border-radius: 5px;
}

/** Selectize adjustments ******************************************************/

.selectize-input, .selectize-control.single .selectize-input.input-active {
    background: #242424;
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: none;
    padding: 6px 12px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #fd9f02;
    background-color: #2e3745;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    -webkit-font-smoothing: inherit;
}

.selectize-input.full {
    background-color: #242424;
}

.selectize-dropdown, .selectize-dropdown.form-control {
    height: auto;
    color: black;
    font-weight: normal;
    padding: 0;
    margin: 2px 0 0 0;
    z-index: 1000;
    background: #f5f5f5;
    /* border: 1px solid #cccccc; */
    /* border: 1px solid rgba(0, 0, 0, 0.15); */

    border-radius: 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.selectize-dropdown .active {
    background-color: #333;
    color: #fff;
}

.action-button {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
  background-color: #f5f5f5;
  color: #333;
  border: 1px solid;
  padding: 6px;
  /* line-height: 1.42857143; */
  border-radius: 5px;
}




/* Prompter  Test */

[class*=hint--][aria-label]:after {
   white-space: pre;
   font-size: 12px;
   font-family: sans-serif;
   line-height: normal;
}

/* Navbar */

.navbar-default {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

 .navbar-collapse{background-color: #f5f5f5; color: #fff;}
 .navbar .navbar-brand {
    background-color: #f5f5f5; 
    width: 120px;
 }
 
 .navbar .tab-panel{ 
   background-color: #f5f5f5;
   color: #f63; 
   font-weight: 700;
   font-size: 16px;
 }
 
 .navbar .navbar-nav li a {
 color: #333 !important;
 background-color:#f5f5f5 !important;
 background-image: #fff !important;
 font-size: 16px;
 font-weight: 700;
 margin: 2px;
 }
 
 .navbar .navbar-nav li a:hover, .navbar .navbar-nav > .active > a {
 color: #f63 !important;
 background-color:#f5f5f5 !important;
 background-image: #fff !important;
 font-size: 16px;
 font-weight: 700;
 box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 border-radius: 20px;
 margin: 2px;
 }
 

h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-family: sans-serif;
}

h1, h2, h3 {
  font-weight: 800;
	text-align: center;
}

h1 {
	margin: 50px 0;
}

h1.title{
	color: #333;
}


h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-family: "Open Sans", sans-serif;
}

h1, h2, h3 {
  font-weight: 800;
	text-align: center;
}

h1 {
	margin: 50px 0;
}

h1.title{
	color: #333;
}

.carousel h1:after, .carousel h1:before {
    content: " ";
    display: none;
    width: 0;
    height: 2px;
    margin: 0;
}


.header-test:hover{
  background-color: #eee;
}

.bar-cell {
  display: flex;
  align-items: center;
}

.number {
  font-family: "Open Sans", sans-serif;
  font-size: 13.5px;
  white-space: pre;
}

.bar-chart {
  flex-grow: 1;
  margin-left: 6px;
  height: 14px;
}

.bar {
  height: 100%;
  color: black;
}

.test2 {
  font-size: 14px;
  line-height: 18px;
}

.test2 a {
  color: inherit;
}


.h1, .h2, .h3, .h4 {
  color: #333;
}

/* Data/Text Cards */

.card {
   box-shadow: 2px 5px 19px 0px rgba(0, 0, 0, 0.39);
}

.card {
  box-sizing: border-box;
  background-clip: padding-box;
  height: 100%;
}
.card .card-content {
  padding: 5px;
  background-clip: padding-box;
  box-sizing: border-box;
  height: 100%;
}
.card .card-content p {
  margin: 0;
  color: inherit;
}

.tile-headline {
  font-weight: bold;
  font-size: 12px;
  margin-top: -7px;
  margin-left: 5px;
}

.tile-subheadline {
  font-size: 10px;
  color: gray;
  margin: -9px 0 10px 5px;
}


/* Form labels */

.pretty {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    white-space: nowrap;
    line-height: 1;
}

.pretty .state label {
    position: initial;
    display: inline-block;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px);
    font-family: "Open Sans", sans-serif;
}




/* Bootstrap  */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4 , .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
}





#deterministic-link {
  background-color: #2e3745;
  color: #fff;
}

#deterministic-link:hover {
  background-color: #ff6633;
  color: #fff;
}


/*--------------------------------------------------------------
	Common
--------------------------------------------------------------*/
html {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}

body {
  background: #f5f5f5;
  font: 400 12px/1.4 "Open Sans", sans-serif;
  color: #333;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left !important;
}

.position-relative {
  position: relative;
}

.leftauto {
  right: 0 !important;
  left: auto !important;
}