body{
    font-size: 0.95rem !important;
    /* background-image: linear-gradient(135deg, rgb(28, 90, 111) 0%, rgb(30, 116, 115) 100%); */
    background-color: #fff;
}
/* 
#ECECEC /textbox
#166A74
#1D6873  /buttons
#054548 /darkest green
 */
.enroll *{
    color: white;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Montserrat', sans-serif;
}

.navbar{
    background-color:#ECECEC !important;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.offcanvas{
    background-color:#166A74 !important;
    color: #F2f2f2;
}

.offcanvas li a {
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 600;
    text-decoration: none;
    color: #ECECEC;
}

.offcanvas li a:hover {
    color: #FFF;
}

.offcanvas li{
    display: block;
    line-height: 38px;
    padding: 0.8rem;
}

#content {
    margin-top: 64px;
}

#details-payment img{
    width: 100%;
}

#menu-programs a{
    text-decoration: none;
    color: #333;
}
#menu-programs a:hover{
    color: #1C5F70;
}

#top{
    margin-top: 100px;
}

.form-control:focus {
    box-shadow: none;
}

.unverified{
    border: none;
    background-color: transparent;
}

.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed{
    border-radius: 16px;
}
.accordion-item {
    border: none !important;
}

.accordion-button{
    border: none !important;
    border-radius: 16px;
    background-color: #ECECEC !important;
    margin-bottom: 8px;
}

.accordion-button:focus{
    box-shadow: none !important;
    background-color: #166A74 !important;
    color: #fff !important;
}

.accordion-body a {
    border: none !important;
}

.card{
    border: none !important;
}

input, select {
    background-color: #ECECEC !important;
    border-radius: 16px !important;
    border: none !important;
    padding-left: 16px !important;

}

button, .input-group-text {
    background-color: #1D6873 !important;
    border-radius: 16px !important;
    border: none !important;
    color: #ECECEC;
}

button:hover{
    background-color: #054548 !important;
    color: #FFF;
    padding-left: 16px;
}

button.btn-access {
    background-color: transparent !important;
    border-radius: 4px !important;
    padding: 2px !important;
    margin:0px !important;
    border: none !important;
    color: #ECECEC !important;
}

button.btn-access:hover{
    background-color: #054548 !important;
    color: #FFF;
}

.btn-close {
    background-color: transparent !important;
}
.table>:not(caption)>*>*{
    border: none !important;
}

thead th{
    background-color: #1D6873 !important;
    color: #FFF !important;
}

#Total{
    border-top: 1px solid #333 !important;
    border-bottom: 3px double #333 !important;
}
.spacer{
    width: 8px !important;
}
#reference img{
    width: 100%;
}

#aboutus * {
    color: white;
}
.profile-pic{
    width: 110px;
    height: 110px;
    background-color: #CCC;
    background-size: cover;
    border: 4px solid #fff !important;
}

.profile-pic-sm{
    width: 24px;
    height: 24px;
    background-color: #CCC;
    background-size: cover;
    border: 1px solid #fff !important;
}

.fa-check-square{
    color: #1D6873;
}

.fa-square, #thelist .name a{
    text-decoration: none;
    color: #777;
}

.fa-check-square:hover, .fa-square:hover, #thelist .name a:hover {
    color: #054548;
    cursor: pointer;
}

.text-underline{
    border-top: 1px solid #aaa;
    padding-top: 4px;
}

.text-doubleline{
    border-top: 1px solid #aaa;
    padding-top: 4px;
    border-bottom: 4px double #aaa;
    font-weight: bold;
}

.registration-details{
    border-radius: 4px;
    background-color: #ECECEC;
    margin-bottom: 1rem;
    padding: 1.5rem;
}

#reference img{
    max-height: 70vh;
    width:auto;
}