/*@import url('../fontawesome/css/all.css');*/
@import url('materialicon.css');
html,body{height: 100%;background: url(../pics/hero-bg.png) top center no-repeat;}
.haspointer{cursor: pointer;}
/*::-webkit-scrollbar {width: 0px;}*/

::-webkit-scrollbar {
    width: 7px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(120,194,173,0.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}


.navbar
{
  font-size: 14px;
}
.card-body
{
  font-size: 14px;
}





.hover-underline-animation {
	color: inherit;
  text-decoration: underline 0.15em rgba(255, 0, 122, 0);
  transition: text-decoration-color 300ms;
}

.hover-underline-animation:hover {
  text-decoration-color: rgba(120, 194, 173, 1);
  cursor: pointer;
}




.col-container {
  display: table; /* Make the container element behave like a table */
  width: 100%; /* Set full-width to expand the whole page */
}

.col {
  display: table-cell; /* Make elements inside the container behave like table cells */
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    color: #FFFFFF !important;
}
.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:visited {
    color: #FFFFFF !important;
}