body {
    --padding-top: 50px;
    padding-bottom: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
}

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

/* 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;
}

.title
{
    --width: 960px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    height: 100px;
    background: transparent url("./images/Pinncale_Logo_NEW2.png") left center no-repeat;
    -ms-background-size: 350px, 350px;
    -moz-background-size: 350px, 350px;
    -o-background-size: 350px, 350px;
    background-size: 350px, 350px;
    background-color: #164068;
}

.editorLink {
    cursor: pointer;
}

.orgName {
    display: inline-block;
    padding-left: 5px;
    box-sizing: border-box;
}

/*footer in wizard should have no padding since it's in a container'*/
.k-content footer {
    padding: 0px 0px 0px 0px;
}

.k-input-icon.k-icon.k-i-search {
    position: fixed;
    right: 5px;
}

.k-searchbox.k-input.k-input-md.k-rounded-md.k-input-solid {
    border-color: #e0e0e0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.k-list-optionlabel {
    border-color: #e0e0e0;
}

.navbar-right {
    margin-right: 0px;
}

label {
    margin-top: 5px;
}

.field-validation-error {
    color: red;
}

.navbar-inverse {
  border-radius: 0px !important;
}

.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active {
    background-color: #00b0ff !important;
}

.errors {
    background-color: red;
    color: white;
}

.row-highlight {
    background-color: #e1e5ed;
}
.alt-row {
    background-color: #ffffff;
}

.report-text-header {
        background-color: #1e528c; text-align: center; 
        color: #ffffff; 
        border: 1px solid #ffffff; 
        height: 30px; 
        padding-left: 5px;
        padding-right: 5px; 
        font-size: 1.2em; 
        max-width: 95px;
        white-space: pre-wrap;
/*    word-wrap: break-word;
*/    }

.report-text-header a:hover {
    text-decoration: none;
}

.report-employee-name {
    word-spacing: 0px;
}

.k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md {
    width: 12.7em !important;
}

.teamMembersForm {
    min-width: 800px;
    width: min-content;
}

.teamMemberTable{
    width: 100%;
    display: grid;
    grid-auto-rows: min-content;
    margin-bottom: 20px;
    outline: 1px solid;
}

.teamMemberTableHeader{
    display: grid;
    grid-auto-flow: row;
    margin-bottom: 0;
    border: 0;
    background-color: #f5f5f5
}

.teamMemberTableHeaderGroup{
    width: 100%;
    border-bottom: 1px solid;
    padding: 5px;
}

.teamMemberTableHeaderGroupLabel{
    width: 100%;
    border: 0;
    padding: 0;
    font-size: 18px;
}

.teamMemberTableHeaderTitles {
    display: grid;
    grid-template-columns: 125px 125px 125px 225px;
    padding: 0;
    width: 100%;
}

.teamMemberTableHeaderTitle {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-left: .5px solid;
    border-right: .5px solid;
    padding: 5px;
}

.teamMemberTableBodyRow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1.5fr auto auto auto;
    width: max-content;
    min-width: 100%;
}

.teamMemberTableBodyRow.header {
    background-color: #f5f5f5
}

.teamMemberTableBodyRow.header .teamMemberTableBodyRowItem {
    border-top: 0;
    border-bottom: 0;
    padding: 5px;
}

.teamMemberTableBodyRowItem{
   display: grid;
   justify-content: flex-start;
   align-items: center;
   width: 100%;
   border: .5px solid;
   padding: 0 4px;
}