body {
    /*border: 2px solid red;	*/
}

/* This is to fix the additional padding around the screen that was unneccessary and caused by bootstrap library  */
.main > div,
.content {
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix the offset logo  */
@media only screen and (max-width: 36rem) {
}

.logo_position {
    margin-left: 0rem !important;
}


/* This fixes the print css file override effecting the */
@media only screen {
    .form-row {
        display: block !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

/* This fixes the dropdown input from being offset on candidates page */
.dropdown_position {
    margin-left: 0 !important;
}

/* Fix Grid issues in the UI caused by removing the last "grid-" item */
[class~="grid"], [class*="grid_"], [class*="grid-noGutter"], [class*="grid-noBottom"], [class*="grid-xs"], [class*="grid-middle"], [class*="grid-right"], [class*="grid-spaceBetween"], [class="grid"] {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -1rem;
}

/* Fix floating block of text on candidate details page */
.position_top_right {
    float: none !important;
    margin-top: auto !important;
    display: inherit !important;
}

/* Fix bacground color of pages not getting grey */
.bg-grey .main {
    background-color: rgba(209,211,212,0.2);
}


    .bg-grey .main main {
        background-color: transparent !important;
    }

/* Fix mismatch height on dropdown in Assign Credit Packs */

#stock_selectId,
.k-input-large .k-input-inner {
    padding: 9px 8px !important;
}

/* Candidate Name Picker */

.candidate-selector {
    background: rgba(209,211,212,0.5);
    /*padding: 0;*/
    border: 0;
    width: auto !important;
}

    .candidate-selector input {
        padding: 0px 8px !important;
        font-size: 1.75rem;
        line-height: 2.5rem;
        font-weight: 700;
        font-family: "Montserrat",sans-serif;
    }

    .candidate-selector button {
        background: none !important;
    }

/* Fix issue with line being too far from content */
footer {
    margin-top: 0;
    margin-bottom: 0;
}

/* Fix styling of checkbox and inputs */

.k-checkbox {
    border-color: rgba(0,0,0,.5);
}

.k-input {
    border-color: rgba(0,0,0,.5);
}

/* Fix styling of hyperlink in table */
button.k-button-link {
    text-decoration: underline !important;
    color: #003C71 !important;
}

    button.k-button-link:hover,
    button.k-button-link:focus {
        text-decoration: none !important;
    }

/* Tabs Styling */

.k-tabstrip-items {
    border-bottom: 1px solid rgba(0,0,0,.25);
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    border-color: rgba(0,0,0,.25);
}

.k-tabstrip-items-wrapper .k-item.k-active,
.k-tabstrip-items-wrapper .k-item.k-selected,
.k-tabstrip-items-wrapper .k-item.k-state-active,
.k-tabstrip-items-wrapper .k-item.k-state-selected,
.k-tabstrip-items-wrapper .k-item:active {
    border-color: rgba(0,0,0,.25);
    color: #000000;
    font-weight: 500;
}

.k-tabstrip-items-wrapper .k-item {
    background-color: rgba(0,0,0,0.1);
    color: #333333;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    margin-right: 0.5rem;
}


/* Table Styling */

.k-grid td,
.k-grid th {
}

.k-grid .k-grid-header .k-grid-header-wrap > table > thead > tr {
    background-color: rgba(0,0,0,0.075);
    background-image: none;
}

.k-grid .k-grid-header .k-grid-header-wrap .k-filter-row {
    background-color: rgba(0,0,0,0.075);
    background-image: none;
}

    .k-grid .k-grid-header .k-grid-header-wrap .k-filter-row .k-filtercell {
        border-bottom-color: #A7A9AC;
        border-left-color: #A7A9AC;
        border-right-color: #A7A9AC;
        border-top-color: #A7A9AC;
    }

.k-grid .k-grid-header .k-grid-header-wrap > table {
    background-color: rgba(0,0,0,0.0);
    background-image: none;
}

.k-grid .k-grid-container .k-grid-content .k-grid-table {
    border-collapse: separate;
    border-bottom-color: inherit;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 0px;
    border-right-color: inherit;
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 0px;
}

.k-grid {
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
}

.k-grid-content tr:last-child > td,
.k-grid-content-locked tr:last-child > td {
    border-bottom-width: 1px;
}

.k-grid tr.k-alt {
    background-color: rgba(0,0,0,0);
}

.k-grid-header .k-header {
    font-weight: 500;
    color: #000000;
}

.k-grid tbody tr:not(.k-detail-row).k-hover,
.k-grid tbody tr:not(.k-detail-row).k-state-hover,
.k-grid tbody tr:not(.k-detail-row):hover {
    background-color: rgba(0,148,232,0.05);
}

.k-grid td.k-selected,
.k-grid td.k-state-selected,
.k-grid tr.k-selected > td,
.k-grid tr.k-state-selected > td {
    background-color: rgba(0,148,232,0.15);
}


.k-filter-row > td,
.k-filter-row > th,
.k-grid td,
.k-grid-content-locked,
.k-grid-footer,
.k-grid-footer-locked,
.k-grid-footer-wrap,
.k-grid-header,
.k-grid-header-locked,
.k-grid-header-wrap,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-header,
th.k-header {
    border-color: #D1D3D4;
}

.k-grid th {
    border-width: 0 0 1px 0px;
}

.k-filter-row td,
.k-filter-row th {
    border-width: 0 0 1px 0px;
}

.k-grid td {
    border-width: 0 0 1px 0px;
}


/* Unnecessary padding */

.tab-pane .msg-default {
    margin-bottom: 0;
}


/* Sorting Header */

th[aria-sort="none"] .k-column-title,
th[aria-sort="descending"] .k-column-title,
th[aria-sort="ascending"] .k-column-title {
    text-decoration: underline;
}

    th[aria-sort="none"] .k-column-title:hover,
    th[aria-sort="descending"] .k-column-title:hover,
    th[aria-sort="ascending"] .k-column-title:hover {
        text-decoration: none;
    }


/* Faux Radio Button */

.faux-radio .k-checkbox {
    border-radius: 20px;
}

    .faux-radio .k-checkbox.k-checked,
    .faux-radio .k-checkbox:checked {
        background-image: none;
    }


.k-i-filter-clear::before {
    content: "\e11b" !important;
    color: #CC0000 !important;
}



.assigned-modules-close a u,
.assigned-modules-link a u {
    color: #003C71 !important;
    font-weight: normal;
}