/* DEFAULTS
----------------------------------------------------------*/

body {
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #3f3f3f;
}

a:link, a:visited {
    color: #034af3;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #034af3;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

    .header h1 {
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        color: #f9f9f9;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

.main {
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

.hideSkiplink {
}

div.menu {
    padding: 4px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            background-color: #465c71;
            border: 1px #4e667d solid;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                background-color: #bfcbd6;
                color: #465c71;
                text-decoration: none;
            }

            div.menu ul li a:active {
                background-color: #465c71;
                color: #cfdbe6;
                text-decoration: none;
            }

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}



.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

/* -------------------------- skeleton custom css ----------------------- */


.wrap {
}

.headerLogoWrap {
}


    .headerLogoWrap .headerLogo {
    }

.customImageLogo {
}


.wrapper_container {
}
/* End of Layouts */


/* LAYOUT ELEMENTS */

.page {
}

.main {
}

.footer {
}

    .footer .content {
    }


/* End of LAYOUT ELEMENTS */

/* Boxes */


.box_content {
}



    .box_content.White {
    }

    .box_content.Warn {
    }

    .box_content.Theme {
    }

    .box_content.Green {
    }

    .box_content.Info {
    }
/* End of Boxes */
/* Login Form */

.loginForm {
}

    .loginForm h1 {
    }

        .loginForm h1 .log-in {
        }

        .loginForm h1 .log-in {
        }


    .loginForm label {
    }


.clearfix:after {
}



/* End of Login Form */

/* Buttons */


.customButton, a.customButton {
      -webkit-text-fill-color: #fff !important;
}

a.customButton {
}

    .customButton:hover, a.customButton:hover {
    }
/* End of Buttons */

/* Textbox */
.customTextbox {
}

    .customTextbox:hover {
    }
    /* End of Textbox */
    /* MISC */

    .customTextbox:focus {
    }

.lineSeparator {
}

/* End of MISC */


/* VALIDATORS */
.validatorErrorBox {
}

/* End of VALIDATORS */

/* NOTIFICATIONS */

.box_notification {
}


    .box_notification.warning {
    }


    .box_notification.successful {
    }

    .box_notification.error {
    }


    .box_notification.info {
    }


/* End of NOTIFICATIONS */

/* Login Bar */


.nav_login {
}

    .nav_login a {
    }

        .nav_login a:hover {
        }

/* End of Login Bar */


/* MENU */

.customNavMenu {
}

    .customNavMenu li {
    }

        .customNavMenu li ul {
        }

    .customNavMenu ul ul li {
    }

    /* sub menu */
    .customNavMenu ul ul a {
    }

    .customNavMenu ul ul ul a {
    }


    .customNavMenu ul li a {
    }


    .customNavMenu ul ul li a {
    }

    .customNavMenu ul li:after, .customNavMenu ul li:hover {
    }

    .customNavMenu ul li a:hover, .customNavMenu ul li a.selected, .ClientMenu .AspNet-Menu-Selected {
    }
/*end of  MENU */


/* AJAX Loading */
.AJAXLoading {
}
/* End of AJAX Loading */

/* Main Title */
.mainTitle {
}

    .mainTitle .subTitle {
    }
/* End of Main Title */


/* Rad grid */
.customRadGridStyle .rgMasterTable .rgSelectedCell, .customRadGridStyle .rgSelectedRow {
}

    .customRadGridStyle .rgSelectedRow td, .customRadGridStyle .rgSelectedRow td.rgSorted {
    }

.customRadGridStyle .rgRow td, .customRadGridStyle .rgAltRow td, .customRadGridStyle .rgEditRow td, .customRadGridStyle .rgFooter td {
}


.customRadGridStyle, .customRadGridStyle .rgMasterTable, .RadGrid_Default .rgDetailTable, .customRadGridStyle .rgGroupPanel table, .customRadGridStyle .rgCommandRow table, .customRadGridStyle .rgEditForm table, .customRadGridStyle .rgPager table {
}

/* End of Rad grid */

/* Rad Combobox */

customCombobox table .rcbInputCell input {
}

/* End of Rad Combobox */

/* RadConfirm Window manager */
.rwDialogPopup.radconfirm {
}
/* End of RadConfirm Window manager */

/* Unordered List */
.customList ul {
}

.customList li {
}

    .customList li:last-child {
    }

    .customList li a {
    }

        .customList li a:hover {
        }


/* End of Unordered List */

/* Login Page Styles */
.welcomeHeader {
}

.welcomeSubHeader {
}
/* END of Login Page Styles */

/* Captcha styles*/

.rcCaptchaImage {
}

.divCaptcha {
}

.rcCaptchaAudioLink {
}

    .rcCaptchaAudioLink:hover {
    }

    .rcCaptchaAudioLink.a {
    }

.rcCaptchaImage {
}
/* end of Captcha styles */


/* styling empty message*/
.riDisplay {
}

/* End of styling empty message*/

/* Preserve Space */
.preserveSpace {
}

/* ENd of Preserve Space */

/* General Supporting Add-on styling */
.noMargin {
}


/* End of General Supporting Add-on styling */

/* Fix Extra Space on top of Menu*/
img[alt='Skip Navigation Links'] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* End of Fix Extra Space on top of Menu*/


/* Pop up Notifications */

/*Notifications*/

.customNotificationSkin {
}

    .customNotificationSkin .rnShadows {
    }


/*Notification overlay for above skin*/
.customNotificationOverlay {
}

/* End of Pop up Notifications */

/* Custom Checkbox */

/* End of Custom Checkbox */

/* Tooltip */
.tooltipsy {
}
/* End of Tooltip */

/* Ribbon */

.ribbon-wrapper-green {
}

.ribbon-green {
}

    .ribbon-green:before, .ribbon-green:after {
    }

    .ribbon-green:before {
    }

    .ribbon-green:after {
    }

/* End of Ribbon */

/* Label box */
.customNotificationLabel {
}

/* End of Label box */



/* Password Strength Indicator */
.passwordStrengthStyle {
}
/* End of Password Strength Indicator */

/* Rad picker ID 11 fix*/
.RadPicker {
    display: inline-table;
}
/* End of Rad picker ID 11 fix*/



/* end of custom css*/
/* SPRITES*/
.generic_sprite {
    background-image: url(../Images/Generic/spritesheet_tiny.png?v=360.0.1);
    background-repeat: no-repeat;
    display: inline-block;
}

.generic_sprite-Error_16 {
    width: 16px;
    height: 16px;
    background-position: -5px -5px;
}

.generic_sprite-OK_16 {
    width: 16px;
    height: 16px;
    background-position: -31px -5px;
}

.generic_sprite-OK_30 {
    width: 30px;
    height: 30px;
    background-position: -57px -5px;
}

.generic_sprite-Text_32 {
    width: 32px;
    height: 32px;
    background-position: -97px -5px;
}

.generic_sprite-alert {
    width: 24px;
    height: 22px;
    background-position: -139px -5px;
}

.generic_sprite-download_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -37px;
}

.generic_sprite-edit_16 {
    width: 16px;
    height: 16px;
    background-position: -139px -37px;
}

.generic_sprite-edit_24 {
    width: 24px;
    height: 24px;
    background-position: -47px -63px;
}

.generic_sprite-excel_32 {
    width: 32px;
    height: 32px;
    background-position: -81px -63px;
}

.generic_sprite-forbidden_grey_16 {
    width: 16px;
    height: 16px;
    background-position: -123px -63px;
}

.generic_sprite-forbidden_grey_30 {
    width: 30px;
    height: 30px;
    background-position: -5px -89px;
}

.generic_sprite-next_32 {
    width: 32px;
    height: 32px;
    background-position: -123px -89px;
}

.generic_sprite-next_64 {
    width: 64px;
    height: 64px;
    background-position: -45px -105px;
}

.generic_sprite-pdf_32 {
    width: 32px;
    height: 32px;
    background-position: -119px -131px;
}

.generic_sprite-prev_32 {
    width: 32px;
    height: 32px;
    background-position: -173px -5px;
}

.generic_sprite-prev_64 {
    width: 64px;
    height: 64px;
    background-position: -215px -5px;
}

.generic_sprite-refresh_32 {
    width: 32px;
    height: 32px;
    background-position: -165px -79px;
}

.generic_sprite-trash {
    width: 24px;
    height: 24px;
    background-position: -207px -79px;
}


/* END OF SPRITES*/
/* Rad List Box Common Custom CSS*/
.customHorizontalRadListBox {
}

    .customHorizontalRadListBox.noBorder div.rlbTemplateContainer {
        border: none !important;
    }

    .customHorizontalRadListBox.fourColumn .rlbItem {
        float: left !important;
        width: 23% !important;
        cursor: pointer !important;
        border-right: 1px solid #D0D0D0;
        height: 60px;
        /* margin: 3px; */
    }

    .customHorizontalRadListBox.fourColumn.autoHeight .rlbItem {
        height: auto;
    }

    .customHorizontalRadListBox.fiveColumn .rlbItem {
        float: left !important;
        width: 18% !important;
        cursor: pointer !important;
        border-right: 1px solid #D0D0D0;
        height: 60px;
        /* margin: 3px; */
    }

    .customHorizontalRadListBox.threeColumn .rlbItem {
        float: left !important;
        width: 33.33% !important;
        cursor: pointer !important;
        border-right: 1px solid #D0D0D0;
        height: 60px;
        box-sizing:border-box;
        /* margin: 3px; */
    }

    .customHorizontalRadListBox.threeColumn.autoHeight .rlbItem {
        height: auto;
    }


    .customHorizontalRadListBox .rlbItem:last-child {
        border-right: 0px solid #D0D0D0;
    }

    .customHorizontalRadListBox .rlbTemplateContent,
    .customHorizontalRadListBox .rlbGroup {
        border-style: none !important;
        margin-bottom: 4px;
    }

        /*.customRadListBox .rlbGroup .rlbItem:hover {
            background-color: #f4f8fe ;
        }*/


        .customHorizontalRadListBox .rlbGroup .rlbActive {
            border: 0px !important;
        }

    .customHorizontalRadListBox .rlbDisabled {
        background-image: url(../Images/lock_48_grey.png);
        background-repeat: no-repeat;
        background-position: 100% 50%; /* far right and vertical middle*/
        background-color: #F1F1F1;
        opacity: 0.6;
        filter: alpha(opacity=60); /* For IE8 and earlier */
    }

    .customHorizontalRadListBox .rlbSelected {
        /* we don't specify selected css because it may look weird when the background color is configured in the core.*/
        /* i.e. the text color may not look clear to the user, etc. */
        /*background-color: #7c6791;
        color:#fff;*/
        /*border-bottom:10px solid black !important;*/
    }

/*End of Rad List Box Common Custom CSS*/

.boxHeader {
    font-size: 12pt;
    font-weight: bold;
    color: #452662;
    border-bottom: 1px solid #F5F5F5;
}

.customHyperlinkAnchor {
    text-decoration: none;
    border-bottom: 1px #000 dashed;
    color: #000;
}

    .customHyperlinkAnchor:link, customHyperlinkAnchor:visited {
        color: #000;
    }
/* Telerik Tabstrip & RadTab CSS */
.factor360TabStrip {
}

.factor360TabStripAsBox {
}
/* checkbox (this class is assigned to the wrapper div of the checkbox */
.checkboxAsToggleButton {
    margin: 4px;
    background-color: #EFEFEF;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    overflow: auto;
    float: left;
}

    .checkboxAsToggleButton:hover {
    }

    .checkboxAsToggleButton label {
        float: left;
        width: 4.0em;
        text-align: center;
        padding: 3px 0px;
        display: block;
    }


    .checkboxAsToggleButton span input {
        display: none;
    }

        .checkboxAsToggleButton span input:checked + label {
            background-color: #92CD00;
            color: #000;
            border: 1px solid #92CD00;
        }
/* radio button list*/
.customRadioButtonList {
    border-collapse: separate;
}

    .customRadioButtonList td:first-of-type {
        border-right: 50px solid transparent;
    }

    .customRadioButtonList input {
    }

    .customRadioButtonList label {
        display: inline-flex;
    }

    .customRadioButtonList.hideButton {
    }

        .customRadioButtonList.hideButton input {
            display: none;
        }
/* end of radio button list*/
/* alerts */

.factor360Alert {
    box-sizing: border-box;
    height: auto;
    text-size-adjust: 100%;
    width: 100%;
    -webkit-locale: "en";
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform-origin: 407.75px 26px;
    border-radius: 4px 4px 4px 4px;
    font: normal normal normal normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0px 0px 8px;
    padding: 15px;
    -webkit-border-after: 1px solid rgb(214, 233, 198);
    -webkit-border-before: 1px solid rgb(214, 233, 198);
    -webkit-border-end: 1px solid rgb(214, 233, 198);
    -webkit-border-start: 1px solid rgb(214, 233, 198);
    -webkit-transform-origin: 407.75px 26px;
}

.factor360Alert_success {
    color: rgb(60, 118, 61);
    text-decoration: none solid rgb(60, 118, 61);
    column-rule-color: rgb(60, 118, 61);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-emphasis-color: rgb(60, 118, 61);
    -webkit-text-fill-color: rgb(60, 118, 61);
    -webkit-text-stroke-color: rgb(60, 118, 61);
    caret-color: rgb(60, 118, 61);
    background: rgb(223, 240, 216) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(214, 233, 198);
    outline: rgb(60, 118, 61) none 0px;
    -webkit-border-after: 1px solid rgb(214, 233, 198);
    -webkit-border-before: 1px solid rgb(214, 233, 198);
    -webkit-border-end: 1px solid rgb(214, 233, 198);
    -webkit-border-start: 1px solid rgb(214, 233, 198);
    -webkit-transform-origin: 407.75px 26px;
}

.factor360Alert_info {
    color: rgb(49, 112, 143);
    text-decoration: none solid rgb(49, 112, 143);
    column-rule-color: rgb(49, 112, 143);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-emphasis-color: rgb(49, 112, 143);
    -webkit-text-fill-color: rgb(49, 112, 143);
    -webkit-text-stroke-color: rgb(49, 112, 143);
    caret-color: rgb(49, 112, 143);
    background: rgb(217, 237, 247) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(188, 232, 241);
    outline: rgb(49, 112, 143) none 0px;
    -webkit-border-after: 1px solid rgb(188, 232, 241);
    -webkit-border-before: 1px solid rgb(188, 232, 241);
    -webkit-border-end: 1px solid rgb(188, 232, 241);
    -webkit-border-start: 1px solid rgb(188, 232, 241);
    -webkit-transform-origin: 407.75px 26px;
}
.factor360Alert_danger {
    color: rgb(169, 68, 66);
    text-decoration: none solid rgb(169, 68, 66);
    column-rule-color: rgb(169, 68, 66);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-emphasis-color: rgb(169, 68, 66);
    -webkit-text-fill-color: rgb(169, 68, 66);
    -webkit-text-stroke-color: rgb(169, 68, 66);
    caret-color: rgb(169, 68, 66);
    background: rgb(242, 222, 222) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(235, 204, 209);
    outline: rgb(169, 68, 66) none 0px;
    -webkit-border-after: 1px solid rgb(235, 204, 209);
    -webkit-border-before: 1px solid rgb(235, 204, 209);
    -webkit-border-end: 1px solid rgb(235, 204, 209);
    -webkit-border-start: 1px solid rgb(235, 204, 209);
    -webkit-transform-origin: 407.75px 26px;
}


/* end of alerts */
/* flexes */
.factor360FlexContainer {
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
flex-flow:row nowrap;
justify-content:space-between;
align-content:center;
}
.factor360FlexItem {
flex: 0 1 auto;
}

.factor360FlexItem.rightAligned{
text-align:right;
}

.factor360FlexItem.verticallyBottomAligned{
align-self:flex-end;
}
/* end of flexes */
/* check all radgrid checkbox */
.factor360RadgridCheckAll {

}
.factor360RadgridCheckAll label {
        display: block;
    opacity: 0.85;
}
/* end of  check all radgrid checkbox */

.factor360RecordIsArchivedWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    font-size: 1.1em;
    color: #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    margin: 0px -1% 8px -1%;
}

/* flexbox left-right header  */
.factor360PageHeaderFlexboxWrapper {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    flex-flow: row nowrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
    margin-bottom: 15px;
}

    .factor360PageHeaderFlexboxWrapper.topVerticalAligned {
        -webkit-align-items: flex-start; /* Safari */
        align-items: flex-start;
    }

    .factor360PageHeaderFlexboxWrapper.bottomVerticalAligned {
        -webkit-align-items: flex-end; /* Safari */
        align-items: flex-end;
    }

    .factor360PageHeaderFlexboxWrapper.thinBottom {
        margin-bottom: 8px;
    }

    .factor360PageHeaderFlexboxWrapper.noBottom {
        margin-bottom: 0px;
    }

    .factor360PageHeaderFlexboxWrapper.enableWrap {
        flex-flow: row wrap;
    }

    .factor360PageHeaderFlexboxWrapper.leftAligned {
        -webkit-justify-content: flex-start; /* Safari */
        justify-content: flex-start;
    }

    .factor360PageHeaderFlexboxWrapper.rightAligned {
        -webkit-justify-content: flex-end; /* Safari */
        justify-content: flex-end;
    }

.factor360PageHeaderFlexboxItem {
    flex: 0 1 auto;
}

    .factor360PageHeaderFlexboxItem.paddedFlexboxItem {
        padding: 5px;
    }

    .factor360PageHeaderFlexboxItem.formLabel {
        flex: 0 1 25%;
        text-align: right;
        padding: 5px 8px 0px 0px;
    }

        .factor360PageHeaderFlexboxItem.formLabel.formLabelBold {
            font-weight: bold;
        }

        .factor360PageHeaderFlexboxItem.formLabel.topAligned {
            align-self: flex-start;
        }

    .factor360PageHeaderFlexboxItem.formInput {
        flex: 0 1 75%;
        padding: 5px 0px 0px 0px;
    }

    .factor360PageHeaderFlexboxItem.twoColumn {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }

    .factor360PageHeaderFlexboxItem.mainContent {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%;
    }

    .factor360PageHeaderFlexboxItem.oneThird {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%;
    }

    .factor360PageHeaderFlexboxItem.twoThird {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%;
    }

    .factor360PageHeaderFlexboxItem.oneFourth {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
    }

    .factor360PageHeaderFlexboxItem.threeFourth {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
    }

    .factor360PageHeaderFlexboxItem.oneFifth {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%;
    }

    .factor360PageHeaderFlexboxItem.fourFifth {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%;
    }


    .factor360PageHeaderFlexboxItem.rightContent {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%;
    }

    .factor360PageHeaderFlexboxItem.headerTitle {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%;
    }

    .factor360PageHeaderFlexboxItem.headerButton {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 15%;
        flex: 0 1 15%;
        text-align: right;
    }
/* end of flexbox left-right header  */