html {
    font-size: 14px;  
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    background-color: #F8FDFF;
}

.center{
    text-align:center;
}

td:hover{
    cursor: pointer;
}

li{
    list-style-type: none;
}

textarea{
    resize: none;
}

.summary {
    padding-bottom: 0 !important;
}

.footer{
    position:fixed;
    bottom: 0;
    width:100%;
}

.hidden{
    display:none;
}

.remove-mapping:hover{
    cursor:pointer;
}

#block {
    height: 50px;
    width: 190px;
    background-color: #EAEAEA;
    position: sticky;
    z-index: 99999;
    margin-top: -45px;
    float: right;
}

.modal-footer {
    border-top: none !important;
    padding-right: 0px !important;
}

.demographic-card{
    min-height: 243px;
}

.twitter-typeahead, .tt-hint, .tt-input, .tt-menu {
    width: 100%;
}

.richText-btn {
    color: #333333 !important;
}

.badge-success {
    background-color: #198754;
}

.badge-danger{
    background-color: #ff0000;
}

.badge{
    margin-left:3px;
}

.ctm:hover{
    cursor: pointer;
}

.remRes:hover{
    cursor: pointer;
}

.accordion-button:hover {
    cursor: pointer;
}

.card{
    margin-bottom:15px; 
}

.btn-kph {
    color: white;
    font-weight: 600;
    background-color: rgba(0, 26, 65, 1);
    border: 3px solid rgba(0, 26, 65, 1);

}

    .btn-kph:hover {
        background-color: rgba(0, 159, 227, 1);
        border: 3px solid rgba(0, 26, 65, 1);
        color: white;
    }

.btn .fa {
    color: #00AEEF;
}

.btn:hover .fa {
    color: white;
}

.btn-danger .fa{
    color: white;
}

.btn-danger:hover {
    background-color: white;
    border: 3px solid #C82333;
    color: #C82333;
}

.btn-danger:hover .fa {
    color: #C82333;
}

.btn-success .fa{
    color:white;
}

.btn-success:hover{
    background-color: white;
    border: 3px solid #28A745;
    color: #28A745;
}

.btn-success:hover .fa{
    color: #28A745;
}

.btn-warning{
    color:white;
}

.btn-warning .fa{
    color: white;
}

.btn-warning:hover{
    background-color: white;
    border: 3px solid #FFC107;
    color: #FFC107;
}

.btn-warning:hover .fa{
    color: #FFC107;
}


@media(max-width: 991px) {
    #external-section {
        background: url(../images/GreyBackground.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #logo{
        display:block !important;
    }
    #body-div{
        margin-top: 1vh !important;
    }
}

.btn-kph-selected {
    background-color: rgba(0, 159, 227, 1);
    border: 3px solid rgba(0, 26, 65, 1);
    color: white;
}

@media(max-width: 1355px) {
    .btn-kph{
        margin-top:3px;
    }
}

.alertDiv{
    border-radius: 5px;
}

#pp-img{
    height:80vh;
    margin-left:calc(100vw / 6);
}

@media(max-width: 769px){
    #pp-img {
        height: 80vh;      
        margin-left: -5vw;
    }
}