﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* 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: 100% !important;
}

.k-progressbar-horizontal {
    width: 100% !important;
    height: 4rem !important;
}

.k-textbox.form-control, .k-widget.k-dropdown.k-header.form-control, .k-widget.k-autocomplete.k-header.form-control.k-autocomplete-clearable.k-state-default, .k-widget.k-datepicker.k-header.form-control {
    width: 100% !important;
}
.k-dropdown-wrap.k-state-default, .k-dropdown-wrap.k-state-disabled {
    height: 32px !important;
}

.k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap {
    padding: 0 !important;
    height:32px !important;
}

.add-tooltip + .tooltip > .tooltip-inner {
    background-color: #0d47a1;
    font-weight: bold;
}
.addMemberModal {
    width: 350px;
    margin-top: 200px;
}
.addCandidateSelectionModal {
    width: 900px;
    margin-top: 100px;
}
.nav.navbar-expand-md.navbar-dark.fixed-top.bg-dark {
    background-color: #1377b3 !important;
    font-weight: bold;
}
.glyphicon {
    font-size: 2rem;
}
.glyphicon.glyphicon-remove{
    color:red;
    margin-left:5px;
}
.k-button.k-primary {
    background-color: #1377b3 !important;
    border-color: #1377b3 !important;
}
.navbar.navbar-expand-md.navbar-dark.fixed-top.bg-dark {
    background-color: #1377b3 !important;
    font-weight: bold;
}
.btn-light {
    color: #1377b3 !important;
    margin-top:7px;
}
.carousel-caption p {
    font-size: 1.25rem;
    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;
}
.k-grid-content {
    min-height: 100px;
}