﻿.tylitcolor {
    color: #F05F40;
}



.circle .border {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background-color: darkgray;
    padding-left: inherit;
    float: none;
    /* width and height can be anything, as long as they're equal */
}

.circle .white {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: white;
    padding-left: inherit;
    float: none;
    /* width and height can be anything, as long as they're equal */
}


.circle .ivory {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: ivory;
    padding-left: inherit;
    float: none;
    /* width and height can be anything, as long as they're equal */
}


.circle .lightgray {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: lightgray;
    padding-left: inherit;
    float: none;
    /* width and height can be anything, as long as they're equal */
}


.circle .dovegray {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: grey;
    padding-left: inherit;
    float: none;
    /* width and height can be anything, as long as they're equal */
}


.circle .darkgray {
    align-content: center;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: darkgray;
    padding-left: inherit;
    float: none;
    /* width and height can be anything, as long as they're equal */
}


.circle .lightbrown {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #663300;
    padding-left: inherit;
    float: none;
    /* width and height can be anything, as long as they're equal */
}

.circle .terracotta {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #8E5037;
    padding-left: inherit;
    float: none;
    /* width and height can be anything, as long as they're equal */
}

.img-thumbnail-logo {
    max-width: 15%;
    display: inline;
}


.img-superThumb {
    position: absolute;
    width: 15%;
    top: 30%;
    left: 5%;
}

.pad-left-top-2 {
    left: 2px;
    top: 2px;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.withMargin {
    margin-left: -15px;
    margin-right: -15px;
}
