body {
    padding-top: 125px;
    padding-bottom: 20px;
    color: #000;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.kpr-blue {
    color: #0099D8;
}

.kpr-green {
    color: #008457;
}

.header-style {
    /*height: 100px;*/
    padding: 1rem 1rem;
    box-shadow: 0 5px 10px 0 #8D8E8F;
}

.header-logo, .kpr-logo {
    height: 60px;
}

.header-logo {
    margin-right: 10px;
}

.user-link {
    line-height: 50px;
}

.kpr-shadow {
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.5);
}

.progress {
    margin-bottom: 5px;
    box-shadow: 1px 1px 3px 0 #CBCCCD;
}

.alert {
    box-shadow: 3px 3px 5px 0 #CBCCCD;
}

.card {
    box-shadow: 3px 3px 5px 0 #CBCCCD;
}

    .card.bottom-space {
        margin-bottom: 10px;
    }

.btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-warning, .btn-danger,
.bg-primary, .bg-secondary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-dark, .bg-light {
    /*background-image: none;*/
}

.shadow {
    box-shadow: 2px 3px 3px 0 #CBCCCD;
    border-radius: 0.25rem;
}

.breadcrumb {
    box-shadow: 2px 3px 3px 0 #CBCCCD;
}

.badge {
    box-shadow: 1px 1px 2px 0 #B8B9BA;
}

.last_updated {
    font-size: 12px;
    color: #8D8E8F;
    font-style: italic;
}

.bootbox .modal-content {
    box-shadow: 0px 0px 20px 0px #555;
}

.comment_container {
    min-height: 55px;
}

.comment_initials {
    height: 64px;
    width: 64px;
    background-color: #CBCCCD;
    border-radius: 32px;
    font-weight: normal;
    line-height: 57px;
    font-size: 32px;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    text-align: center;
}

.comment_body {
}

.comment_user {
    font-weight: bold;
}

.comment_dts {
    color: #CBCCCD;
    float: right;
    font-style: italic;
    font-weight: normal;
}

.comment_text {
    color: #000;
}

/* Fix autocomplete to display in modals */
ul.ui-autocomplete {
    z-index: 1100 !important;
}

#main-container {
	margin-bottom: 57px;
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
	height: 57px;
	background: white;
}

footer > p {
    padding: 0 10px;
}

footer > hr {
	margin-top: 0px;
}

.btn-tall {
    padding: 1.375rem 0.75rem;
}

#category_back, #section_staff, #section_parent, #section_student, #section_other, 
#section_question, #section_concern, #ConForm, #ConContinue {
    display: none;
}

.bg-primary {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#571950), color-stop(60%, #571950), to(#571950));
    background-image: linear-gradient(#571950, #571950 60%, #571950);
    background-repeat: no-repeat;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000;
}

.btn {
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.6);
    border-radius: 0.7rem;
    margin-bottom: 1.5rem;
}

.btn-faq, .btn-back {
    border-radius: 45px;
    height: 90px;
    width: 90px;
    font-size: 22px;
}

.btn-primary {
    color: #fff;
    background-color: #571950;
    border-color: #571950;
}

.btn-primary {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6E2065), color-stop(60%, #571950), to(#461440));
    background-image: linear-gradient(#6E2065, #571950 60%, #461440);
    background-repeat: no-repeat;
}

.btn-primary:hover {
    color: #fff;
    background-color: #571950;
    border-color: #571950;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #6E2065;
    border-color: #6E2065;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
}

.btn-primary:focus, .btn-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #6E2065;
    border-color: #6E2065;
    box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
}

.btn-success {
    color: #fff;
    background-color: #5CBA48;
    border-color: #4A963A;
}

.btn-success {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#72C761), color-stop(60%, #5CBA48), to(#4A963A));
    background-image: linear-gradient(#72C761, #5CBA48 60%, #4A963A);
    background-repeat: no-repeat;
}

.btn-success:hover {
    color: #fff;
    background-color: #4A963A;
    border-color: #4A963A;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #5CBA48;
    border-color: #4A963A;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(42 85 33 / 50%);
    box-shadow: 0 0 0 0.2rem rgb(42 85 33 / 50%);
}

.btn-success:focus, .btn-success.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(42 85 33 / 50%);
    box-shadow: 0 0 0 0.2rem rgb(42 85 33 / 50%);
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #5CBA48;
    border-color: #4A963A;
    box-shadow: 0 0 0 0.2rem rgb(100 46 94 / 50%);
}

.btn-warning {
    color: #fff;
    background-color: #F26829;
    border-color: #D95720;
}

.btn-warning {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5834D), color-stop(60%, #F26829), to(#D95720));
    background-image: linear-gradient(#F5834D, #F26829 60%, #D95720);
    background-repeat: no-repeat;
}

.btn-warning:hover {
    color: #fff;
    background-color: #D95720;
    border-color: #D95720;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #F47A43;
    border-color: #D95720;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(97 43 18 / 50%);
    box-shadow: 0 0 0 0.2rem rgb(97 43 18 / 50%);
}

.btn-warning:focus, .btn-warning.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(97 43 18 / 50%);
    box-shadow: 0 0 0 0.2rem rgb(97 43 18 / 50%);
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #F47A43;
    border-color: #D95720;
    box-shadow: 0 0 0 0.2rem rgb(100 46 94 / 50%);
}

.btn-danger {
    color: #fff;
    background-color: #C71C22;
}

.btn-danger {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e42027), color-stop(60%, #C71C22), to(#ae171d));
    background-image: linear-gradient(#e42027, #C71C22 60%, #ae171d);
    background-repeat: no-repeat;
}

.btn-kprblue {
    color: #fff;
    background-color: #0099D8;
    border-color: #007EAF;
}

.btn-kprblue {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#20A7DE), color-stop(60%, #0099D8), to(#007EAF));
    background-image: linear-gradient(#20A7DE, #0099D8 60%, #007EAF);
    background-repeat: no-repeat;
}

.btn-kprblue:hover {
    color: #fff;
    background-color: #007EAF;
    border-color: #007EAF;
}

    .btn-kprblue:not(:disabled):not(.disabled):active, .btn-kprblue:not(:disabled):not(.disabled).active, .show > .btn-kprblue.dropdown-toggle {
        color: #fff;
        background-color: #007EAF;
        border-color: #007EAF;
    }

.btn-kprblue:not(:disabled):not(.disabled):active:focus, .btn-kprblue:not(:disabled):not(.disabled).active:focus, .show > .btn-kprblue.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
}

    .btn-kprblue:focus, .btn-kprblue.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
        box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    }

    .btn-kprblue:focus, .btn-kprblue.focus {
        color: #fff;
        background-color: #007EAF;
        border-color: #007EAF;
        box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    }

.red-text {
    color: #ee0000;
}

.required {
    font-weight: bold;
    font-size: 1em;
    color: #ee0000;
}

.grow-textarea {
    resize: none;
    min-height: 65px;
    overflow: hidden;
    box-sizing: border-box;
}

#development {
    background-color: #ffeeee;
    color: #ee0000;
    padding: 5px 10px;
    text-align:center;
    margin-bottom:15px;
    font-weight:bold;
    font-style:italic;
}

.faq {
    font-weight:bold;
}

.faq p:not(:first-child), .faq_sub {
    font-weight: normal;
}

.hiddenPreQuestion {
    display: none;
}