.stacked-bar-graph {
  width: 100%;
  height: 100px;
  color:black;
  text-align:right;
vertical-align: middle;
line-height: 90px;

}
  span#bars{
    display: inline-block;
    height:100%;
    box-sizing: border-box;
    float:left;
    font-weight: bold;
    font-family: 'Oswald';
    padding: 10px;
    font-size: 30px;
    
  }

  .bar-1 {
    background: #5e6ea0;
    
  }

  .bar-2 {
    background: #D57E00;
  }

  .bar-3 {
    background: #E61414;
  }
  

  /* CSS talk bubble */
.talk-bubble {
	margin-top: 20px;
  display: inline-block;
  position: relative;
	width: 100%;
	height: auto;
	background-color: #5e6ea0;
}

.talk-bubble1 {
margin-top: 20px;
  display: inline-block;
  position: relative;
	width: 100%;
	height: auto;
	background-color: #D57E00;
}


.talk-bubble2 {
margin-top: 20px;
  display: inline-block;
  position: relative;
		width: 100%;
	height: auto;
	background-color: #E61414;
}
.border{
  border: 8px solid #666;
}
.round{
  border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}

/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.left-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 0px;
	bottom: auto;
	border: 22px solid;
	border-color: lightyellow transparent transparent transparent;
}

/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: lightyellow lightyellow transparent transparent;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -8px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 32px solid;
	border-color: transparent transparent #666 transparent ;
}
.tri-right.btm-left:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
  right: auto;
  top: -20px;
	bottom: auto;
	border: 22px solid;
	border-color: transparent transparent transparent #e60000;
}

.tri-right.btm-right:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 120px;
    right: auto;
    top: -20px;
    bottom: auto;
    border: 22px solid;
    border-color:  transparent #e60000 transparent transparent;
}

.tri-right.btm-left1:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 140px;
  right: auto;
  top: -20px;
	bottom: auto;
	border: 22px solid;
	border-color: transparent transparent transparent #D57E00;
}

.tri-right.btm-right1:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 120px;
    right: auto;
    top: -20px;
    bottom: auto;
    border: 22px solid;
    border-color:  transparent #D57E00 transparent transparent;
}


.tri-right.btm-left2:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 120px;
  right: auto;
  top: -20px;
	bottom: auto;
	border: 22px solid;
	border-color: transparent  transparent transparent #5e6ea0;
}

.tri-right.btm-right2:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 120px;
    right: auto;
    top: -20px;
    bottom: auto;
    border: 22px solid;
    border-color:  transparent #5e6ea0 transparent transparent;
}

.arrow-up{
   position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    right: auto;
    top: 100px;
    bottom: auto;
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-bottom: 30px solid #5e6ea0;
}
.arrow-up1{
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    right: auto;
    top: 100px;
    bottom: auto;
    width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-bottom: 30px solid #D57E00;
}
.arrow-up2{
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    right: auto;
    top: 100px;
    bottom: auto;
    width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-bottom: 30px solid #E61414;
}
/* talk bubble contents */
.talktext{
  padding: 1em;
	text-align: left;
  line-height: 1.5em;
  color:black;
}
.talktext p{
  /* remove webkit p margins */
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}


.wrapperList{
    width: 100%;
    overflow-x: scroll;
}

.containerList{
    overflow: hidden;
}

.containerList1{
    overflow: hidden;
    
}

.containerList2{
    overflow: hidden;
    
}

 ul {
    float:left;
    padding:0;
}

ul li {
 list-style-position: inside;
}
.listo ul{
    float:left;
    padding:0;
}

.listo1 ul{
    float:left;
    padding:0;
}


.listo2 ul{
    float:left;
    padding:0;
}

.listo ul li {
    list-style-position: outside;
    list-style-type:none;
    padding:5px;
}
.listo1 ul li {
    list-style-position: outside;
    list-style-type:none;
    padding:5px;
}
.listo2 ul li {
    list-style-position: outside;
    list-style-type:none;
    padding:5px;
}
.search-list{
    display:table;
    width: 100%;
    list-style-type: none;
    list-style-position: inside;
    padding: 0 !important; 
    margin: 0 auto !important;

}
.search-list li a {
    cursor:pointer;
    text-shadow:none;
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f6; /* Grey background color */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove default text underline */
    font-size: 18px; /* Increase the font-size */
    color: black; /* Add a black text color */
    display: block; /* Make it into a block element to fill the whole list */
}

.search-list li a:hover:not(.header) {
    background-color: #eee; /* Add a hover effect to all links, except for headers */
}

li.inner-search>a:hover{
  color:black !important;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url('fonts/FPi-c3aUC3zvYWzrDQQz-4X0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url('fonts/easTUkYIpjx9W4QcIr8U1IX0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url('fonts/FVV1uRqs2-G7nbyX6T7UGYX0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url('fonts/y5-5zezrZlJHkmIVxRH3BZBw1xU1rKptJj_0jans920.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


.modal {
top:1% !important;
}


#loadingmsg {
  color: black;
  background: #fff; 
  padding: 10px;
  position:fixed;
display: block;
    margin: auto;
  top: 50%;
  margin:0 auto;
  z-index: 100;

  }
  #loadingover {
  background: black;
  z-index: 99;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

button.close{
  padding:5px !important;
}
.close{
  margin-bottom:auto !important;
}