.formControl .static {
    word-break: 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;
}

/********** 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 */
.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;}

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

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


@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 **/
}

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

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; top: 2px;}

#zeroTop { top:0px;}

.formHeader .clearie {height: auto !important;}

@media (min-width:992px)
{
    .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;
    }
}

.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; margin-right: 24px; }
.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;
}

/****** EMPLOYEE LISTING ******/

@media (max-width: 500px) {
#FilterEmployeesSearchBox {
margin-top:4px;
}
}

/****** Step Layout responsiveness  ******/
@media screen and (max-width: 767px)
{
    .layout-step-button .responsive
    {
        display: block
    }
}
/********* 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%;
}

@media (min-width: 992px) {
    div#filterButtonSpacer {
    height: 150px;
    }
}

@media (max-width: 992px) {
    div#filterButtons div.row {
        display:inline-block;
    }
}

/***** 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;
}

.googleMapSearchBox {
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    margin-left: 20px;
    margin-top: 20px;
    padding: 0 15px 0 15px;
    width: 400px;
}

.expGoogleMapsleft{
    float:left;
    width:45%;
    height:100%;
    overflow-y: auto;
}
.expGoogleMapsroute{
    height:315px;
    overflow:auto;
    background:#fff
}
.expGoogleMapsright{
    float:right;
    width:55%;
    height:100%;
    margin-top:-20px;
}

.totalMilesGoogleMaps{
    margin-left: 567px;
    color: #444;
    font-weight: bold;
    font-size: 1em;
    border: 1px solid #FA9E25;
    width: 253px;
    background-color: #E9E5DC;
    text-align: center;
    padding: 5px;
    margin-bottom: 0px;
}

.viewAllCls {
    display: inline;
    float: right;
    margin: auto;/
}

span > label + label{
    margin-left: 16px;
}

@media (max-width: 990px) {
    .long-label-wrap .formControl label + label, .label-wrap, .formControl label.radioLabel {
        display: block;
        margin-left: 0;
    }

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

.verticalAlignTop{vertical-align: top;}