/*form styles*/
.secondaryLabel label.standard, .secondaryLabel div.formLine {
    display: block;
    float: none;
    width: 100%;
}

.secondaryLabel .formRowStandard {
    padding: 0 10px 30px 10px;
}

.secondaryLabel .formRowStandard label.standard {
    margin-bottom: 5px;
    width: auto;
}

.secondaryLabel .formLine .fbRadioGroup .radioLabel input {
    margin-top: 5px;
}

form.layout, form.layoutNoPad {
    font-size: 1em;
}

.formRowStandard {
    padding: 9px 0px 9px 5px;
}

.formRowAuto {
    padding: 9px 0px 9px 5px;
    height: auto;
}

label > a.tooltip {
    font-weight: bold;
    color: #63656A;
    margin-bottom: 0;
    vertical-align: middle;
}

label.standard, label.standardSmall, label.standardLarge {
    text-align: left;
    float: left;
    font-weight: bold;
    margin-bottom: 0;
    vertical-align: middle;
}

label.standard {
    width: 23%;
    padding-right: 10px;
}

.largeLabel label.standard {
    width: 100%;
}

label.standardSmall {
    width: 15%;
}

.textSmall label {
    font-size: 0.9em;
}

label.standardLarge {
    width: 45%;
}

.col-md-4 label.standard, .col-md-3 label.standard {
    width: auto;
    width: initial;
    display: block;
    float: none;
    margin-bottom: 5px;
}

label.auto {
    width: auto;
    text-align: left;
    font-weight: bold;
}

label[for="currEmail"] {
    line-height: 50px;
}

label[for="usernameChange"] {
    line-height: 30px;
}

input[type=text], input[type=search], input[type=tel], input[type=date], input[type=email], select, input[type=password], input[type=number], input[type=checkbox].check, .input-group-addon, textarea {
    border: 1px solid #aaa;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
    color: #0a0203;
    font-family: inherit;
    max-width: 100%;
}

@media (max-width: 436px) {

    input[type=text], input[type=search], input[type=tel], input[type=date], input[type=email], select, input[type=password], input[type=number], input[type=checkbox].check, .input-group-addon, textarea {
        width: 100%;
    }

    #reportCenterSearch {
        width: auto;
    }
}

input[type=text]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, select:focus, textarea:focus, textarea:active {
    border: 1px solid #666;
    outline: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #9B9B9B;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #9B9B9B;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #9B9B9B;
    opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #9B9B9B;
}

.readonly, input:disabled, input[disabled], select[disabled], button[disabled], textarea[disabled] {
    cursor: not-allowed !important;
}

input[type=text][readonly], input[type=text][disabled], input[type=number][readonly], input[type=number][readonly], textarea[disabled] {
    background: #e6e6e6;
}

input[type=text][readonly].datepicker {
    background: #fff;
}

input[type=text][disabled].datepicker {
    background: #e6e6e6;
}

input[type=text].setWidth {
    width: 50%;
}

input[type=text].setSmallWidth {
    width: 60px;
}

.setCalWidth {
    width: 90px;
}

select.setWidth {
    width: 170px;
}

.requiredText {
    color: red;
    margin: 5px 0 0 0;
    font-weight: bold;
}

.required {
    color: red;
    margin-right: 3px;
    font-weight: bold;
    font-size: 1.05em;
}

.notice {
    color: red;
    margin-right: 3px;
    font-weight: 500;
    font-size: 1.05em;
}

.errfont, a.errfont {
    color: red;
    font-weight: 700;
}

form[name='errform'] div {
    margin-bottom: 15px;
}

input {
    max-width: 100%;
}

.inline, .formCharacter {
    display: inline-block;
}

{
    display: inline-block
;
} /*wrap checkboxes in a div with this as the class*/

/*button classes*/

.buttonContainer {
    text-align: center;
    padding: 10px;
}

.buttonContainerRight {
    float: right;
    padding: 5px;
}

.buttonContainerRight div {
    display: inline-block;
}

.buttonContainer button, .buttonContainer input[type=submit],
.buttonContainer input[type=button], .buttonContainer a.buttonPrimary:link,
.buttonContainer a.buttonSecondary:link {
    margin: 0 10px;
}

.addAction, a.addAction:link {
    color: #444 !important;
    border: 1px solid #aaa;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));
    background: -webkit-linear-gradient(#fff, #e5e5e5);
    background: -moz-linear-gradient(top, #fff, #e5e5e5);
    background: -ms-linear-gradient(#fff, #e5e5e5);
    background: -o-linear-gradient(#fff, #e5e5e5);
    background: linear-gradient(#fff, #e5e5e5);
    font-size: .9em !important;
}

.btn.addAction {
    border: 1px solid #aaa;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));
    background: -webkit-linear-gradient(#fff, #e5e5e5);
    background: -moz-linear-gradient(top, #fff, #e5e5e5);
    background: -ms-linear-gradient(#fff, #e5e5e5);
    background: -o-linear-gradient(#fff, #e5e5e5);
    background: linear-gradient(#fff, #e5e5e5);
    font-size: .9em !important;
    padding: 10px;
}

.addAction img {
    /* height: 80%;*/
    margin-right: 5px;
    vertical-align: middle;
}

.addAction span {
    vertical-align: middle;
}

.buttonImageRight {
    background: none;
    border: none;
    color: #888;
    font-size: .8em;
}

.buttonImageRight img {
    height: 80%;
    margin-left: 5px;
    vertical-align: middle;
}

.buttonImageRight span {
    vertical-align: middle;
}

.buttonPrimary, .buttonSecondary, .buttonTertiary, .addAction, .buttonImageRight, .disabledbutton,
.buttonInformation, .buttonWarning, .buttonSuccess, .buttonError {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*height: 35px;*/
    height: auto;
    min-width: 80px;
    outline: none;
    font-weight: 500;
    padding: 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
}

.buttonPrimary.dropdown-toggle,
.buttonSecondary.dropdown-toggle,
.buttonTertiary.dropdown-toggle,
.addAction.dropdown-toggle,
.buttonImageRight.dropdown-toggle,
.disabledbutton.dropdown-toggle {
    min-width: 0;
}

.buttonPrimary {
    color: #fff !important;
    border: 1px solid #006832;
    background: #00833f;
    background: -webkit-gradient(linear, left top, left bottom, from(#329b65), to(#006832));
    background: -webkit-linear-gradient(#329b65, #006832);
    background: -moz-linear-gradient(top, #329b65, #006832);
    background: -ms-linear-gradient(#329b65, #006832);
    background: -ms-linear-gradient(#329b65, #006832);
    background: -o-linear-gradient(#329b65, #006832);
    background: linear-gradient(#329b65, #006832);
    font-size: .9em;
}

/*light gray*/
.buttonSecondary {
    color: #444 !important;
    border: 1px solid #8a8d8e;
    background: #d9e0e2;
    background: -webkit-gradient(linear, left top, left bottom, from(#e0e6e7), to(#adb3b4));
    background: -webkit-linear-gradient(#e0e6e7, #adb3b4);
    background: -moz-linear-gradient(top, #e0e6e7, #adb3b4);
    background: -ms-linear-gradient(#e0e6e7, #adb3b4);
    background: -o-linear-gradient(#e0e6e7, #adb3b4);
    background: linear-gradient(#e0e6e7, #adb3b4);
    /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e6e7', endColorstr='#adb3b4');*/
    font-size: .9em;
}

.buttonFlatPrimary, .buttonFlatSecondary {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: .9em;
    font-weight: bold;
}

.buttonFlatPrimary {
    color: #00833f;
    border: 1px solid #00833f;
    background: #EEEEEE;
    outline: none;

}

.buttonFlatPrimary:hover, .buttonFlatPrimary:focus {
    background: #C3E2D3;
}

.buttonFlatSecondary {
    color: #666666;
    border: 1px solid #666;
    background: #F0F0F0;
    outline: none;

}

.buttonFlatSecondary:hover, .buttonFlatSecondary:focus {
    background: #DDDDDD;
}

.buttonInformation {
    color: #31708f;
    border: 1px solid #92a9b4;
    font-size: .9em;
    text-shadow: 0 0 0 #000;
    padding: 9px 5px;
    padding-left: 30px;
    height: 36px;
    vertical-align: middle;
}

.buttonInformationIcon {
    background: #d9edf7 url('../../../../v4/cl/images/icons/alert-info.png') no-repeat 5px center;
    background-size: 20px;
}

.buttonWarning {
    color: #8a6d3b;
    border: 1px solid #c5b69d;
    font-size: .9em;
    text-shadow: 0 0 0 #000;
    padding: 9px 5px;
    padding-left: 30px;
    height: 36px;
    vertical-align: middle;
}

.buttonWarningIcon {
    background: #fcf8e3 url('../../../../v4/cl/images/icons/alert-warning.png') no-repeat 5px center;
    background-size: 20px;
}

.buttonSuccess {
    color: #3c763d;
    border: 1px solid #95aa96;
    font-size: .9em;
    text-shadow: 0 0 0 #000;
    padding: 9px 5px;
    padding-left: 30px;
    height: 36px;
    vertical-align: middle;
}

.buttonSuccessIcon {
    background: #dff0d8 url('../../../../v4/cl/images/icons/alert-success.png') no-repeat 5px center;
    background-size: 20px;
}

.buttonError {
    color: #a94442;
    border: 1px solid #d4a2a1;
    font-size: .9em;
    text-shadow: 0 0 0 #000;
    padding: 9px 5px;
    padding-left: 20px;
    height: 36px;
    vertical-align: middle;
}

.buttonErrorIcon {
    background: #f2dede url('../../../../v4/cl/images/icons/alert-danger.png') no-repeat 5px center;
    background-size: 20px;
}

.buttonWhite {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -webkit-linear-gradient(#fff, #eee);
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -ms-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    padding: 7px 10px;
    white-space: nowrap;
}

.dropdownButtonGroup .buttonWhite,
.popoverTrigger.buttonWhite {
    color: #00833F;
}

.dropdownButtonGroup .buttonOnlyWhite {
    color: #ffffff
}

.dropdownButtonGroup .gearMenuIcon,
.dropdownButtonGroup .filterMenuIcon,
.dropdownButtonGroup .ddbCaratIcon,
.dropdownButtonGroup .ddbLabel {
    display: inline-block;
    height: 20px;
}

.dropdownButtonGroup .ddbLabelGL {
    display: inline-block;
    height: 22px;
}

.dropdownButtonGroup .ddbCaratIcon img {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

.dropdownButtonGroup .gearMenuIcon img,
.dropdownButtonGroup .filterMenuIcon img,
.popoverBtnIcon img {
    width: 19px;
    height: 19px;
    vertical-align: text-top;
}

.dropdownButtonGroup > .dropdownButtonMenu {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 1em;
}

.dropdownButtonGroup > .dropdownButtonMenu > .ddbSectionHeader {
    display: block;
    margin: auto;
    padding: 3px 5px;
    line-height: 1.428571429;
    font-weight: bold;
    background: #E3E2E2;
    color: #444;
}

.dropdownButtonGroup > .dropdownButtonMenu > li.ddbMenuItem > a.ddbMenuItemLink,
.dropdownButtonGroup > .dropdownButtonMenu > li.ddbMenuItem > div.ddbMenuItemLink {
    position: relative;
    padding: 3px 20px 3px 10px;
    white-space: nowrap;
}

.dropdownButtonGroup > .dropdownButtonMenu > li.ddbMenuItem > a.ddbMenuItemLink:hover,
.dropdownButtonGroup > .dropdownButtonMenu > li.ddbMenuItem > div.ddbMenuItemLink:hover {
    background-color: #f5f5f5;
}

.dropdownButtonGroup > .dropdownButtonMenu > li.ddbMenuItem > div.ddbMenuItemLink > a {
    color: #333333;
}

.dropdownButtonGroup .ddbCount {
    position: relative;
    /*font-weight: bold;*/
}

.dropdownButtonGroup.gearMenu .ddbCount {
    bottom: 1px;
}

.popoverTrigger.isSmall
{
    font-size: .9em;
    padding: 3px 5px;
}

.dropdownButtonGroup.isSmall .ddbCount {
    top: 2px;
}

div.col-sm-7 .dropdownButtonGroup.isSmall .buttonWhite {
    margin-top: 3px;
}

.dropdownButtonGroup.isSmall .buttonWhite {
    font-size: .9em;
    padding: 1px 5px;
}

.dropdownButtonGroup.isSmall .gearMenuIcon,
.dropdownButtonGroup.isSmall .filterMenuIcon,
.dropdownButtonGroup.isSmall .ddbCaratIcon,
.dropdownButtonGroup.isSmall .ddbLabel {
    position: relative;
    top: 2px;
}

.dropdownButtonGroup.isSmall .ddbLabelGL {
    position: relative;
    top: 3px;
}

.dropdownButtonGroup.isSmall .gearMenuIcon img,
.dropdownButtonGroup.isSmall .filterMenuIcon img,
.popoverTrigger.isSmall img {
    width: 15px;
    height: 15px;
    position: relative;
    top: 1px;
}

.ddbMenuItem.has-right-text {
    position: relative;
}

.ddbMenuItem.has-right-text .ddbMenuItemLink {
    margin-right: 20px;
}

.ddbMenuItem.has-right-text div.right-text {
    position: absolute;
    right: 2px;
    top: 3px;
}

.dropdownButtonGroup.isSmall .ddCaret img {
    position: relative;
    top: 2px;
}

.dropdownButtonGroup.isSmall .gearMenuIcon img {
    position: relative;
    top: 0;
}

.buttonReportGreen {
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none;
    text-shadow: 1px 1px #222;
    padding: 5px 10px;
    white-space: nowrap;

    border: 1px solid #006832;
    background: #00833f;
    background: -webkit-gradient(linear, left top, left bottom, from(#329b65), to(#006832));
    background: -webkit-linear-gradient(#329b65, #006832);
    background: -moz-linear-gradient(top, #329b65, #006832);
    background: -ms-linear-gradient(#329b65, #006832);
    background: -ms-linear-gradient(#329b65, #006832);
    background: -o-linear-gradient(#329b65, #006832);
    background: linear-gradient(#329b65, #006832);
}

.buttonWhite:hover, .buttonWhite:focus, .buttonWhite:active {
    border: 1px solid #888;
    background: #fff;
}

.buttonPrimary:hover, .buttonPrimary:focus {
    cursor: pointer;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    background: #198f52;
    background: -webkit-gradient(linear, left top, left bottom, from(#46a574), to(#147241));
    background: -webkit-linear-gradient(#46a574, #147241);
    background: -moz-linear-gradient(top, #46a574, #147241);
    background: -ms-linear-gradient(#46a574, #147241);
    background: -o-linear-gradient(#46a574, #147241);
    background: linear-gradient(#46a574, #147241);
    /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46a574', endColorstr='#147241');*/
}

.buttonSecondary:hover, .buttonSecondary:focus {
    cursor: pointer;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    background: #c3c9cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#cfd3d5), to(#9ca0a2));
    background: -webkit-linear-gradient(#cfd3d5, #9ca0a2);
    background: -moz-linear-gradient(top, #cfd3d5, #9ca0a2);
    background: -ms-linear-gradient(#cfd3d5, #9ca0a2);
    background: -o-linear-gradient(#cfd3d5, #9ca0a2);
    background: linear-gradient(#cfd3d5, #9ca0a2);
    /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd3d5', endColorstr='#9ca0a2');*/
}

input.buttonSecondary:disabled, button.buttonSecondary:disabled {
    color: #63656a;
    background: #d9e0e2;
    border: 1px solid #63656a;
    cursor: not-allowed;
}

.disabledbutton {
    color: #63656a;
    background-color: #d9e0e2;
    border: 1px solid #63656a;
}

.disabledbutton:hover, .disabledbutton:focus {
    cursor: not-allowed;
}

a.buttonPrimary:link, a.buttonPrimary:visited, a.buttonPrimary:active {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

a.buttonPrimary:hover {
    color: #d9e0e2;
    background-color: #00833f;
    cursor: pointer;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

a.buttonSecondary:link, a.buttonSecondary:visited, a.buttonSecondary:active {
    background-color: #d9e0e2; /*border: 1px solid #63656a;*/
    padding: 10px;
    height: auto !important;
    font-weight: 500;
    font-family: inherit;
    display: inline-block;
    text-decoration: none;
    color: #0a0203;
    outline: none;
    white-space: nowrap;
    text-align: center;
}

a.buttonSecondary:hover {
    cursor: pointer;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

.buttonSmall,
a.buttonSmall:link,
.popover-content button,
.popover-content input[type=button],
.popover-content input[type=submit],
.popover-content .buttonPrimary,
.popover-content .buttonSecondary,
.popover-content .buttonWhite,
.popover-content .buttonFlatPrimary,
.popover-content .buttonFlatSecondary,
.popover-content a.buttonPrimary,
.popover-content a.buttonSecondary,
.popover-content a.buttonWhite,
.popover-content a.buttonFlatPrimary,
.popover-content a.buttonFlatSecondary {
    padding: 4px;
    height: 25px;
    min-width: 20px;
    margin: 5px;
}

.buttonWide, a.buttonWide:link {
    font-weight: normal;
    font-size: 1.2em;
    padding: 5px;
    width: 100%;
    height: 33px;
}

.buttonNowrap {
    white-space: normal;
    height: auto;
}

.addbutton {
    padding-left: 15px !important;
    background-image: url('../../../../v4/ee/images/icons/plus_icon_12.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-position-x: 10px;
}

.editAction {
    background: #ffffff;
    border: 1px solid #00833f;
    color: #00833f;
    padding: 0 20px;
    height: 30px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button-green {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -webkit-linear-gradient(#fff, #eee);
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -ms-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
    border: 1px solid #00833f;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #00833f;
    outline: none;
    padding: 5px 10px;
    white-space: nowrap;
}

.button-green:hover {
    background: #f7f7f7;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

.button-editable {
    background: #f2f2f2 url('../../../../v4/cl/images/icons/editable.png') no-repeat 3% 40%;
}

.button-editable:hover {
    background: #f7f7f7 url('../../../../v4/cl/images/icons/editable.png') no-repeat 3% 40%;
}

input[value].button-editable {
    padding-left: 26px;
}

table.formTable {
    width: 100%;
    text-align: left;
    color: #0a0203;
    border: none;
}

table.formTable label {
    display: block;
    margin-bottom: 0 !important;
    font-weight: bold;
}

table.formTable > tbody > tr > td {
    border: none !important;
}

table.formTable td {
    border: none !important;
}

table.formTable td:first-child {
    width: 28%;
}

table.formTable td:last-child {
    width: 30%;
}

table.formTable2 {
    width: 100%;
    text-align: left;
    color: #0a0203;
    border: none;
}

table.formTable2 label {
    display: block;
    margin-bottom: 0 !important;
    font-weight: bold;
}

table.formTable2 > tbody > tr > td {
    border: none !important;
    padding: 5px;
}

table.formTable2 td:first-child {
    width: 10%;
}

table.formTable2 td:last-child {
    width: 90%;
}

table.formTable2 td {
    border: none !important;
}

.multi_select {
    width: 77%;
}

textarea, .multi_select {
    max-width: 100%;
}

.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation textarea {
    max-width: none;
}

.noresize {
    resize: none;
}

#actionwrap a.button {
    line-height: 37px;
}

.sliderDiv {
    width: 60%;
    float: left;
    margin-right: 7px;
}

span.moneyPrefix {
    padding: 2px 6px 2px 2px;
}

@media (max-width: 640px) {
    .buttonPrimary, .buttonSecondary, .addAction, .button-green {
        margin: 10px 0 !important;
        display: block !important;
        width: 100%;
    }

    label.standard, label.standardLarge, label.standardSmall {
        width: 100%;
    }

    label.auto {
        width: 100%;
    }
}

.inputError {
    background: #ff0000;
    color: #fff !important;
}

.secQuestions input {
    max-width: 300px;
}

.labelLarge label.standard {
    width: 100%;
}

select.largeMult {
    width: 100%;
}

select.selLgHeight {
    height: 400px;
}

.confirmAmountExpenses {
    color: #168e4f;
    font-weight: bold;
}

.enterAmountExpenses {
    color: #ff0000;
    font-weight: bold;
}

.parsedExpenseAmount {
    border: solid 2px #168e4f !important;
}

.unparsedExpenseAmount {
    border: solid 2px #ff0000 !important;
}

.confirmExpenseDate {
    color: #168e4f;
    font-weight: bold;
}

.enterExpenseDate {
    color: #ff0000;
    font-weight: bold;
}

.parsedExpenseDate {
    border: solid 2px #168e4f !important;
}

.unparsedExpenseDate {
    border: solid 2px #ff0000 !important;
}

.largeSelectFilterDropDown {
    display: inline;
}

/*paygrid scroll bar visibility*/
#editgrid ::-webkit-scrollbar {
    -webkit-appearance: none;
}

#editgrid ::-webkit-scrollbar:vertical {
    width: 12px;
}

#editgrid ::-webkit-scrollbar:horizontal {
    height: 12px;
}

#editgrid ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

#editgrid ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

/*end paygrid scroll bar visibility*/