/* new stuff */

/* testing to prevent an issue with a scrollbar appearing between
certain breakpoints due to the flexboxgrid */

body {
    overflow:hidden;
    }

a.minibutton, input.minibutton {
    width:auto;
    padding:5px 5px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    }

.bgmaincolor {background-color:#ececec;}

.bgaltcolor {background-color:#666666;}

.bgothercolor {
    background-color:#5b0d2d;
    color:#ffffff;
    }

.row {overflow:hidden;}

/* used to tighten height of empty rows */
.tighterrow {line-height:1em;}

/* 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:#e9f6fc;
    color: black;
    cursor:pointer;
    }

.highlightoff {
    background-color:#ffffff;
    }

.AppLogin {text-align:right;}
.AppEmailPW {text-align:left;}

.buttongroup a:first-child {padding-right:10px;}

input.button {cursor:pointer;}

/* change file input button color */
::-webkit-file-upload-button {
    background: #5b0d2d;
    color: #ffffff;
    border:2px solid #4f0a26;
    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;
        }
    }

@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;}
    }