@font-face {
  font-family: ProximaNova;
  src: url(../fonts/ProximaNova-Sbold.ttf);
  font-weight: 500;
}
body{
  background: #1c1c1c;
  background-image: url(../img/background-image.jpg);
  background-attachment: fixed;
  background-size: 100%;
  color: white;
  font-family: ProximaNova, sans-serif;
  font-weight: 500;
}
/* Navigation */
.navigation-container{padding: 30px 0 60px 0;width: 79vw;margin: 0 auto;}
.navbar-brand{color: #fff;font-size: 27px;}
.nav-link{color: white;}

/* General Styles */
.even-margin{margin: 50px 0;}
a:hover{color: #fff; text-decoration: none;}

/* Block Specific */
.hero-section .hero-head{text-align: center;font-size: 22px;margin-bottom: 46px;}
.card-group .card:nth-child(1){border-top-left-radius: 12px;border-bottom-left-radius: 12px;}
.card-group .card:nth-child(2){border-top-right-radius: 12px;border-bottom-right-radius: 12px;}
.card-group .card-title{font-size: 14px;letter-spacing: 0;}
.card-block{color: #000000;text-transform: uppercase;}
.card-left label{font-size: 35px;}
input[type="text"]{
  outline: none;
  border: none;
  background: transparent;
  font-size: 35px;
  line-height: 42px;
  color: #000000;
  max-width: 220px;
}
.btn-theme {
  height: 64px;
  width: 168px;
  border-radius: 7px;
  background: #EE0979;
  background-image: linear-gradient(180deg, #EE0979 0%, #FACF45 100%);
  color: white;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  border: none;
  margin-top: 0 !important;
  outline: 0;
}
.btn-theme:focus {outline: none;box-shadow: none;}
.invested-statement{
  font-size: 32px;
  line-height: 39px;
  margin-top: 60px;
  margin-bottom: 80px;
}
.search_categories{
  font-size: 13px;
  padding: 0
  background: transparent;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  -webkit-appearance:none;
}
.search-categories .select{
  position: relative;
  -webkit-appearance:none;
}

.dropdown-icon{
  position: absolute;
  bottom: 14px;
  right: 5px;
  width: 12px;
}

.search_categories .select select{
  background: transparent;
  line-height: 1;
  border: 0;
  padding: 0;
  border-radius: 0;
  width: 113%;
  position: relative;
  z-index: 10;
  font-size: 35px;
  line-height: 42px;
  color: #000000;
  margin-right: 25px;
  -webkit-appearance:none;
}
.generatedData thead{background: #F35E63;}
.generatedData thead th{font-size: 18px; line-height: 22px;}
.generatedData th, .generatedData td{border: 2px solid #F35E63 !important;text-align: center;}
.generatedData tbody th, .generatedData td{padding: 30px 0px !important;font-size: 22px;line-height: 27px;}
.generatedData tbody td:last-child{padding: 20px !important;}
.btn-table{border-radius: 3px; height: 40px;width: 133px;margin-top: 0.2rem !important;padding-top: 10px;}
.generatedData th:first-child{border-left: none !important;}
.generatedData td:last-child{border-right: none !important;text-align: center;}
.table-bordered{border: none !important;}

.chart-heading{
  margin-top: 120px;
  font-size: 28px;
  line-height: 33px;
}
.sub-chart-heading{
  margin-top: 28px;
  font-size: 16px;
  line-height: 19px;
}
footer{padding: 61px 0;background: #0E0E0E !important;}
footer .logo{margin-bottom: 10px;}

/* Charts */
.highcharts-figure{
    min-width: 360px;
    max-width: 600px;
    margin: 50px auto 100px auto;
    min-height: 400px;
}

/* Responsive Styles */
@media only screen and (max-width: 1124px){
  .card-block .card-body{padding-left: 0;padding-right: 0;}
  .card-block .btn-theme{margin-top: 0;max-width: 100%;}
}
@media only screen and (max-width: 850px){
  input[type="text"]{
    font-size: 24px;
    max-width: 160px;
  }
  .search_categories .select select{font-size: 24px !important;width: 120%;}

  .dropdown-icon {
    position: absolute;
    bottom: 10px;
    right: 8px;
    width: 9px;
  }
  .card-left{margin-left: 0 !important;padding-left: 0;}
  .generatedData tbody th, .generatedDatatbody td {
    padding: 20px 5px !important;
    font-size: 22px;
    vertical-align: middle !important;
  }
  .btn-table{margin-top: 0;}
}

@media only screen and (max-width: 480px){
  .navigation-container{width: auto; margin-left: auto;}
  .navbar-brand{margin: 0 auto;display: block;}
  ul.nav{margin: 0 auto;}
  #enterValue{margin-left: 0 !important;}
  .card-left .form-group{margin-bottom: 0;display: inline-flex;}
  .search_categories, .search_categories .select select, input[type="text"]{line-height: 42px;font-size: 28px !important;max-width: 200px;z-index: 0;}
  .search_categories .select select{width: 120%;}
  .dropdown-icon{bottom: 18px;}
  .card-group .card:nth-child(1){border-radius: 12px;}
  .card-group .card:nth-child(2){border-radius: 12px;}
  .card-block .btn-theme{height: 50px;margin-top: 10px !important;display: block;width: 100%;max-width: 100%;}
  .highcharts-figure{min-width: 300px !important;padding: 0;margin: 50px 0;}
  .generatedData tbody th, .generatedData tbody td {
    padding: 3px !important;
    font-size: 17px !important;
    vertical-align: middle !important;
  }
  .generatedData tbody td:last-child {
    padding: 3px !important;
  }
  .btn-table{height: 36px;max-width: 80px;}
  .invested-statement{font-size: 26px;}
}

@media only screen and (max-width: 360px){
  .search_categories, .search_categories .select select, input[type="text"]{
    max-width: 180px;
  }
}