html, body {
    height: 100%;
    font-family: 'Calibri' !important;
    font-size: 11pt;
    color: black;
}

body {
    
    display: flex;
    flex-direction: column;
}

h2 {
    font-size:16pt;
    font-weight:bold;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.footer {
    flex-shrink: 0;
    padding: 15px;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar-inverse {
    background-color: #222;
    border-color: white;
}

.background-content {
    /*background: url(../../Content/Images/bg.jpg);*/
    background-size:cover;
}
#button-list
button, html input[type="button"], input[type="submit"] {
    -webkit-appearance: button;
    background-color: white !important;
    cursor: pointer;
    height: 130px;
    width: 280px;
    padding:15px;
    margin: 9px;
    color: #7030A0;
    font-size:16pt;
    border: 1px solid #7030A0;
    text-transform: uppercase;
    font-weight: 600;
    /*word-spacing: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;*/
}
    #button-list
    button:disabled,
    button[disabled] {
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666;
    }

    button:active, button:focus {
        border: 3px solid #7030A0;
    }

#button-list2
button:disabled,
button[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

.setActive {
    border: 3px solid #7030A0!important;
}
.setInactive {
    border: 1px solid #7030A0!important;
}
ul {
    list-style: none;
}


ol {
    list-style: none;
}
span {
    display: block;
    width: 50px;
    padding: 0 20px;
    margin: 0;
    word-break: keep-all;
    text-align: center;
}

.content {
    flex: 1 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.oval1 {
    width: 35px;
    height: 35px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/account_circle_black_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval1Large {
    width: 45px;
    height: 45px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/account_circle_black_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval1green {
    width: 35px;
    height: 35px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/account_circle_green_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
 }

.oval1greenLarge {
    width: 45px;
    height: 45px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/account_circle_green_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval1red {
    width: 35px;
    height: 35px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/account_circle_red_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}


.oval2 {
    width: 35px;
    height: 35px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    color: green;
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/request_quote_black_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval2Large {
    width: 45px;
    height: 45px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    color: green;
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/request_quote_black_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval2green {
    width: 35px;
    height: 35px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    color: green;
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/request_quote_green_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval2greenLarge {
    width: 45px;
    height: 45px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    color: green;
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/request_quote_green_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval2red {
    width: 35px;
    height: 35px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    color: green;
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/request_quote_red_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval3 {
    width: 35px;
    height: 35px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/monetization_on_black_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval3Large {
    width: 45px;
    height: 45px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/monetization_on_black_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval3green {
    width: 35px;
    height: 35px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/monetization_on_green_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval3greenLarge {
    width: 45px;
    height: 45px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/monetization_on_green_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval3red {
    width: 35px;
    height: 35px;
    /*margin-top: 20px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/monetization_on_red_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval4 {
    width: 35px;
    height: 35px;
    /*margin-top: 5px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/pageview_black_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval4Large {
    width: 45px;
    height: 45px;
    /*margin-top: 5px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/pageview_black_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval4greenLarge {
    width: 45px;
    height: 45px;
    /*margin-top: 5px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/pageview_green_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.oval4red {
    width: 35px;
    height: 35px;
    /*margin-top: 5px;*/
    /*color: #111;*/
    border-radius: 50%;
    text-align: center;
    font-size: 90px;
    /*float: left;*/
    shape-outside: ellipse();
    /*padding: 10px;*/
    /*background-color: MediumPurple;*/
    background-clip: content-box;
    background-image: url(/Content/Images/pageview_red_24dp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.area {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    border: 1px solid #7030A0;
    min-height: 573px;
    padding-top: 40px;
    padding-bottom:30px;
    max-width:600px;
    min-width:600px;

}