@import 'https://fonts.googleapis.com/css?family=Athiti|Prompt';



.intro-2 {

    background: url("761.jpg")no-repeat center center;

    background-size: cover;

}

html,

body,

header,

.view {

    height: 80%;

}



body{

    font-family: 'Athiti', sans-serif;

}



h1,h2,h3{

    font-family: 'Prompt', sans-serif;

}

.bs-example{

    margin: 20px;

}

p.thicker {

    font-weight: bold;

  }

@media (max-width: 576px){

	.pieChart{

		font-size:larger;

	}

}

#apply{

    background-color: #eee7e7;

}

a:hover,a:focus{

    text-decoration: none;

    outline: none;

}

#accordion .panel{

    border: none;

    box-shadow: none;

    border-radius: 0;

    margin: 0 0 15px 10px;

}

#accordion .panel-heading{

    padding: 0;

    border-radius: 30px;

}

#accordion .panel-title a{

    display: block;

    padding: 12px 20px 12px 50px;

    background:#0d345d;

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    border: 1px solid transparent;

    border-radius: 30px;

    position: relative;

    transition: all 0.3s ease 0s;

}

#accordion .panel-title a.collapsed{

    background: #fff;

    color: #0d345d;

    border: 1px solid #ddd;

}

#accordion .panel-title a:after,

#accordion .panel-title a.collapsed:after{

    content: "\f107";

    font-family: "Font Awesome 5 Pro";

    font-weight: 900;

    width: 55px;

    height: 55px;

    line-height: 55px;

    border-radius: 50%;

    background:#0d345d;

    font-size: 25px;

    color: #fff;

    text-align: center;

    border: 1px solid transparent;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);

    position: absolute;

    top: -5px;

    left: -20px;

    transition: all 0.3s ease 0s;

}

#accordion .panel-title a.collapsed:after{

    content: "\f105";

    background: #fff;

    color: #0d345d;

    border: 1px solid #ddd;

    box-shadow: none;

}

#accordion .panel-body{

    padding: 20px 25px 10px 9px;

    background: transparent;

    font-size: 20px;

    color: #0e0d0d;

    line-height: 25px;

    border-top: none;

    position: relative;

}

#accordion .panel-body p{

    padding-left: 25px;

    border-left: 1px dashed #8c8c8c;

}

table td,

table th {

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}



thead th {

  color: #fff;

}

.card {

    border-radius: .5rem;

  }

  .intro {

    height: 100%;

  }

  .table-scroll {

    border-radius: .5rem;

  }

  

  .table-scroll table thead th {

    font-size: 1.25rem;

  }