﻿/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
   /*max-width: 280px;*/
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.required label:after {
        padding-right: 25px;
        /*background-image: url(...);*/
        color: #e32;
        content: ' *';
        display: inline;
        background-position: right top;
}


.box1 {
   padding: 10px;
    border: 1px solid #428bca;
    background: #428bca;
    border-radius:8px;
    margin-bottom:10px;
    box-shadow: 6px 6px 0px #cacaca;
}
.bo-right {
    border-right:1px solid #fff;
   
}
.box1 h3  span{
    font-size:32px;
    padding:6px;
    font-weight:600;
    color:#fff;
}
.box1 h4 {
    font-size:18px;
    font-weight:600;
    color:#fff;
}
.box1 h5 {
    font-size:24px;
    font-weight:600;
    color:#fff;
}
.box2 {
   padding: 10px;
    border: 1px solid #f0ad4e;
    background: #f0ad4e;
    border-radius:8px;
    margin-bottom:10px;
    box-shadow: 6px 6px 0px #cacaca;
}
.box2 h3  span{
    font-size:32px;
    padding:6px;
    font-weight:600;
    color:#fff;
}
.box2 h4 {
    font-size:18px;
    font-weight:600;
    color:#fff;
}
.box2 h5 {
    font-size:24px;
    font-weight:600;
    color:#fff;
}
.box3 {
   padding: 10px;
    border: 1px solid #16a085;
    background: #16a085;
    border-radius:8px;
    margin-bottom:10px;
    box-shadow: 6px 6px 0px #cacaca;
}
.box3 h3  span{
    font-size:32px;
    padding:6px;
    font-weight:600;
    color:#fff;
}
.box3 h4 {
    font-size:18px;
    font-weight:600;
    color:#fff;
}
.box3 h5 {
    font-size:24px;
    font-weight:600;
    color:#fff;
}
.box4 {
   padding: 10px;
    border: 1px solid #d9534f;
    background: #d9534f;
    border-radius:8px;
    margin-bottom:10px;
    box-shadow: 6px 6px 0px #cacaca;
}
.box4 h3  span{
    font-size:32px;
    padding:6px;
    font-weight:600;
    color:#fff;
}
.box4 h4 {
    font-size:18px;
    font-weight:600;
    color:#fff;
}
.box4 h5 {
    font-size:24px;
    font-weight:600;
    color:#fff;
}

.box5 {
   padding: 10px;
    border: 1px solid #d9534f;
    background: #e887c4;
    border-radius:8px;
    margin-bottom:10px;
    box-shadow: 6px 6px 0px #cacaca;
}
.box5 h3  span{
    font-size:32px;
    padding:6px;
    font-weight:600;
    color:#fff;
}
.box5 h4 {
    font-size:18px;
    font-weight:600;
    color:#fff;
}
.box5 h5 {
    font-size:24px;
    font-weight:600;
    color:#fff;
}

.box6 {
   padding: 10px;
    border: 1px solid #d9534f;
    background: #59c0ed;
    border-radius:8px;
    margin-bottom:10px;
    box-shadow: 6px 6px 0px #cacaca;
}
.box6 h3  span{
    font-size:32px;
    padding:6px;
    font-weight:600;
    color:#fff;
}
.box6 h4 {
    font-size:18px;
    font-weight:600;
    color:#fff;
}
.box6 h5 {
    font-size:24px;
    font-weight:600;
    color:#fff;
}