﻿body {
    padding-top: 10px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.methodiko-green {
    background: #6b6b47 !important;
    color: #e6e6e6 !important;
}

    .methodiko-green:hover {
        background: #464d33 !important;
        color: #e6e6e6 !important;
    }

.methodiko-green-nohover {
    background: #6b6b47 !important;
    color: #e6e6e6 !important;
}

.methodiko-teal {
    background: #00665c !important;
    color: #e6e6e6 !important;
}

    .methodiko-teal:hover {
        background: #004d45 !important;
        color: #e6e6e6 !important;
    }

.methodiko-teal-nohover {
    background: #00665c !important;
    color: #e6e6e6 !important;
}

.methodiko-deepteal {
    background: #004d45 !important;
    color: #e6e6e6 !important;
}

    .methodiko-deepteal:hover {
        background: #003a34 !important;
        color: #e6e6e6 !important;
    }

.methodiko-deepteal-nohover {
    background: #004d45 !important;
    color: #e6e6e6 !important;
}

.methodiko-blue {
    background: #406FAE !important;
    color: #e6e6e6 !important;
}

    .methodiko-blue:hover {
        background: #305482 !important;
        color: #e6e6e6 !important;
    }

.methodiko-blue-nohover {
    background: #406FAE !important;
    color: #e6e6e6 !important;
}

.methodiko-grey {
    background: #646865 !important;
    color: #e6e6e6 !important;
}

    .methodiko-grey:hover {
        background: #4b4e4c !important;
        color: #e6e6e6 !important;
    }

.methodiko-grey-nohover {
    background: #646865 !important;
    color: #e6e6e6 !important;
}

.methodiko-red {
    background: #CB2C31 !important;
    color: #e6e6e6 !important;
}

    .methodiko-red:hover {
        background: #922024 !important;
        color: #e6e6e6 !important;
    }

.methodiko-red-nohover {
    background: #CB2C31 !important;
    color: #e6e6e6 !important;
}

.methodiko-deepred {
    background: #961927 !important;
    color: #e6e6e6 !important;
}

    .methodiko-deepred:hover {
        background: #6d121d !important;
        color: #e6e6e6 !important;
    }

.methodiko-deepred-nohover {
    background: #961927 !important;
    color: #e6e6e6 !important;
}

.methodiko-gold {
    background: #cc7700 !important;
    color: #e6e6e6 !important;
}

    .methodiko-gold:hover {
        background: #995900 !important;
        color: #e6e6e6 !important;
    }

.methodiko-gold-nohover {
    background: #cc7700 !important;
    color: #e6e6e6 !important;
}

.methodiko-lightteal {
    background-color: #d1e0e0 !important;
    color: #575b58 !important;
}

    .methodiko-lightteal:hover {
        background-color: #b3cbcb !important;
        color: #575b58 !important;
    }

.methodiko-lightteal-nohover {
    background-color: #d1e0e0 !important;
    color: #575b58 !important;
}

/* Set the default color of links */
a, a:hover, a:focus {
    color: #6d121d;
}

/* Set the background color on Select Lists */
select option {
    background: #E9F7EF;
    color: #000000;
}

/* Set the background color on Datepicker*/
.datepicker {
    background: #e0e0eb;
    color: #000000;
}
