img {
    image-orientation: none;
}
/* z-indexes */
/* page content width */
/* form height margins */
/* colors */
/* content box */
/* field inputs */
/* tables */
/* buttons */
/* preview images */
/* page content width */
/* z-index levels*/
/* common mixins */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
}

.disableBackground {
    border: 1px solid black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(112, 112, 112, 0.5);
    z-index: 99;
}

.loadingBackground {
    border: 1px solid black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(112, 112, 112, 0.5);
    z-index: 99999;
}

    .loadingBackground .loadingImage {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -95px;
        margin-left: -157px;
        border: 1px solid black;
        padding: 50px 100px 50px 100px;
        background-color: white;
        text-align: center;
    }

    .loadingBackground .loadingText {
        font-family: 'Lato Regular', Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 14px;
    }

body {
    font-family: 'Lato Regular', Arial, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background: url(images/fundo.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-size: 13px;
}

.hide,
.hidden {
    display: none;
}

.force-hidden {
    display: none !important;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #333333;
}
/* environment labels */
.environment-info {
    position: absolute;
    top: 20px;
    left: 50%;
    min-height: 25px;
    min-width: 150px;
    background-color: gray;
    text-align: center;
    color: white;
    border: 2px solid white;
    display: block;
    z-index: 99999;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

    .environment-info .environment-desc {
        margin: 0 4px;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        overflow: hidden;
        display: block;
    }

    .environment-info.development {
        background-color: red;
    }

    .environment-info.quality {
        background-color: orange;
    }

    .environment-info.preproduction {
        background-color: green;
    }
/* form input controls */
/* Remove Arrows from input in chrome*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

textarea {
    border: 1px solid #dcdcdc;
    font-family: inherit;
    font-size: inherit;
    height: 80px;
    outline: 0;
    padding: 0 15px;
    width: 98%;
    color: #808080;
}

input[type=text],
input[type=number],
input[type=password],
input[type=datetime],
select {
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    /* webkit */
    -moz-box-sizing: border-box;
    /* firefox */
    box-sizing: border-box;
    /* css3 */
    border: 1px solid #dcdcdc;
    color: #808080;
    height: 35px;
    padding: 0 15px;
    vertical-align: top;
    outline: 0;
}

    input[type=text][readonly],
    input[type=number][readonly],
    input[type=password][readonly],
    input[type=datetime][readonly],
    select[readonly],
    textarea[readonly] {
        background-color: #eeeeee;
    }

input[type=checkbox] {
    height: 17.5px;
    width: 17.5px;
}

input[type=text]:focus,
input[type=number].focus,
input[type=password]:focus,
input[type=datetime]:focus,
select:focus,
textarea:focus {
    border: 1px solid #9bca47;
}

div.div-validation-error,
input[type=text].input-validation-error,
input[type=number].input-validation-error,
input[type=datetime].input-validation-error,
select.select-validation-error,
input[type=password].input-validation-error,
input[type=text].error,
input[type=number].error,
input[type=datetime].error,
select.error,
input[type=password].error,
textarea.textarea-validation-error,
textarea.input-validation-error {
    border: 1px solid #f06666;
}

label.error {
    color: #f06666;
}

input[type=text].readonly,
input[type=number].readonly,
input[type=password].readonly,
input[type=datetime].readonly,
select.readonly {
    border: none;
}
/* body - site content */
.body {
    margin: 10px auto;
    width: 1280px;
}

    .body .content-container {
        border-bottom: 7px solid #9bca47;
        position: relative;
    }

        .body .content-container > header,
        .content > header {
            background: #2c3e50;
            border-bottom: 1px solid #dcdcdc;
            height: 53px;
            line-height: 53px;
            padding-left: 34px;
            padding-right: 0;
            width: 1246px;
        }

            .body .content-container > header h2,
            .content > header h2 {
                color: #ffffff;
                display: inline-block;
                font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
                font-size: 14px;
                height: 100%;
                text-transform: none;
            }

                .body .content-container > header h2::before,
                .content > header h2::before {
                    background: url("images/spritefpf_14.png") no-repeat -341px -186px;
                    content: '';
                    display: inline-block;
                    height: 12px;
                    margin-right: 12px;
                    width: 12px;
                }

.content > header {
    margin-bottom: 10px;
}

.body .content-container .content {
    background: #ffffff;
    padding: 20px 20px;
}

    .body .content-container .content .grid-cell-action {
        cursor: pointer;
    }

.body .content-container .no-data {
    margin-top: 10px;
}

.body .content-container .content .inner-content-container {
    background: #fcfcfc;
    border: 1px solid #dcdcdc;
    padding: 10px 10px;
}

    .body .content-container .content .inner-content-container .form-buttons-panel {
        margin-top: 10px;
    }

.content-container .previewPhoto {
    display: inline-block;
    max-width: 400px;
}

    .content-container .previewPhoto img {
        width: 135px;
        height: auto;
    }

    .content-container .previewPhoto .imgUserPhoto {
        max-width: 230px;
        max-height: 230px;
    }

.content-container .detailHeader {
    display: inline-block;
    width: 300px;
    padding: 10px;
    margin-left: 10px;
}

.content-container .previewPhoto h2 {
    text-align: left;
    color: #99cc00;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
}

.content-container .detailHeader h2 {
    text-align: left;
    color: #99cc00;
    font-size: 16px;
    font-weight: normal;
}

.content-container .detailHeader > p {
    margin: 16px 0;
    line-height: normal;
}

.content-container .detailHeader span {
    margin-left: 10px;
}

.content-container .detailHeader > p > b > label {
    font-weight: bold;
    min-width: 165px;
    display: inline-block;
}

.body .content-spacer {
    margin-top: 10px;
}

.content-container-small > header {
    background: #2c3e50;
    border-bottom: 1px solid #dcdcdc;
    height: 53px;
    line-height: 53px;
    padding-left: 34px;
    padding-right: 0;
    width: 1246px;
}

.body .content-container .header-context {
    background-color: #fff;
    position: relative;
    min-width: 850px;
    min-height: 100px;
    padding-bottom: 10px;
}

    .body .content-container .header-context .header-context-detail {
        display: inline-block;
        margin-left: 20px;
        vertical-align: top;
    }

    .body .content-container .header-context .header-top {
        background-color: #2c3e50;
        color: white;
    }

    .body .content-container .header-context .header-bottom {
        background-color: #dcdcdc;
    }

        .body .content-container .header-context .header-bottom .header-context-detail > p {
            margin: 5px 0 !important;
        }

    .body .content-container .header-context .header-context-detail > p {
        margin: 10px 0;
        min-height: 16px;
    }

        .body .content-container .header-context .header-context-detail > p > label {
            font-weight: bold;
            text-align: left;
            color: #99cc00;
            font-size: 16px;
            width: 100px;
            display: table-cell;
            cursor: pointer;
        }

    .body .content-container .header-context .header-context-detail .left-margin {
        font-size: 14px;
    }

    .body .content-container .header-context .header-context-detail .header-text {
        display: table-cell;
        overflow: hidden;
    }

    .body .content-container .header-context .header-context-detail.column1 {
        width: 35%;
    }

    .body .content-container .header-context .header-context-detail.column2 {
        width: 30%;
    }

    .body .content-container .header-context .header-context-detail.column3 {
        width: 25%;
    }
/* wizard content */
/* wizard steps bar*/
.wizard-steps-bar {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

    .wizard-steps-bar > li {
        display: table-cell;
        font-size: 0;
        position: relative;
        text-align: center;
        vertical-align: top;
    }

        .wizard-steps-bar > li:first-child .wizard-step:before,
        .wizard-steps-bar > li:last-child .wizard-step:after {
            background: none !important;
        }

        .wizard-steps-bar > li .wizard-step:before {
            background: #ffffff url(images/repeat_hr.jpg) repeat-x center 20.5px;
            content: '';
            display: inline-block;
            height: 47px;
            left: 0;
            position: absolute;
            top: 0;
            width: 50%;
        }

        .wizard-steps-bar > li .wizard-step:after {
            background: #ffffff url(images/repeat_hr.jpg) repeat-x center 20.5px;
            content: '';
            display: inline-block;
            height: 47px;
            right: 0;
            position: absolute;
            top: 0;
            width: 50%;
        }

.wizard-step {
    width: 100%;
}

.wizard-step-content {
    color: #7f8c8d;
    display: block;
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    margin: 0 auto;
    position: relative;
    vertical-align: top;
    width: 100px;
    z-index: 2;
}

    .wizard-step-content > span {
        background: url("images/spritefpf_14.png") no-repeat -57px -112px;
        display: inline-block;
        font-size: 14px;
        line-height: 47px;
        height: 47px;
        margin: 0 auto;
        text-align: center;
        vertical-align: top;
        width: 47px;
    }

    .wizard-step-content > label {
        display: block;
        font-size: 14px;
        margin-top: 13px;
        text-align: center;
    }

.wizard-steps-bar > li .wizard-step.wizard-step-visited:before,
.wizard-steps-bar > li .wizard-step.wizard-step-visited:after {
    background: url(images/repeat_hr_green.jpg) repeat-x center 20.5px;
}

.wizard-steps-bar > li .wizard-step.wizard-step-active:before {
    background: url(images/repeat_hr_green.jpg) repeat-x center 20.5px;
}

.wizard-steps-bar > li .wizard-step.wizard-step-active .wizard-step-content > label,
.wizard-steps-bar > li .wizard-step.wizard-step-visited .wizard-step-content > label {
    color: #9bca47;
}

.wizard-steps-bar > li .wizard-step.wizard-step-active .wizard-step-content > span,
.wizard-steps-bar > li .wizard-step.wizard-step-visited .wizard-step-content > span {
    background: url("images/spritefpf_14.png") no-repeat -3px -112px;
    color: #ffffff;
}
/* grid filter bar */
.body .content-container header .grid-filter,
.content > header .grid-filter {
    display: inline-block;
    height: 53px;
    line-height: 53px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 76px;
}

    .body .content-container header .grid-filter.active,
    .content > header .grid-filter.active {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        border-right: 1px solid #dcdcdc;
    }

    .body .content-container header .grid-filter *,
    .content > header .grid-filter * {
        vertical-align: middle;
    }

.body .content-container > header .grid-filter {
    right: 20px;
}

.content > header .grid-filter {
    right: 50px;
}

.content-container > header > .grid-filter > .ui-cst-icon {
    cursor: pointer;
    outline: 0;
}
/* grid add record bar */
.grid-add-record-bar {
    background-color: #f9f9f9;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    height: 44px;
    padding-left: 15px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

    .grid-add-record-bar:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

    .grid-add-record-bar .ui-cst-icon-add-grid {
        margin-top: -9px;
        position: absolute;
        right: 5px;
        top: 50%;
    }
/* tables */
table {
    border-bottom: 1px solid #dcdcdc;
    border-collapse: collapse;
    width: 100%;
}

    table thead th,
    table tbody th,
    table tfoot th {
        background-color: #f5f5f5;
        border: 1px solid #dcdcdc;
        color: #333333;
        font-size: 13px;
        font-weight: bold;
        padding: 10px 15px;
        text-align: center;
        vertical-align: middle;
    }

    table tfoot td,
    table tbody td {
        border: 1px solid #dcdcdc;
        color: #808080;
        padding: 10px 15px;
        vertical-align: middle;
        text-align: left;
    }

        table tbody td.row-actions {
            white-space: nowrap;
        }

    table tbody tr.alternate-row {
        background-color: #fcfcfc;
    }

    table tbody .ui-cst-icon,
    table tbody .ui-cst-icon:active,
    table tbody .ui-cst-icon:hover,
    table tbody .ui-cst-icon:focus {
        cursor: pointer;
        display: inline-block;
        margin-left: 4px;
        vertical-align: middle;
    }

    table tbody td.number-aligned,
    table tfoot td.number-aligned {
        text-align: right;
    }

    table tbody td.text-aligned,
    table tfoot td.text-aligned {
        text-align: left;
    }

    table tbody td.status-aligned,
    table tfoot td.status-aligned {
        text-align: center;
    }

    table tbody td.date-aligned,
    table tfoot td.date-aligned {
        text-align: center;
    }

    table tbody td.text-centered,
    table tfoot td.text-centered {
        text-align: center;
    }

    table tfoot tr th {
        border: 1px solid #dcdcdc;
        color: #808080;
        padding: 10px 15px;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
    }

        table tfoot tr th.right {
            text-align: right;
        }

        table tfoot tr th.left {
            text-align: right;
        }
/* tabs */
.tabs {
    display: table;
    font-size: 0;
    /* hack to remove spacing between inline blocked elements*/
    width: 100%;
}

    .tabs .tab {
        display: table-cell;
    }

        .tabs .tab:first-child a {
            border-right: none;
        }

        .tabs .tab:first-child:last-child a {
            border-right: 1px solid #dcdcdc;
        }

    .tabs:after {
        border-bottom: 1px solid #dcdcdc;
        content: '';
        display: table-cell;
        width: 100%;
    }

    .tabs .tab > a {
        background: #ffffff;
        border: 1px solid #dcdcdc;
        color: #7f8c8d;
        display: block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 14px;
        padding: 6px 10px;
    }

        .tabs .tab > a:hover {
            color: #9bca47;
            cursor: pointer;
        }

    .tabs .tab.selected > a {
        background: #ffffff;
        border-bottom: none;
        color: #9bca47;
    }

.tabs-content {
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 20px 20px;
}

.ui-cst-tabs ul.ui-tabs-nav {
    height: 37px;
}
/* icons */
.ui-cst-misc-icon {
    background-image: url('images/fpf_misc_sprite.png');
}

input[type=button].ui-cst-icon:active,
input[type=submit].ui-cst-icon:active,
button.ui-cst-icon:active,
input[type=button].ui-cst-icon:focus,
input[type=submit].ui-cst-icon:focus,
button.ui-cst-icon:focus,
input[type=button].ui-cst-icon:hover,
input[type=submit].ui-cst-icon:hover,
button.ui-cst-icon:hover {
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    margin: 0;
    padding: 0;
}

.ui-cst-icon {
    background-color: transparent;
    background-image: url("images/spritefpf_14.png");
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.ui-cst-inline-icon {
    display: inline-block;
    vertical-align: middle;
}

.ui-cst-icon-search {
    background-position: -310px 0;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-search:hover {
        background-position: -310px -20px;
    }

.ui-cst-icon-matchsheet {
    background-position: -484px -43px;
    width: 16px;
    height: 18px;
}

    .ui-cst-icon-matchsheet:hover {
        background-position: -503px -43px;
    }

.ui-cst-icon-edit {
    background-position: 0 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-option-white {
    background-position: -124px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-option-darkblue {
    background-position: -150px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-option-black {
    background-position: -173px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-option-green {
    background-position: -195px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-descendants {
    background-position: -340px -43px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-descendants:hover {
        background-position: -361px -43px;
    }

.ui-cst-icon-hasPendingApprovals {
    background-position: -419px -22px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-noPendingApprovals {
    background-position: -460px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-cancel {
    background-position: -20px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-green-clip {
    background-position: -135px -411px;
    width: 22px;
    height: 20px;
}

    .ui-cst-icon-green-clip:hover {
        background-position: -162px -411px;
        width: 22px;
        height: 20px;
    }

.ui-cst-icon-white-clip {
    background-position: -190px -411px;
    width: 22px;
    height: 20px;
}

    .ui-cst-icon-white-clip:hover {
        background-position: -219px -411px;
        width: 22px;
        height: 20px;
    }

.ui-cst-icon-green-pdf {
    background-position: -273px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-pdf:hover {
        background-position: -273px -435px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-pdf {
    background-position: -273px -470px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-pdf:hover {
        background-position: -273px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-word {
    background-position: -306px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-word:hover {
        background-position: -306px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-word {
    background-position: -306px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-word:hover {
        background-position: -306px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-excel {
    background-position: -340px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-excel:hover {
        background-position: -340px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-excel {
    background-position: -340px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-excel:hover {
        background-position: -340px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-file {
    background-position: -374px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-file:hover {
        background-position: -374px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-file {
    background-position: -374px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-file:hover {
        background-position: -374px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-pic {
    background-position: -408px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-pic:hover {
        background-position: -408px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-pic {
    background-position: -408px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-pic:hover {
        background-position: -408px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-delete {
    background-position: -338px -126px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-delete:hover {
        background-position: -338px -126px;
    }

    .ui-cst-icon-delete.ui-cst-icon-disabled {
        background-position: -170px 0;
        width: 20px;
        height: 20px;
    }

.ui-cst-icon-delete-medium {
    background-position: -443px -190px;
    width: 13px;
    height: 13px;
}

    .ui-cst-icon-delete-medium:hover {
        background-position: -443px -225px;
    }

.ui-cst-icon-delete-big {
    background-position: -540px -105px;
    width: 15px;
    height: 15px;
}

    .ui-cst-icon-delete-big:hover {
        background-position: -519px -105px;
    }

.ui-cst-icon-delete-big-nohover {
    background-position: -540px -105px;
    width: 15px;
    height: 15px;
}

.ui-cst-icon-arrowup {
    background-position: -213px -4px;
    width: 15px;
    height: 15px;
}

    .ui-cst-icon-arrowup:hover {
        background-position: -253px -4px;
    }

.ui-cst-icon-plus {
    background-position: -121px -2px;
    width: 17px;
    height: 19px;
    margin: 5px 5px 4px 4px;
}

    .ui-cst-icon-plus:hover {
        background-position: -142px -1px;
        width: 26px;
        height: 28px;
        margin: 0 !important;
    }

.ui-cst-icon-purchases {
    background-position: -312px -204px;
    width: 12px;
    height: 10px;
}

    .ui-cst-icon-purchases:hover {
        background-position: -312px -186px;
    }

.ui-cst-icon-mail {
    background-position: -420px -46px;
    width: 20px;
    height: 13px;
}

.ui-cst-icon-save {
    background-position: -60px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-add {
    background-position: -100px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-plus-transp {
    background-position: -310px -132px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-plus-transp:hover {
        background-position: -310px -156px;
        width: 20px;
        height: 20px;
    }

.ui-cst-icon-add-grid {
    background-position: -140px 0;
    width: 28px;
    height: 25px;
}

.ui-cst-icon-versions {
    background-position: -330px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-grid-search {
    background-position: -370px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-clone {
    background-position: -400px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon.ui-cst-icon-key {
    background-image: url(images/key_go.png);
    width: 16px;
    height: 16px;
}

.ui-cst-icon.ui-cst-icon-draggable {
    background-image: url(images/drag_marker_default.png);
    cursor: grab;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon.ui-cst-icon-draggable:hover {
        background-image: url(images/drag_marker_hover.png);
        cursor: grab;
        width: 20px;
        height: 20px;
    }

.ui-cst-icon-preview {
    background-position: -330px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-activate {
    background-position: -480px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-deativate {
    background-position: -460px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-help {
    background-position: -80px -20px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-hyperlink {
    background-position: 0 -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-hyperlink:hover {
        background-position: -18px -20px;
    }

.ui-cst-icon-acknowledge {
    background-position: -40px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-acknowledge:hover {
        background-position: -60px -20px;
    }

.ui-cst-icon-validate {
    background-position: -340px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-validate:hover {
        background-position: -360px -20px;
    }

.ui-cst-icon-atention {
    background-position: -487px -178px;
    width: 6px;
    height: 18px;
}

    .ui-cst-icon-atention:hover {
        background-position: -487px -220px;
    }

.ui-cst-icon-reject {
    background-position: -380px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-reject:hover {
        background-position: -400px -20px;
    }

.ui-cst-icon-eye-green {
    background-position: -375px -297px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-eye-white {
    background-position: -409px -316px;
    width: 25px;
    height: 20px;
}

.ui-cst-icon-eye-preview-black {
    background-position: -443px -323px;
    width: 25px;
    height: 21px;
}

.ui-cst-icon-eye-preview-black-short {
    background-position: -441px -323px;
    width: 25px;
    height: 21px;
}

    .ui-cst-icon-eye-preview-black-short.selected {
        background-position: -471px -323px;
    }

    .ui-cst-icon-eye-preview-black-short:hover {
        background-position: -469px -323px;
    }

.ui-cst-button-eye-preview {
    /*min-width: 25px !important;*/
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

.ui-cst-icon-errors {
    background-position: -420px -22px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-error {
    width: 16px;
    height: 18px;
    background-position: -310px -42px;
}

.ui-cst-icon-action {
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.ui-cst-icon-static {
    cursor: default;
    margin-left: 3px;
    margin-right: 3px;
}

.ui-cst-icon-arrow-up {
    background-position: -251px 0;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-up:hover {
        background-position: -211px 0;
    }

.ui-cst-icon-arrow-down {
    background-position: -230px 0;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-down:hover {
        background-position: -191px 0;
    }

.ui-cst-icon-arrow-left {
    background-position: -228px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-left:hover {
        background-position: -188px -20px;
    }

.ui-cst-icon-arrow-right {
    background-position: -249px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-right:hover {
        background-position: -209px -20px;
    }

.ui-cst-icon-arrow-remove {
    background-position: -24px -41px;
    width: 11px;
    height: 25px;
}

    .ui-cst-icon-arrow-remove:hover {
        background-position: -131px -41px;
    }

.ui-cst-icon-arrow-add {
    background-position: -3px -41px;
    width: 11px;
    height: 25px;
}

    .ui-cst-icon-arrow-add:hover {
        background-position: -219px -41px;
        width: 11px;
        height: 25px;
    }

.ui-cst-icon-arrow-add-active {
    background-position: -3px -41px;
    width: 11px;
    height: 25px;
}

.ui-cst-icon-arrow-add-inactive {
    background-position: -219px -41px;
    width: 11px;
    height: 25px;
}

.ui-cst-icon-arrow-remove-all {
    background-position: -40px -40px;
    width: 19px;
    height: 25px;
}

    .ui-cst-icon-arrow-remove-all:hover {
        background-position: -147px -40px;
    }

.ui-cst-icon-arrow-add-all {
    background-position: -61px -40px;
    width: 19px;
    height: 25px;
}

    .ui-cst-icon-arrow-add-all:hover {
        background-position: -168px -40px;
    }

.ui-cst-icon-up {
    background-position: -500px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-down {
    background-position: -518px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-Sheet {
    background-position: -532px -1px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-send-pdf {
    background-position: -484px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-send-pdf:hover {
        background-position: -463px -20px;
    }

.ui-cst-icon-details {
    background-position: -330px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-calendars {
    background-position: -340px -68px;
    width: 20px;
    height: 22px;
}

.ui-cst-icon-standings {
    background-position: -393px -68px;
    width: 20px;
    height: 22px;
}

.ui-cst-icon-alert {
    background-position: -420px -22px;
    width: 20px;
    height: 18px;
}

    .ui-cst-icon-alert:hover {
        background-position: -441px -22px;
    }

.ui-cst-icon-order {
    background-position: -81px -71px;
    width: 28px;
    height: 28px;
}

    .ui-cst-icon-order:hover {
        background-position-x: -112px;
    }

.ui-cst-icon-up-down {
    background-position-x: -465px;
    background-position-y: -127px;
    width: 15px;
    height: 25px;
}

    .ui-cst-icon-up-down:hover {
        background-position-y: -152px;
    }

.ui-cst-icon-yellow-card {
    background-position: -400px -42px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-red-card {
    background-position: -380px -42px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-double-yellow-card {
    background-position: -462px -42px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-parent {
    background-position: -521px -42px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-parent:hover {
        background-position: -541px -42px;
    }

.ui-cst-icon-add-manager {
    background-position: -336px -102px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-add-manager:hover {
        background-position: -358px -102px;
    }

.ui-cst-icon-associate-managers {
    background-position: -278px -103px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-associate-managers:hover {
        background-position: -305px -103px;
    }

.ui-cst-icon-see-managers {
    background-position: -220px -103px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-see-managers:hover {
        background-position: -247px -103px;
    }

.ui-cst-icon-result {
    background-position: -415px -103px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-result:hover {
        background-position: -390px -103px;
    }

.ui-cst-icon-result-and-data {
    background-position: -441px -99px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-result-and-data:hover {
        background-position: -463px -99px;
    }

.ui-cst-icon-grid-export {
    background-position: -290px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-grid-export:hover {
        background-position: -270px -20px;
    }

.ui-cst-icon-grid-print {
    background-position: -292px -40px;
    width: 18px;
    height: 21px;
}

    .ui-cst-icon-grid-print:hover {
        background-position: -270px -40px;
        width: 18px;
        height: 21px;
    }

.ui-cst-icon-approvals {
    background-position: -483px -43px;
    width: 18px;
    height: 20px;
}

    .ui-cst-icon-approvals:hover {
        background-position: -502px -43px;
    }

.ui-cst-icon.ui-cst-icon-turn-off {
    background-position: -265px -217px;
    width: 17px;
    height: 17px;
}

.ui-cst-icon.ui-cst-icon-turn-off-blue {
    background-position: -286px -217px;
    width: 17px;
    height: 17px;
}

.ui-cst-icon-actions-menu-white {
    background-position: -124px -104px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-actions-menu-white:hover {
        background-position: -195px -104px;
    }

.ui-cst-icon-actions-menu {
    background-position: -146px -104px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-actions-menu:hover {
        background-position: -191px -104px;
    }

.ui-cst-icon-open-competition {
    background-position: -362px -216px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-open-competition:hover {
        background-position: -400px -216px;
    }

.ui-cst-icon-match {
    background-position: -18px -322px;
    width: 22px;
    height: 21px;
}

.ui-cst-icon-match-nodata {
    background-position: -18px -291px;
    width: 22px;
    height: 21px;
}

.ui-cst-icon-call {
    background-position: -52px -324px;
    width: 20px;
    height: 18px;
}

.ui-cst-icon-call-nodata {
    background-position: -52px -293px;
    width: 20px;
    height: 18px;
}

.ui-cst-icon-program {
    background-position: -81px -322px;
    width: 14px;
    height: 21px;
}

.ui-cst-icon-program-nodata {
    background-position: -81px -291px;
    width: 14px;
    height: 21px;
}

.ui-cst-icon-allocation {
    background-position: -105px -322px;
    width: 19px;
    height: 22px;
}

.ui-cst-icon-error-sign {
    background-position: -188px -246px;
    width: 29px;
    height: 29px;
}

.ui-cst-icon-ok-sign {
    background-position: -273px -249px;
    width: 30px;
    height: 23px;
}

.ui-cst-icon-allocation-nodata {
    background-position: -105px -291px;
    width: 19px;
    height: 22px;
}

.ui-cst-icon-menu {
    background-position: -133px -323px;
    width: 15px;
    height: 21px;
}

.ui-cst-icon-menu-nodata {
    background-position: -133px -292px;
    width: 15px;
    height: 21px;
}

.ui-cst-icon-transportation {
    background-position: -156px -323px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-transportation-nodata {
    background-position: -156px -292px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-location {
    background-position: -441px -368px;
    width: 14px;
    height: 20px;
}

.ui-cst-icon-flight-island {
    background-position: -160px -468px;
    width: 22px;
    height: 22px;
}

.ui-cst-icon-prize {
    background-position: -186px -323px;
    width: 19px;
    height: 20px;
}

.ui-cst-icon-prize-nodata {
    background-position: -186px -292px;
    width: 19px;
    height: 20px;
}

.ui-cst-icon-expense {
    background-position: -212px -323px;
    width: 15px;
    height: 20px;
}

.ui-cst-icon-expense-nodata {
    background-position: -212px -292px;
    width: 15px;
    height: 20px;
}

.ui-cst-icon-souvenir {
    background-position: -235px -322px;
    width: 14px;
    height: 22px;
}

.ui-cst-icon-souvenir-nodata {
    background-position: -235px -291px;
    width: 14px;
    height: 22px;
}

.ui-cst-icon-gift {
    background-position: -259px -324px;
    width: 17px;
    height: 19px;
}

.ui-cst-icon-gift-nodata {
    background-position: -259px -293px;
    width: 17px;
    height: 19px;
}

.ui-cst-icon-presencepayment {
    background-position: -286px -325px;
    width: 24px;
    height: 18px;
}

.ui-cst-icon-presencepayment-nodata {
    background-position: -286px -294px;
    width: 24px;
    height: 18px;
}

.ui-cst-icon-photo {
    background-position: -52px -359px;
    width: 18px;
    height: 35px;
}

.ui-cst-icon-NTPedit {
    background-position: -348px -293px;
    width: 19px;
    height: 19px;
}

.ui-cst-icon-email {
    background-position: -434px -295px;
    width: 26px;
    height: 16px;
}

.ui-cst-icon-print {
    background-position: -271px -40px;
    width: 18px;
    height: 21px;
}

.ui-cst-icon-NTPdefault {
    background-position: -210px -18px;
    width: 23px;
    height: 23px;
}

.ui-cst-icon-more-info {
    background-position: -84px -360px;
    width: 16px;
    height: 16px;
}

    .ui-cst-icon-more-info:hover {
        background-position: -104px -360px;
    }

.ui-cst-icon-calendar {
    background-position: -127px -370px;
    width: 16px;
    height: 16px;
}

    .ui-cst-icon-calendar:hover {
        background-position: -146px -370px;
    }

.ui-cst-icon-draw {
    background-position: -167px -370px;
    width: 16px;
    height: 16px;
}

    .ui-cst-icon-draw:hover {
        background-position: -186px -370px;
    }

.ui-cst-icon-publish {
    background-position: -135px -442px;
    width: 13px;
    height: 17px;
}

    .ui-cst-icon-publish:hover {
        background-position: -165px -442px;
    }

.ui-cst-icon-alert2 {
    background-position: -311px -45px;
    width: 15px;
    height: 15px;
}

.ui-cst-icon-alert3 {
    background-position: -205px -193px;
    width: 14px;
    height: 14px;
}

.ui-cst-icon-minus {
    background-position: -145px -137px;
    width: 18px;
    height: 5px;
}

.ui-cst-icon-plus-signal {
    background-position: -170px -130px;
    width: 18px;
    height: 18px;
}

.ui-cst-icon-delete-green {
    background-position: -464px -295px;
    width: 16px;
    height: 16px;
}

.ui-cst-icon-persons-green {
    background-position: -307px -104px;
    width: 19px;
    height: 21px;
}

.ui-cst-icon-lock {
    background-position: -87px -410px;
    width: 17px;
    height: 20px;
}

.ui-cst-icon-unlock {
    background-position: -108px -410px;
    width: 17px;
    height: 20px;
}

.ui-cst-icon-copy {
    background-position: -400px -1px;
    width: 18px;
    height: 18px;
}
/* preview images */
.preview-venue {
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 200px;
}
/* Jscrollpanel */
.jspVerticalBar {
    background-color: transparent !important;
}

.jspTrack {
    background-color: #99cc00 !important;
    margin: 0 auto !important;
    width: 2px !important;
}

.jspDrag {
    background-color: #99cc00 !important;
    width: 6px !important;
    left: -2px !important;
}

.jspArrow {
    background-color: #fff !important;
}

.jspDisabled.jspArrow {
    background-color: #fff !important;
}

.jspArrowUp,
.jspDisabled.jspArrowUp {
    background: url("images/spritefpf_14.png") no-repeat -500px 0 #ffffff !important;
}

.jspArrowDown,
.jspDisabled.jspArrowDown {
    background: url("images/spritefpf_14.png") no-repeat -513px 0 #ffffff !important;
}
/* Access error classes*/
.access-error .access-error-title > h2 {
    background-color: #EEE;
    margin: 0;
    padding: 8px 0;
    color: #99cc00;
    font-size: 16px;
    text-indent: 40px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #E8E8E8;
}

.access-error .access-error-content {
    padding: 15px 15px 50px 15px;
    background-color: #fff;
    position: relative;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
}

.access-error .access-error-image,
.access-denied .access-denied-message {
    vertical-align: middle;
}

.access-error .access-error-image {
    display: inline-block;
}

.access-error .access-error-message {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle;
}

    .access-error .access-error-message a {
        color: #99CC00;
        margin-top: 8px;
    }
/* Access denied classes*/
.access-denied .access-denied-image,
.access-denied .access-denied-message {
    vertical-align: middle;
}

.access-denied .access-denied-image {
    display: inline-block;
}

.access-denied .access-denied-message {
    display: inline-block;
    margin-left: 16px;
}

    .access-denied .access-denied-message a {
        color: #99CC00;
        margin-top: 8px;
    }
/*********************************/
/* Start of grid container rules */
/*********************************/
.gridContainer > .gridContainerHeader {
    background-color: #EEE;
    margin: 0;
    padding: 10px 15px 10px 50px;
    color: #99cc00;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #E8E8E8;
}

    .gridContainer > .gridContainerHeader > h2 {
        display: inline-block;
        margin: inherit;
    }

    .gridContainer > .gridContainerHeader > button {
        display: inline-block;
        outline: 0;
        float: right;
        border: 0;
        border-spacing: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

.gridContainer > .homepageStats {
    margin: 0;
    background-color: #FFFFFF;
    padding: 8px 0;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #E8E8E8;
}

.gridSpacer {
    margin-top: 10px;
}

.grid {
    padding: 15px 15px 50px 15px;
    background-color: #fff;
    position: relative;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
}

    .grid.accessDeniedGrid {
        text-align: center;
    }

    .grid.homepageList {
        min-height: 200px;
    }

    .grid .configurationPanel {
        margin: 0 auto;
        width: 60%;
        vertical-align: middle;
    }

    .grid .buttons {
        text-align: right;
        margin: 20px 0;
    }

    .grid.homepageList .buttons {
        position: absolute;
        bottom: 5px;
        right: 5px;
        float: none;
    }

.gridContainer {
    position: relative;
}

    .gridContainer .grid-cell-action {
        cursor: pointer;
    }

    .gridContainer .grid-filters {
        background-color: #f8f8f8;
        padding: 30px 0 10px 50px;
        -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    }

        .gridContainer .grid-filters .filter {
            margin: 0 40px 20px 0;
            display: inline-block;
            vertical-align: middle;
        }

            .gridContainer .grid-filters .filter .cst-dropdownlist {
                background-color: #f8f8f8;
                min-width: 100px;
            }

        .gridContainer .grid-filters .ui-cst-icon-parent {
            cursor: pointer;
            margin-left: 5px;
        }

    .gridContainer .filters.status-filter {
        display: none;
        padding-right: 8px;
    }

.grid .list-selector {
    margin: 0 35px;
}

.gridContainer .grid .noData {
    display: none;
    margin-top: 10px;
}
/*******************************/
/* End of grid container rules */
/*******************************/
/* Start of form rules */
form fieldset legend {
    display: block;
}

form fieldset label,
.form-field-row > label {
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    margin-right: 10px;
    text-align: left;
    vertical-align: top;
    width: 150px;
}

.form-field-group-margin-top {
    margin-top: 40px;
}

    .form-field-group-margin-top > h3 {
        color: #7d7d7d;
        display: block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        margin: 15px 0;
        font-size: 12px;
    }

    .form-field-group-margin-top > h2 {
        color: #333333;
        display: block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        margin: 20px 0;
        font-size: 14px;
    }

.form-field-row {
    display: table;
    margin-bottom: 15px;
    width: 100%;
}

    .form-field-row > label,
    .form-field-row > .form-field-wrapper {
        display: table-cell;
    }

        .form-field-row > .form-field-wrapper.full-width {
            width: auto;
        }

        .form-field-row > .form-field-wrapper.half-width {
            width: 50%;
        }

        .form-field-row > .form-field-wrapper.quarter-width {
            width: 25%;
        }

        .form-field-row > .form-field-wrapper > * {
            -webkit-box-sizing: border-box;
            /* webkit */
            -moz-box-sizing: border-box;
            /* firefox */
            box-sizing: border-box;
            /* css3 */
            width: 100%;
        }

        .form-field-row > .form-field-wrapper > input[type=checkbox] {
            width: 35px;
        }

    .form-field-row:after {
        content: '';
        display: table-cell;
    }

.ffr-four-columns {
    display: inline-block;
    margin-bottom: 15px;
    width: 33% !important;
    padding-bottom: 5px;
}

    .ffr-four-columns > label {
        display: inline !important;
    }

.form-buttons-panel {
    margin-top: 20px;
    text-align: right;
}

    .form-buttons-panel button,
    .form-buttons-panel input[type=button],
    .form-buttons-panel input[type=submit] {
        margin-left: 10px;
    }
/* form errors */
.field-validation-error {
    color: #f06666;
    display: block;
    padding: 2px;
}

.validation-summary-errors {
    color: #f06666;
}
/* Stats */
.statsList ul {
    margin: 0;
    padding-top: 10px;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    text-align: center;
}

    .statsList ul li {
        margin: 0 20px 20px 0;
        padding: 0;
        list-style-type: none;
        display: inline-block;
        vertical-align: middle;
    }

        .statsList ul li label {
            margin-bottom: 10px;
            font-weight: bold;
            color: #89b313;
            text-align: left;
            display: block;
        }

        .statsList ul li span {
            background-color: #89b313;
            color: #ffffff;
            text-align: center;
            font-weight: bold;
            font-size: xx-large;
            height: 60px;
            line-height: 60px;
            min-width: 225px;
            display: block;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }
/*End Stats*/
.imgLargeEntity {
    cursor: pointer;
}

.imgEntity {
    cursor: pointer;
    height: 30px;
}

.imgEntityPreview {
    z-index: 20000;
    position: fixed;
    border: 1px solid #99cc00;
    font-size: 0;
}

    .imgEntityPreview img {
        max-width: 150px;
        max-height: 150px;
        border: 2px solid #fff;
    }

.imgLargeEntityPreview {
    z-index: 20000;
    position: fixed;
    border: 1px solid #99cc00;
    font-size: 0;
}

    .imgLargeEntityPreview img {
        width: 600px;
        height: 400px;
        border: 2px solid #fff;
    }

.buttons-right {
    margin: 16px 0 16px 0;
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-clear {
    clear: both;
}

.text-center {
    text-align: center;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

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

.div-phases-arrow {
    display: inline-block;
    width: 100%;
    float: left;
    border: 1px solid #dcdcdc;
    background-color: #f2f2f2;
}

.div-phase-detail {
    width: 100%;
    vertical-align: top;
    float: left;
    padding: 10px 0;
}

ul.arrowMenu {
    overflow: hidden;
}

    ul.arrowMenu > li {
        position: relative;
        margin: 0;
        display: inline-block;
        float: left;
        /*width: 130px !important;*/
        height: 20px;
        margin-right: 20px;
        padding: 10px 0;
    }

        ul.arrowMenu > li.active {
            background-color: #808080;
        }

        ul.arrowMenu > li.inactive {
            background-color: #f2f2f2;
        }

        ul.arrowMenu > li.beforeactive {
            background-color: #f2f2f2;
        }

    ul.arrowMenu li input {
        width: 130px !important;
        height: 20px !important;
        border: 0 !important;
        display: inline-block !important;
    }

    ul.arrowMenu li.active::after,
    ul.arrowMenu li.active::before,
    ul.arrowMenu li.inactive::after,
    ul.arrowMenu li.inactive::before,
    ul.arrowMenu li.beforeactive::after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
    }

    ul.arrowMenu li.active::before {
        border-color: rgba(255, 0, 0, 0);
        border-left-color: #dcdcdc;
        border-width: 20px;
        margin-top: -20px;
    }

    ul.arrowMenu li.active::after {
        border-color: rgba(0, 0, 255, 0);
        border-left-color: #808080;
        border-width: 19px;
        margin-top: -19px;
    }

    ul.arrowMenu li.inactive::before {
        border-left-color: #dcdcdc;
        border-width: 20px;
        margin-top: -20px;
    }

    ul.arrowMenu li.inactive::after {
        border-left-color: #f2f2f2;
        border-width: 19px;
        margin-top: -19px;
    }

    ul.arrowMenu li.beforeactive::before {
        left: 100%;
        top: 50%;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border: solid #808080;
        border-width: 20px;
        margin-top: -20px;
    }

    ul.arrowMenu li.beforeactive::after {
        border-color: rgba(0, 0, 255, 0);
        border-left-color: #f2f2f2;
        border-width: 18px;
        margin-top: -18px;
    }

    ul.arrowMenu li.active input {
        background-color: #808080;
        color: #f2f2f2;
    }

    ul.arrowMenu li.inactive input {
        background-color: #f2f2f2;
        color: #808080;
    }

    ul.arrowMenu li.beforeactive input {
        background-color: #f2f2f2;
        color: #808080;
    }

.float-menu {
    position: fixed;
}

    .float-menu li {
        border: 1px solid black;
        padding: 5px;
        background-color: #808080;
        color: white;
    }

        .float-menu li:hover {
            background-color: #dcdcdc;
            color: black;
        }

p.lowerCaseAll {
    text-transform: lowercase;
}

p.capitalizeFirstLetter {
    text-transform: lowercase;
}

    p.capitalizeFirstLetter::first-letter {
        text-transform: uppercase;
    }

span.lowerCaseAll {
    text-transform: lowercase;
}

span.capitalizeFirstLetter {
    text-transform: lowercase;
    display: inline-block;
}

    span.capitalizeFirstLetter::first-letter {
        text-transform: uppercase;
    }

.twoColumn-Container {
    display: table;
    width: 100%;
}

    .twoColumn-Container .column1 {
        display: table-cell;
        width: 50% !important;
    }

    .twoColumn-Container .column2 {
        display: table-cell;
        width: 50% !important;
    }

.labelRight > label {
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.labelMiddle > label {
    vertical-align: middle;
}

.labelTop > label {
    vertical-align: top;
}

.labelLeft > label {
    text-align: left;
    vertical-align: middle;
    padding-right: 10px;
}

.breakWord {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}

.removeMaxWidth {
    max-width: none !important;
}

.cursorPointer {
    cursor: pointer;
}

.pdfPartialRender {
    min-width: 45%;
    max-width: 45%;
    height: 350px;
    float: left;
    -moz-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    -webkit-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
}

.document-List {
    float: left;
    width: 55%;
}

.pdfPartialRenderProcess {
    margin-right: 10px;
    min-width: 45%;
    max-width: 45%;
    height: 280px;
    float: right;
    -moz-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    -webkit-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
}

.hrProcessDetail {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #EEE;
    margin: 1em 0;
    padding: 0;
    margin-top: 20px;
}

.accordion-detail-process .ui-accordion-content {
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

.accordion-detail-process .ui-accordion-header {
    background-color: #F5F5F5 !important;
}

.li-process-detail.selected > a {
    color: #9bca47 !important;
}

.li-process-detail.selected:before {
    background-color: transparent;
    background-image: url("images/spritefpf_14.png");
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    line-height: normal;
    margin: 0;
    padding: 0;
    background-position: -376px -126px;
    width: 10px;
    height: 15px;
    margin-left: -10px;
    content: " ";
    float: left;
}

.a-no-line-height > a {
    line-height: 0 !important;
}

.title {
    margin: 20px 0;
    font-weight: bold;
    display: block;
    font-size: 18px;
}

.indent50 {
    padding-left: 50px;
}

.score-buttons {
    text-align: right;
}

.billing-header h2:before {
    background: url("images/spritefpf_14.png") no-repeat -341px -186px;
    content: '';
    display: inline-block;
    height: 12px;
    margin-right: 12px;
    width: 12px;
}

.width100 {
    width: 100px;
}

.width150 {
    width: 150px;
}

.width300 {
    width: 300px;
}

.width500 {
    width: 500px;
}

.width600 {
    width: 600px;
}

.whiteBackground {
    background-color: white !important;
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size: 18px;
}

    #back-to-top:hover {
        background: #e9ebec;
    }

    #back-to-top.show {
        opacity: 1;
    }

#back-to-bottom {
    position: fixed;
    top: 150px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size: 18px;
}

    #back-to-bottom:hover {
        background: #e9ebec;
    }

    #back-to-bottom.show {
        opacity: 1;
    }

.required {
    color: red;
}

.module-name-bold {
    font-weight: bold;
}

.body .header-content-container > header {
    background: #2c3e50;
    border-bottom: 1px solid #dcdcdc;
    height: 53px;
    line-height: 53px;
    padding-left: 34px;
    padding-right: 0;
}

    .body .header-content-container > header h2 {
        color: #ffffff;
        display: inline-block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 14px;
        height: 100%;
        text-transform: none;
    }

        .body .header-content-container > header h2::before {
            background: url("images/spritefpf_14.png") no-repeat -341px -186px;
            content: '';
            display: inline-block;
            height: 12px;
            margin-right: 12px;
            width: 12px;
        }

.four-columns {
    display: inline-block;
    margin-bottom: 15px;
    width: 24%;
    padding-bottom: 5px;
}

    .four-columns > label {
        display: inline !important;
    }

textarea.ui-cst-htmleditor-textarea {
    height: unset;
}

td.details-control {
    background: url("images/details_open.png") no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url("images/details_close.png") no-repeat center center;
}

.float-left {
    float: left !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}

|| || || | .r18677
/* z-indexes */
/* page content width */
/* form height margins */
/* colors */
/* content box */
/* field inputs */
/* tables */
/* buttons */
/* preview images */
/* page content width */
/* z-index levels*/
/* common mixins */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
}

    .loadingBackground .loadingImage {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -95px;
        margin-left: -157px;
        border: 1px solid black;
        padding: 50px 100px 50px 100px;
        background-color: white;
        text-align: center;
    }

    .loadingBackground .loadingText {
        font-family: 'Lato Regular', Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 14px;
    }

body {
    font-family: 'Lato Regular', Arial, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background: url(images/fundo.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-size: 13px;
}

.hide,
.hidden {
    display: none;
}

.force-hidden {
    display: none !important;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #333333;
}
/* environment labels */
.environment-info {
    position: absolute;
    top: 20px;
    left: 50%;
    min-height: 25px;
    min-width: 150px;
    background-color: gray;
    text-align: center;
    color: white;
    border: 2px solid white;
    display: block;
    z-index: 99999;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

    .environment-info .environment-desc {
        margin: 0 4px;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        overflow: hidden;
        /*line-height: 25px;*/
        display: block;
    }

    .environment-info.development {
        background-color: red;
    }

    .environment-info.quality {
        background-color: orange;
    }

    .environment-info.preproduction {
        background-color: green;
    }
/* form input controls */
/* Remove Arrows from input in chrome*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

textarea {
    border: 1px solid #dcdcdc;
    font-family: inherit;
    font-size: inherit;
    height: 80px;
    outline: 0;
    padding: 0 15px;
    width: 98%;
    color: #808080;
}

input[type=text],
input[type=number],
input[type=password],
input[type=datetime],
select {
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    /* webkit */
    -moz-box-sizing: border-box;
    /* firefox */
    box-sizing: border-box;
    /* css3 */
    border: 1px solid #dcdcdc;
    color: #808080;
    height: 35px;
    padding: 0 15px;
    vertical-align: top;
    outline: 0;
}

    input[type=text][readonly],
    input[type=number][readonly],
    input[type=password][readonly],
    input[type=datetime][readonly],
    select[readonly],
    textarea[readonly] {
        background-color: #eeeeee;
    }

input[type=checkbox] {
    height: 17.5px;
    width: 17.5px;
}

input[type=text]:focus,
input[type=number].focus,
input[type=password]:focus,
input[type=datetime]:focus,
select:focus,
textarea:focus {
    border: 1px solid #9bca47;
}

div.div-validation-error,
input[type=text].input-validation-error,
input[type=number].input-validation-error,
input[type=datetime].input-validation-error,
select.select-validation-error,
input[type=password].input-validation-error,
input[type=text].error,
input[type=number].error,
input[type=datetime].error,
select.error,
input[type=password].error,
textarea.textarea-validation-error,
textarea.input-validation-error {
    border: 1px solid #f06666;
}

label.error {
    color: #f06666;
}

input[type=text].readonly,
input[type=number].readonly,
input[type=password].readonly,
input[type=datetime].readonly,
select.readonly {
    border: none;
}
/* body - site content */
.body {
    margin: 10px auto;
    width: 1280px;
}

    .body .content-container {
        border-bottom: 7px solid #9bca47;
        position: relative;
    }

        .body .content-container > header,
        .content > header {
            background: #2c3e50;
            border-bottom: 1px solid #dcdcdc;
            height: 53px;
            line-height: 53px;
            padding-left: 34px;
            padding-right: 0;
            width: 1246px;
        }

            .body .content-container > header h2,
            .content > header h2 {
                color: #ffffff;
                display: inline-block;
                font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
                font-size: 14px;
                height: 100%;
                text-transform: none;
            }

                .body .content-container > header h2::before,
                .content > header h2::before {
                    background: url("images/spritefpf_14.png") no-repeat -341px -186px;
                    content: '';
                    display: inline-block;
                    height: 12px;
                    margin-right: 12px;
                    width: 12px;
                }

.content > header {
    margin-bottom: 10px;
}

.body .content-container .content {
    background: #ffffff;
    padding: 20px 20px;
}

    .body .content-container .content .grid-cell-action {
        cursor: pointer;
    }

.body .content-container .no-data {
    margin-top: 10px;
}

.body .content-container .content .inner-content-container {
    background: #fcfcfc;
    border: 1px solid #dcdcdc;
    padding: 10px 10px;
}

    .body .content-container .content .inner-content-container .form-buttons-panel {
        margin-top: 10px;
    }

.content-container .previewPhoto {
    display: inline-block;
    max-width: 400px;
}

    .content-container .previewPhoto img {
        width: 135px;
        height: auto;
    }

    .content-container .previewPhoto .imgUserPhoto {
        max-width: 230px;
        max-height: 230px;
    }

.content-container .detailHeader {
    display: inline-block;
    width: 300px;
    padding: 10px;
    margin-left: 10px;
}

.content-container .previewPhoto h2 {
    text-align: left;
    color: #99cc00;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
}

.content-container .detailHeader h2 {
    text-align: left;
    color: #99cc00;
    font-size: 16px;
    font-weight: normal;
}

.content-container .detailHeader > p {
    margin: 16px 0;
    line-height: normal;
}

.content-container .detailHeader span {
    margin-left: 10px;
}

.content-container .detailHeader > p > b > label {
    font-weight: bold;
    min-width: 165px;
    display: inline-block;
}

.body .content-spacer {
    margin-top: 10px;
}

.content-container-small > header {
    background: #2c3e50;
    border-bottom: 1px solid #dcdcdc;
    height: 53px;
    line-height: 53px;
    padding-left: 34px;
    padding-right: 0;
    width: 1246px;
}

.body .content-container .header-context {
    background-color: #fff;
    position: relative;
    min-width: 850px;
    min-height: 100px;
    padding-bottom: 10px;
}

    .body .content-container .header-context .header-context-detail {
        display: inline-block;
        margin-left: 20px;
        vertical-align: top;
    }

    .body .content-container .header-context .header-top {
        background-color: #2c3e50;
        color: white;
    }

    .body .content-container .header-context .header-bottom {
        background-color: #dcdcdc;
    }

        .body .content-container .header-context .header-bottom .header-context-detail > p {
            margin: 5px 0 !important;
        }

    .body .content-container .header-context .header-context-detail > p {
        margin: 10px 0;
        min-height: 16px;
    }

        .body .content-container .header-context .header-context-detail > p > label {
            font-weight: bold;
            text-align: left;
            color: #99cc00;
            font-size: 16px;
            width: 100px;
            display: table-cell;
            cursor: pointer;
        }

    .body .content-container .header-context .header-context-detail .left-margin {
        font-size: 14px;
    }

    .body .content-container .header-context .header-context-detail .header-text {
        display: table-cell;
        overflow: hidden;
    }

    .body .content-container .header-context .header-context-detail.column1 {
        width: 35%;
    }

    .body .content-container .header-context .header-context-detail.column2 {
        width: 30%;
    }

    .body .content-container .header-context .header-context-detail.column3 {
        width: 25%;
    }
/* wizard content */
/* wizard steps bar*/
.wizard-steps-bar {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

    .wizard-steps-bar > li {
        display: table-cell;
        font-size: 0;
        position: relative;
        text-align: center;
        vertical-align: top;
    }

        .wizard-steps-bar > li:first-child .wizard-step:before,
        .wizard-steps-bar > li:last-child .wizard-step:after {
            background: none !important;
        }

        .wizard-steps-bar > li .wizard-step:before {
            background: #ffffff url(images/repeat_hr.jpg) repeat-x center 20.5px;
            content: '';
            display: inline-block;
            height: 47px;
            left: 0;
            position: absolute;
            top: 0;
            width: 50%;
        }

        .wizard-steps-bar > li .wizard-step:after {
            background: #ffffff url(images/repeat_hr.jpg) repeat-x center 20.5px;
            content: '';
            display: inline-block;
            height: 47px;
            right: 0;
            position: absolute;
            top: 0;
            width: 50%;
        }

.wizard-step {
    width: 100%;
}

.wizard-step-content {
    color: #7f8c8d;
    display: block;
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    margin: 0 auto;
    position: relative;
    vertical-align: top;
    width: 100px;
    z-index: 2;
}

    .wizard-step-content > span {
        background: url("images/spritefpf_14.png") no-repeat -57px -112px;
        display: inline-block;
        font-size: 14px;
        line-height: 47px;
        height: 47px;
        margin: 0 auto;
        text-align: center;
        vertical-align: top;
        width: 47px;
    }

    .wizard-step-content > label {
        display: block;
        font-size: 14px;
        margin-top: 13px;
        text-align: center;
    }

.wizard-steps-bar > li .wizard-step.wizard-step-visited:before,
.wizard-steps-bar > li .wizard-step.wizard-step-visited:after {
    background: url(images/repeat_hr_green.jpg) repeat-x center 20.5px;
}

.wizard-steps-bar > li .wizard-step.wizard-step-active:before {
    background: url(images/repeat_hr_green.jpg) repeat-x center 20.5px;
}

.wizard-steps-bar > li .wizard-step.wizard-step-active .wizard-step-content > label,
.wizard-steps-bar > li .wizard-step.wizard-step-visited .wizard-step-content > label {
    color: #9bca47;
}

.wizard-steps-bar > li .wizard-step.wizard-step-active .wizard-step-content > span,
.wizard-steps-bar > li .wizard-step.wizard-step-visited .wizard-step-content > span {
    background: url("images/spritefpf_14.png") no-repeat -3px -112px;
    color: #ffffff;
}
/* grid filter bar */
.body .content-container header .grid-filter,
.content > header .grid-filter {
    display: inline-block;
    height: 53px;
    line-height: 53px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 76px;
}

    .body .content-container header .grid-filter.active,
    .content > header .grid-filter.active {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        border-right: 1px solid #dcdcdc;
    }

    .body .content-container header .grid-filter *,
    .content > header .grid-filter * {
        vertical-align: middle;
    }

.body .content-container > header .grid-filter {
    right: 20px;
}

.content > header .grid-filter {
    right: 50px;
}

.content-container > header > .grid-filter > .ui-cst-icon {
    cursor: pointer;
    outline: 0;
}
/* grid add record bar */
.grid-add-record-bar {
    background-color: #f9f9f9;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    height: 44px;
    padding-left: 15px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

    .grid-add-record-bar:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

    .grid-add-record-bar .ui-cst-icon-add-grid {
        margin-top: -9px;
        position: absolute;
        right: 5px;
        top: 50%;
    }
/* tables */
table {
    border-bottom: 1px solid #dcdcdc;
    border-collapse: collapse;
    width: 100%;
}

    table thead th,
    table tbody th,
    table tfoot th {
        background-color: #f5f5f5;
        border: 1px solid #dcdcdc;
        color: #333333;
        font-size: 13px;
        font-weight: bold;
        padding: 10px 15px;
        text-align: center;
        vertical-align: middle;
    }

    table tfoot td,
    table tbody td {
        border: 1px solid #dcdcdc;
        color: #808080;
        padding: 10px 15px;
        vertical-align: middle;
        text-align: left;
    }

        table tbody td.row-actions {
            white-space: nowrap;
        }

    table tbody tr.alternate-row {
        background-color: #fcfcfc;
    }

    table tbody .ui-cst-icon,
    table tbody .ui-cst-icon:active,
    table tbody .ui-cst-icon:hover,
    table tbody .ui-cst-icon:focus {
        cursor: pointer;
        display: inline-block;
        margin-left: 4px;
        vertical-align: middle;
    }

    table tbody td.number-aligned,
    table tfoot td.number-aligned {
        text-align: right;
    }

    table tbody td.text-aligned,
    table tfoot td.text-aligned {
        text-align: left;
    }

    table tbody td.status-aligned,
    table tfoot td.status-aligned {
        text-align: center;
    }

    table tbody td.date-aligned,
    table tfoot td.date-aligned {
        text-align: center;
    }

    table tbody td.text-centered,
    table tfoot td.text-centered {
        text-align: center;
    }

    table tfoot tr th {
        border: 1px solid #dcdcdc;
        color: #808080;
        padding: 10px 15px;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
    }

        table tfoot tr th.right {
            text-align: right;
        }

        table tfoot tr th.left {
            text-align: right;
        }
/* tabs */
.tabs {
    display: table;
    font-size: 0;
    /* hack to remove spacing between inline blocked elements*/
    width: 100%;
}

    .tabs .tab {
        display: table-cell;
    }

        .tabs .tab:first-child a {
            border-right: none;
        }

        .tabs .tab:first-child:last-child a {
            border-right: 1px solid #dcdcdc;
        }

    .tabs:after {
        border-bottom: 1px solid #dcdcdc;
        content: '';
        display: table-cell;
        width: 100%;
    }

    .tabs .tab > a {
        background: #ffffff;
        border: 1px solid #dcdcdc;
        color: #7f8c8d;
        display: block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 14px;
        padding: 6px 10px;
    }

        .tabs .tab > a:hover {
            color: #9bca47;
            cursor: pointer;
        }

    .tabs .tab.selected > a {
        background: #ffffff;
        border-bottom: none;
        color: #9bca47;
    }

.tabs-content {
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 20px 20px;
}

.ui-cst-tabs ul.ui-tabs-nav {
    height: 37px;
}
/* icons */
.ui-cst-misc-icon {
    background-image: url('images/fpf_misc_sprite.png');
}

input[type=button].ui-cst-icon:active,
input[type=submit].ui-cst-icon:active,
button.ui-cst-icon:active,
input[type=button].ui-cst-icon:focus,
input[type=submit].ui-cst-icon:focus,
button.ui-cst-icon:focus,
input[type=button].ui-cst-icon:hover,
input[type=submit].ui-cst-icon:hover,
button.ui-cst-icon:hover {
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    margin: 0;
    padding: 0;
}

.ui-cst-icon {
    background-color: transparent;
    background-image: url("images/spritefpf_14.png");
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.ui-cst-inline-icon {
    display: inline-block;
    vertical-align: middle;
}

.ui-cst-icon-search {
    background-position: -310px 0;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-search:hover {
        background-position: -310px -20px;
    }

.ui-cst-icon-matchsheet {
    background-position: -484px -43px;
    width: 16px;
    height: 18px;
}

    .ui-cst-icon-matchsheet:hover {
        background-position: -503px -43px;
    }

.ui-cst-icon-edit {
    background-position: 0 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-option-white {
    background-position: -124px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-option-darkblue {
    background-position: -150px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-option-black {
    background-position: -173px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-option-green {
    background-position: -195px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-descendants {
    background-position: -340px -43px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-descendants:hover {
        background-position: -361px -43px;
    }

.ui-cst-icon-hasPendingApprovals {
    background-position: -419px -22px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-noPendingApprovals {
    background-position: -460px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-cancel {
    background-position: -20px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-green-clip {
    background-position: -135px -411px;
    width: 22px;
    height: 20px;
}

    .ui-cst-icon-green-clip:hover {
        background-position: -162px -411px;
        width: 22px;
        height: 20px;
    }

.ui-cst-icon-white-clip {
    background-position: -190px -411px;
    width: 22px;
    height: 20px;
}

    .ui-cst-icon-white-clip:hover {
        background-position: -219px -411px;
        width: 22px;
        height: 20px;
    }

.ui-cst-icon-green-pdf {
    background-position: -273px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-pdf:hover {
        background-position: -273px -435px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-pdf {
    background-position: -273px -470px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-pdf:hover {
        background-position: -273px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-word {
    background-position: -306px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-word:hover {
        background-position: -306px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-word {
    background-position: -306px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-word:hover {
        background-position: -306px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-excel {
    background-position: -340px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-excel:hover {
        background-position: -340px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-excel {
    background-position: -340px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-excel:hover {
        background-position: -340px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-file {
    background-position: -374px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-file:hover {
        background-position: -374px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-file {
    background-position: -374px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-file:hover {
        background-position: -374px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-pic {
    background-position: -408px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-pic:hover {
        background-position: -408px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-pic {
    background-position: -408px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-pic:hover {
        background-position: -408px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-delete {
    background-position: -338px -126px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-delete:hover {
        background-position: -338px -126px;
    }

    .ui-cst-icon-delete.ui-cst-icon-disabled {
        background-position: -170px 0;
        width: 20px;
        height: 20px;
    }

.ui-cst-icon-delete-medium {
    background-position: -443px -190px;
    width: 13px;
    height: 13px;
}

    .ui-cst-icon-delete-medium:hover {
        background-position: -443px -225px;
    }

.ui-cst-icon-delete-big {
    background-position: -540px -105px;
    width: 15px;
    height: 15px;
}

    .ui-cst-icon-delete-big:hover {
        background-position: -519px -105px;
    }

.ui-cst-icon-delete-big-nohover {
    background-position: -540px -105px;
    width: 15px;
    height: 15px;
}

.ui-cst-icon-arrowup {
    background-position: -213px -4px;
    width: 15px;
    height: 15px;
}

    .ui-cst-icon-arrowup:hover {
        background-position: -253px -4px;
    }

.ui-cst-icon-plus {
    background-position: -121px -2px;
    width: 17px;
    height: 19px;
    margin: 5px 5px 4px 4px;
}

    .ui-cst-icon-plus:hover {
        background-position: -142px -1px;
        width: 26px;
        height: 28px;
        margin: 0 !important;
    }

.ui-cst-icon-purchases {
    background-position: -312px -204px;
    width: 12px;
    height: 10px;
}

    .ui-cst-icon-purchases:hover {
        background-position: -312px -186px;
    }

.ui-cst-icon-mail {
    background-position: -420px -46px;
    width: 20px;
    height: 13px;
}

.ui-cst-icon-save {
    background-position: -60px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-add {
    background-position: -100px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-plus-transp {
    background-position: -310px -132px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-plus-transp:hover {
        background-position: -310px -156px;
        width: 20px;
        height: 20px;
    }

.ui-cst-icon-add-grid {
    background-position: -140px 0;
    width: 28px;
    height: 25px;
}

.ui-cst-icon-versions {
    background-position: -330px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-grid-search {
    background-position: -370px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-clone {
    background-position: -400px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon.ui-cst-icon-key {
    background-image: url(images/key_go.png);
    width: 16px;
    height: 16px;
}

.ui-cst-icon-preview {
    background-position: -330px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-activate {
    background-position: -480px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-deativate {
    background-position: -460px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-help {
    background-position: -80px -20px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-hyperlink {
    background-position: 0 -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-hyperlink:hover {
        background-position: -18px -20px;
    }

.ui-cst-icon-acknowledge {
    background-position: -40px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-acknowledge:hover {
        background-position: -60px -20px;
    }

.ui-cst-icon-validate {
    background-position: -340px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-validate:hover {
        background-position: -360px -20px;
    }

.ui-cst-icon-atention {
    background-position: -487px -178px;
    width: 6px;
    height: 18px;
}

    .ui-cst-icon-atention:hover {
        background-position: -487px -220px;
    }

.ui-cst-icon-reject {
    background-position: -380px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-reject:hover {
        background-position: -400px -20px;
    }

.ui-cst-icon-eye-green {
    background-position: -375px -297px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-eye-white {
    background-position: -409px -316px;
    width: 25px;
    height: 20px;
}

.ui-cst-icon-eye-preview-black {
    background-position: -443px -323px;
    width: 25px;
    height: 21px;
}

.ui-cst-icon-eye-preview-black-short {
    background-position: -441px -323px;
    width: 25px;
    height: 21px;
}

    .ui-cst-icon-eye-preview-black-short.selected {
        background-position: -471px -323px;
    }

    .ui-cst-icon-eye-preview-black-short:hover {
        background-position: -469px -323px;
    }

.ui-cst-button-eye-preview {
    /*min-width: 25px !important;*/
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

.ui-cst-icon-errors {
    background-position: -420px -22px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-error {
    width: 16px;
    height: 18px;
    background-position: -310px -42px;
}

.ui-cst-icon-action {
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.ui-cst-icon-static {
    cursor: default;
    margin-left: 3px;
    margin-right: 3px;
}

.ui-cst-icon-arrow-up {
    background-position: -251px 0;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-up:hover {
        background-position: -211px 0;
    }

.ui-cst-icon-arrow-down {
    background-position: -230px 0;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-down:hover {
        background-position: -191px 0;
    }

.ui-cst-icon-arrow-left {
    background-position: -228px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-left:hover {
        background-position: -188px -20px;
    }

.ui-cst-icon-arrow-right {
    background-position: -249px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-right:hover {
        background-position: -209px -20px;
    }

.ui-cst-icon-arrow-remove {
    background-position: -24px -41px;
    width: 11px;
    height: 25px;
}

    .ui-cst-icon-arrow-remove:hover {
        background-position: -131px -41px;
    }

.ui-cst-icon-arrow-add {
    background-position: -3px -41px;
    width: 11px;
    height: 25px;
}

    .ui-cst-icon-arrow-add:hover {
        background-position: -219px -41px;
        width: 11px;
        height: 25px;
    }

.ui-cst-icon-arrow-add-active {
    background-position: -3px -41px;
    width: 11px;
    height: 25px;
}

.ui-cst-icon-arrow-add-inactive {
    background-position: -219px -41px;
    width: 11px;
    height: 25px;
}

.ui-cst-icon-arrow-remove-all {
    background-position: -40px -40px;
    width: 19px;
    height: 25px;
}

    .ui-cst-icon-arrow-remove-all:hover {
        background-position: -147px -40px;
    }

.ui-cst-icon-arrow-add-all {
    background-position: -61px -40px;
    width: 19px;
    height: 25px;
}

    .ui-cst-icon-arrow-add-all:hover {
        background-position: -168px -40px;
    }

.ui-cst-icon-up {
    background-position: -500px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-down {
    background-position: -518px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-Sheet {
    background-position: -532px -1px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-send-pdf {
    background-position: -484px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-send-pdf:hover {
        background-position: -463px -20px;
    }

.ui-cst-icon-details {
    background-position: -330px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-calendars {
    background-position: -340px -68px;
    width: 20px;
    height: 22px;
}

.ui-cst-icon-standings {
    background-position: -393px -68px;
    width: 20px;
    height: 22px;
}

.ui-cst-icon-alert {
    background-position: -420px -22px;
    width: 20px;
    height: 18px;
}

    .ui-cst-icon-alert:hover {
        background-position: -441px -22px;
    }

.ui-cst-icon-order {
    background-position: -81px -71px;
    width: 28px;
    height: 28px;
}

    .ui-cst-icon-order:hover {
        background-position-x: -112px;
    }

.ui-cst-icon-yellow-card {
    background-position: -400px -42px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-red-card {
    background-position: -380px -42px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-double-yellow-card {
    background-position: -462px -42px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-parent {
    background-position: -521px -42px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-parent:hover {
        background-position: -541px -42px;
    }

.ui-cst-icon-add-manager {
    background-position: -336px -102px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-add-manager:hover {
        background-position: -358px -102px;
    }

.ui-cst-icon-associate-managers {
    background-position: -278px -103px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-associate-managers:hover {
        background-position: -305px -103px;
    }

.ui-cst-icon-see-managers {
    background-position: -220px -103px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-see-managers:hover {
        background-position: -247px -103px;
    }

.ui-cst-icon-result {
    background-position: -415px -103px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-result:hover {
        background-position: -390px -103px;
    }

.ui-cst-icon-result-and-data {
    background-position: -441px -99px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-result-and-data:hover {
        background-position: -463px -99px;
    }

.ui-cst-icon-grid-export {
    background-position: -290px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-grid-export:hover {
        background-position: -270px -20px;
    }

.ui-cst-icon-grid-print {
    background-position: -292px -40px;
    width: 18px;
    height: 21px;
}

    .ui-cst-icon-grid-print:hover {
        background-position: -270px -40px;
        width: 18px;
        height: 21px;
    }

.ui-cst-icon-approvals {
    background-position: -483px -43px;
    width: 18px;
    height: 20px;
}

    .ui-cst-icon-approvals:hover {
        background-position: -502px -43px;
    }

.ui-cst-icon.ui-cst-icon-turn-off {
    background-position: -265px -217px;
    width: 17px;
    height: 17px;
}

.ui-cst-icon.ui-cst-icon-turn-off-blue {
    background-position: -286px -217px;
    width: 17px;
    height: 17px;
}

.ui-cst-icon-actions-menu-white {
    background-position: -124px -104px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-actions-menu-white:hover {
        background-position: -195px -104px;
    }

.ui-cst-icon-actions-menu {
    background-position: -146px -104px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-actions-menu:hover {
        background-position: -191px -104px;
    }

.ui-cst-icon-open-competition {
    background-position: -362px -216px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-open-competition:hover {
        background-position: -400px -216px;
    }

.ui-cst-icon-match {
    background-position: -18px -322px;
    width: 22px;
    height: 21px;
}

.ui-cst-icon-match-nodata {
    background-position: -18px -291px;
    width: 22px;
    height: 21px;
}

.ui-cst-icon-call {
    background-position: -52px -324px;
    width: 20px;
    height: 18px;
}

.ui-cst-icon-call-nodata {
    background-position: -52px -293px;
    width: 20px;
    height: 18px;
}

.ui-cst-icon-program {
    background-position: -81px -322px;
    width: 14px;
    height: 21px;
}

.ui-cst-icon-program-nodata {
    background-position: -81px -291px;
    width: 14px;
    height: 21px;
}

.ui-cst-icon-allocation {
    background-position: -105px -322px;
    width: 19px;
    height: 22px;
}

.ui-cst-icon-error-sign {
    background-position: -188px -246px;
    width: 29px;
    height: 29px;
}

.ui-cst-icon-ok-sign {
    background-position: -273px -249px;
    width: 30px;
    height: 23px;
}

.ui-cst-icon-allocation-nodata {
    background-position: -105px -291px;
    width: 19px;
    height: 22px;
}

.ui-cst-icon-menu {
    background-position: -133px -323px;
    width: 15px;
    height: 21px;
}

.ui-cst-icon-menu-nodata {
    background-position: -133px -292px;
    width: 15px;
    height: 21px;
}

.ui-cst-icon-transportation {
    background-position: -156px -323px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-transportation-nodata {
    background-position: -156px -292px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-tv-observation {
    background-color: transparent;
    background: url("images/tv.png");
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-tv-observation:hover {
        background-color: transparent !important;
    }

.ui-cst-icon-score {
    background-position: -495px -436px;
    width: 20px;
    height: 15px;
}

    .ui-cst-icon-score:hover {
        background-position: -495px -407px;
        width: 20px;
        height: 15px;
    }

.ui-cst-icon-location {
    background-position: -441px -368px;
    width: 14px;
    height: 20px;
}

.ui-cst-icon-flight-island {
    background-position: -160px -468px;
    width: 22px;
    height: 22px;
}

.ui-cst-icon-prize {
    background-position: -186px -323px;
    width: 19px;
    height: 20px;
}

.ui-cst-icon-prize-nodata {
    background-position: -186px -292px;
    width: 19px;
    height: 20px;
}

.ui-cst-icon-expense {
    background-position: -212px -323px;
    width: 15px;
    height: 20px;
}

.ui-cst-icon-expense-nodata {
    background-position: -212px -292px;
    width: 15px;
    height: 20px;
}

.ui-cst-icon-souvenir {
    background-position: -235px -322px;
    width: 14px;
    height: 22px;
}

.ui-cst-icon-souvenir-nodata {
    background-position: -235px -291px;
    width: 14px;
    height: 22px;
}

.ui-cst-icon-gift {
    background-position: -259px -324px;
    width: 17px;
    height: 19px;
}

.ui-cst-icon-gift-nodata {
    background-position: -259px -293px;
    width: 17px;
    height: 19px;
}

.ui-cst-icon-presencepayment {
    background-position: -286px -325px;
    width: 24px;
    height: 18px;
}

.ui-cst-icon-presencepayment-nodata {
    background-position: -286px -294px;
    width: 24px;
    height: 18px;
}

.ui-cst-icon-photo {
    background-position: -52px -359px;
    width: 18px;
    height: 35px;
}

.ui-cst-icon-NTPedit {
    background-position: -348px -293px;
    width: 19px;
    height: 19px;
}

.ui-cst-icon-email {
    background-position: -434px -295px;
    width: 26px;
    height: 16px;
}

.ui-cst-icon-print {
    background-position: -271px -40px;
    width: 18px;
    height: 21px;
}

.ui-cst-icon-NTPdefault {
    background-position: -210px -18px;
    width: 23px;
    height: 23px;
}

.ui-cst-icon-more-info {
    background-position: -84px -360px;
    width: 16px;
    height: 16px;
}

    .ui-cst-icon-more-info:hover {
        background-position: -104px -360px;
    }

.ui-cst-icon-calendar {
    background-position: -127px -370px;
    width: 16px;
    height: 16px;
}

    .ui-cst-icon-calendar:hover {
        background-position: -146px -370px;
    }

.ui-cst-icon-draw {
    background-position: -167px -370px;
    width: 16px;
    height: 16px;
}

    .ui-cst-icon-draw:hover {
        background-position: -186px -370px;
    }

.ui-cst-icon-publish {
    background-position: -135px -442px;
    width: 13px;
    height: 17px;
}

    .ui-cst-icon-publish:hover {
        background-position: -165px -442px;
    }

.ui-cst-icon-alert2 {
    background-position: -311px -45px;
    width: 15px;
    height: 15px;
}

.ui-cst-icon-alert3 {
    background-position: -205px -193px;
    width: 14px;
    height: 14px;
}

.ui-cst-icon-minus {
    background-position: -145px -137px;
    width: 18px;
    height: 5px;
}

.ui-cst-icon-plus-signal {
    background-position: -170px -130px;
    width: 18px;
    height: 18px;
}

.ui-cst-icon-delete-green {
    background-position: -464px -295px;
    width: 16px;
    height: 16px;
}

.ui-cst-icon-persons-green {
    background-position: -307px -104px;
    width: 19px;
    height: 21px;
}

.ui-cst-icon-lock {
    background-position: -87px -410px;
    width: 17px;
    height: 20px;
}

.ui-cst-icon-unlock {
    background-position: -108px -410px;
    width: 17px;
    height: 20px;
}

.ui-cst-icon-copy {
    background-position: -400px -1px;
    width: 18px;
    height: 18px;
}
/* preview images */
.preview-venue {
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 200px;
}
/* Jscrollpanel */
.jspVerticalBar {
    background-color: transparent !important;
}

.jspTrack {
    background-color: #99cc00 !important;
    margin: 0 auto !important;
    width: 2px !important;
}

.jspDrag {
    background-color: #99cc00 !important;
    width: 6px !important;
    left: -2px !important;
}

.jspArrow {
    background-color: #fff !important;
}

.jspDisabled.jspArrow {
    background-color: #fff !important;
}

.jspArrowUp,
.jspDisabled.jspArrowUp {
    background: url("images/spritefpf_14.png") no-repeat -500px 0 #ffffff !important;
}

.jspArrowDown,
.jspDisabled.jspArrowDown {
    background: url("images/spritefpf_14.png") no-repeat -513px 0 #ffffff !important;
}
/* Access error classes*/
.access-error .access-error-title > h2 {
    background-color: #EEE;
    margin: 0;
    padding: 8px 0;
    color: #99cc00;
    font-size: 16px;
    text-indent: 40px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #E8E8E8;
}

.access-error .access-error-content {
    padding: 15px 15px 50px 15px;
    background-color: #fff;
    position: relative;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
}

.access-error .access-error-image,
.access-denied .access-denied-message {
    vertical-align: middle;
}

.access-error .access-error-image {
    display: inline-block;
}

.access-error .access-error-message {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle;
}

    .access-error .access-error-message a {
        color: #99CC00;
        margin-top: 8px;
    }
/* Access denied classes*/
.access-denied .access-denied-image,
.access-denied .access-denied-message {
    vertical-align: middle;
}

.access-denied .access-denied-image {
    display: inline-block;
}

.access-denied .access-denied-message {
    display: inline-block;
    margin-left: 16px;
}

    .access-denied .access-denied-message a {
        color: #99CC00;
        margin-top: 8px;
    }
/*********************************/
/* Start of grid container rules */
/*********************************/
.gridContainer > .gridContainerHeader {
    background-color: #EEE;
    margin: 0;
    padding: 10px 15px 10px 50px;
    color: #99cc00;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #E8E8E8;
}

    .gridContainer > .gridContainerHeader > h2 {
        display: inline-block;
        margin: inherit;
    }

    .gridContainer > .gridContainerHeader > button {
        display: inline-block;
        outline: 0;
        float: right;
        border: 0;
        border-spacing: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

.gridContainer > .homepageStats {
    margin: 0;
    background-color: #FFFFFF;
    padding: 8px 0;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #E8E8E8;
}

.gridSpacer {
    margin-top: 10px;
}

.grid {
    padding: 15px 15px 50px 15px;
    background-color: #fff;
    position: relative;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
}

    .grid.accessDeniedGrid {
        text-align: center;
    }

    .grid.homepageList {
        min-height: 200px;
    }

    .grid .configurationPanel {
        margin: 0 auto;
        width: 60%;
        vertical-align: middle;
    }

    .grid .buttons {
        text-align: right;
        margin: 20px 0;
    }

    .grid.homepageList .buttons {
        position: absolute;
        bottom: 5px;
        right: 5px;
        float: none;
    }

.gridContainer {
    position: relative;
}

    .gridContainer .grid-cell-action {
        cursor: pointer;
    }

    .gridContainer .grid-filters {
        background-color: #f8f8f8;
        padding: 30px 0 10px 50px;
        -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    }

        .gridContainer .grid-filters .filter {
            margin: 0 40px 20px 0;
            display: inline-block;
            vertical-align: middle;
        }

            .gridContainer .grid-filters .filter .cst-dropdownlist {
                background-color: #f8f8f8;
                min-width: 100px;
            }

        .gridContainer .grid-filters .ui-cst-icon-parent {
            cursor: pointer;
            margin-left: 5px;
        }

    .gridContainer .filters.status-filter {
        display: none;
        padding-right: 8px;
    }

.grid .list-selector {
    margin: 0 35px;
}

.gridContainer .grid .noData {
    display: none;
    margin-top: 10px;
}
/*******************************/
/* End of grid container rules */
/*******************************/
/* Start of form rules */
form fieldset legend {
    display: block;
}

form fieldset label,
.form-field-row > label {
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    margin-right: 10px;
    text-align: left;
    vertical-align: top;
    width: 150px;
}

.form-field-group-margin-top {
    margin-top: 40px;
}

    .form-field-group-margin-top > h3 {
        color: #7d7d7d;
        display: block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        margin: 15px 0;
        font-size: 12px;
    }

    .form-field-group-margin-top > h2 {
        color: #333333;
        display: block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        margin: 20px 0;
        font-size: 14px;
    }

.form-field-row {
    display: table;
    margin-bottom: 15px;
    width: 100%;
}

    .form-field-row > label,
    .form-field-row > .form-field-wrapper {
        display: table-cell;
    }

        .form-field-row > .form-field-wrapper.full-width {
            width: auto;
        }

        .form-field-row > .form-field-wrapper.half-width {
            width: 50%;
        }

        .form-field-row > .form-field-wrapper.quarter-width {
            width: 25%;
        }

        .form-field-row > .form-field-wrapper > * {
            -webkit-box-sizing: border-box;
            /* webkit */
            -moz-box-sizing: border-box;
            /* firefox */
            box-sizing: border-box;
            /* css3 */
            width: 100%;
        }

        .form-field-row > .form-field-wrapper > input[type=checkbox] {
            width: 35px;
        }

    .form-field-row:after {
        content: '';
        display: table-cell;
    }

.ffr-four-columns {
    display: inline-block;
    margin-bottom: 15px;
    width: 33% !important;
    padding-bottom: 5px;
}

    .ffr-four-columns > label {
        display: inline !important;
    }

.form-buttons-panel {
    margin-top: 20px;
    text-align: right;
}

    .form-buttons-panel button,
    .form-buttons-panel input[type=button],
    .form-buttons-panel input[type=submit] {
        margin-left: 10px;
    }
/* form errors */
.field-validation-error {
    color: #f06666;
    display: block;
    padding: 2px;
}

.validation-summary-errors {
    color: #f06666;
}
/* Stats */
.statsList ul {
    margin: 0;
    padding-top: 10px;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    text-align: center;
}

    .statsList ul li {
        margin: 0 20px 20px 0;
        padding: 0;
        list-style-type: none;
        display: inline-block;
        vertical-align: middle;
    }

        .statsList ul li label {
            margin-bottom: 10px;
            font-weight: bold;
            color: #89b313;
            text-align: left;
            display: block;
        }

        .statsList ul li span {
            background-color: #89b313;
            color: #ffffff;
            text-align: center;
            font-weight: bold;
            font-size: xx-large;
            height: 60px;
            line-height: 60px;
            min-width: 225px;
            display: block;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }
/*End Stats*/
.imgLargeEntity {
    cursor: pointer;
}

.imgEntity {
    cursor: pointer;
    height: 30px;
}

.imgEntityPreview {
    z-index: 20000;
    position: fixed;
    border: 1px solid #99cc00;
    font-size: 0;
}

    .imgEntityPreview img {
        max-width: 150px;
        max-height: 150px;
        border: 2px solid #fff;
    }

.imgLargeEntityPreview {
    z-index: 20000;
    position: fixed;
    border: 1px solid #99cc00;
    font-size: 0;
}

    .imgLargeEntityPreview img {
        width: 600px;
        height: 400px;
        border: 2px solid #fff;
    }

.buttons-right {
    margin: 16px 0 16px 0;
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-clear {
    clear: both;
}

.text-center {
    text-align: center;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

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

.div-phases-arrow {
    display: inline-block;
    width: 100%;
    float: left;
    border: 1px solid #dcdcdc;
    background-color: #f2f2f2;
}

.div-phase-detail {
    width: 100%;
    vertical-align: top;
    float: left;
    padding: 10px 0;
}

ul.arrowMenu {
    overflow: hidden;
}

    ul.arrowMenu > li {
        position: relative;
        margin: 0;
        display: inline-block;
        float: left;
        /*width: 130px !important;*/
        height: 20px;
        margin-right: 20px;
        padding: 10px 0;
    }

        ul.arrowMenu > li.active {
            background-color: #808080;
        }

        ul.arrowMenu > li.inactive {
            background-color: #f2f2f2;
        }

        ul.arrowMenu > li.beforeactive {
            background-color: #f2f2f2;
        }

    ul.arrowMenu li input {
        width: 130px !important;
        height: 20px !important;
        border: 0 !important;
        display: inline-block !important;
    }

    ul.arrowMenu li.active::after,
    ul.arrowMenu li.active::before,
    ul.arrowMenu li.inactive::after,
    ul.arrowMenu li.inactive::before,
    ul.arrowMenu li.beforeactive::after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
    }

    ul.arrowMenu li.active::before {
        border-color: rgba(255, 0, 0, 0);
        border-left-color: #dcdcdc;
        border-width: 20px;
        margin-top: -20px;
    }

    ul.arrowMenu li.active::after {
        border-color: rgba(0, 0, 255, 0);
        border-left-color: #808080;
        border-width: 19px;
        margin-top: -19px;
    }

    ul.arrowMenu li.inactive::before {
        border-left-color: #dcdcdc;
        border-width: 20px;
        margin-top: -20px;
    }

    ul.arrowMenu li.inactive::after {
        border-left-color: #f2f2f2;
        border-width: 19px;
        margin-top: -19px;
    }

    ul.arrowMenu li.beforeactive::before {
        left: 100%;
        top: 50%;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border: solid #808080;
        border-width: 20px;
        margin-top: -20px;
    }

    ul.arrowMenu li.beforeactive::after {
        border-color: rgba(0, 0, 255, 0);
        border-left-color: #f2f2f2;
        border-width: 18px;
        margin-top: -18px;
    }

    ul.arrowMenu li.active input {
        background-color: #808080;
        color: #f2f2f2;
    }

    ul.arrowMenu li.inactive input {
        background-color: #f2f2f2;
        color: #808080;
    }

    ul.arrowMenu li.beforeactive input {
        background-color: #f2f2f2;
        color: #808080;
    }

.float-menu {
    position: fixed;
}

    .float-menu li {
        border: 1px solid black;
        padding: 5px;
        background-color: #808080;
        color: white;
    }

        .float-menu li:hover {
            background-color: #dcdcdc;
            color: black;
        }

p.lowerCaseAll {
    text-transform: lowercase;
}

p.capitalizeFirstLetter {
    text-transform: lowercase;
}

    p.capitalizeFirstLetter::first-letter {
        text-transform: uppercase;
    }

span.lowerCaseAll {
    text-transform: lowercase;
}

span.capitalizeFirstLetter {
    text-transform: lowercase;
    display: inline-block;
}

    span.capitalizeFirstLetter::first-letter {
        text-transform: uppercase;
    }

.twoColumn-Container {
    display: table;
    width: 100%;
}

    .twoColumn-Container .column1 {
        display: table-cell;
        width: 50% !important;
    }

    .twoColumn-Container .column2 {
        display: table-cell;
        width: 50% !important;
    }

.labelRight > label {
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.labelMiddle > label {
    vertical-align: middle;
}

.labelTop > label {
    vertical-align: top;
}

.labelLeft > label {
    text-align: left;
    vertical-align: middle;
    padding-right: 10px;
}

.breakWord {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}

.removeMaxWidth {
    max-width: none !important;
}

.cursorPointer {
    cursor: pointer;
}

.pdfPartialRender {
    min-width: 45%;
    max-width: 45%;
    height: 350px;
    float: left;
    -moz-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    -webkit-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
}

.document-List {
    float: left;
    width: 55%;
}

.pdfPartialRenderProcess {
    margin-right: 10px;
    min-width: 45%;
    max-width: 45%;
    height: 280px;
    float: right;
    -moz-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    -webkit-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
}

.hrProcessDetail {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #EEE;
    margin: 1em 0;
    padding: 0;
    margin-top: 20px;
}

.accordion-detail-process .ui-accordion-content {
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

.accordion-detail-process .ui-accordion-header {
    background-color: #F5F5F5 !important;
}

.li-process-detail.selected > a {
    color: #9bca47 !important;
}

.li-process-detail.selected:before {
    background-color: transparent;
    background-image: url("images/spritefpf_14.png");
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    line-height: normal;
    margin: 0;
    padding: 0;
    background-position: -376px -126px;
    width: 10px;
    height: 15px;
    margin-left: -10px;
    content: " ";
    float: left;
}

.a-no-line-height > a {
    line-height: 0 !important;
}

.title {
    margin: 20px 0;
    font-weight: bold;
    display: block;
    font-size: 18px;
}

.indent50 {
    padding-left: 50px;
}

.score-buttons {
    text-align: right;
}

.billing-header h2:before {
    background: url("images/spritefpf_14.png") no-repeat -341px -186px;
    content: '';
    display: inline-block;
    height: 12px;
    margin-right: 12px;
    width: 12px;
}

.width100 {
    width: 100px;
}

.width150 {
    width: 150px;
}

.width300 {
    width: 300px;
}

.width500 {
    width: 500px;
}

.width600 {
    width: 600px;
}

.whiteBackground {
    background-color: white !important;
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size: 18px;
}

    #back-to-top:hover {
        background: #e9ebec;
    }

    #back-to-top.show {
        opacity: 1;
    }

#back-to-bottom {
    position: fixed;
    top: 150px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size: 18px;
}

    #back-to-bottom:hover {
        background: #e9ebec;
    }

    #back-to-bottom.show {
        opacity: 1;
    }

.required {
    color: red;
}

.module-name-bold {
    font-weight: bold;
}

.body .header-content-container > header {
    background: #2c3e50;
    border-bottom: 1px solid #dcdcdc;
    height: 53px;
    line-height: 53px;
    padding-left: 34px;
    padding-right: 0;
}

    .body .header-content-container > header h2 {
        color: #ffffff;
        display: inline-block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 14px;
        height: 100%;
        text-transform: none;
    }

        .body .header-content-container > header h2::before {
            background: url("images/spritefpf_14.png") no-repeat -341px -186px;
            content: '';
            display: inline-block;
            height: 12px;
            margin-right: 12px;
            width: 12px;
        }

.four-columns {
    display: inline-block;
    margin-bottom: 15px;
    width: 24%;
    padding-bottom: 5px;
}

    .four-columns > label {
        display: inline !important;
    }

textarea.ui-cst-htmleditor-textarea {
    height: unset;
}

td.details-control {
    background: url("images/details_open.png") no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url("images/details_close.png") no-repeat center center;
}

.float-left {
    float: left !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}

=======
/* z-indexes */
/* page content width */
/* form height margins */
/* colors */
/* content box */
/* field inputs */
/* tables */
/* buttons */
/* preview images */
/* page content width */
/* z-index levels*/
/* common mixins */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
}

    .loadingBackground .loadingImage {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -95px;
        margin-left: -157px;
        border: 1px solid black;
        padding: 50px 100px 50px 100px;
        background-color: white;
        text-align: center;
    }

    .loadingBackground .loadingText {
        font-family: 'Lato Regular', Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 14px;
    }

body {
    font-family: 'Lato Regular', Arial, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background: url(images/fundo.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-size: 13px;
}

.hide,
.hidden {
    display: none;
}

.force-hidden {
    display: none !important;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #333333;
}
/* environment labels */
.environment-info {
    position: absolute;
    top: 20px;
    left: 50%;
    min-height: 25px;
    min-width: 150px;
    background-color: gray;
    text-align: center;
    color: white;
    border: 2px solid white;
    display: block;
    z-index: 99999;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

    .environment-info .environment-desc {
        margin: 0 4px;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        overflow: hidden;
        display: block;
    }

    .environment-info.development {
        background-color: red;
    }

    .environment-info.quality {
        background-color: orange;
    }

    .environment-info.preproduction {
        background-color: green;
    }
/* form input controls */
/* Remove Arrows from input in chrome*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

textarea {
    border: 1px solid #dcdcdc;
    font-family: inherit;
    font-size: inherit;
    height: 80px;
    outline: 0;
    padding: 0 15px;
    width: 98%;
    color: #808080;
}

input[type=text],
input[type=number],
input[type=password],
input[type=datetime],
select {
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    /* webkit */
    -moz-box-sizing: border-box;
    /* firefox */
    box-sizing: border-box;
    /* css3 */
    border: 1px solid #dcdcdc;
    color: #808080;
    height: 35px;
    padding: 0 15px;
    vertical-align: top;
    outline: 0;
}

    input[type=text][readonly],
    input[type=number][readonly],
    input[type=password][readonly],
    input[type=datetime][readonly],
    select[readonly],
    textarea[readonly] {
        background-color: #eeeeee;
    }
/*.field-container label {
    display: block;
    line-height: 35px;
    width: 100%;
}*/
input[type=checkbox] {
    height: 17.5px;
    width: 17.5px;
}

input[type=text]:focus,
input[type=number].focus,
input[type=password]:focus,
input[type=datetime]:focus,
select:focus,
textarea:focus {
    border: 1px solid #9bca47;
}

div.div-validation-error,
input[type=text].input-validation-error,
input[type=number].input-validation-error,
input[type=datetime].input-validation-error,
select.select-validation-error,
input[type=password].input-validation-error,
input[type=text].error,
input[type=number].error,
input[type=datetime].error,
select.error,
input[type=password].error,
textarea.textarea-validation-error,
textarea.input-validation-error {
    border: 1px solid #f06666;
}

label.error {
    color: #f06666;
}

input[type=text].readonly,
input[type=number].readonly,
input[type=password].readonly,
input[type=datetime].readonly,
select.readonly {
    border: none;
}
/* body - site content */
.body {
    margin: 10px auto;
    width: 1280px;
}

    .body .content-container {
        border-bottom: 7px solid #9bca47;
        position: relative;
    }

        .body .content-container > header,
        .content > header {
            background: #2c3e50;
            border-bottom: 1px solid #dcdcdc;
            height: 53px;
            line-height: 53px;
            padding-left: 34px;
            padding-right: 0;
            width: 1246px;
        }

            .body .content-container > header h2,
            .content > header h2 {
                color: #ffffff;
                display: inline-block;
                font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
                font-size: 14px;
                height: 100%;
                text-transform: none;
            }

                .body .content-container > header h2::before,
                .content > header h2::before {
                    background: url("images/spritefpf_14.png") no-repeat -341px -186px;
                    content: '';
                    display: inline-block;
                    height: 12px;
                    margin-right: 12px;
                    width: 12px;
                }

.content > header {
    margin-bottom: 10px;
}

.body .content-container .content {
    background: #ffffff;
    padding: 20px 20px;
}

    .body .content-container .content .grid-cell-action {
        cursor: pointer;
    }

.body .content-container .no-data {
    margin-top: 10px;
}

.body .content-container .content .inner-content-container {
    background: #fcfcfc;
    border: 1px solid #dcdcdc;
    padding: 10px 10px;
}

    .body .content-container .content .inner-content-container .form-buttons-panel {
        margin-top: 10px;
    }

.content-container .previewPhoto {
    display: inline-block;
    max-width: 400px;
}

    .content-container .previewPhoto img {
        width: 135px;
        height: auto;
    }

    .content-container .previewPhoto .imgUserPhoto {
        max-width: 230px;
        max-height: 230px;
    }

.content-container .detailHeader {
    display: inline-block;
    width: 300px;
    padding: 10px;
    margin-left: 10px;
}

.content-container .previewPhoto h2 {
    text-align: left;
    color: #99cc00;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
}

.content-container .detailHeader h2 {
    text-align: left;
    color: #99cc00;
    font-size: 16px;
    font-weight: normal;
}

.content-container .detailHeader > p {
    margin: 16px 0;
    line-height: normal;
}

.content-container .detailHeader span {
    margin-left: 10px;
}

.content-container .detailHeader > p > b > label {
    font-weight: bold;
    min-width: 165px;
    display: inline-block;
}

.body .content-spacer {
    margin-top: 10px;
}

.content-container-small > header {
    background: #2c3e50;
    border-bottom: 1px solid #dcdcdc;
    height: 53px;
    line-height: 53px;
    padding-left: 34px;
    padding-right: 0;
    width: 1246px;
}

.body .content-container .header-context {
    background-color: #fff;
    position: relative;
    min-width: 850px;
    min-height: 100px;
    padding-bottom: 10px;
}

    .body .content-container .header-context .header-context-detail {
        display: inline-block;
        margin-left: 20px;
        vertical-align: top;
    }

    .body .content-container .header-context .header-top {
        background-color: #2c3e50;
        color: white;
    }

    .body .content-container .header-context .header-bottom {
        background-color: #dcdcdc;
    }

        .body .content-container .header-context .header-bottom .header-context-detail > p {
            margin: 5px 0 !important;
        }

    .body .content-container .header-context .header-context-detail > p {
        margin: 10px 0;
        min-height: 16px;
    }

        .body .content-container .header-context .header-context-detail > p > label {
            font-weight: bold;
            text-align: left;
            color: #99cc00;
            font-size: 16px;
            width: 100px;
            display: table-cell;
            cursor: pointer;
        }

    .body .content-container .header-context .header-context-detail .left-margin {
        font-size: 14px;
    }

    .body .content-container .header-context .header-context-detail .header-text {
        display: table-cell;
        overflow: hidden;
    }

    .body .content-container .header-context .header-context-detail.column1 {
        width: 35%;
    }

    .body .content-container .header-context .header-context-detail.column2 {
        width: 30%;
    }

    .body .content-container .header-context .header-context-detail.column3 {
        width: 25%;
    }
/* wizard content */
/* wizard steps bar*/
.wizard-steps-bar {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

    .wizard-steps-bar > li {
        display: table-cell;
        font-size: 0;
        position: relative;
        text-align: center;
        vertical-align: top;
    }

        .wizard-steps-bar > li:first-child .wizard-step:before,
        .wizard-steps-bar > li:last-child .wizard-step:after {
            background: none !important;
        }

        .wizard-steps-bar > li .wizard-step:before {
            background: #ffffff url(images/repeat_hr.jpg) repeat-x center 20.5px;
            content: '';
            display: inline-block;
            height: 47px;
            left: 0;
            position: absolute;
            top: 0;
            width: 50%;
        }

        .wizard-steps-bar > li .wizard-step:after {
            background: #ffffff url(images/repeat_hr.jpg) repeat-x center 20.5px;
            content: '';
            display: inline-block;
            height: 47px;
            right: 0;
            position: absolute;
            top: 0;
            width: 50%;
        }

.wizard-step {
    width: 100%;
}

.wizard-step-content {
    color: #7f8c8d;
    display: block;
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    margin: 0 auto;
    position: relative;
    vertical-align: top;
    width: 100px;
    z-index: 2;
}

    .wizard-step-content > span {
        background: url("images/spritefpf_14.png") no-repeat -57px -112px;
        display: inline-block;
        font-size: 14px;
        line-height: 47px;
        height: 47px;
        margin: 0 auto;
        text-align: center;
        vertical-align: top;
        width: 47px;
    }

    .wizard-step-content > label {
        display: block;
        font-size: 14px;
        margin-top: 13px;
        text-align: center;
    }

.wizard-steps-bar > li .wizard-step.wizard-step-visited:before,
.wizard-steps-bar > li .wizard-step.wizard-step-visited:after {
    background: url(images/repeat_hr_green.jpg) repeat-x center 20.5px;
}

.wizard-steps-bar > li .wizard-step.wizard-step-active:before {
    background: url(images/repeat_hr_green.jpg) repeat-x center 20.5px;
}

.wizard-steps-bar > li .wizard-step.wizard-step-active .wizard-step-content > label,
.wizard-steps-bar > li .wizard-step.wizard-step-visited .wizard-step-content > label {
    color: #9bca47;
}

.wizard-steps-bar > li .wizard-step.wizard-step-active .wizard-step-content > span,
.wizard-steps-bar > li .wizard-step.wizard-step-visited .wizard-step-content > span {
    background: url("images/spritefpf_14.png") no-repeat -3px -112px;
    color: #ffffff;
}
/* grid filter bar */
.body .content-container header .grid-filter,
.content > header .grid-filter {
    display: inline-block;
    height: 53px;
    line-height: 53px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 76px;
}

    .body .content-container header .grid-filter.active,
    .content > header .grid-filter.active {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        border-right: 1px solid #dcdcdc;
    }

    .body .content-container header .grid-filter *,
    .content > header .grid-filter * {
        vertical-align: middle;
    }

.body .content-container > header .grid-filter {
    right: 20px;
}

.content > header .grid-filter {
    right: 50px;
}

.content-container > header > .grid-filter > .ui-cst-icon {
    cursor: pointer;
    outline: 0;
}
/* grid add record bar */
.grid-add-record-bar {
    background-color: #f9f9f9;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    height: 44px;
    padding-left: 15px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

    .grid-add-record-bar:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

    .grid-add-record-bar .ui-cst-icon-add-grid {
        margin-top: -9px;
        position: absolute;
        right: 5px;
        top: 50%;
    }
/* tables */
table {
    border-bottom: 1px solid #dcdcdc;
    border-collapse: collapse;
    width: 100%;
}

    table thead th,
    table tbody th,
    table tfoot th {
        background-color: #f5f5f5;
        border: 1px solid #dcdcdc;
        color: #333333;
        font-size: 13px;
        font-weight: bold;
        padding: 10px 15px;
        text-align: center;
        vertical-align: middle;
    }

    table tfoot td,
    table tbody td {
        border: 1px solid #dcdcdc;
        color: #808080;
        padding: 10px 15px;
        vertical-align: middle;
        text-align: left;
    }

        table tbody td.row-actions {
            white-space: nowrap;
        }

    table tbody tr.alternate-row {
        background-color: #fcfcfc;
    }

    table tbody .ui-cst-icon,
    table tbody .ui-cst-icon:active,
    table tbody .ui-cst-icon:hover,
    table tbody .ui-cst-icon:focus {
        cursor: pointer;
        display: inline-block;
        margin-left: 4px;
        vertical-align: middle;
    }

    table tbody td.number-aligned,
    table tfoot td.number-aligned {
        text-align: right;
    }

    table tbody td.text-aligned,
    table tfoot td.text-aligned {
        text-align: left;
    }

    table tbody td.status-aligned,
    table tfoot td.status-aligned {
        text-align: center;
    }

    table tbody td.date-aligned,
    table tfoot td.date-aligned {
        text-align: center;
    }

    table tbody td.text-centered,
    table tfoot td.text-centered {
        text-align: center;
    }

    table tfoot tr th {
        border: 1px solid #dcdcdc;
        color: #808080;
        padding: 10px 15px;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
    }

        table tfoot tr th.right {
            text-align: right;
        }

        table tfoot tr th.left {
            text-align: right;
        }
/* tabs */
.tabs {
    display: table;
    font-size: 0;
    /* hack to remove spacing between inline blocked elements*/
    width: 100%;
}

    .tabs .tab {
        display: table-cell;
    }

        .tabs .tab:first-child a {
            border-right: none;
        }

        .tabs .tab:first-child:last-child a {
            border-right: 1px solid #dcdcdc;
        }

    .tabs:after {
        border-bottom: 1px solid #dcdcdc;
        content: '';
        display: table-cell;
        width: 100%;
    }

    .tabs .tab > a {
        background: #ffffff;
        border: 1px solid #dcdcdc;
        color: #7f8c8d;
        display: block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 14px;
        padding: 6px 10px;
    }

        .tabs .tab > a:hover {
            color: #9bca47;
            cursor: pointer;
        }

    .tabs .tab.selected > a {
        background: #ffffff;
        border-bottom: none;
        color: #9bca47;
    }

.tabs-content {
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 20px 20px;
}

.ui-cst-tabs ul.ui-tabs-nav {
    height: 37px;
}
/* icons */
.ui-cst-misc-icon {
    background-image: url('images/fpf_misc_sprite.png');
}

input[type=button].ui-cst-icon:active,
input[type=submit].ui-cst-icon:active,
button.ui-cst-icon:active,
input[type=button].ui-cst-icon:focus,
input[type=submit].ui-cst-icon:focus,
button.ui-cst-icon:focus,
input[type=button].ui-cst-icon:hover,
input[type=submit].ui-cst-icon:hover,
button.ui-cst-icon:hover {
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    margin: 0;
    padding: 0;
}

.ui-cst-icon {
    background-color: transparent;
    background-image: url("images/spritefpf_14.png");
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.ui-cst-inline-icon {
    display: inline-block;
    vertical-align: middle;
}

.ui-cst-icon-search {
    background-position: -310px 0;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-search:hover {
        background-position: -310px -20px;
    }

.ui-cst-icon-matchsheet {
    background-position: -484px -43px;
    width: 16px;
    height: 18px;
}

    .ui-cst-icon-matchsheet:hover {
        background-position: -503px -43px;
    }

.ui-cst-icon-edit {
    background-position: 0 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-option-white {
    background-position: -124px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-option-darkblue {
    background-position: -150px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-option-black {
    background-position: -173px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-option-green {
    background-position: -195px -109px;
    width: 10px;
    height: 12px;
}

.ui-cst-icon-descendants {
    background-position: -340px -43px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-descendants:hover {
        background-position: -361px -43px;
    }

.ui-cst-icon-hasPendingApprovals {
    background-position: -419px -22px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-noPendingApprovals {
    background-position: -460px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-cancel {
    background-position: -20px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-green-clip {
    background-position: -135px -411px;
    width: 22px;
    height: 20px;
}

    .ui-cst-icon-green-clip:hover {
        background-position: -162px -411px;
        width: 22px;
        height: 20px;
    }

.ui-cst-icon-white-clip {
    background-position: -190px -411px;
    width: 22px;
    height: 20px;
}

    .ui-cst-icon-white-clip:hover {
        background-position: -219px -411px;
        width: 22px;
        height: 20px;
    }

.ui-cst-icon-green-pdf {
    background-position: -273px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-pdf:hover {
        background-position: -273px -435px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-pdf {
    background-position: -273px -470px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-pdf:hover {
        background-position: -273px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-word {
    background-position: -306px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-word:hover {
        background-position: -306px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-word {
    background-position: -306px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-word:hover {
        background-position: -306px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-excel {
    background-position: -340px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-excel:hover {
        background-position: -340px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-excel {
    background-position: -340px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-excel:hover {
        background-position: -340px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-file {
    background-position: -374px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-file:hover {
        background-position: -374px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-file {
    background-position: -374px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-file:hover {
        background-position: -374px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-green-pic {
    background-position: -408px -365px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-green-pic:hover {
        background-position: -408px -400px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-white-pic {
    background-position: -408px -435px;
    width: 22px;
    height: 26px;
}

    .ui-cst-icon-white-pic:hover {
        background-position: -408px -470px;
        width: 22px;
        height: 26px;
    }

.ui-cst-icon-delete {
    background-position: -338px -126px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-delete:hover {
        background-position: -338px -126px;
    }

    .ui-cst-icon-delete.ui-cst-icon-disabled {
        background-position: -170px 0;
        width: 20px;
        height: 20px;
    }

.ui-cst-icon-delete-medium {
    background-position: -443px -190px;
    width: 13px;
    height: 13px;
}

    .ui-cst-icon-delete-medium:hover {
        background-position: -443px -225px;
    }

.ui-cst-icon-delete-big {
    background-position: -540px -105px;
    width: 15px;
    height: 15px;
}

    .ui-cst-icon-delete-big:hover {
        background-position: -519px -105px;
    }

.ui-cst-icon-delete-big-nohover {
    background-position: -540px -105px;
    width: 15px;
    height: 15px;
}

.ui-cst-icon-arrowup {
    background-position: -213px -4px;
    width: 15px;
    height: 15px;
}

    .ui-cst-icon-arrowup:hover {
        background-position: -253px -4px;
    }

.ui-cst-icon-plus {
    background-position: -121px -2px;
    width: 17px;
    height: 19px;
    margin: 5px 5px 4px 4px;
}

    .ui-cst-icon-plus:hover {
        background-position: -142px -1px;
        width: 26px;
        height: 28px;
        margin: 0 !important;
    }

.ui-cst-icon-purchases {
    background-position: -312px -204px;
    width: 12px;
    height: 10px;
}

    .ui-cst-icon-purchases:hover {
        background-position: -312px -186px;
    }

.ui-cst-icon-mail {
    background-position: -420px -46px;
    width: 20px;
    height: 13px;
}

.ui-cst-icon-save {
    background-position: -60px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-add {
    background-position: -100px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-plus-transp {
    background-position: -310px -132px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-plus-transp:hover {
        background-position: -310px -156px;
        width: 20px;
        height: 20px;
    }

.ui-cst-icon-add-grid {
    background-position: -140px 0;
    width: 28px;
    height: 25px;
}

.ui-cst-icon-versions {
    background-position: -330px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-grid-search {
    background-position: -370px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-clone {
    background-position: -400px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon.ui-cst-icon-key {
    background-image: url(images/key_go.png);
    width: 16px;
    height: 16px;
}

.ui-cst-icon-preview {
    background-position: -330px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-activate {
    background-position: -480px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-deativate {
    background-position: -460px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-help {
    background-position: -80px -20px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-hyperlink {
    background-position: 0 -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-hyperlink:hover {
        background-position: -18px -20px;
    }

.ui-cst-icon-acknowledge {
    background-position: -40px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-acknowledge:hover {
        background-position: -60px -20px;
    }

.ui-cst-icon-validate {
    background-position: -340px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-validate:hover {
        background-position: -360px -20px;
    }

.ui-cst-icon-atention {
    background-position: -487px -178px;
    width: 6px;
    height: 18px;
}

    .ui-cst-icon-atention:hover {
        background-position: -487px -220px;
    }

.ui-cst-icon-reject {
    background-position: -380px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-reject:hover {
        background-position: -400px -20px;
    }

.ui-cst-icon-eye-green {
    background-position: -375px -297px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-eye-white {
    background-position: -409px -316px;
    width: 25px;
    height: 20px;
}

.ui-cst-icon-eye-preview-black {
    background-position: -443px -323px;
    width: 25px;
    height: 21px;
}

.ui-cst-icon-eye-preview-black-short {
    background-position: -441px -323px;
    width: 25px;
    height: 21px;
}

    .ui-cst-icon-eye-preview-black-short.selected {
        background-position: -471px -323px;
    }

    .ui-cst-icon-eye-preview-black-short:hover {
        background-position: -469px -323px;
    }

.ui-cst-button-eye-preview {
    /*min-width: 25px !important;*/
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

.ui-cst-icon-errors {
    background-position: -420px -22px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-error {
    width: 16px;
    height: 18px;
    background-position: -310px -42px;
}

.ui-cst-icon-action {
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.ui-cst-icon-static {
    cursor: default;
    margin-left: 3px;
    margin-right: 3px;
}

.ui-cst-icon-arrow-up {
    background-position: -251px 0;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-up:hover {
        background-position: -211px 0;
    }

.ui-cst-icon-arrow-down {
    background-position: -230px 0;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-down:hover {
        background-position: -191px 0;
    }

.ui-cst-icon-arrow-left {
    background-position: -228px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-left:hover {
        background-position: -188px -20px;
    }

.ui-cst-icon-arrow-right {
    background-position: -249px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-arrow-right:hover {
        background-position: -209px -20px;
    }

.ui-cst-icon-arrow-remove {
    background-position: -24px -41px;
    width: 11px;
    height: 25px;
}

    .ui-cst-icon-arrow-remove:hover {
        background-position: -131px -41px;
    }

.ui-cst-icon-arrow-add {
    background-position: -3px -41px;
    width: 11px;
    height: 25px;
}

    .ui-cst-icon-arrow-add:hover {
        background-position: -219px -41px;
        width: 11px;
        height: 25px;
    }

.ui-cst-icon-arrow-add-active {
    background-position: -3px -41px;
    width: 11px;
    height: 25px;
}

.ui-cst-icon-arrow-add-inactive {
    background-position: -219px -41px;
    width: 11px;
    height: 25px;
}

.ui-cst-icon-arrow-remove-all {
    background-position: -40px -40px;
    width: 19px;
    height: 25px;
}

    .ui-cst-icon-arrow-remove-all:hover {
        background-position: -147px -40px;
    }

.ui-cst-icon-arrow-add-all {
    background-position: -61px -40px;
    width: 19px;
    height: 25px;
}

    .ui-cst-icon-arrow-add-all:hover {
        background-position: -168px -40px;
    }

.ui-cst-icon-up {
    background-position: -500px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-down {
    background-position: -518px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-Sheet {
    background-position: -532px -1px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-send-pdf {
    background-position: -484px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-send-pdf:hover {
        background-position: -463px -20px;
    }

.ui-cst-icon-details {
    background-position: -330px 0;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-calendars {
    background-position: -340px -68px;
    width: 20px;
    height: 22px;
}

.ui-cst-icon-standings {
    background-position: -393px -68px;
    width: 20px;
    height: 22px;
}

.ui-cst-icon-alert {
    background-position: -420px -22px;
    width: 20px;
    height: 18px;
}

    .ui-cst-icon-alert:hover {
        background-position: -441px -22px;
    }

.ui-cst-icon-order {
    background-position: -81px -71px;
    width: 28px;
    height: 28px;
}

    .ui-cst-icon-order:hover {
        background-position-x: -112px;
    }

.ui-cst-icon-yellow-card {
    background-position: -400px -44px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-red-card {
    background-position: -381px -44px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-double-yellow-card {
    background-position: -463px -44px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-parent {
    background-position: -521px -42px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-parent:hover {
        background-position: -541px -42px;
    }

.ui-cst-icon-add-manager {
    background-position: -336px -102px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-add-manager:hover {
        background-position: -358px -102px;
    }

.ui-cst-icon-associate-managers {
    background-position: -278px -103px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-associate-managers:hover {
        background-position: -305px -103px;
    }

.ui-cst-icon-see-managers {
    background-position: -220px -103px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-see-managers:hover {
        background-position: -247px -103px;
    }

.ui-cst-icon-result {
    background-position: -415px -103px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-result:hover {
        background-position: -390px -103px;
    }

.ui-cst-icon-result-and-data {
    background-position: -441px -99px;
    width: 22px;
    height: 22px;
}

    .ui-cst-icon-result-and-data:hover {
        background-position: -463px -99px;
    }

.ui-cst-icon-grid-export {
    background-position: -290px -20px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-grid-export:hover {
        background-position: -270px -20px;
    }

.ui-cst-icon-grid-print {
    background-position: -292px -40px;
    width: 18px;
    height: 21px;
}

    .ui-cst-icon-grid-print:hover {
        background-position: -270px -40px;
        width: 18px;
        height: 21px;
    }

.ui-cst-icon-approvals {
    background-position: -483px -43px;
    width: 18px;
    height: 20px;
}

    .ui-cst-icon-approvals:hover {
        background-position: -502px -43px;
    }

.ui-cst-icon.ui-cst-icon-turn-off {
    background-position: -265px -217px;
    width: 17px;
    height: 17px;
}

.ui-cst-icon.ui-cst-icon-turn-off-blue {
    background-position: -286px -217px;
    width: 17px;
    height: 17px;
}

.ui-cst-icon-actions-menu-white {
    background-position: -124px -104px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-actions-menu-white:hover {
        background-position: -195px -104px;
    }

.ui-cst-icon-actions-menu {
    background-position: -146px -104px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-actions-menu:hover {
        background-position: -191px -104px;
    }

.ui-cst-icon-open-competition {
    background-position: -362px -216px;
    width: 20px;
    height: 20px;
}

    .ui-cst-icon-open-competition:hover {
        background-position: -400px -216px;
    }

.ui-cst-icon-match {
    background-position: -18px -322px;
    width: 22px;
    height: 21px;
}

.ui-cst-icon-match-nodata {
    background-position: -18px -291px;
    width: 22px;
    height: 21px;
}

.ui-cst-icon-call {
    background-position: -52px -324px;
    width: 20px;
    height: 18px;
}

.ui-cst-icon-call-nodata {
    background-position: -52px -293px;
    width: 20px;
    height: 18px;
}

.ui-cst-icon-program {
    background-position: -81px -322px;
    width: 14px;
    height: 21px;
}

.ui-cst-icon-program-nodata {
    background-position: -81px -291px;
    width: 14px;
    height: 21px;
}

.ui-cst-icon-allocation {
    background-position: -105px -322px;
    width: 19px;
    height: 22px;
}

.ui-cst-icon-error-sign {
    background-position: -188px -246px;
    width: 29px;
    height: 29px;
}

.ui-cst-icon-ok-sign {
    background-position: -273px -249px;
    width: 30px;
    height: 23px;
}

.ui-cst-icon-allocation-nodata {
    background-position: -105px -291px;
    width: 19px;
    height: 22px;
}

.ui-cst-icon-menu {
    background-position: -133px -323px;
    width: 15px;
    height: 21px;
}

.ui-cst-icon-menu-nodata {
    background-position: -133px -292px;
    width: 15px;
    height: 21px;
}

.ui-cst-icon-transportation {
    background-position: -156px -323px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-transportation-nodata {
    background-position: -156px -292px;
    width: 20px;
    height: 20px;
}

.ui-cst-icon-location {
    background-position: -441px -368px;
    width: 14px;
    height: 20px;
}

.ui-cst-icon-flight-island {
    background-position: -160px -468px;
    width: 22px;
    height: 22px;
}

.ui-cst-icon-prize {
    background-position: -186px -323px;
    width: 19px;
    height: 20px;
}

.ui-cst-icon-prize-nodata {
    background-position: -186px -292px;
    width: 19px;
    height: 20px;
}

.ui-cst-icon-expense {
    background-position: -212px -323px;
    width: 15px;
    height: 20px;
}

.ui-cst-icon-expense-nodata {
    background-position: -212px -292px;
    width: 15px;
    height: 20px;
}

.ui-cst-icon-souvenir {
    background-position: -235px -322px;
    width: 14px;
    height: 22px;
}

.ui-cst-icon-souvenir-nodata {
    background-position: -235px -291px;
    width: 14px;
    height: 22px;
}

.ui-cst-icon-gift {
    background-position: -259px -324px;
    width: 17px;
    height: 19px;
}

.ui-cst-icon-gift-nodata {
    background-position: -259px -293px;
    width: 17px;
    height: 19px;
}

.ui-cst-icon-presencepayment {
    background-position: -286px -325px;
    width: 24px;
    height: 18px;
}

.ui-cst-icon-presencepayment-nodata {
    background-position: -286px -294px;
    width: 24px;
    height: 18px;
}

.ui-cst-icon-photo {
    background-position: -52px -359px;
    width: 18px;
    height: 35px;
}

.ui-cst-icon-NTPedit {
    background-position: -348px -293px;
    width: 19px;
    height: 19px;
}

.ui-cst-icon-email {
    background-position: -434px -295px;
    width: 26px;
    height: 16px;
}

.ui-cst-icon-print {
    background-position: -271px -40px;
    width: 18px;
    height: 21px;
}

.ui-cst-icon-NTPdefault {
    background-position: -210px -18px;
    width: 23px;
    height: 23px;
}

.ui-cst-icon-more-info {
    background-position: -84px -360px;
    width: 16px;
    height: 16px;
}

    .ui-cst-icon-more-info:hover {
        background-position: -104px -360px;
    }

.ui-cst-icon-calendar {
    background-position: -127px -370px;
    width: 16px;
    height: 16px;
}

    .ui-cst-icon-calendar:hover {
        background-position: -146px -370px;
    }

.ui-cst-icon-draw {
    background-position: -167px -370px;
    width: 16px;
    height: 16px;
}

    .ui-cst-icon-draw:hover {
        background-position: -186px -370px;
    }

.ui-cst-icon-publish {
    background-position: -135px -442px;
    width: 13px;
    height: 17px;
}

    .ui-cst-icon-publish:hover {
        background-position: -165px -442px;
    }

.ui-cst-icon-alert2 {
    background-position: -311px -45px;
    width: 15px;
    height: 15px;
}

.ui-cst-icon-alert3 {
    background-position: -205px -193px;
    width: 14px;
    height: 14px;
}

.ui-cst-icon-minus {
    background-position: -145px -137px;
    width: 18px;
    height: 5px;
}

.ui-cst-icon-plus-signal {
    background-position: -170px -130px;
    width: 18px;
    height: 18px;
}

.ui-cst-icon-delete-green {
    background-position: -464px -295px;
    width: 16px;
    height: 16px;
}

.ui-cst-icon-persons-green {
    background-position: -307px -104px;
    width: 19px;
    height: 21px;
}

.ui-cst-icon-lock {
    background-position: -87px -410px;
    width: 17px;
    height: 20px;
}

.ui-cst-icon-unlock {
    background-position: -108px -410px;
    width: 17px;
    height: 20px;
}

.ui-cst-icon-copy {
    background-position: -400px -1px;
    width: 18px;
    height: 18px;
}

.ui-cst-icon-down-green-arrow {
    background-position: -193px -4px;
    width: 15px;
    height: 14px;
}

.ui-cst-icon-up-green-arrow {
    background-position: -213px -4px;
    width: 15px;
    height: 14px;
}
/* preview images */
.preview-venue {
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 200px;
}
/* Jscrollpanel */
.jspVerticalBar {
    background-color: transparent !important;
}

.jspTrack {
    background-color: #99cc00 !important;
    margin: 0 auto !important;
    width: 2px !important;
}

.jspDrag {
    background-color: #99cc00 !important;
    width: 6px !important;
    left: -2px !important;
}

.jspArrow {
    background-color: #fff !important;
}

.jspDisabled.jspArrow {
    background-color: #fff !important;
}

.jspArrowUp,
.jspDisabled.jspArrowUp {
    background: url("images/spritefpf_14.png") no-repeat -500px 0 #ffffff !important;
}

.jspArrowDown,
.jspDisabled.jspArrowDown {
    background: url("images/spritefpf_14.png") no-repeat -513px 0 #ffffff !important;
}
/* Access error classes*/
.access-error .access-error-title > h2 {
    background-color: #EEE;
    margin: 0;
    padding: 8px 0;
    color: #99cc00;
    font-size: 16px;
    text-indent: 40px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #E8E8E8;
}

.access-error .access-error-content {
    padding: 15px 15px 50px 15px;
    background-color: #fff;
    position: relative;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
}

.access-error .access-error-image,
.access-denied .access-denied-message {
    vertical-align: middle;
}

.access-error .access-error-image {
    display: inline-block;
}

.access-error .access-error-message {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle;
}

    .access-error .access-error-message a {
        color: #99CC00;
        margin-top: 8px;
    }
/* Access denied classes*/
.access-denied .access-denied-image,
.access-denied .access-denied-message {
    vertical-align: middle;
}

.access-denied .access-denied-image {
    display: inline-block;
}

.access-denied .access-denied-message {
    display: inline-block;
    margin-left: 16px;
}

    .access-denied .access-denied-message a {
        color: #99CC00;
        margin-top: 8px;
    }
/*********************************/
/* Start of grid container rules */
/*********************************/
.gridContainer > .gridContainerHeader {
    background-color: #EEE;
    margin: 0;
    padding: 10px 15px 10px 50px;
    color: #99cc00;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #E8E8E8;
}

    .gridContainer > .gridContainerHeader > h2 {
        display: inline-block;
        margin: inherit;
    }

    .gridContainer > .gridContainerHeader > button {
        display: inline-block;
        outline: 0;
        float: right;
        border: 0;
        border-spacing: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

.gridContainer > .homepageStats {
    margin: 0;
    background-color: #FFFFFF;
    padding: 8px 0;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #E8E8E8;
}

.gridSpacer {
    margin-top: 10px;
}

.grid {
    padding: 15px 15px 50px 15px;
    background-color: #fff;
    position: relative;
    -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
}

    .grid.accessDeniedGrid {
        text-align: center;
    }

    .grid.homepageList {
        min-height: 200px;
    }

    .grid .configurationPanel {
        margin: 0 auto;
        width: 60%;
        vertical-align: middle;
    }

    .grid .buttons {
        text-align: right;
        margin: 20px 0;
    }

    .grid.homepageList .buttons {
        position: absolute;
        bottom: 5px;
        right: 5px;
        float: none;
    }

.gridContainer {
    position: relative;
}

    .gridContainer .grid-cell-action {
        cursor: pointer;
    }

    .gridContainer .grid-filters {
        background-color: #f8f8f8;
        padding: 30px 0 10px 50px;
        -moz-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    }

        .gridContainer .grid-filters .filter {
            margin: 0 40px 20px 0;
            display: inline-block;
            vertical-align: middle;
        }

            .gridContainer .grid-filters .filter .cst-dropdownlist {
                background-color: #f8f8f8;
                min-width: 100px;
            }

        .gridContainer .grid-filters .ui-cst-icon-parent {
            cursor: pointer;
            margin-left: 5px;
        }

    .gridContainer .filters.status-filter {
        display: none;
        padding-right: 8px;
    }

.grid .list-selector {
    margin: 0 35px;
}

.gridContainer .grid .noData {
    display: none;
    margin-top: 10px;
}
/*******************************/
/* End of grid container rules */
/*******************************/
/* Start of form rules */
form fieldset legend {
    display: block;
}

form fieldset label,
.form-field-row > label {
    font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
    margin-right: 10px;
    text-align: left;
    vertical-align: top;
    width: 150px;
}

.form-field-group-margin-top {
    margin-top: 40px;
}

    .form-field-group-margin-top > h3 {
        color: #7d7d7d;
        display: block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        margin: 15px 0;
        font-size: 12px;
    }

    .form-field-group-margin-top > h2 {
        color: #333333;
        display: block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        margin: 20px 0;
        font-size: 14px;
    }

.form-field-row {
    display: table;
    margin-bottom: 15px;
    width: 100%;
}

    .form-field-row > label,
    .form-field-row > .form-field-wrapper {
        display: table-cell;
    }

        .form-field-row > .form-field-wrapper.full-width {
            width: auto;
        }

        .form-field-row > .form-field-wrapper.half-width {
            width: 50%;
        }

        .form-field-row > .form-field-wrapper.quarter-width {
            width: 25%;
        }

        .form-field-row > .form-field-wrapper > * {
            -webkit-box-sizing: border-box;
            /* webkit */
            -moz-box-sizing: border-box;
            /* firefox */
            box-sizing: border-box;
            /* css3 */
            width: 100%;
        }

        .form-field-row > .form-field-wrapper > input[type=checkbox] {
            width: 35px;
        }

    .form-field-row:after {
        content: '';
        display: table-cell;
    }

.ffr-four-columns {
    display: inline-block;
    margin-bottom: 15px;
    width: 33% !important;
    padding-bottom: 5px;
}

    .ffr-four-columns > label {
        display: inline !important;
    }

.form-buttons-panel {
    margin-top: 20px;
    text-align: right;
}

    .form-buttons-panel button,
    .form-buttons-panel input[type=button],
    .form-buttons-panel input[type=submit] {
        margin-left: 10px;
    }
/* form errors */
.field-validation-error {
    color: #f06666;
    display: block;
    padding: 2px;
}

.validation-summary-errors {
    color: #f06666;
}
/* Stats */
.statsList ul {
    margin: 0;
    padding-top: 10px;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    text-align: center;
}

    .statsList ul li {
        margin: 0 20px 20px 0;
        padding: 0;
        list-style-type: none;
        display: inline-block;
        vertical-align: middle;
    }

        .statsList ul li label {
            margin-bottom: 10px;
            font-weight: bold;
            color: #89b313;
            text-align: left;
            display: block;
        }

        .statsList ul li span {
            background-color: #89b313;
            color: #ffffff;
            text-align: center;
            font-weight: bold;
            font-size: xx-large;
            height: 60px;
            line-height: 60px;
            min-width: 225px;
            display: block;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }
/*End Stats*/
.imgLargeEntity {
    cursor: pointer;
}

.imgEntity {
    cursor: pointer;
    height: 30px;
}

.imgEntityPreview {
    z-index: 20000;
    position: fixed;
    border: 1px solid #99cc00;
    font-size: 0;
}

    .imgEntityPreview img {
        max-width: 150px;
        max-height: 150px;
        border: 2px solid #fff;
    }

.imgLargeEntityPreview {
    z-index: 20000;
    position: fixed;
    border: 1px solid #99cc00;
    font-size: 0;
}

    .imgLargeEntityPreview img {
        width: 600px;
        height: 400px;
        border: 2px solid #fff;
    }

.buttons-right {
    margin: 16px 0 16px 0;
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-clear {
    clear: both;
}

.text-center {
    text-align: center;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

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

.div-phases-arrow {
    display: inline-block;
    width: 100%;
    float: left;
    border: 1px solid #dcdcdc;
    background-color: #f2f2f2;
}

.div-phase-detail {
    width: 100%;
    vertical-align: top;
    float: left;
    padding: 10px 0;
}

ul.arrowMenu {
    overflow: hidden;
}

    ul.arrowMenu > li {
        position: relative;
        margin: 0;
        display: inline-block;
        float: left;
        /*width: 130px !important;*/
        height: 20px;
        margin-right: 20px;
        padding: 10px 0;
    }

        ul.arrowMenu > li.active {
            background-color: #808080;
        }

        ul.arrowMenu > li.inactive {
            background-color: #f2f2f2;
        }

        ul.arrowMenu > li.beforeactive {
            background-color: #f2f2f2;
        }

    ul.arrowMenu li input {
        width: 130px !important;
        height: 20px !important;
        border: 0 !important;
        display: inline-block !important;
    }

    ul.arrowMenu li.active::after,
    ul.arrowMenu li.active::before,
    ul.arrowMenu li.inactive::after,
    ul.arrowMenu li.inactive::before,
    ul.arrowMenu li.beforeactive::after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
    }

    ul.arrowMenu li.active::before {
        border-color: rgba(255, 0, 0, 0);
        border-left-color: #dcdcdc;
        border-width: 20px;
        margin-top: -20px;
    }

    ul.arrowMenu li.active::after {
        border-color: rgba(0, 0, 255, 0);
        border-left-color: #808080;
        border-width: 19px;
        margin-top: -19px;
    }

    ul.arrowMenu li.inactive::before {
        border-left-color: #dcdcdc;
        border-width: 20px;
        margin-top: -20px;
    }

    ul.arrowMenu li.inactive::after {
        border-left-color: #f2f2f2;
        border-width: 19px;
        margin-top: -19px;
    }

    ul.arrowMenu li.beforeactive::before {
        left: 100%;
        top: 50%;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border: solid #808080;
        border-width: 20px;
        margin-top: -20px;
    }

    ul.arrowMenu li.beforeactive::after {
        border-color: rgba(0, 0, 255, 0);
        border-left-color: #f2f2f2;
        border-width: 18px;
        margin-top: -18px;
    }

    ul.arrowMenu li.active input {
        background-color: #808080;
        color: #f2f2f2;
    }

    ul.arrowMenu li.inactive input {
        background-color: #f2f2f2;
        color: #808080;
    }

    ul.arrowMenu li.beforeactive input {
        background-color: #f2f2f2;
        color: #808080;
    }

.float-menu {
    position: fixed;
}

    .float-menu li {
        border: 1px solid black;
        padding: 5px;
        background-color: #808080;
        color: white;
    }

        .float-menu li:hover {
            background-color: #dcdcdc;
            color: black;
        }

p.lowerCaseAll {
    text-transform: lowercase;
}

p.capitalizeFirstLetter {
    text-transform: lowercase;
}

    p.capitalizeFirstLetter::first-letter {
        text-transform: uppercase;
    }

span.lowerCaseAll {
    text-transform: lowercase;
}

span.capitalizeFirstLetter {
    text-transform: lowercase;
    display: inline-block;
}

    span.capitalizeFirstLetter::first-letter {
        text-transform: uppercase;
    }

.twoColumn-Container {
    display: table;
    width: 100%;
}

    .twoColumn-Container .column1 {
        display: table-cell;
        width: 50% !important;
    }

    .twoColumn-Container .column2 {
        display: table-cell;
        width: 50% !important;
    }

.labelRight > label {
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.labelMiddle > label {
    vertical-align: middle;
}

.labelTop > label {
    vertical-align: top;
}

.labelLeft > label {
    text-align: left;
    vertical-align: middle;
    padding-right: 10px;
}

.breakWord {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}

.removeMaxWidth {
    max-width: none !important;
}

.cursorPointer {
    cursor: pointer;
}

.pdfPartialRender {
    min-width: 45%;
    max-width: 45%;
    height: 350px;
    float: left;
    -moz-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    -webkit-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
}

.document-List {
    float: left;
    width: 55%;
}

.pdfPartialRenderProcess {
    margin-right: 10px;
    min-width: 45%;
    max-width: 45%;
    height: 280px;
    float: right;
    -moz-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    -webkit-box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
    box-shadow: 2px 2px 10px 0px #000, 0px 0px 1px 8px #EEE;
}

.hrProcessDetail {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #EEE;
    margin: 1em 0;
    padding: 0;
    margin-top: 20px;
}

.accordion-detail-process .ui-accordion-content {
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

.accordion-detail-process .ui-accordion-header {
    background-color: #F5F5F5 !important;
}

.li-process-detail.selected > a {
    color: #9bca47 !important;
}

.li-process-detail.selected:before {
    background-color: transparent;
    background-image: url("images/spritefpf_14.png");
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    line-height: normal;
    margin: 0;
    padding: 0;
    background-position: -376px -126px;
    width: 10px;
    height: 15px;
    margin-left: -10px;
    content: " ";
    float: left;
}

.a-no-line-height > a {
    line-height: 0 !important;
}

.title {
    margin: 20px 0;
    font-weight: bold;
    display: block;
    font-size: 18px;
}

.indent50 {
    padding-left: 50px;
}

.score-buttons {
    text-align: right;
}

.billing-header h2:before {
    background: url("images/spritefpf_14.png") no-repeat -341px -186px;
    content: '';
    display: inline-block;
    height: 12px;
    margin-right: 12px;
    width: 12px;
}

.width100 {
    width: 100px;
}

.width150 {
    width: 150px;
}

.width300 {
    width: 300px;
}

.width500 {
    width: 500px;
}

.width600 {
    width: 600px;
}

.whiteBackground {
    background-color: white !important;
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size: 18px;
}

    #back-to-top:hover {
        background: #e9ebec;
    }

    #back-to-top.show {
        opacity: 1;
    }

#back-to-bottom {
    position: fixed;
    top: 150px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size: 18px;
}

    #back-to-bottom:hover {
        background: #e9ebec;
    }

    #back-to-bottom.show {
        opacity: 1;
    }

.required {
    color: red;
}

.module-name-bold {
    font-weight: bold;
}

.body .header-content-container > header {
    background: #2c3e50;
    border-bottom: 1px solid #dcdcdc;
    height: 53px;
    line-height: 53px;
    padding-left: 34px;
    padding-right: 0;
}

    .body .header-content-container > header h2 {
        color: #ffffff;
        display: inline-block;
        font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 14px;
        height: 100%;
        text-transform: none;
    }

        .body .header-content-container > header h2::before {
            background: url("images/spritefpf_14.png") no-repeat -341px -186px;
            content: '';
            display: inline-block;
            height: 12px;
            margin-right: 12px;
            width: 12px;
        }

.four-columns {
    display: inline-block;
    margin-bottom: 15px;
    width: 24%;
    padding-bottom: 5px;
}

    .four-columns > label {
        display: inline !important;
    }

textarea.ui-cst-htmleditor-textarea {
    height: unset;
}

td.details-control {
    background: url("images/details_open.png") no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url("images/details_close.png") no-repeat center center;
}

.float-left {
    float: left !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */

.grabbable {
    cursor: -webkit-grab;
    cursor: grab;
}

.grabbed {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}