html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

input[type='text'], input[type='password'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='month'], input[type='week'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='color'], textarea, select {
    /* padding: .2rem .3rem;
    height: 2rem;*/
}

.hidden {
    display: none;
}

.grayfont {
    color: #a6a6a6;
}

.bold {
    font-weight: bold;
}

.bottom-margin-1 {
    margin-bottom: 1rem;
}

.jobs-table tr {
    border-bottom: 1px solid #c0c0c0;
    border-bottom-color: #D1D1D1;
}


/* --------------------------------------------------------- */
.nowrap {
    white-space: nowrap;
}

::-ms-clear {
    display: none;
}

.transparenttable, .transparenttable tr.even, .transparenttable tr.alt, .transparenttable > tbody > tr:nth-of-type(2n), .jp11 table, .jp11 table tr.even, .jp11 table tr.alt, .jp11 table tr:nth-of-type(2n) {
    background: transparent;
}

    .transparenttable td {
        vertical-align: top;
    }

/* ------ Begin Misc ------ */
h3 {
    margin: 0;
}

.red, .required {
    color: #cc0000 !important;
}

table {
    margin-bottom: 0;
}

input[type='radio'], input[type='checkbox'] {
    margin: 0 0 .4rem 0;
}

/* ------ End Misc ------ */

table.apply {
    margin: .5rem 0 1rem 1rem;
}

    table.apply tr th, table.apply tr td {
        padding: .25rem .75rem;
    }

h3 small {
    font-size: 70%;
}

/* ------ Begin Error Message ------ */

.errorMessageDiv {
    border: 1px solid #cc0000;
    background: #ffffff url('/StudentEmployment/images/error.gif') no-repeat .75rem .75rem;
    padding: .75rem .5rem .5rem 4rem;
    margin: 0;
    min-height: 3rem;
    vertical-align: middle;
    color: #cc0000;
}

    .errorMessageDiv li {
        padding-bottom: .4rem;
        list-style-type: none;
    }

    .errorMessageDiv ul {
        margin: 0;
    }


/* ------ End Error Message ------ */

td input[type='checkbox'] {
    margin: .25rem 0;
}

fieldset.apply {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset.apply legend {
        color: #333333;
        font-weight: normal;
        line-height: 1.5;
        margin: 0 0 .8rem 0;
        background-color: transparent;
    }

    fieldset.apply label {
        display: inline;
    }

.errorMessage {
    padding: .25rem 0;
    color: #cc0000;
    display: inline-block;
    font-size: .92rem;
    margin-bottom: .9rem;
}

.page__title {
    font-size: 1.6rem;
}

.green {
    color: #0b6136;
}

.top-margin-2 {
    margin-top: 2rem;
}

.top-margin-3 {
    margin-top: 3rem;
}

h4.subformheader {
    color: #fff;
    background-color: #046A38;
    font-weight: bold;
    border-radius: 6px;
    padding: 6px 14px;
    font-weight: 600;
    margin-left: 0px;
}

@media only screen and (min-width:40.06em) {
    .page__title {
        font-size: 2.12rem;
    }
}

@media only screen and (max-width: 40em) {
    table thead tr th, table thead tr td, table tr th, table tr td {
        padding: 0.6rem 0.2rem;
        font-size: 1rem;
    }

    .hide-for-small-only {
        display: none;
    }

    .bold-for-small-only {
        font-weight: bold;
    }
}
.rwdform * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rwdform {
    margin-bottom: 3.5rem;
}

    .rwdform > div {
        overflow: hidden;
        padding: .5rem 1px;
        border-bottom: 1px dotted #cccccc;
    }

        .rwdform > div .noborder {
            border-bottom: none;
        }

.rwdheader {
    text-align: left;
    color: #f27a3b;
    color: #000000;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}

div.rwdconfirm {
    margin: 2.3rem 0 0 0;
    padding: 0 0 0 .2rem;
    border-bottom: solid 1px #c0c0c0;
}

.rwdform > div > label, legend {
    font-weight: normal;
    color: #000000;
}

.frmlabel {
    display: inline-block;
    font-size: .87rem
}

fieldset legend {
    font-weight: normal;
    color: #000000;
    background-color: transparent;
}

.rwdform > div > fieldset > div > div {
    margin: 0 0 5px 0;
}

.smalllink, .fieldLabel {
    font-size: .87rem;
}

.rwdform fieldset {
    border: 0;
    padding: 0;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], textarea, select {
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 0;
}

    input[type='text']:focus, input[type=email]:focus, input[type=tel], input[type=url]:focus, input[type=password]:focus, textarea:focus {
        outline: 0;
        border-color: #4697e4;
    }
/* breaks the search box
form:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*/
input[type=radio] {
    vertical-align: top;
    margin-top: .4rem;
}

/*  --- BEGIN MISC --- */
.group {
    background-color: #efefef;
    background-color: #f7f7f7;
    margin-top: 0rem;
    border: 1px solid #dddddd;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
}

.legend {
    background-color: #f7f7f7;
    border: 1px solid #dddddd;
    border-bottom: 1px solid #f7f7f7;
    top: .1rem;
    margin-top: 2.2rem;
    margin-left: .5rem;
    margin-left: 0;
    position: relative;
    padding: .1rem .5rem;
    width: 100%;
}

.rwdform .spacing {
    margin: .5rem 0;
}

.rwdform .ctlList {
    padding-left: .3rem;
}

.rwdform > div > .userinfoLabel {
    color: #797979;
    display: inline-block;
    font-size: .87rem
}

.rwdform .noborder {
    border-bottom: none;
}
/*  --- END MISC --- */

@media (min-width: 600px) {
    .rwdform > div > label, legend, .frmlabel, .rwdform > div > .userinfoLabel {
        width: 27%;
        float: left;
        padding-right: .625em;
    }

    .rwdform > div > div, .rwdform > div > fieldset > div {
        width: 73%;
        float: right;
    }

    input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], .userinfo label {
        margin-bottom: .1rem;
        margin-top: .1rem;
    }

    select {
        margin-bottom: 0;
    }

    .rwdheader {
        font-size: 1.3rem;
    }

    .legend {
        width: 26rem;
    }
}

@media (min-width: 1200px) {
    .rwdform > div > label, legend, .frmlabel, .rwdform > div > .userinfoLabel {
        text-align: right;
        text-align: left;
    }
}

table.MainMenuTabs {
    width: auto;
}

.MainMenuTabs td {
    padding: 0;
}

.MainMenuTab td {
    border: 1px solid #D6D6D6;
    background-color: #E6E6E6;
    padding: .2rem 1rem;
    color: white;
}

.MainMenuTabHover td {
    background-color: #CCFFFF;
    color: #005d86;
    text-decoration: none;
}

.MainMenuTabHover a:hover {
    background-color: #CCFFFF;
    color: #005d86;
    text-decoration: none;
}

.MainMenuTabSelected td {
    color: Black;
    background-color: #ffffff;
    border-bottom: solid 1px #ffffff;
}

.MainMenuTabSelected a {
    color: Black;
    background-color: #ffffff;
}

    .MainMenuTabSelected a:hover {
        color: Black;
        background-color: #ffffff;
        text-decoration: none;
    }

form .row .job-details .row {
    margin: .6rem .0rem 1.6rem .0rem;
}

input[type='checkbox'] + label, input[type='radio'] + label {
    display: inline;
    font-size: 1rem;
    color: #000000;
}

@media only screen and (max-width:40em) {
    .bold {
        margin-bottom: .6rem;
    }
}