/* Import Poppins from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Apply Poppins as the main font */
body {
    font-family: 'Poppins', sans-serif !important;
}


.btn-primary {
    background-color: #6e978a !important;
    border-color: #6e978a !important;
    color: white !important;
    background-image: none !important; 
}

.btn-primary:hover {
    background-color: #5b8074 !important;
    border-color: #5b8074 !important;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #6e978a;
    border-color: #6e978a;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    color: #fff;
    background-color: #6e978a;
    border-color: #6e978a;
}

.alert-warning {
    background-color: #8cd8d6;
}
.modal-header.modal-header {
    background: antiquewhite;
}
h2, .h2 {
    color: teal;
}
label {
    color: forestgreen;
}
/*
.nav-tabs > li > a, .nav-tabs > li > a:focus {
    background-color: #6e978a;
}
*/
/* Tooltip container */
.tipitip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  .tipitip .tipitiptext {
    visibility: hidden;
		width: 600px;
    background-color: #555555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 0;
/* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 115%;
  
    
/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
  }
  .tipitip .tipitiptext::after {
    content: " ";
    position: absolute;
    top: 20%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
  }
  
  .tipitip:hover .tipitiptext {
    visibility: visible;
    opacity: 1;
  }