
.formControl .static {
    word-wrap: break-word;
}

.compactGroup label, .compactGroup .formLine{
    display: inline;
    float: none;
    width: auto;
}
.compactGroup .formRowStandard{
    padding: 0 0 10px 0;
}
.compactGroup input:not([type="radio"]):not([type="button"]){
    width: 60px;
}

.checkboxspacing{
    display: block;
}

.compactGroup .buttonContainer{
    padding: 0;
}

#tax_validation_override-row .formLine {
    position: relative;
    bottom: 4px;
}

/********** GENERIC **********/
a.halfButton:link, button.halfButton, input[type=submit].halfButton, input[type=button].halfButton {
    display: inline;
    padding: 5px;
    height: auto;
    margin-bottom: 0 !important;
}

.updateNote { text-align: center; font-style: italic; margin-top:16px; }

ul.legend { list-style-type:none; padding:0;}
ul.legend li { padding:8px; }

.formControl label + label { margin-left: 16px; } /* radio buttons */
#form3Vets100aee-row .formControl label { margin-left: 0; margin-right: 16px; } /*Form 3 Vets Employee Category*/
.chkList label, .chkList label + label {margin: auto; display: inline}
.rdList label, .rdList label + label {margin: auto; display: inline; padding-bottom: 14px}

.chkLabel, .radioLabel {font-weight: normal;}
.formControl .chkLabel { display: none; margin-right: 16px;} /* hide checkbox label if it uses the main row label */
.formControl ~ .formControl .chkLabel {display: inline !important;} /* show other checkbox labels */
.chkList .chkLabel, .formHeader .chkLabel {display: inline !important;} /* this one is separate because IE6 bails out when it sees the adjacent child selector */

.chkList .radioLabel {display: block;}
.chkLabel p {display: inline;}

#aca_setup_tabsfragment1 .radioLabel,
#aca_setup_tabsfragment2 .radioLabel,
#aca_setup_tabsfragment3 .radioLabel,
.acaContain .cardContainer .fbRadioGroup .radioLabel {display: table; margin: 0;}

.subChkList {padding-left: 4%;}

td.rightText input {text-align: right; }

.errorText i {color:black;}

form .static+input[type=button] { margin-left: 16px;}

{ margin-left: 8px; } /** checkboxes **/

.formControl { display: inline; }

.formLine { overflow: visible; width: 77%; float: left; } /** allow space for floated contents**/
.chkList .formLine { overflow: visible; } /** but show tooltips for chk lists**/

.formLine .row { padding-top: 4px;}

.formControl.formGroup {
    display: block;
    float:left;
    width: 100%;
}

.formControl input[type=radio] { margin-right:4px; }

.formControl select {min-width: 50px; }

select::-ms-expand {
    background:white;
    border:none;
}

.left-align-input .formline {
    text-align: left;
}

.wide-select select {
    width: 150px;
}

.chkList label.standard {display: none !important;}

.moveChkList {margin-left:23%;}

/*.formControl.formGroup label.standard {width: auto; margin-right: 16px; font-weight: bold; padding-top:3px;}

/* don't show columns with only hidden inputs */
.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 { min-height: 0px; }

.buttonSecondary.disabled{
    cursor: not-allowed;
}
.geoLocationPoint{
    cursor: pointer;
}

p+.formHeader, .formGroup+.formHeader {margin-top: 10px}

.formHeader .formRowStandard { padding:0; }

.formHeader .chkLabel { font-weight: bold; }

.ielabelfix {margin-right:1px; font-weight:bold; font-size:1.05em;}

.blue span.required {color: blue}

input[type=checkbox], input[type=radio] {position:relative; }

#zeroTop { top:0px;}

.formHeader .clearie {height: auto !important;}

.totalcolor {background-color: #ffca83; !important;}

.moneyPrefix { padding-right: 6px;}
input.money {position:relative; left: -4px; line-height: normal;}

.input-group-addon { width: auto; display: inline; font-size: inherit; vertical-align: inherit;}
.input-group { display: inline; white-space: nowrap; }

.formGroup.horizontal { display: inline-block; }
.formGroup.horizontal .row { float: left; text-align: center; padding: 8px; min-height: 65px; }
.formGroup.horizontal .row label.standard { display: block; width: auto; float: none; padding: 0; text-align: left; }
.formGroup.horizontal .row .buttonSmall { margin: 0; }
.formGroup.horizontal .row .formLine { margin-top: 6px; width: auto; }
.formGroup.horizontal .row.buttonContainer { margin-top: 11px; padding-bottom:0; height: 54px; }
.formGroup.horizontal .chkList .formLine { display: block; margin-top: 0; }
.formGroup.horizontal .chkList .row { float: none; min-height: 0; padding: 0; text-align: left; }
.formGroup.horizontal label > a.tooltip { vertical-align: top; }

/*.horizontalDisplay .formGroup.horizontal div{float:left;}*/
.horizontalDisplay .formGroup.horizontal {width:100%;}
.formGroup.questionnaire>.row>label.standard {width: 50%;}
.formGroup.questionnaire>.row>.formLine {width: 50%;}

input:invalid, select:invalid, textarea:invalid { outline: none; }
/*input:invalid:focus, select:invalid:focus, textarea:invalid:focus { border-color:red; }*/

.formLine .buttonSmall { margin-top:0; margin-bottom: 0;}

.eestatusT { color: red; }
.eestatusI { color: navy; }

input.buttonLink, input.buttonLink:focus { background: transparent; border: none; vertical-align: middle; outline: none; }

.fbControl + .fbControl, .fbText, .formControl a.fbLink { margin-left: 3px; margin-right: 3px; }

.inline-form label.standard {display: inline; width: auto; float: none;}
.inline-form .formLine {display: inline; width: auto; float: none;}

/***** EMPLOYEE MENU *******/
.empMenu .row {
    padding:8px;
    min-height:43px;
}
#employeeInfo{
    height: 100%;
}

.empMenu .row:nth-child(even), .empMenu .even {
    background-color: rgb(239,239,239);
}

.docEmphasis {
    color: red;
    font-weight: bold;
}
.gm-style{
    border: 2px solid #1F8852;
}

/********* FILTER EMPLOYEE CATEGORIES (cl-eecategoryfilter.php) *****/
div#filterButtons {
    text-align: center;
}

div#filterButtons input[type=submit],div#filterButtons input[type=button] {
    margin-bottom: 16px;
}

div#filterSelects select {
    width: 100%;
}

/***** FORM 16 *****/
td.employee, li.employee {
    background-color: #AACFEC !important;
}
td.employer, li.employer {
    background-color: #FFFFCC !important;
}

td.forboth, li.forboth {
    background-color: #dddddd !important;
}

.bigTextarea{
    width:610px; height:100px; max-width: 100%;
}

select[multiple].userAccessMulti{
    width: 500px;
    height: 350px;
}

/**** number list/bullet list for CKeditor****/
ol { list-style-type:decimal; }

.labelNoBold label.standard{
    font-weight: normal;
}

#map_area
{
    height: 520px;
}
.googleMapSearchBox {
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    margin-left: 20px;
    margin-top: 20px;
    padding: 0 15px 0 15px;
    width: 400px;
}
.myLocation, .myLocation.buttonSmall
{
    margin-top: 5px;
    margin-left:0px;
    display:block;
}

.expGoogleMapsleft{
    height:100%;
    overflow-y: auto;
}
.expGoogleMapsroute{
    height:266px;
    overflow:auto;
}
.expGoogleMapsright {
    float: right;
    width: 50%;
    height: 100%;
}
.expGoogleMapsRouteCenter{
    height: 100%;
    margin: 0 auto;
}
@media only screen and (min-width: 992px) {
    .expGoogleMapsRouteCenter {
        width: 70%;
    }
}
.totalMilesGoogleMaps{
    color: #444;
    font-weight: bold;
    font-size: 1em;
    border: 1px solid #FA9E25;
    background-color: #E9E5DC;
    text-align: center;
    padding: 5px;
    margin-bottom: 0px;
    position: relative;
    right:0px;
    overflow:hidden;
    z-index:2;
}

.viewAllCls {
    display: inline;
    float: right;
    margin: auto;/
}

span > label + label{
    margin-left: 16px;
}

#emailAddress-row .formLine div[name = "emailAddress"] .formControl:first-child{
    margin-left: 0!important;
    margin-right: 3px;
}
#emailAddress-row .formLine div[name = "emailAddress"] .formControl select{
    max-width: 200px;
}


.clearErrorNote{
    cursor: pointer;
    height: 16px;
    width: 16px;
    float: right;
}
.totalRatioRow{
    background-color: #ffca83;
}
#totalRatioPercentage{
    text-align: right;
}
#totalRatioText{
    text-align: right;
}
#projected_acrl_form {
    padding-left: 5px;
}

.inline-block{display:inline-block;}

/* Restrict width to ~70 characters */
.type-measure {
    max-width: 32em;
}

.verticalAlignTop{vertical-align: top;}


#checkDateValid
{
    margin-top:10px;
}

.formControl.fbControl #masterRecordState {
    margin-left: 5px;
}

.formControl.fbControl #masterRecordZip2, .formControl.fbControl #masterRecordZip1 {
    margin-top: 8px;
}

/**** Media Queries ****/

@media (max-width: 400px) {
    #emailAddress-row .formLine div[name = "emailAddress"] .formControl:nth-child(2){
        margin-left: 0!important;
    }
}

@media (max-width: 550px) {
    label[for=defaultStartTime] + .formLine { width: 100% }
}

@media (max-width: 500px) {
    .formLine { width: 100% } /** wrap to next line **/
    .formLine .formControl {clear: both; display: block; margin-bottom:4px;}
    .formHeader span.pull-right { float: none !important;}
    .formHeader input + input { margin-top:0 !important} /** in headers, override button huge margins **/

    /* EMPLOYEE LISTING */
    #FilterEmployeesSearchBox {
        margin-top:4px;
    }

    .startTime {
        padding-left: 0px !important;
        display: block;
    }

    .endTime {
        padding-left: 0px !important;
        display: block;
        padding-top: 3%;
    }
}

@media (max-width: 640px) {
    .formControl select {
        width: 100%;
    }

    .at-appfilter-formGroup .fbControl + .fbControl {
        margin-left: 0;
        margin-right: 0;
    }

    .inline-form label.standard{
        float: left;
    }
}

@media screen and (max-width: 645px) {
    #roundingDiv select {
        width: auto;
    }
}

@media (max-width: 700px) {
    #emailAddress-row .formLine div[name = "emailAddress"] .formControl:last-child{
        margin-left: 0!important;
    }
}

@media screen and (max-width: 767px) {
    /* Step Layout responsiveness  */
    .layout-step-button .responsive {
        display: block
    }
}

@media (max-width: 800px) {
    #emailAddress-row .formLine{
        width: 100%;
    }
}

@media (max-width: 990px) {
    .long-label-wrap .formControl label + label, .label-wrap, .formControl label.radioLabel {
        display: block;
        margin-left: 0;
    }

}

@media (min-width: 992px) {
    .formGroup .col-md-6 label.standard { width: 46.6%; }
    .formGroup .col-md-6 .formLine { width: 53.4% }
    .formGroup .col-md-5 label.standard { width: 56.50%; }
    .formGroup .col-md-5 .formLine { width: 43.5% }

    form .col-md-6 label.standard { width: 46.6%; }
    form .col-md-6 .formLine { width: 53.4% }
    form .col-md-5 label.standard { width: 56.50%; }
    form .col-md-5 .formLine { width: 43.5% }

    form .at-appfilter-formGroup.col-md-6 .formLine { width: 77% }

    .paf-add-select #newFieldSelector-row .formLine { width: 77%; }
    #actionBlockWrapper .col-md-6 label.standard, #punch_actions_contain .col-md-6 label.standard { width: 23%; }

    label[for=defaultStartTime] + .formLine { width: 85%!important; }

    .formGroup div[class^="col-md"]
    {
        padding-right: 8px;
    }
    .formGroup div[class^="col-md"]:last-child
    {
        padding-right: 0px;
    }
    .formGroup div.padRight[class^="col-md"]:last-child
    {
        padding-right: 8px;
    }

    div#filterButtonSpacer {
        height: 150px;
    }

    div#filterButtons div.row {
        display:inline-block;
    }
}

@media (max-width: 436px) {
    input.money {
        left: -1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media (max-width: 1250px) {
    #map_area {
        height: 320px;
        margin-left: 0px;
    }

    .expGoogleMapsright {
        float:none;
        width:auto;
    }
}

@media (orientation: landscape) {
    .formControl select{
        margin-top: 4px;
    }
}

#paf-filter-form #approved-paycode-table_wrapper #paycodeFilter {
    padding-top: 3px;
}

.timeManagementContain input[value^="Click here for example"] {
    font-size: 1rem;
}

#addTerminationSetUpForm-row .formLine {
    width:100%;
}

a#link_disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5;
}

@media (min-width: 992px) {
    #essmyform .formGroup .col-md-6 .formLine {
        width: 77%;
    }
}

@media (min-width: 992px) {
    #clCopyESSProfileForm .formGroup .col-md-6 .formLine {
        width: 95%;
    }
}
