body {
    padding-bottom: 20px;
}

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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    /*font-weight: 500;
    line-height: 1.2;*/
    color: #0064FB !important;
}

h2, .h2 {
    margin-top: 20px;
}

h5, h6 {
    font-weight: bold;
}

th {
    text-align: center;
}

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

select, textarea {
    /*max-width: 280px;*/
    width: 100%;
}

span.k-widget.k-dropdown.k-header {
    width: 240px;
}

div.tab-content {
    padding-top: 12px;
}

#contentArea {
    margin-left: 20px;
    margin-right: 20px;
}

#grid table {
    min-width: 100%;
}

.announcementPanel {
    min-height: 340px;
}

.announcements {
    margin-top: 10px;
}

.appTitle {
    text-align: left;
}

.badge {
    font-size: 100%
}

.flexCenterContent {
    margin: auto;
    max-width: 1024px !important;
}

.centerTable {
    margin: auto;
    width: 50% !important;
}

.centerTitle {
    margin-bottom: 25px;
    text-align: center;
    margin-top: 20px
}

.centerSubTitle {
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: center;
}

    .centerSubTitle:before, .centerSubTitle:after {
        content: " --- ";
    }

.control-label {
    width: 100%;
    font-weight: bold;
    font-size: smaller;
}

.control-label-popup {
    width: 100%;
    font-weight: bold;
    font-size: smaller;
    margin-top: 10px;
}

.form-account {
    width: 30%;
}

.form-control {
    font-size: 14px;
    padding: 0;
    height: 2.43em;
    text-indent: .8em;
    line-height: 1.6em;
}

.form-description {
    width: 45%;
}

.form-entry {
    width: 25%;
}

.go-button {
    margin-top: 26px;
}

.header {
    position: relative;
    background-color: lightblue;
    color: black;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    /*height: 20px;*/
    padding: 12px 0 6px 0; /*added this line*/
}

.help-block {
    color: #C71C22;
    font-size: small;
}

input[type="checkbox"] {
    /*margin: 11px 0 0;*/
}

.input-20 {
    height: 20px;
}

.input-20-100 {
    height: 20px;
    max-width: 100px;
}

.k-button {
    padding: 4px;
}

.k-dropdown {
    width: 100%;
}

.k-edit-form-container {
    margin: 10px;
    width: 97%;
}

    .k-edit-form-container .k-edit-buttons {
        margin-top: 10px;
    }

.k-form-buttons {
    text-align: center;
    margin: 16px 0 0;
    display: block;
    /*padding: 0 0;
    border-width: 0;
    border-top-width: 0;
    border-style: solid;
    display: -ms-flexbox;*/
    /* display: flex; */
    /*-ms-flex-flow: row nowrap;
    flex-flow: row nowrap;*/
}

.k-grid {
    font-size: 14px;
}

.k-grid-header .k-header {
    overflow: visible !important;
    white-space: normal !important;
}

.k-grid-header, .k-grid-header .k-header {
    background-color: #e4e4e4;
    /*#e4e4e4;: #c1d8f3*/
    color: white;
    border-color: darkgray;
}

.k-grid tr td {
    border-color: darkgray;
    padding: 0.2em;
}

.k-state-inactive {
    pointer-events: none;
    cursor: default;
}

.k-grid-element-hide {
    visibility: hidden;
}

.k-grid-header th.k-header .k-link {
    text-align: center;
    font-weight: bold;
}

.k-grid .k-grid-search {
    margin-left: auto;
    margin-right: 0;
}

/*.k-grid .toolbar {
    margin-left: auto;
    margin-right: 0;
}*/

.k-grid tr td .center {
    text-align: center;
}

/* this helps:
    - nowrap for the pulldown list items, used by Referenda
*/
.k-list {
    white-space: nowrap;
}

.k-list-scroller {
    overflow-y: scroll;
}

.k-pdf-export .k-grid-toolbar, .k-pdf-export .k-grouping-header, .k-pdf-export .k-grid-edit, .k-pdf-export .k-grid-delete {
    display: none;
}

.k-i-pdf, .k-pdf {
    background-position-x: -292px;
    background-position-y: -244px;
}

.k-tabstrip {
    margin: 0 auto 30px;
    text-align: center;
}

.k-textbox {
    max-width: 280px;
    width: 100%;
}

/*.toolbar {
    flex-shrink: 0;
    display: inline-flex;
    align-items: stretch;
    align-content: center;
    vertical-align: middle;
}*/

.k-widget > span.k-invalid,
input.k-invalid {
    border: 1px solid #C71C22 !important;
}

th.k-header {
    text-align: center;
    font-weight: bold;
}

.masthead {
    background-repeat: no-repeat;
    background-color: #BEDC94;
}

.modal-footer {
    padding: 1px;
    border-top: 0;
}

.nav-tabs > li, .nav-pills > li {
    float: none;
    display: inline-block;
}

.nav-tabs, .nav-pills {
    text-align: center;
}

.not-active {
    pointer-events: none;
    color: #2fa4d7;
    cursor: default;
}

.pad {
    letter-spacing: 5px;
    font-weight: bold;
}

.page-template {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
    }

    .page-template .exclusions {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: left;
        color: #888;
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        text-align: center;
        color: #888;
    }

    .page-template .watermark {
        font-weight: bold;
        font-size: 400%;
        text-align: center;
        margin-top: 30%;
        color: #aaaaaa;
        opacity: 0.1;
        transform: rotate(-35deg) scale(1.7, 1.5);
    }

.row {
    margin-right: -10px;
    margin-left: -10px;
}

#grid .k-grid-toolbar {
    padding: .6em 1.3em .6em .4em;
}

.primaryDropdownLabel {
    /*    padding-right: .5em;
    font-weight: bold;*/
    vertical-align: middle;
    padding-right: .5em;
    margin-top: 8px;
    margin-left: 10px;
}

#primaryDropdown {
    vertical-align: middle;
}

.primaryAddButtonToolbar {
    /*float: left;*/
    display: inline-block;
}

/*.primaryDropdownToolbar {
    float: right;
}*/

.readOnly {
    width: 100%;
    text-align: right;
    background-color: #eee;
}

.refreshBtnContainer {
    display: inline-block;
}

.hideErrorsPanel {
    display: none;
}

.clearErrorsPanel {
    visibility: hidden;
}

.showErrorsPanel {
    display: block;
}

.showOnlyInPrint {
    display: none;
}

.useForm {
    margin-top: 0;
    margin-bottom: 15px;
}

.inner {
    display: inline-block;
}

.TextBoxAsLabel {
    border: none;
    background-color: #fff;
    background: transparent;
    /*width: 300px;*/
}
/*.wide {
    width: 80px;
}*/
/* reset everything to the default box model */

/**, :before, :after
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}*/


/* set a border-box model only to elements that need it */

.form-control,
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bg-dark1 {
    background-color: #343a40 !important
}

 span.alert.alert-.btn-block {
    color: #0064FB !important;
}