body, html {
    height: 100%;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #555555;
    background: #ececec url("/images/backgrounds/fabric_plaid/fabric_plaid.png");
}

a {
    color: #4286F5;
    text-decoration: none;
}

.clickable {
    cursor: pointer;
}

.table-calendar {
    width: 100%;
    border: 1px solid #e9e9e9;
}

.table-calendar td {
    width: 14%;
    border: 1px solid #e9e9e9;
}

.table-calendar-inactive {
    color: #c9c9c9;
    background-color: #fafafa;
}

.card {
    border-radius: 15px;
    border: none;
}

.location-logo {
    max-height: 200px;
    max-width: 200px;
}

.powered-by-image {
    max-width: 130px;
}

.form-check-input {
    transform: scale(1.7);
    -webkit-transform: scale(1.7);
}

.form-check-label {
    padding-left: 10px;
}

.text-gray {
    color: #6c757d;
}

.btn-gray {
    color: #FFFFFF;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-gray:hover {
    color: #FFFFFF;
    background-color: #6c757d;
    text-decoration: none;
}


.text-navy-blue {
    color: #242939;
}

.btn-navy-blue {
    color: #FFFFFF;
    background-color: #242939;
    border-color: #242939;
}

.btn-navy-blue:hover {
    color: #FFFFFF;
    background-color: #242939;
    text-decoration: none;
}


.text-royal-blue {
    color: #4286F5;
}

.btn-royal-blue {
    color: #FFFFFF;
    background-color: #4286F5;
    border-color: #4286F5;
}

.btn-royal-blue:hover {
    color: #FFFFFF;
    background-color: #4286F5;
    text-decoration: none;
}


.btn-outline-royal-blue {
    color: #4286F5;
    border-color: #4286F5;
}

.btn-outline-royal-blue:hover {
    color: #FFFFFF;
    background-color: #4286F5;
    text-decoration: none;
}

.text-medium {
    font-size: 30px;
}

.text-large {
    font-size: 50px;
}

.text-huge {
    font-size: 70px;
}

.d-inline {
    display: inline !important;
}

.pull-left {
    float: left;
}

.btn-outline-royal-blue.active {
    color: #FFFFFF;
    background-color: #4286F5;
    text-decoration: none;
}

div.scroll-terms {
    overflow-y: scroll;
    height: 300px;
    border: 1px solid #ececec;
    border-radius: 4px;
}


/* Maybe use the following in the future to look something like this: https://colorlib.com/etc/lf/Login_v15/index.html?username=sdfsdf&pass=sdfsdf

.card-img-top {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.card-img-overlay {

}

.card-img {
	filter: contrast(70%) brightness(70%);
}
*/