/* The purpose of this file is to consolidate the overrides of Bootstrap and possibly Telerik styles that we implement into the site design in one place for easy editing and control */



/* At one point Greg requested a non-white background (too much white on screen)
   So build with background color to ensure controls will look good (i.e. are in containers)
html {
    height: 100%;
}

body {
    min-height: 100%;
    background-color: lightgray;
}*/


.text-capitalize {
    text-transform: capitalize;
}


/*Show and Hide classes for nav
.show-on-mobile {
    display: block;
}
.hide-on-mobile {
    display: none;
}

@media (min-width: 768px) {
    .show-on-mobile{
        display:none;
    }
    .hide-on-mobile {
        display: block;
    }
}
*/

/**************************************************************
    Custom styles for form controls
*/

/*Classes used by ErrorControl to highlight the error controls easily from the backend
.has-error,
.has-error:hover,
.has-error:active,
.has-error:focus {
    background-color: #F8D7DA !important;
    color: #9B1C24 !important;
    border: 1px solid red !important;
}

.error-block.alert-danger {
    background: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
}

.error-block.alert-danger, .error-block-header {
    color: #ffffff ;
    font-weight: 700;
}*/