/* new stuff */

/* testing to prevent an issue with a scrollbar appearing between
certain breakpoints due to the flexboxgrid */

body {

    }
.body-container {width: fit-content;}
a.minibutton, input.minibutton {
    width:auto;
    padding:5px 5px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    }

.bgmaincolor {background-color:#59ad7f;}

.bgaltcolor {background-color:#00361d;}

.bgothercolor {
    background-color:#59ad7f;
    color:#00361d;
    }

.row {overflow:hidden;}

/* used to tighten height of empty rows */
.tighterrow {line-height:1em;}

.col-sm-12 {width:fit-content}

/* wrapped around most elements to provide more spacing*/
p.spaceout {margin:5px 0;}

.vmiddle {line-height:3em;}

.appid {text-align:right;}

.viewresume {text-align:left;}

.biginput {padding:11px 5px;font-size:18px;}

.printresume, .contactemployer, .saveposition {text-align:right;}

.alt {background-color:#fafafa !important;}

.highlight {
    background-color:#f8df9a;
    color: black;
    cursor:pointer;
    }

.highlightoff {
    background-color:#ffffff;
    }

.AppLogin {text-align:right;}
.AppEmailPW {text-align:left;}

.buttongroup a:first-child {padding-right:10px;}

td.virtualcolumn {
    padding:5px 5px 10px 5px;
    width:25%;
    text-align:center;
    }

.virtualleft {padding-right:75px;}

.virtualright {padding-left:75px;}

/* change file input button color */
::-webkit-file-upload-button {
    background: #59ad7f;
    color: #ffffff;
    padding: .5em 1em;
    cursor:pointer;
    }

    input[type=file] {
        font-size:1.2em;
        background-color:#f5f5f5;
        }

@media only screen and (max-width:1180px) {
    .appid {
        text-align:left;
        }
    }

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .pwchange {font-size:.95em;}
    }

@media only screen and (max-width:1023px) {
    .biginput {max-width:175px;}
    }

@media only screen and (width:768px) {
    input.button {min-width:190px;}
    }

@media only screen and (max-width:767px) {
    .viewresume, .printresume, .employerinfo, .contactemployer, .saveposition,
    .EmpIDSearch, .AppIDSearch, .NameSearch, .DateSearch, .KeywordSearch, .AddRep,
    .CancelAddRep {
        text-align:center;
        margin:3px 3px;
        }

    .AppLogin {text-align:center;}
    .AppEmailPW {text-align:center;}

    .pwchange {text-align:center;}

    .biginput {margin-bottom:15px;}

    .hidelonger {
        display:none;
        }

    .virtualleft {padding-right:0;}

    .virtualright {padding-left:0;}

    }

@media only screen and (max-width:600px) {
    .hide {
        display:none;
        }

    span#compdate {
        display:inline-block;
        }
    }

@media only screen and (max-width : 541px) {
    p.buttoncap, p.buttongroup {margin:0;line-height:70px;}
    .buttongroup a:first-child {padding-right:0;}
    }
