body {
    background: #ffffff;
    margin-top: 0;
    min-height: 100vh;
}

.red-bullets {
    color: red;
}

.msg-error {
    background: #dc3545;
}

.msg-success {
    background: #dc3545;
}

.nav-link {
    color: cornflowerblue !important;
    font-size: 1rem !important;
}

.nav-link.active {
    background : red !important;
    color: white !important;
}

.disabled {
    color: grey !important;
}
.nav-link:hover {
    color: rgb(1, 35, 97) !important;
}


.btn-outline-info {
    color: rgb(1, 35, 97)!important;
    border-color: red !important;
}

.btn-outline-info:hover {
    color: white !important;
    background: red !important;
}

.form-control::-webkit-input-placeholder {
    color: #999 !important;
    }
    
    .form-control::-moz-placeholder {
    color: #999 !important;
    }
    
    .form-control:-ms-input-placeholder {
    color: #999 !important;
    }
    
    .form-control::placeholder {
    color: #999 !important;
    }


    img.rounded-corners {
        border-radius: 30px;
      }
      
 h2 {
    font-family: Arial, Verdana;
    font-weight: 600;
    font-size: 1.6rem;
    color: #091f2f;
    text-transform: uppercase;
}

.accordion-button {
    font-size: 1.2rem;
}

.panel-body {
    text-align: left;
}

#footer {
    position:absolute;
    bottom:0;
    width:100%;
 }

 .nav-item-small {
     font-size: .75rem !important;
 }

 .outer_imgplaceholder {
    width: 400px;
    overflow: hidden;
}

.inner_imgplaceholder {
    display: inline-block;
    position: relative;
    right: -50%;
}

.img_placeholder {
    position: relative;
    left: -50%;
    height: 100%;
    width: 100%; 
    object-fit: contain';
}

.idcard {
    background-image: url("face_place_holder.jpg");
}

.custom_btn_size {
    width: 120px !important;
}

.membership_card
    {
      position: relative;
      top: 0;
      left: 0;
    }
.member_photo
    {
      position: absolute;
      top: 60px;
      left: 80px;
    }

img.rounded-corners {
    border-radius: 20px;
    }
      
.quiet-link
    {
        text-decoration:none !important;
    }

.blink {
    animation: blinker 1.25s step-start infinite;
    
    }
    
    @keyframes blinker {
    50% {
        opacity: 0.40;
    }
    }

blockquote{
    font-size: 1.4em;
    width:100%;
    margin:30px auto !important;
    font-family:Open Sans;
    font-style:italic;
    color: #555555;
    padding:1.2em 30px 1.2em 75px !important;
    border-left:8px solid #c07878 ;
    line-height:1.6;
    position: relative;
    background:#EDEDED;
    }
    
    blockquote::before{
    font-family:Arial;
    content: "\201C";
    color:#c52914;
    font-size:4em;
    position: absolute;
    left: 10px;
    top:-10px;
    }
    
    blockquote::after{
    content: '';
    }
    
    blockquote span{
    display:block;
    color:#333333;
    font-style: normal;
    font-weight: bold;
    margin-top:1em;
    }


.user-id-card{
    display:block;
    max-width:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border:1px;
    border-radius: 15px;
}


p1{
    display:block;
    padding-bottom: 0.5em;
}


.cg_card_verified
{
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    

    position: relative;
    margin-top: -40%;
    margin-left: 40%;

}