@media only screen and (max-width:900px) {
    .topMenu {
        height: 100px !important;
    }
    
    .ECMenu_buttons_commands {
        left: 0px !important;
        bottom: 0px;
        width: 100%;
        background: #fffe;
    }

    /*.ECUserStatus {
        width: 328px !important;
    }*/



    /*.k-grid-header th.k-header>.k-link*/

    .k-grid-header th.k-header > .k-link
    {
        text-overflow: unset;
        overflow: unset;
    }

    .ECMenu_PopupButton_Popover {
        width: 410px;
        padding: 8px !important;
    }

        .ECMenu_PopupButton_Popover .ECCombobox {
            border-right: 1px solid #ebebeb;
        }

    .PSTC04Accordion .panel {
        min-width: unset !important;
    }

    .ECAccordion .panel {
        min-width: unset !important;
    }

    .menuUserNameTutor {
        width: auto !important;
        text-align: right;
    }

    .menuUserNameTutorTitle {
        width: auto !important;
    }

    .ECTabNav > li {
        border: 1px solid #ebebeb;
    }

    .ECAutoComplete {
        min-width: 250px !important;
    }

        .ECAutoComplete span {
            min-width: 250px !important;
        }

    .ECMenu_PopupButtonBadge {
        top: -2px !important;
    }

    .ECGARight {
        display: none;
    }
}

@media print {
    html, body {
        -webkit-transform: scale(0.75) !important; /* prefixo para browsers webkit */
        -moz-transform: scale(0.75) !important; /* prefixo para browsers gecko */
        -o-transform: scale(0.75) !important; /* prefixo para opera */
        transform: scale(0.75) !important;
        -webkit-transform-origin: 0 0 !important;
        -moz-transform-origin: 0 0 !important;
        -o-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        width: 133% !important; /* 0.70->142 0.75->133 0.80->1.25 0.85->1.18 0.90->1.11 0.95->1.05*/
    }

    .LinkFrame, .LinkFrame iframe {
        width: 100% !important;
    }

    .GridXY,
    .k-grid-content {
        overflow: auto !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
    }

    .gridDetailCell {
        padding-bottom: 24px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    [role=row] {
        page-break-inside: avoid !important;
    }

        [role=row] td {
            vertical-align: top !important;
        }

    textarea {
        width: 100% !important;
    }

    .workArea,
    .tab-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    .k-grid-header {
        width: 100% !important;
        padding-right: 0px !important;
    }

    .efixGrid {
        overflow: visible !important;
    }

    .gridMultiDetailOpened {
        vertical-align: top !important;
    }

    .ps01Menu .address,
    .ps01Menu .topMenu1,
    .ps01Menu .topMenu2,
    .k-grid-toolbar,
    .workflow,
    .ECTabBackground,
    .nav-tabs,
    .ECMenu_PopupButton,
    .ECMenu_Printer,
    .topMenuLanguage,
    .accordiondetail_control,
    .accordion_control {
        display: none !important;
        height: 0 !important;
    }
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}

html.wait, html.wait * {
    cursor: wait !important;
}

.NoEye {
    display: none;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    -webkit-print-color-adjust: exact;
}

pre {
    font-family: 'Open Sans', sans-serif;
    font-size: inherit;
    color: inherit;
    word-break: inherit;
}

iframe {
    overflow: visible;
}

.wait {
    cursor: wait !important;
}

.k-list-scroller {
    white-space: nowrap;
}

.loading {
    position: absolute;
    width: 100%;
    height: 50px;
    background-color: #00528c;
    opacity: 0.8;
    background-image: url('../Images/loading.svg');
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10000;
    color: white;
    text-align: center;
    /*display: none;*/
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 1s,opacity 0.5s linear 1s;
    transition: visibility 0s linear 1s,opacity 0.5s linear 1s;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.workArea {
    position: relative;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.popover-content {
    padding: 2px;
    width: 100%;
    /*text-align: center;*/
}

.popover {
    max-width: 960px;
    z-index: 1050;
    min-width: 28px;
}

.modal-dialog {
    max-width: 900px;
    padding-top: 50px;
}

.NoCursor {
    cursor: default !important;
}

.SimpleBorder {
    border: 1px solid #c5c5c5 !important;
}

.rate_SelectItem_text_selected {
    border: 0px;
    background: #00528c;
    color: #ffffff;
}

.green {
    color: #00a480;
}

.red {
    color: #c84a4a;
}

.yellow {
    color: #d0d000;
}

.bold {
    font-weight: bold;
}

.btn-default {
    margin: 1px 0px;
}

.btn-css_image {
    margin: 0px;
    width: 100%;
    height: 100%;
    background: none;
}
/*Menu*/
.topMenu {
    height: 50px;
    width: 100%;
    background: #00528c;
    background: var(--corA2);
}

.topMenuHide {
    visibility: hidden;
    display: none;
}

.modalMenu {
    display: none;
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /*overflow: auto;*/ /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    cursor: pointer;
}

.modalMenuLeft {
    background: #fff !important;
    border-right: 1px solid black;
    position: absolute;
    left: -240px;
    background: white;
    width: 240px;
    height: 100%;
    cursor: default;
    overflow: auto;
}

.modalMenuRight {
    position: absolute;
    left: 240px;
    width: 100%;
    height: 100%;
}


.ps01Menu {
    width: 100%;
}

    .ps01Menu .topMenuPosition {
        position: absolute;
        top: 0px;
    }

    .ps01Menu .modules {
        position: absolute;
        top: 50px;
        left: 80px;
        background: #fff;
        padding: 12px;
        margin: 4px;
        z-index: 1;
        border: 2px solid #1a8fc5;
        z-index: 50;
    }

    .ps01Menu .module {
        display: block;
        float: left;
        margin-left: 16px;
        top: 1px;
        width: 136px;
        height: 50px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .ps01Menu .moduleSettings {
        background-image: url('../Images/EfixControl/Menu/efixSettingsOption.png');
    }

    .ps01Menu .option {
        top: 1px;
        width: 136px;
        height: 37px;
        line-height: 37px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        text-wrap: none;
    }

    .ps01Menu .moduleSettingsOption {
        background-image: url('../Images/EfixControl/Menu/efixSettingsOption.png');
        text-indent: 100%;
        overflow: hidden;
    }

    .ps01Menu .modulePerformance {
        background-image: url('../Images/EfixControl/Menu/efixPerformanceOption.png');
    }

    .ps01Menu .modulePerformanceOption {
        background-image: url('../Images/EfixControl/Menu/efixPerformanceOption.png');
        text-indent: 100%;
        overflow: hidden;
    }

    .ps01Menu .moduleProfile {
        background-image: url('../Images/EfixControl/Menu/efixProfileOption.png');
    }

    .ps01Menu .moduleProfileOption {
        background-image: url('../Images/EfixControl/Menu/efixProfileOption.png');
        text-indent: 100%;
        overflow: hidden;
    }

    .ps01Menu .moduleGeneral {
        background-image: url('../Images/EfixControl/Menu/efixGeneralOption.png');
    }

    .ps01Menu .moduleGeneralOption {
        background-image: url('../Images/EfixControl/Menu/efixGeneralOption.png');
        text-indent: 100%;
        overflow: hidden;
    }

    .ps01Menu .moduleLearn {
        background-image: url('../Images/EfixControl/Menu/efixLearningOption.png');
    }

    .ps01Menu .moduleLearnOption {
        background-image: url('../Images/EfixControl/Menu/efixLearningOption.png');
        text-indent: 100%;
        overflow: hidden;
    }

    .ps01Menu .moduleBudget {
        background-image: url('../Images/EfixControl/Menu/efixBudgetOption.png');
    }

    .ps01Menu .moduleBudgetOption {
        background-image: url('../Images/EfixControl/Menu/efixBudgetOption.png');
        text-indent: 100%;
        overflow: hidden;
    }

    .ps01Menu .moduleSurvey {
        background-image: url('../Images/EfixControl/Menu/efixSurveyOption.png');
    }

    .ps01Menu .moduleSurveyOption {
        background-image: url('../Images/EfixControl/Menu/efixSurveyOption.png');
        text-indent: 100%;
        overflow: hidden;
    }

    .ps01Menu .address {
        line-height: 20px;
        height: 20px;
        width: 100%;
        border-bottom: 1px solid #d1dbe4;
        font-size: 11px;
        font-weight: bold;
    }

    .ps01Menu .topMenuOpen {
        position: absolute;
        margin-top: -20px;
        margin-left: 50%;
        background-image: url('../Images/EfixControl/Menu/topMenuOpen.jpg');
        width: 22px;
        height: 16px;
        cursor: pointer;
    }

    .ps01Menu .topMenuClose {
        position: absolute;
        margin-top: -20px;
        margin-left: 50%;
        background-image: url('../Images/EfixControl/Menu/topMenuClose.jpg');
        width: 22px;
        height: 16px;
        cursor: pointer;
    }

    .ps01Menu .topMenuLink,
    .ps01Menu .topMenu3Link,
    .ps01Menu .topMenu3Title {
        padding-left: 16px;
        padding-right: 10px;
        line-height: 24px;
        margin-top: 6px;
        color: #888;
    }

    .ps01Menu .topMenuLink,
    .ps01Menu .topMenu3Link {
        cursor: pointer;
    }

    .ps01Menu .topMenu1 {
        position: relative;
        margin-top: 48px;
        line-height: 16px;
    }


        .ps01Menu .topMenu1 .link {
            height: 16px;
            height: fit-content;
        }

        .ps01Menu .topMenu1 .selected {
            font-weight: bold;
            text-decoration: underline;
        }

.topMenu2 {
    background: #f0f0f0;
}

    .topMenu2 div {
        margin-left: 16px;
    }

    .topMenu2 .selected {
        font-weight: bold;
        color: var(--cor2);
    }

    .topMenu2 .selectedPopup {
        font-weight: bold;
        color: var(--cor2);
        z-index: 1;
    }

.ps01Menu .topMenuLink:last-child {
    border: 0px;
    width: 100%;
}

.ps01Menu .topMenu3 {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    background: #e0e0e0;
}

.ps01Menu .topMenu3Link {
    /*width: 33%;*/
    margin-left: 36px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    cursor: pointer;
    text-decoration: initial;
    display: block;
}

    .ps01Menu .topMenu3Link:hover {
        text-decoration: underline;
    }

.ps01Menu .topMenu3Title {
    color: var(--cor2);
    margin-left: 40px;
    margin-right: 10px;
    font-weight: bold;
}


.topMenuLogo {
    position: absolute;
    left: 0px;
    margin-top: 1px;
    padding-left: 40px;
    padding-right: 30px;
    height: 50px;
    min-width: 62px;
    max-width: 50%;
    height: 48px;
    text-align: center; /* Align center inline elements */
    vertical-align: middle;
}

    .topMenuLogo a {
        border: 0px;
    }

    .topMenuLogo:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .topMenuLogo img {
        vertical-align: middle;
        width: 100%;
        display: inline-block;
    }

.topMenuLanguage {
    background: #003c6e;
    color: #00a9ea;
    width: 36px;
    height: 36px;
    font-size: 13px;
    text-align: center;
    margin-top: 6px;
    padding-top: 8px;
    font-weight: 600;
    cursor: pointer;
}

.topMenuUser {
    position: absolute;
    right: 1px;
    height: 50px;
    width: 50%;
    max-width: 210px;
    cursor: pointer;
}

    .topMenuUser img {
        position: absolute;
        top: 6.5px;
        max-height: 35px;
        max-width: 35px;
    }

.topMenuUser_div {
    position: relative;
    height: 100%;
}

.topMenuUser_divimg {
    position: absolute;
    right: 50px;
}

.topMenuUserName {
    position: absolute;
    left: 0px;
    height: 100%;
    max-width: 206px;
    display: table;
    padding-right: 58px;
    padding-left: 50px;
}

    .topMenuUserName p {
        color: #fff;
        font-size: 11px;
        display: table-cell;
        vertical-align: middle;
    }

.menu {
    position: relative;
    border-bottom: 1px solid #d8e3e1;
    height: 88px;
    width: 100%;
    background: #f8f8f8;
}

.menuBackground {
    position: absolute;
    width: 100%;
    top: 0px;
    height: 46px;
    border-bottom: 1px solid #e4eaea;
}

.menuTitle {
    color: #066AB5;
    position: absolute;
    left: 0px;
    height: 46px;
    line-height: 46px;
    vertical-align: central;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
}

.menuUserName {
    color: #066AB5;
    position: absolute;
    left: 0px;
    padding-left: 62px;
    height: 46px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    max-width: 50%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.menuUserNameTutor {
    color: #066AB5;
    position: absolute;
    right: 0px;
    padding-right: 62px;
    height: 30px;
    line-height: 14px;
    top: 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    max-width: 50%;
    overflow: hidden;
}

.menuUserNameTutorTitle {
    color: #066AB5;
    position: absolute;
    right: 62px;
    width: 230px;
    height: 12px;
    line-height: 24px;
    vertical-align: central;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 10px;
}

.menuPeriod {
    color: #066AB5;
    position: absolute;
    right: 62px;
    height: 46px;
    line-height: 46px;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.bottomMenuTitle {
    color: #066AB5;
    position: absolute;
    top: 10px;
    left: 66px;
    height: 46px;
    line-height: 46px;
    vertical-align: central;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.menuButton {
    background: #00aae8;
    position: absolute;
    right: 0px;
    width: 36px;
    height: 45px;
    background-image: url('../Images/EfixControl/PopupButtonMenu/menuBottomRight.png');
}

.bottomMenu {
    position: absolute;
    height: 42px;
    top: 46px;
    width: 100%;
}

/*Workflow*/
.workflow {
    position: relative;
    height: 165px;
    background: #f1f1f1;
    border-bottom: solid 1px #e9eaec;
}

.workflowDataDownload {
    position: absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-image: url('../Images/EfixControl/PopupButtonMenu/datadownload.png');
    background-repeat: no-repeat;
}

.workflowDataView {
    position: absolute;
    width: 32px;
    height: 32px;
    left: 32px;
    cursor: pointer;
    background-image: url('../Images/EfixControl/PopupButtonMenu/datadownload.png');
    background-repeat: no-repeat;
}

.workflowDataItemKey {
    width: 100px;
    cursor: pointer;
    position: relative;
}

    .workflowDataItemKey div {
        display: none;
    }

    .workflowDataItemKey:hover div {
        position: absolute;
        border: 1px solid #888;
        background: #fff;
        bottom: -8px;
        left: 32px;
        z-index: 1000;
        display: inherit;
    }

.workflowDataItemFX {
    display: flex;
}

.workflowDataItemFXRefresh {
    margin-left: 8px;
    padding: 0px 8px;
    background: #a2cfed;
    border-radius: 8px;
}

.workflowDataItemValue {
    display: none;
    padding-left: 8px;
    background: #fff;
    width: 100%;
}

.workflowDataItemValueTable {
    width: 100%;
    background: #ddd;
}

.workflowSetpConfig {
    position: relative;
    width: 928px;
    padding: 16px;
    background: #f1fffc;
    /*border:1px solid #00b990;*/
}

.workflowStepConfigPopup .ECTabNav,
.workflowStepConfigPopup .ECTabBackground {
    height: 32px;
    background: #f1fffc;
}

    .workflowStepConfigPopup .ECTabNav li a {
        padding-top: 4px;
        width: 172px;
    }

        .workflowStepConfigPopup .ECTabNav li a,
        .workflowStepConfigPopup .ECTabNav li a:hover,
        .workflowStepConfigPopup .ECTabNav .active,
        .workflowStepConfigPopup .ECTabNav .active:hover {
            height: 32px;
        }

.workflowStepConfigPopup .ECTabContent {
    height: 400px;
    background: white;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    padding: 16px;
}

    .workflowStepConfigPopup .ECTabContent .ECBox {
        max-height: 100%;
        overflow: auto;
    }

    .workflowStepConfigPopup .ECTabContent .tab-pane {
        height: 100%;
    }

.workflowSetpTabConfig {
    position: relative;
    height: 400px;
}

.workflowExternalCanvas {
    height: 165px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-right: -18px;
    width: 100%;
}

.workflowScrollButtonLeft {
    float: left;
    background-image: url('../Images/workflowButtonLeft.PNG');
    background-repeat: no-repeat;
    background-position: center;
    width: 64px;
    height: 100%;
}

.workflowScrollButtonRight {
    float: right;
    background-image: url('../Images/workflowButtonRight.PNG');
    background-repeat: no-repeat;
    background-position: center;
    width: 64px;
    height: 100%;
}

.workflowCanvas {
    position: absolute;
    left: 64px;
    right: 64px;
    height: 100%;
    overflow: hidden;
}

.workflowCanvasPosition {
    left: 100px;
    position: relative;
}

.workflowStepPhases {
    height: 47px;
    width: 100000px;
}

.workflowStepPhase {
    float: left;
    position: relative;
    height: 47px;
    width: 160px;
}

.workflowStepPhaseTitle {
    width: 100%;
    position: absolute;
    top: 10px;
    text-align: center;
}

.workflowStepPhaseHorizontalLine {
    top: 20px;
    left: 80px;
    right: 80px;
    position: absolute;
    border-bottom: 2px solid #dbe2e2;
}

.workflowStepPhaseVerticalLine {
    left: 50%;
    top: 30px;
    height: 10px;
    position: absolute;
    border-left: 2px solid #dbe2e2;
    width: 100%;
}

.workflowSteps {
    height: 118px;
    width: 100000px;
    white-space: nowrap;
    position: absolute;
}

.workflowStepAdd {
    float: left;
    position: relative;
    top: 10px;
    background-image: url('../Images/workflowStepAdd.PNG');
    background-repeat: no-repeat;
    background-position: top;
    height: 118px;
    width: 50px;
    cursor: pointer;
}

.workflowStep {
    float: left;
    position: relative;
    width: 160px;
    height: 118px;
}

.workflowStepMoveForwardBlock {
    position: absolute;
    right: 0px;
    top: 15px;
    background-image: url('../Images/EfixControl/Workflow/MoveForwardBlock.PNG');
    width: 17px;
    height: 30px;
    cursor: not-allowed;
}


.workflowStepMoveForward, .workflowStepMoveForwardConfirm {
    position: absolute;
    right: 0px;
    top: 15px;
    background-image: url('../Images/EfixControl/Workflow/MoveForward.PNG');
    width: 17px;
    height: 30px;
    cursor: pointer;
}

.workflowStepMoveBackward {
    position: absolute;
    left: 0px;
    top: 15px;
    background-image: url('../Images/EfixControl/Workflow/MoveBackward.PNG');
    width: 17px;
    height: 30px;
}

.workflowStepNumberDone, .workflowStepNumber, .workflowStepNumberActive {
    background: white;
    position: absolute;
    margin: 10px 0px 0px 60px;
    border: 2px solid #00b98f;
    color: #00b98f;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    font-family: Arial;
    font-size: 15px;
}

.workflowStepNameDone, .workflowStepName, .workflowStepNameActive {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 60px;
    width: 160px;
    text-align: center;
    text-transform: uppercase;
    color: #b1b7b9;
    white-space: normal;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
}

.workflowStepNumberDoneOk {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 10px;
    height: 10px;
    background-image: url('../Images/workflowStepOK.PNG');
    background-repeat: no-repeat;
    background-position: center;
}

.workflowStepNameActive {
    color: black;
    padding-left: 20px;
}

.workflowStepNumberActive {
    background: #00b98f;
    color: white;
    cursor: pointer;
}

.workflowStepNumber {
    border: 2px solid #9DACAF;
    color: #9DACAF;
}

.workflowStepLineFirstDone, .workflowStepLineDone, .workflowStepLineLastDone, .workflowStepLineFirst, .workflowStepLine, .workflowStepLineLast {
    position: absolute;
    border-bottom: 4px solid #9DACAF;
    top: 8px;
    width: 100%;
}

.workflowStepLineFirstDone, .workflowStepLineDone, .workflowStepLineLastDone {
    top: 7px;
    border-bottom: 6px solid #00b98f;
}

.workflowStepLineFirst {
    left: 80px;
    width: 50%;
}

.workflowStepLineLast {
    right: 80px;
    width: 50%;
}

.workflowStepLineFirstDone {
    left: 80px;
    width: 50%;
}

.workflowStepLineLastDone {
    right: 80px;
    width: 50%;
}

.workflowStepTool {
    position: absolute;
    top: 6px;
    left: 90px;
}

    .workflowStepTool div {
        width: 32px;
        height: 32px;
    }

.workflowStepPlaceHolder {
    float: left;
    border: 1px solid #9DACAF;
    background: #ffffff;
    width: 160px;
    height: 50%;
}

.workflowStepPhaseBreak {
    display: inline-block;
    width: 160px;
    height: 15px;
}

.workflowStepPhaseBreakButton {
    position: relative;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background-color: #f1f1f1;
    top: 14px;
    left: 50%;
    background-image: url('../Images/EfixControl/Workflow/Link_break_16.png');
    z-index: 2;
}

.workflowStepPhaseSpamLeft {
    position: relative;
    width: 10px;
    height: 20px;
    background-color: #f1f1f1;
    float: left;
    top: 31px;
    left: 65px;
    z-index: 2;
    cursor: pointer;
    background-image: url('../Images/EfixControl/Workflow/SpanLeft.png');
}

.workflowStepPhaseSpamRight {
    position: relative;
    width: 10px;
    height: 20px;
    background-color: #f1f1f1;
    float: right;
    top: 31px;
    right: 65px;
    z-index: 2;
    cursor: pointer;
    background-image: url('../Images/EfixControl/Workflow/SpanRight.png');
}

.workflowStepPhaseDelete {
    width: 10px;
    height: 10px;
    background-color: #f1f1f1;
    cursor: pointer;
    position: relative;
    float: right;
    right: 12px;
    top: 10px;
    z-index: 2;
    background-image: url('../Images/EfixControl/Workflow/DeletePhase.png');
}
/*User*/
.userPhoto {
    position: absolute;
    left: 10px;
    top: 5px;
    max-width: 35px;
    max-height: 35px;
    border-radius: 50%;
}

.userPhotoTutor {
    position: absolute;
    right: 10px;
    top: 5px;
    max-width: 35px;
    max-height: 35px;
    border-radius: 50%;
}

.bottomMenuImage .ECPageEdit {
    position: absolute;
    top: -0px;
    right: 34px;
    background-image: url('../Images/configure2.png');
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 10;
}

.bottomMenuTitle .ECPageEdit {
    position: absolute;
    top: -4px;
    right: 0px;
    left: -48px;
    background-image: url('../Images/configure2.png');
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 10;
}

/*Tab*/
.ECTabEdit {
    position: absolute;
    top: -14px;
    right: 0px;
    background-image: url('../Images/configure2.png');
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 10;
}

.ECTabAlertPopover {
    position: absolute;
    right: 0px;
    top: -7px;
    min-width: 18px;
    height: 14px;
    z-index: 25;
}

    .ECTabAlertPopover span {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        padding: 0px 5px 0px 5px;
        border-radius: 10px;
        font-size: 10px;
        color: white;
        text-align: center;
    }

.ECTabAlertPopoverMessage {
    min-width: 100px;
    list-style-type: none;
}

    .ECTabAlertPopoverMessage div {
        padding: 10px;
        margin: 0px;
        border-bottom: 1px solid #a9acad;
    }

        .ECTabAlertPopoverMessage div:last-child {
            border-bottom: 0px;
        }

.ECTab {
    position: relative;
    width: 100%;
}

    .ECTab .workArea {
        padding: 0px;
    }

.ECTabContent {
    margin: auto;
    padding-top: 8px;
    border-color: #fff;
    background: #fff;
}

    .ECTabContent .tab-pane {
        margin-left: 16px;
        margin-right: 16px;
    }

.ECTabBackground {
    background: #f1f1f1;
    width: 100%;
    height: 49px;
    position: absolute;
    top: 0px;
    border-bottom: 1px solid #e9eced;
}

.ECTabNav {
    background: #f1f1f1;
}

    .ECTabNav > li.active {
        background: #fff;
    }

    .ECTabNav > li {
        height: 49px;
    }

        .ECTabNav > li > a:hover {
            height: 49px;
            background: #f1f1f1;
        }

        .ECTabNav > li > a {
            width: 185px;
            background: #f8f8f8;
            padding: 0px 10px 5px 10px;
            border-radius: 0px;
            margin: 0px;
            border-left: 1px solid #e9eced;
            border-right: 1px solid #e9eced;
            border-bottom: 1px solid #e9eced;
            text-align: center;
            font-size: 14px;
            min-height: 47px;
        }

            .ECTabNav > li > a > div > .translationLabel,
            .ECTabNav > li > a > div > .translationLabelCanEdit {
                line-height: 16px;
            }

.ECPageContent .ECTabNav > li > a, .ECTABWorkflow .ECTabNav > li > a {
    height: 49px;
}

.ECTabAddButton:hover {
    cursor: pointer;
}

.ECTabAddButton {
    border: 2px dashed #b9bcbd;
    height: 100%;
    text-align: center;
    width: 40px;
    margin-left: 25px;
    background: #f8f8f8;
    padding-top: 14px;
    color: #b9bcbd;
}

.ECTabItemType {
    width: 100%;
}

.ECTabItemTypeItem {
    position: relative;
    width: 960px;
}

.ECTabItemTypePlus {
    position: absolute;
    cursor: pointer;
}

.ECTabItemTypeTitle {
    position: relative;
    left: 20px;
    cursor: text;
}
/*Label*/
.ECLabel .popover {
    min-width: 200px;
    min-height: 200px;
    position: absolute;
}

.ECLabelAlertNumber {
    z-index: 10;
    position: absolute;
    right: -3px;
    top: -2px;
    border-radius: 50%;
    min-width: 16px;
    max-height: 16px;
    text-align: center;
    font-size: 11px;
    color: white;
}

.ECEmptyLabel .ECLabelAlertNumber {
    position: relative;
    /*width: fit-content;*/
    padding: 0px 7px 2px 7px;
    border-radius: 10px;
    top: auto;
    /*min-width: auto;*/
    text-indent: 0px;
}

.ECEmptyLabelx {
    position: absolute;
    right: -6px;
    top: 8px;
    min-width: 18px;
    height: 14px;
    z-index: 25;
}

    .ECEmptyLabelx span {
        position: absolute;
        /*right: 0px;*/
        /*top: 3px;*/
        /*min-width: 18px;*/
        height: 14px;
        padding: 0px 8px;
        border-radius: 10px;
        font-size: 10px;
        color: white;
        text-align: center;
    }

.ECLabelConfigure_accordion {
    background-image: url('../Images/configure.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    margin-top: 2px;
    cursor: pointer;
}

.ECLabelConfigure {
    background-image: url('../Images/configure.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.ECLabelConfigureMade {
    background-image: url('../Images/configure2.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.ECLabel {
    height: 100%;
    vertical-align: middle;
}

.ECTitle {
    text-transform: uppercase;
    color: #29ACFA;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Modal */
.ECModal {
    padding: 8px;
}

.modal-lg {
    width: 90%;
}

.modal-changePass {
    width: 300px;
}

.dvAcRaterCommentTitle {
    font-size: 16px;
    padding-left: 8px;
    color: #29acfa;
}

.dvAcRaterComment {
    margin-top: 8px;
    border: 1px solid #dddddd;
    margin-bottom: 8px;
}
/* Translation Label*/
.translationLabelWorkArea {
}

.PSTC04_AcRaterComment_Box {
    font-weight: 500;
    font-size: 14px;
    background-color: #f5f5f5;
    margin-bottom: -9px;
    padding: 5px;
}

.PSTC04_AcRaterComment_Box_TextArea {
    width: 100%;
}

.PSTC04Question .translationLabel {
    font-weight: 500;
    font-size: 14px;
}

.PSTC04Question .rate .ECRate {
    margin-right: 20px;
}

.translationLabelWorkArea pre {
    border: 0px;
    background: none;
    word-break: keep-all;
}

    .translationLabelWorkArea pre textarea {
        position: fixed;
        z-index: 100000;
    }

.translationLabelWorkArea .right-contents {
    position: relative;
}

.translationLabelWorkArea .translationLabel {
}

.scaleInstruction {
    background-color: #FAFAFA;
    padding: 8px;
}

.translationLabel {
    padding: 0px;
    margin: 0px;
}

.translationLabelCanEdit {
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}

.translationLabelTextArea {
    z-index: 1;
    background: #ffffff;
}

.translationLabelDefaultText {
    color: #c0c0c0;
    border: solid 1px #c0c0c0;
    height: 100%;
    width: 100%;
}

.translationLabelPopover {
    min-height: 0px;
    padding: 0px 0px 0px 0px;
}

    .translationLabelPopover th {
        color: #4f9fcf;
        padding: 4px;
    }

    .translationLabelPopover h4 {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .translationLabelPopover td:first-child {
        width: 15%;
        background-color: #C3CCD1;
        color: white;
        font-weight: bold;
    }

    .translationLabelPopover td:hover {
        background-color: #C3CCD1;
    }
/*-----Checkbox CSS-------*/
.efixCheckBox {
    cursor: pointer;
}

    .efixCheckBox .checkboxItem {
        display: none;
    }

/*to test the checkbox css functionality. Should be removed in production version*/
.checkbox_cbtest_On {
    font-weight: bold;
    color: green;
}

/*to test the checkbox css functionality. Should be removed in production version*/
.checkbox_cbtest_Off {
    font-weight: bold;
    color: red;
}

/*to test the checkbox css functionality. Should be removed in production version*/
.checkbox_cbtest_Null {
    font-weight: bold;
    color: grey;
}
/*-----Checkbox CSS-------*/

/*-----ECRate ---- */
.ECRate {
    position: relative;
    height: 100%;
}
/*-----ECRate ---- */

/*-----RateSlider CSS--------*/
.ECRateSlider {
    min-width: 60px;
}

ECRankingScale {
    min-height: 25px;
}

.ECRateSlider .sliderLabelValue {
    border: solid 1px #00b4fb;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    vertical-align: top;
}

    .ECRateSlider .sliderLabelValue .sliderLabelValueSpan {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

.ECRateSlider .col-xs-10, .ECRateSlider .col-xs-11, .ECRateSlider .col-xs-1, .ECRateSlider .col-xs-2, .ECRateSlider .col-xs-9, .ECRateSlider .col-xs-8, .ECRateSlider .col-xs-7 {
    padding-right: 0px;
    padding-left: 10px;
}

.ECRateSlider .rateSlider {
    margin-top: 8px;
}

.ECRateSlider .slider-rc-a, .ECRateSlider .slider-rc-b, .ECRateSlider .slider-rc-c, .ECRateSlider .slider-rc-d {
    height: 20px;
    float: right;
}

.ECRateSlider .slider-rc-a {
    min-width: 24px;
    max-width: 80px;
}

.ECRateSlider .slider-rc-b {
}

.ECRateSlider .slider-rc-c {
}

.ECRateSlider .slider-rc-d {
}

.ECRateSlider .slider-main-content {
    height: 20px;
    overflow: hidden;
}

.ECRateSlider .slider-lc-a {
    height: 100%;
    float: left;
}

.ECRateSlider .slider-control {
    height: 100%;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

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

.rateSlider .ui-slider-range-min {
    background: #00b4fb;
    height: 4px;
}

.rateSlider .ui-slider-handle {
    border: 0px;
    background: #00b4fb;
    border-radius: 30px;
    top: -7px;
}

    .rateSlider .ui-slider-handle:hover {
        background-color: #0096db;
    }

.ui-slider-horizontal {
    height: 4px;
    border: 0px;
}

.rateSlider .popover {
    min-width: 50px;
    /*max-width: 400px;*/
    height: auto;
}

    .rateSlider .popover .popover-content {
        text-align: center;
        font-weight: bold;
    }

/*-----RateSlider CSS--------*/

/*------------Rate_SelectItem CSS---------*/
.rate_SelectItem_Level {
    font-size: 9px;
    padding: 8px;
}

.PSTC04Question .rate_SelectItem {
    margin: auto;
}

.rate_SelectItem_LevelDescription {
    display: none;
}

.PSTC04Question .rate_SelectItem_LevelDescription {
    display: unset;
}

.rate_SelectItem_Level .rate_SelectItem_text {
    display: none;
    padding: 2px;
}

.rate_SelectItem_Level .rate_SelectItem_text_selected {
    display: block;
    height: unset;
}

.ECGAEvaluateeQuestionAssessment .rate_SelectItem_Level span {
    border: none;
    margin-top: 8px;
    display: block;
}

.ECGAEvaluateeQuestionAssessment .rate_SelectItem_Level .rate_SelectItem_text,
.PSTC04Question .rate_SelectItem_Level .rate_SelectItem_text {
    display: unset;
    padding: 5px;
}

.ECGAEvaluateeQuestionAssessment .rate_SelectItem_Level,
.PSTC04Question .rate_SelectItem_Level {
    flex-direction: column;
    padding-left: 30px !important;
    padding: unset;
}

    .ECGAEvaluateeQuestionAssessment .rate_SelectItem_Level .rate_SelectItem_text,
    .PSTC04Question .rate_SelectItem_Level .rate_SelectItem_text {
        padding: unset;
        height: unset;
        margin-bottom: 8px;
    }

    .ECGAEvaluateeQuestionAssessment .rate_SelectItem_Level .text,
    .PSTC04Question .rate_SelectItem_Level .text {
        font-size: 14px;
        display: block;
        vertical-align: middle;
        width: 100%;
        border-bottom: 1px solid #8888;
        padding: 2px;
        line-height: 16px;
    }

    .ECGAEvaluateeQuestionAssessment .rate_SelectItem_Level .text {
        font-size: 9px;
        border: 1px solid #8888;
    }

.PSTC04Question .rate_SelectItem_LevelDescription {
    line-height: 16px;
    padding: 8px;
    font-size: 11px;
}

.ECGAEvaluateeQuestionAssessment .rate_SelectItem {
    position: unset;
}

.rate_SelectItem {
    position: absolute;
    line-height: 8px;
    height: 100%;
    padding-left: 4px;
    padding-right: 4px;
}


    .rate_SelectItem .rateItem {
        display: inline-block;
        white-space: nowrap;
        cursor: pointer;
        padding-left: 1px;
        padding-right: 1px;
    }

        /*For rate item text*/
        .rate_SelectItem .rateItem .text {
            border-radius: 0.25em;
            display: inline-block;
            line-height: 1.3;
            text-align: center;
            vertical-align: baseline;
            color: #aeb8c3;
            font-size: 14px;
            background-color: #bec8d2;
            border: 2px solid #aab4be;
            min-width: 17px;
            height: 25px;
        }

        /*For rate item image*/
        .rate_SelectItem .rateItem .img {
            display: inline-block;
        }

        /*for Selected rate item text*/
        .rate_SelectItem .rateItem.True .text {
            color: #ffffff;
            background-color: #00b4fa;
            border-color: #0098d0;
        }

.ECRate .text {
    vertical-align: middle;
}

.rate_SelectItem_rounded .text, .rate_SelectItem_rounded_selected .text {
    padding: 4px;
}

.rate_SelectItem_text_selected_gray,
.rate_SelectItem_text_selected_green,
.rate_SelectItem_text_selected_red,
.rate_SelectItem_text_selected_orange,
.rate_SelectItem_text_selected_yellow,
.rate_SelectItem_text_selected_blue,
.rate_SelectItem_text_darkblue,
.rate_SelectItem_text_lightblue,
.rate_SelectItem_text_lightskyblue,
.rate_SelectItem_text_selected,
.rate_SelectItem_text {
    display: inline-block;
    border: 1px solid #d5d6d8;
    font-size: 9px;
    cursor: pointer;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 2px;
    margin-bottom: 2px;
    min-width: 16px;
    overflow: hidden;
    height: 17px;
    text-align: center;
    background-color: white;
    color: #888;
    margin-right: 2px;
}

.rate_SelectItem_text_selected_gray,
.rate_SelectItem_text_selected_green,
.rate_SelectItem_text_selected_red,
.rate_SelectItem_text_selected_orange,
.rate_SelectItem_text_selected_yellow,
.rate_SelectItem_text_selected_blue,
.rate_SelectItem_text_darkblue,
.rate_SelectItem_text_lightblue,
.rate_SelectItem_text_lightskyblue,
.rate_SelectItem_text_strong {
    display: inline-block;
    border: 1px solid #d5d6d8;
    /*font-size: 15px;*/
    cursor: pointer;
    /*padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;*/
    margin-bottom: 4px;
    min-width: 16px;
    overflow: hidden;
    height: 17px;
    text-align: center;
    background-color: white;
    margin-right: 2px;
}

    .rate_SelectItem_text_selected_gray pre,
    .rate_SelectItem_text_selected_green pre,
    .rate_SelectItem_text_selected_red pre,
    .rate_SelectItem_text_selected_orange pre,
    .rate_SelectItem_text_selected_yellow pre,
    .rate_SelectItem_text_selected_blue pre,
    .rate_SelectItem_text_darkblue pre,
    .rate_SelectItem_text_lightblue pre,
    .rate_SelectItem_text_lightskyblue pre,
    .rate_SelectItem_text_selected pre,
    .rate_SelectItem_text pre {
        margin-left: 0px;
    }

.rate_selectitem_star_lesser, .rate_selectitem_star_selected {
    background: url(../Images/efixcontrol/rate/star_filled.png) no-repeat 100% 100%;
    border: 0px solid black;
    background-position-x: 4px;
    background-position-y: 4px;
    color: transparent;
    background-color: white;
}

.rate_selectitem_star_greater {
    background: url(../Images/efixcontrol/rate/star_empty.png) no-repeat 100% 100%;
    border: 0px solid black;
    background-position-x: 4px;
    background-position-y: 4px;
    color: transparent;
    background-color: white;
}

.rate_SelectItem_Level .rate_SelectItem_text_selected_gray,
.rate_SelectItem_Level .rate_SelectItem_text_selected_green,
.rate_SelectItem_Level .rate_SelectItem_text_selected_red,
.rate_SelectItem_Level .rate_SelectItem_text_selected_orange,
.rate_SelectItem_Level .rate_SelectItem_text_selected_yellow,
.rate_SelectItem_Level .rate_SelectItem_text_selected_blue,
.rate_SelectItem_Level .rate_SelectItem_text_darkblue,
.rate_SelectItem_Level .rate_SelectItem_text_lightblue,
.rate_SelectItem_Level .rate_SelectItem_text_lightskyblue,
.rate_SelectItem_Level .rate_SelectItem_text_strong {
    height: unset !important;
    margin-bottom: 8px;
}

.ECRate .list {
    position: relative;
    display: flex;
    flex-direction: column;
    line-height: 14px;
}

    .ECRate .list .text {
        margin-left: 20px;
    }

.rate_selectitem_list_selected {
    background: url(../Images/efixcontrol/rate/star_filled.png) no-repeat 100% 100%;
    border: 0px solid black;
    background-position-x: 4px;
    background-position-y: 4px;
    background-color: white;
    text-align: left;
    font-size: 12px;
}

.rate_selectitem_list_lesser, .rate_selectitem_list_greater {
    background: url(../Images/efixcontrol/rate/star_empty.png) no-repeat 100% 100%;
    border: 0px solid black;
    background-position-x: 4px;
    background-position-y: 4px;
    background-color: white;
    text-align: left;
    font-size: 12px;
}

.rate_SelectItem_TitleMin, .rate_SelectItem_TitleMax {
    display: inline-block;
    font-size: 9px;
    padding-top: 2px;
    overflow: hidden;
    height: 17px;
}

.rate_SelectItem_TitleMin {
    margin-right: 8px;
}

.rate_SelectItem_TitleMax {
    margin-left: 8px;
}

.rate_SelectItem_rounded_selected, .rate_SelectItem_rounded {
    border-radius: 8px;
    display: inline-block;
    border: 1px solid #d5d6d8;
    font-size: 9px;
    cursor: pointer;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 2px;
    margin-bottom: 2px;
    min-width: 16px;
    overflow: hidden;
    height: 17px;
    text-align: center;
    background-color: white;
    margin-right: 2px;
    line-height: 10px;
}

.rate_SelectItem_rounded_selected, .rate_SelectItem_text_selected {
    border: 0px;
    background: #00528c;
    color: #ffffff;
}

.rate_SelectItem_rounded {
}

.rate_SelectItem_text_selected_green {
    border: 1px solid #00a480;
    background: #00a480;
    color: #ffffff;
}

.rate_SelectItem_text_selected_red {
    border: 1px solid #c84a4a;
    background: #c84a4a;
    color: #ffffff;
}

.rate_SelectItem_text_selected_orange {
    border: 1px solid #dd8329;
    background: #ff9933;
    color: #000;
}

.rate_SelectItem_text_selected_yellow {
    border: 1px solid #d0d000;
    background: #d0d000;
    color: #000;
}

.rate_SelectItem_text_selected_blue {
    border: 1px solid #0096db;
    background: #0096db;
    color: #ffffff;
}

.rate_SelectItem_text_selected_darkblue {
    border: 1px solid #00008B;
    background: #00008B;
    color: #ffffff;
}

.rate_SelectItem_text_selected_lightblue {
    border: 1px solid #ADD8E6;
    background: #ADD8E6;
    color: #ffffff;
}

.rate_SelectItem_text_selected_lightskyblue {
    border: 1px solid #87CEFA;
    background: #87CEFA;
    color: #ffffff;
}

.rate_SelectItem_text_selected_gray {
    border: 1px solid #0096db;
    background: #a0a0a0;
    color: #ffffff;
}

/*------------Rate_SelectItem CSS---------*/

.ECMenu_Printer {
    background-image: url('../Images/EfixControl/PopupButtonMenu/printer.png');
    filter: hue-rotate(var(--corAHueRotate));
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    height: 49px;
    width: 49px;
    cursor: pointer;
}




.ECMenu_Report {
    background-image: url('../Images/EfixControl/PopupButtonMenu/report.png');
    position: absolute;
    
    filter: hue-rotate(var(--corAHueRotate));
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    cursor: pointer;
    right: 185px;
    top: -7px;
    /*
    filter: hue-rotate(var(--corAHueRotate));
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    cursor: pointer;
    display: inline-block;
    margin-right: 8px;
    margin-top: 6px;*/
}

.ECMenu_Feed {
    background-image: url('../Images/EfixControl/PopupButtonMenu/feed.png');
    filter: hue-rotate(var(--corAHueRotate));
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    cursor: pointer;
    display: inline-block;
    margin-right: 8px;
    margin-top: 6px;
}

.ECMenu_Organo {
    background-image: url('../Images/EfixControl/PopupButtonMenu/Organo.png');
    filter: hue-rotate(var(--corAHueRotate));
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    height: 49px;
    width: 49px;
    cursor: pointer;
    display: inline-block;
    margin-top: -5px;
}

    .ECMenu_Feed a, .ECMenu_Organo a {
        width: 32px;
        height: 32px;
        position: absolute;
    }

.ECMenu_Resume {
    background-image: url('../Images/EfixControl/PopupButtonMenu/cv_resume_profile.png');
    filter: hue-rotate(var(--corAHueRotate));
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
}

/* PopupButtonMenu */
.ECMenu_PopupButton_Performance {
    position: relative;
    background-image: url('../Images/EfixControl/PopupButtonMenu/PerformanceOn.PNG');
    filter: hue-rotate(var(--corAHueRotate));
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    height: 49px;
    width: 49px;
    cursor: pointer;
}
.ECMenu_ChangeHierarchy {
    position: relative;
    background-image: url('../Images/EfixControl/PopupButtonMenu/change.PNG');
    filter: hue-rotate(var(--corAHueRotate));
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    height: 49px;
    width: 49px;
    cursor: pointer;
}
    .ECMenu_PopupButton_Performance .ECMenu_PopupButtonBadge {
        filter: hue-rotate(var(--corAHueRotateBack));
    }
.ECMenu_ChangeHierarchy_Badge {
    position: relative;
    
    top: -49px;
    
}

.ECMenu_PopupButton {
    height: 49px;
    width: 49px;
}

.ECMenu_PopupButtonBadge {
    position: absolute;
    right: 0px;
    top: 4px;
    min-width: 18px;
    height: 14px;
    z-index: 25;
}

    .ECMenu_PopupButtonBadge span {
        position: absolute;
        right: 0px;
        /*top: 3px;*/
        /*min-width: 18px;*/
        height: 14px;
        padding: 0px 8px;
        border-radius: 10px;
        font-size: 10px;
        color: white;
        text-align: center;
    }

.workflowStepNumber_legend {
    width: 20px;
    height: 20px;
    border: 2px solid #9DACAF;
    color: #9DACAF;
}

.ECMenu_PopupButtonBadgeLegendDiv {
    margin-top: 3px;
    margin-left: 35px;
}

.ECMenu_PopupButtonBadgeLegend_right {
    right: 15px;
    position: absolute;
}

.ECMenu_PopupButtonBadgeLegend {
    top: 3px;
    width: 10px;
    height: 10px;
    padding: 3px 5px 0px 5px;
    border-radius: 50%;
    font-size: 6px;
    color: white;
    text-align: center;
}


.ECMenu_PopupButton_Popover {
    padding: 20px;
}

    .ECMenu_PopupButton_Popover .combobox-area {
        /*overflow-y:hidden;*/
    }

    .ECMenu_PopupButton_Popover .ECAccordionAddArea {
        background: url('../Images/EfixControl/ContainerItem/Accordion/btn_accordion_plus_gray.png') no-repeat 50% 50%;
        background-color: #e7e7e7;
        height: 32px;
        cursor: pointer;
    }

        .ECMenu_PopupButton_Popover .ECAccordionAddArea:hover {
            background-color: #dcdcdc;
        }

/* Combobox */
.btn {
    padding: 8px 16px;
    border-radius: 2px;
    /*font-size: 14px;*/
}

.btn-primary {
    margin: 1px 0px;
    color: #fff;
    background-color: #00b4fb;
    border-color: #00b4fb;
}

    .btn-primary:hover {
        background-color: #0096db;
        border-color: #0096db;
    }

    .btn-primary:active {
        background-color: #005aa0;
        border-color: #005aa0;
    }

    .btn-primary.active {
        background-color: #005aa0;
        border-color: #005aa0;
    }

.btn-success {
    margin: 1px 0px;
    color: #fff;
    background-color: #00b990;
    border-color: #00b990;
}

    .btn-success:hover {
        background-color: #01a480;
        border-color: #01a480;
    }

.btn-danger {
    margin: 1px 0px;
    color: #fff !important;
    background-color: #e55d5d !important;
    border-color: #e55d5d !important;
}

    .btn-danger:hover {
        background-color: #cb4a4a;
        border-color: #cb4a4a;
    }

.btn-input {
    margin: 1px 0px;
    display: block;
}

.btn.form-control {
    text-align: left;
}

.up {
    display: none;
}

.open .up {
    display: inline;
    position: absolute;
    right: 4px;
    top: 10px;
}

.down {
    position: absolute;
    right: 4px;
    top: 10px;
}

.open .down {
    display: none;
}

.ECComboboxLabel {
    /*background-color: #9DACAF;*/
    background-color: #ccc;
    padding: 2px 24px 2px 8px;
}

.ECComboboxContent {
    position: relative;
}

.ECCombobox .right-contents {
    float: right;
    height: 34px;
    top: -7px;
    right: 5px;
    margin-top: -5px;
    /*Verificar o grid de metas*/
}

    .ECCombobox .right-contents .badge span {
        margin: 7px 0;
    }

.ECComboboxBadge {
    /*position: absolute;*/
    /*right: 0px;*/
    /*top: 0px;*/
    /*min-width: 12px;*/
    /*height: 12px;*/
    /*padding: 2px 9px;*/
    /*border-radius: 20px;*/
    /*font-size: 10px;*/
    /*line-height: 10px;*/
    /*background: #dc2d25;*/
    /*color: white;*/
    /*text-align: center;*/
}

    .ECComboboxBadge span {
        position: absolute;
        right: 0px;
        top: -1px;
        min-width: 12px;
        min-height: 14px;
        padding: 2px 9px;
        border-radius: 20px;
        font-size: 10px;
        line-height: 10px;
        /*background: #dc2d25;*/
        color: white;
        text-align: center;
    }

.ECCombobox {
    color: #29ACFA;
    width: 100%;
}
/* Combobox_ColumnsItem*/
.ECComboboxColumnsItem > div {
    display: inline-block;
    vertical-align: top;
}

.combobox-area {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 3px;
}

.tabItemTitle {
    background-color: #00528c;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.PSTGroup_Instructions {
    color: #0098d7;
    font-size: 16px;
}

/* Accordion */
.ECAccordion .panel {
    min-width: 400px;
    border-radius: 0;
    margin-top: 0 !important;
    margin-left: 1px;
    margin-right: 1px;
}

    .ECAccordion .panel .panel-heading {
        border-radius: 0;
        color: #29ACFA;
        padding: 0;
        min-height: 40px;
    }

    .ECAccordion .panel > .panel-heading > .panel-title {
        top: 10px;
    }

        .ECAccordion .panel > .panel-heading > .panel-title > a {
            text-decoration: none !important;
        }

        .ECAccordion .panel > .panel-heading > .panel-title > .left-contents > .plus {
            display: inline;
        }

        .ECAccordion .panel > .panel-heading > .panel-title > .left-contents > .minus {
            display: none;
        }

    .ECAccordion .panel.panel-expanded > .panel-heading > .panel-title > .left-contents > .plus {
        display: none;
    }

    .ECAccordion .panel.panel-expanded > .panel-heading > .panel-title > .left-contents > .minus {
        display: inline;
    }

    .ECAccordion .panel.panel-expanded {
        border-color: #29ACFA;
    }

        .ECAccordion .panel.panel-expanded > .panel-heading {
            background-color: #29ACFA;
            color: #fff;
        }

.ECAccordion .panel-title {
    position: relative;
}

.ECAccordion .left-contents {
    height: 34px;
    position: absolute;
    left: 10px;
}

.ECAccordion .title-contents {
    margin-left: 30px;
    min-height: 21px;
    display: inline-flex;
}

    .ECAccordion .title-contents .translationLabelWorkArea {
        float: left;
    }

.ECAccordion .right-contents {
    float: right;
    min-height: 34px;
    top: -7px;
    right: 5px;
    margin-top: -5px;
    /*Verificar o grid de metas*/
}

    .ECAccordion .right-contents .badge span {
        margin: 7px 0;
    }

.ECMenu_PopupButton_Popover .ECAccordion .right-contents {
    display: flex;
    position: absolute;
    margin-top: 5px;
    align-items: center;
}

.ECAccordion .panel-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.ECAccordion .panel-item {
    border-bottom: 1px solid #9DACAF;
}

    .ECAccordion .panel-item:last-child {
        border-bottom: 1px solid #9DACAF;
    }

.ECAccordion .btn.disabled {
    cursor: default;
    pointer-events: all;
}

.ECAccordionBadge {
    /*position: absolute;*/
    right: 0px;
    top: 3px;
    min-width: 24px;
    height: 18px;
    padding: 3px 5px 0px 5px;
    border-radius: 20px;
    font-size: 11px;
    color: white;
    text-align: center;
}

    .ECAccordionBadge span {
        position: absolute;
        right: 0px;
        top: 3px;
        min-width: 24px;
        height: 18px;
        padding: 3px 5px 0px 5px;
        border-radius: 20px;
        font-size: 11px;
        color: white;
        text-align: center;
    }

.ECAccordion .AccordionButtonNoPadding {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    position: absolute;
    top: -4px;
    right: 0px;
}

    .ECAccordion .AccordionButtonNoPadding:hover {
        padding: 0px;
        border: 0px;
        background-color: transparent;
        cursor: pointer;
    }
/* UserStatus */
.ECUserStatus {
    position: relative;
    height: 40px;
    width: 400px;
    overflow: hidden;
    cursor: pointer;
}

.usPhoto {
    vertical-align: middle;
    text-align: center;
    position: absolute;
    left: 3px;
    top: 3px;
    height: 34px;
    max-width: 34px;
    font-size: 11px;
    border-radius: 50%;
}

    .usPhoto img {
        border-radius: 50%;
    }

.usBadge {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 33px;
    top: 5px;
    border-radius: 50%;
    z-index: 1000;
}

.stepNumber {
    top: -5px;
    font-weight: 400;
    width: 25px;
    height: 25px;
    line-height: 25px;
    right: 10px;
}

.usName {
    color: #28323c;
    position: absolute;
    top: 3px;
    left: 45px;
    overflow: hidden;
    text-wrap: none;
    width: 350px;
}

.usWhat {
    position: absolute;
    left: 45px;
    top: 17px;
    color: #7d9095;
    text-wrap: none;
    width: 350px;
}

.PSTC04Group > div {
    display: inline;
}

.PSTC04Group .groupName {
}

.PSTC04Group .rate {
}

.PSTC04Group .compare {
}

.PSTC04Accordion .panel {
    min-width: 960px;
}

.PSTC04Accordion .right-contents .ECImageButton {
    margin-top: 12px;
}

.PSTC04Accordion .right-contents {
    white-space: nowrap;
    margin-right: 15px;
    /*min-height: 34px;*/
}

    .PSTC04Accordion .right-contents > span {
        float: right;
        margin-top: -3px;
        margin-left: 8px;
        padding-bottom: 8px;
    }

.PSTC04Accordion .panel-title .right-contents {
    display: flex;
}

    .PSTC04Accordion .panel-title .right-contents > span {
        margin-top: 12px;
    }

.PSTC04Accordion .ctl_compare_group {
    display: table-cell;
    text-align: right;
    vertical-align: top;
    min-width: 175px;
    padding-right: 15px;
    padding-top: 8px;
    float: right;
}

    .PSTC04Accordion .ctl_compare_group .ECComboboxLabel {
        padding: 2px 24px 2px 8px;
    }

.PSTC04_Comment, .PSTC04_CommentCompare {
}

.PSTC04_Comment_Title {
    font-size: 24px;
    color: #00b4fb;
}

.PSTC04_RaterComment_Title {
    font-size: 15px;
    color: #6e787d;
}

.PSTC04_Comment textarea {
    width: 100%;
}

.PSTC04_CommentCompare textarea {
    font-size: 11px;
}

.PSTC04_Comment_Box {
    padding: 32px !important;
}

.pstc04_error_message {
    font-size: 15px;
    color: #6e787d;
    padding-left: 65px;
}

.panel-group .panel {
    overflow: visible;
}

.PSTC04Accordion .panel-heading {
    display: table;
    width: 100%;
}

.PSTC04Accordion .panel-title {
    display: table;
    vertical-align: top;
    width: 100%;
    top: 0px !important;
}

    .PSTC04Accordion .panel-title .left-contents,
    .PSTC04Accordion .panel-title .title-contents {
        margin-top: 10px !important;
    }

.PSTC04Accordion .ctl_rate_group {
    min-width: 150px;
    float: right;
    margin-right: 15px;
    margin-top: 12px !important;
}

    .PSTC04Accordion .ctl_rate_group .rateItem .text {
        color: white;
    }

.PSTC04Accordion .ECCombobox {
    width: 150px;
}

.PSTC04Accordion .ECComboboxColumnsItem {
    position: relative;
    overflow: hidden;
    min-height: 28px;
}

.PSTC04Accordion .ECComboboxColumnsItem_0 {
    position: absolute;
    left: 0px;
    font-size: 11px;
}

.PSTC04Accordion .dropdown-menu .ECComboboxColumnsItem_0 {
    /*width: 85%;*/
    text-align: justify;
}

.PSTC04Accordion .ECComboboxColumnsItem_1 {
    position: absolute;
    top: 12px;
    color: #29ACFA;
    font-weight: bold;
    font-size: 11px;
}

.ECGAEvaluateeQuestionAssessment .ECComboboxColumnsItem_0,
.ECGAEvaluateeGroupAssessment .ECComboboxColumnsItem_0 {
    position: absolute;
    left: 0px;
    font-size: 9px;
}

.ECGAEvaluateeQuestionAssessment .dropdown-menu .ECComboboxColumnsItem_0,
.ECGAEvaluateeGroupAssessment .dropdown-menu .ECComboboxColumnsItem_0 {
    /*width: 85%;*/
    text-align: justify;
}

.ECGAEvaluateeQuestionAssessment .ECComboboxColumnsItem_1,
.ECGAEvaluateeGroupAssessment .ECComboboxColumnsItem_1 {
    position: absolute;
    top: 9px;
    color: #29ACFA;
    font-weight: bold;
    font-size: 10px;
}

.dropdown-menu .ECComboboxColumnsItem {
    margin: 0px -12px;
}

.dropdown-menu li .right-contents {
    position: relative;
    height: inherit;
    right: 16px;
}

.dropdown-menu > li > a > .ECLabel {
    display: inline-block;
}

/*
.PSTC04Accordion .rate_SelectItem .text {
    font-size: 12px;
    border: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
    max-width: 100px;
    min-height: 30px;
}

    .PSTC04Accordion .rate_SelectItem .text .translationLabelWorkArea {
        height: 100%;
        overflow: hidden;
    }

        .PSTC04Accordion .rate_SelectItem .text .translationLabelWorkArea p {
            display: normal;
            height: 100%;
            white-space: normal;
        }
        */
.PSTC04Accordion .panel-body {
    padding: 0px 0px 0px 0px;
}

.PSTC04Question {
    display: table;
    width: 100%;
    min-height: 40px;
    padding-top: 16px;
    padding-bottom: 16px;
}

    .PSTC04Question .ECCombobox {
        width: 150px;
        background: white;
    }

        .PSTC04Question .ECCombobox .ECComboboxLabel {
            background: #ffffff;
            padding: 2px 24px 2px 8px;
        }

        .PSTC04Question .ECCombobox .ECComboboxColumnsItem {
            position: relative;
            overflow: hidden;
            min-height: 28px;
        }

        .PSTC04Question .ECCombobox .ECComboboxColumnsItem_0 {
            position: absolute;
            left: 0px;
            font-size: 10px;
        }

        .PSTC04Question .ECCombobox .ECComboboxColumnsItem_1 {
            position: absolute;
            top: 12px;
            font-size: 10px;
            left: 0px;
        }

            .PSTC04Question .ECCombobox .ECComboboxColumnsItem_1 .translationLabel {
                word-break: break-all;
            }

        .PSTC04Question .ECCombobox .down {
            /*display: none;*/
        }

        .PSTC04Question .ECCombobox .up {
            display: none;
        }

.PSTC04Question_Vertical {
    display: flex;
    flex-direction: column;
}

.ECGAEvaluateeQuestionAssessment .ECCombobox,
.ECGAEvaluateeGroupAssessment .ECCombobox {
    width: 150px;
    background: white;
}

    .ECGAEvaluateeQuestionAssessment .ECCombobox .ECComboboxLabel,
    .ECGAEvaluateeGroupAssessment .ECCombobox .ECComboboxLabel {
        background: #ffffff;
        padding: 2px 24px 2px 8px;
    }

    .ECGAEvaluateeQuestionAssessment .ECCombobox .ECComboboxColumnsItem,
    .ECGAEvaluateeGroupAssessment .ECCombobox .ECComboboxColumnsItem {
        position: relative;
        overflow: hidden;
        min-height: 28px;
    }

    .ECGAEvaluateeQuestionAssessment .ECCombobox .ECComboboxColumnsItem_0,
    .ECGAEvaluateeGroupAssessment .ECCombobox .ECComboboxColumnsItem_0 {
        position: absolute;
        left: 0px;
        font-size: 10px;
    }

    .ECGAEvaluateeQuestionAssessment .ECCombobox .ECComboboxColumnsItem_1,
    .ECGAEvaluateeGroupAssessment .ECCombobox .ECComboboxColumnsItem_1 {
        position: absolute;
        top: 12px;
        font-size: 10px;
        left: 0px;
    }

        .ECGAEvaluateeQuestionAssessment .ECCombobox .ECComboboxColumnsItem_1 .translationLabel,
        .ECGAEvaluateeGroupAssessment .ECCombobox .ECComboboxColumnsItem_1 .translationLabel {
            word-break: break-all;
        }

    .ECGAEvaluateeQuestionAssessment .ECCombobox .down,
    .ECGAEvaluateeGroupAssessment .ECCombobox .down {
        display: none;
    }

    .ECGAEvaluateeQuestionAssessment .ECCombobox .up,
    .ECGAEvaluateeGroupAssessment .ECCombobox .up {
        display: none;
    }

.PSTC04Question .question {
    display: table-cell;
    vertical-align: top;
    /*min-width: 30%;*/
    padding-left: 30px;
    padding-right: 30px;
    font-size: 11px;
    /*max-width: 350px;*/
    /*width: 700px;*/
    width: auto;
}

.PSTC04Question .rate_SelectItem {
    padding-top: 5px;
    display: flex;
    position: relative;
    max-width: 500px;
}

.PSTC04Question .rate {
    min-width: 170px;
    float: left;
    margin-right: 15px;
    width: 100%;
    overflow: hidden;
}

.PSTC04Question .compare {
    display: table-cell;
    text-align: right;
    vertical-align: top;
    min-width: 175px;
    padding-right: 15px;
    padding-top: 8px;
    float: right;
}

.ECGAEvaluateeQuestionAssessment .compare,
.ECGAEvaluateeGroupAssessment .compare {
    display: table-cell;
    text-align: right;
    vertical-align: top;
    padding-top: 24px;
    float: right;
}

.PSTC04Question .commentButton {
    position: absolute;
    right: 16px;
    margin-right: 10px;
    margin-top: 4px;
}

.pstc04_average_bar {
    width: 100%;
    height: 56px;
    padding: 16px 0px 16px 16px;
    background-color: #00528c;
}

    .pstc04_average_bar .ECRate {
        float: right;
        white-space: nowrap;
        min-width: 130px;
    }

    .pstc04_average_bar .pstc04_average_title {
        color: white;
        font-size: 15px;
        font-weight: bold;
    }

.pstc04_average_title > h4 {
    margin-top: 0;
    margin-left: 16px;
    margin-right: 4px;
    min-height: 20px;
    margin-bottom: 0px;
}

    .pstc04_average_title > h4 > div {
        float: left;
        font-size: 15px;
        font-weight: bold;
    }

.pstc04_average_title .right-contents {
    float: right;
    color: #000;
    font-weight: normal;
    margin-right: 25px;
}

    .pstc04_average_title .right-contents .ECLabel {
        padding: 10px;
        background: #dddddd;
        font-size: 14px;
        font-weight: bold;
        color: #00528c;
    }

.pstc04_average_bar .rate_SelectItem_text_gray,
.pstc04_average_bar .rate_SelectItem_text_green,
.pstc04_average_bar .rate_SelectItem_text_red,
.pstc04_average_bar .rate_SelectItem_text_orange,
.pstc04_average_bar .rate_SelectItem_text_yellow,
.pstc04_average_bar .rate_SelectItem_text_blue,
.pstc04_average_bar .rate_SelectItem_text_darkblue,
.pstc04_average_bar .rate_SelectItem_text_lightblue,
.pstc04_average_bar .rate_SelectItem_text_lightskyblue,
.pstc04_average_bar .rate_SelectItem_text {
    background-color: white;
}


.pstc04_group_bar {
    width: 100%;
    height: 40px;
    padding: 8px 0px 8px 16px;
    background-color: #00528c;
    font-size: 12px;
}

    .pstc04_group_bar .pstc04_group_title {
        color: white;
        font-size: 15px;
        /*        font-weight: bold;*/
    }

.pstc04_group_title > h4 {
    margin-top: 0;
    margin-left: 16px;
    margin-right: 4px;
    min-height: 20px;
    margin-bottom: 0px;
}

    .pstc04_group_title > h4 > div {
        float: left;
        font-size: 15px;
        font-weight: normal;
    }

.pstc04_group_title .right-contents {
    float: right;
    color: #000;
    font-weight: normal;
}

.pstc08_bar {
    width: 100%;
    height: 56px;
    padding: 16px 0px 16px 16px;
    background-color: #00528c;
}

    .pstc08_bar .pstc08_title {
        color: white;
        font-size: 15px;
        font-weight: bold;
    }

.pstc08_title > h4 {
    margin-top: 0;
    margin-left: 16px;
    margin-right: 4px;
    min-height: 20px;
    margin-bottom: 0px;
}

.ECContainer {
    /*display: table-cell;*/
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #949da4;
    overflow-x:auto;
}

    .ECContainer .ECContainerItem {
    }

.ECContainerItem > div {
}

.ECContainer > ul > li:hover {
}

.ECContainer > ul > li {
    min-height: 50px;
    float: left;
    position: relative;
    display: block;
    padding: 8px;
    margin-top: 11px;
    margin-bottom: 12px;
}

.ECContainer .LayoutBar {
    width: 99.99%;
    padding-right: 5px;
    text-align: right;
    color: #00b4fa;
}

.ECContainer > ul {
    display: table;
    padding-left: 2px;
    width: 100%;
}

.ECContainer .ECContainerListLayout {
}

.ECContainer .ECContainer2ColLayout {
    float: left;
}

.ECContainer .ECContainer3ColLayout {
    float: left;
}

.ECContainer .c3_col1 {
    width: 33.333%;
}

.ECContainer .c3_col2 {
    width: 66.666%;
}

.ECContainer .c3_col3 {
    width: 99.999%;
}

.ECContainer .c2_col1 {
    width: 49.9995%;
}

.ECContainer .c2_col2 {
    width: 99.999%;
}

.ECContainer .lst {
    width: 99.999%;
}

.ECContainer .hand {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    opacity: 1;
}

.ECContainerDivisor {
    width: 100%;
    border: 1px dashed;
    position: absolute;
    top: -12px;
    left: 0px;
}

.ECContainerDivisorPadrao {
    border-color: #ebebeb;
}

.ECContainerDivisorEditMode {
    border-color: #d6f3ed;
}

.ECContainer .CellBackground {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.ECContainer .editMode {
    opacity: 1;
    background-color: #f1fffc;
    border: solid 1px #00b990;
}

.ECContainer .NotValid {
    opacity: 1;
    background-color: #fef5f5;
    border: solid 1px #e55d5d;
}

.ECContainer .EditForm {
    margin-left: 0px;
    margin-bottom: 16px;
}

.ECContainer .DoneButton {
    float: right;
}

.ECContainer .AdvCfgButton {
    float: left;
}

.ECContainer .EditForm > input {
    width: 100%;
    max-width: 960px;
}

.ECContainer .Label {
    color: #0096dc;
    font-size: 15px;
    margin-bottom: 8px;
}

.ECContainer .ChkRequired {
    margin-right: 20px;
}


.ECContainer .ToolBox {
    position: absolute;
    right: -1px;
    top: 0px;
    opacity: 1;
    margin-top: 4px;
    margin-right: 4px;
}

.ECContainer .EditPencil {
    display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-top: 8px;
    margin-left: 14px;
    color: #00b990;
}

.efixEditPencil {
    margin-right: 16px;
    display: inline-block;
    background: url('../Images/box_edit_pencil.png') no-repeat 50% 50%;
    width: 18px;
    height: 18px;
}

.ECContainer .EditPencil .translationLabelWorkArea {
    display: inline-block;
}

.ECContainer .container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: none;
}

    .ECContainer .container:hover > .hand {
        opacity: 1;
        background-color: #f6f6f6;
        border: solid 1px #e9eaea;
    }

    .ECContainer .container:hover > .ToolBox {
        opacity: 1;
        z-index: 20;
    }

.containerNoHover .ToolBox {
    opacity: 1;
}

.ECContainer .containerField {
    position: relative;
    min-height: 30px;
}

    .ECContainer .containerField > input, textarea {
        max-width: 900px;
    }

.ECContainer input, textarea {
    max-width: 900px;
}

.ECContainer .containerTitle {
    /*position: absolute;*/
    /*font-size: 12px;*/
    font-weight: bold;
    /*height:20px;*/
    overflow: hidden;
}

.ECContainer .containerEdit {
    position: relative;
    margin-top: 31px;
}

    .ECContainer .containerEdit .checkbox_ImageOn:hover > img {
    }

    .ECContainer .containerEdit .checkbox_ImageOff:hover > img {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url('../Images/EfixControl/Checkbox/ckb_hover.png') no-repeat;
        width: 18px; /* Width of new image */
        height: 18px; /* Height of new image */
        padding-left: 18px; /* Equal to width of new image */
    }

.ECContainer .ConfigDefault {
    min-width: 290px;
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
}

.ECContainer .ConfigDefault_col1 {
    padding-right: 14px;
}

.ECContainer .containerDescription {
    top: 20px;
    padding-bottom: 5px;
    overflow: hidden;
}

.ECContainer .Right {
}

    .ECContainer .Right .containerDescription,
    .ECContainer .Right .containerTitle {
        /*width: 50%;*/
    }

.ECContainer .Right75 .containerDescription,
.ECContainer .Right75 .containerTitle {
    width: 25%;
}

.ECContainer .containerFieldObjectBelow {
    padding-top: 40px;
}

.ECContainer .containerFieldObjectRight {
    /*padding-left: 50%;*/
}

.ECContainer .containerFieldObjectRight75 {
    /*padding-left: 25%;*/
}

.ECContainer .ECAddItem {
    margin-left: 12px;
    margin-bottom: 12px;
}

    .ECContainer .ECAddItem .addBtn_dropMenu {
        position: absolute;
        min-width: 200px;
        border: 1px solid rgba(0,0,0,0.15);
        background-color: #fff;
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    }

.ECContainer .ECCenter {
    margin-left: auto;
    margin-right: auto;
}

.ECContainerItemTypeList {
    width: 100px;
    min-height: 30px;
    border: 1px solid #00b4fa;
}

.ECHeader {
    font-size: 24px;
    font-weight: 500;
    color: #0096dc;
    border-bottom: solid 1px #0096dc;
}

.ECSubHeader {
    font-size: 16px;
    font-weight: 500;
    color: #0096dc;
    border-bottom: solid 1px #0096dc;
}

.ECComment {
    font-size: 13px;
    font-weight: 500;
    color: #0096dc;
}

.ECOnUpload {
    background-color: #FF9933;
}

.ECUploadSuccess {
    background-color: #99FFCC;
}

.ECUploadError {
    background-color: #CC0000;
    color: white;
}

.PSTC06Grupo {
}

.PSTC06GraphTitle {
    width: 30%;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    text-align: center;
}

.PSTC06Title {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    margin: 8px 0px 0px 8px;
}

.PSTC06TitleQuestion {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin: 8px 0px 0px 8px;
}

.PSTC06Graph1 {
    display: inline-block;
    margin-left: 30px;
    width: 250px;
}

.PSTC06Graph2 {
    vertical-align: top;
    display: inline-block;
    margin-left: 100px;
    width: 250px;
}

.PSTC06PontosFortes {
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: currentColor;
    padding-top: 30px;
    font-size: 16px;
    font-weight: bold;
}

.PSTC06PontosFortes_title_competencia {
    width: 500px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
}

.PSTC06PontosFortes_title {
    width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

.PSTC06PontosFortes_text_competencia {
    width: 500px;
    display: inline-block;
    vertical-align: top;
}

.PSTC06PontosFortes_text {
    width: 200px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    vertical-align: top;
}

.PSTC06PontosFortes_text_suggestedIDP_title {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    font-size: 15px;
}

.PSTC06PontosFortes_text_suggestedIDP {
    width: 390px;
    display: inline-block;
    vertical-align: top;
}

.PSTC06PontosFortes_text_suggestedIDP_left {
    width: 430px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: top;
}

.PSTC06PontosFortes_text_suggestedIDP_command {
    width: 120px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    vertical-align: middle;
}

.PSTC06PontosFracos {
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: currentColor;
    padding-top: 30px;
    font-size: 16px;
    font-weight: bold;
}

.PSTC06PontosFracos_title_questao {
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
}

.PSTC06PontosFracos_title_competencia {
    width: 400px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
}

.PSTC06PontosFracos_title {
    width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

.PSTC06PontosFracos_titleGAP {
    width: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

.PSTC06PontosFracos_text_questao {
    width: 50%;
    display: inline-block;
}

.PSTC06PontosFracos_text_competencia {
    width: 400px;
    display: inline-block;
}

.PSTC06PontosFracos_text {
    width: 200px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

.PSTC06PontosFracos_textGAP {
    width: 100px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

.PSTC06PontosEsperados {
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: currentColor;
    padding-top: 30px;
    font-size: 16px;
    font-weight: bold;
}

.PSTC06PontosEsperados_title_competencia {
    width: 400px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
}

.PSTC06PontosEsperados_title_questao {
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
}

.PSTC06PontosEsperados_title {
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

.PSTC06PontosEsperados_text_questao {
    width: 50%;
    display: inline-block;
}

.PSTC06PontosEsperados_text_competencia {
    width: 400px;
    display: inline-block;
}

.PSTC06PontosEsperados_text {
    width: 150px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

.darkerStripe {
    background-color: #eaeaea;
}

.ECCItemAdvanceSetup_Text {
}

    .ECCItemAdvanceSetup_Text .ECCIListRules {
        width: 100%;
        height: 310px;
        overflow-y: scroll;
    }

    .ECCItemAdvanceSetup_Text .ECCINewOrRule {
        width: 100%;
    }

    .ECCItemAdvanceSetup_Text input, text, textarea {
        max-width: 100%;
    }

.ECCItemAdvanceSetup {
}

    .ECCItemAdvanceSetup .ECCIListRules {
        width: 100%;
        height: 325px;
        overflow-y: scroll;
    }

    .ECCItemAdvanceSetup .ECCINewRule {
        width: 100%;
    }

.ECCINewRule .ECAddItem {
    margin-left: 12px;
    margin-bottom: 12px;
}

    .ECCINewRule .ECAddItem .addBtn_dropMenu {
        position: absolute;
        min-width: 200px;
        height: 350px;
        border: 1px solid rgba(0,0,0,0.15);
        background-color: #fff;
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        overflow-y: scroll;
    }

.ECCItemAdvanceSetup input, text, textarea {
    max-width: 100%;
}


.bottomMenuImage {
    position: absolute;
    left: 20px;
    top: 5px;
    background-image: url('../Images/performance_procedure_icon.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.bottomMenuProcedure {
    position: absolute;
    top: 3px;
    left: 55px;
    width: auto /*165px*/;
    border: 0px;
    color: red;
}

.ECCombobox {
}

.bottomMenuProcedure .ECCombobox {
}

.menuLeftIcon {
    position: absolute;
    left: 8px;
    top: 14px;
    background-image: url('../Images/menu.png');
    background-position-y: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
    z-index: 1;
}

.menuLogoEfix {
    position: absolute;
    left: 50%;
    background-image: url('../Images/logo_efix_white.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    top: 8px;
    margin-left: -20px;
}

.bottomMenuProcedureSelect .form-control {
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px 0px #000;
    color: #066AB5;
    font-weight: 500;
    font-size: 14px;
    padding: 5px;
}

.ECComboboxLabel {
    padding: 5px;
}

.bottomMenuProcedureSelect .ECComboboxLabel {
    background: #ECECEC;
    /*border: 0px;*/
    border-radius: 0px;
}

.ECCombobox .down {
    display: inline;
    width: 14px;
    height: 9px;
    top: 12px;
    background-image: url('../images/EfixControl/Combobox/down_arrow.png');
}

.ECCombobox .open .up {
    display: inline;
    width: 14px;
    height: 9px;
    top: 12px;
    background-image: url('../images/EfixControl/Combobox/up_arrow.png');
}

.ECCombobox .up {
    display: none;
}

.ECCombobox .open .down {
    display: none;
}


.bottomMenuProcedure .down {
    display: inline;
    top: 16px;
    background-image: url('../Images/EfixControl/Combobox/down_arrow_upper_menu.png');
}

.bottomMenuProcedure .open .up {
    display: inline;
    top: 16px;
    background-image: url('../Images/EfixControl/Combobox/up_arrow_upper_menu.png');
}



/*TELERIK TreeView Sprites*/
.k-sprite {
    background-image: url("../Images/Telerik/coloricons-sprite.png");
}

.k-treeview {
    max-height: 350px;
}

    .k-treeview .k-i-expand, .k-treeview .k-i-collapse {
        overflow: inherit;
        margin-top: 2px;
    }

    .k-treeview .k-in {
        margin-left: 8px;
    }

    .k-treeview span.k-in {
        line-height: 12px;
        padding: 0px;
        padding-right: 8px;
    }

    .k-treeview .k-sprite {
        font-size: 12px;
        line-height: 16px;
        width: auto;
        padding-left: 16px;
        padding-right: 8px;
    }

    .k-treeview .k-group {
        margin-top: 4px !important;
    }

.folder {
    background-position: 0 -16px;
}

.html {
    background-position: 0 -48px;
}

.errorPage {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: top;
    display: table;
    margin-top: 80px;
}

.errorLogoEfix {
    text-align: center;
    width: 100%;
}

.errorInformation {
    margin-top: 30px;
    width: 100%;
    text-align: center;
    color: #555;
    font-size: 15px;
}

.error {
    float: inherit;
    background-color: #fcfcfc;
    border: solid 1px #d7d7d7;
    border-radius: 4px;
    width: 40%;
    color: #86a6bf;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.errorError {
    color: #e76b6b;
    font-size: 15px;
}



.loginPage_fgt_page {
    position: absolute;
    width: 100%;
    height: 100%;
}

.loginCustomerLogo_fgt_page {
    position: absolute;
    left: 0px;
    top: 24px;
    width: 100%;
    height: 56px;
    display: flex;
    overflow: hidden;
    align-items: center;
}

    .loginCustomerLogo_fgt_page img {
        height: 56px;
        margin: auto;
    }

.login_fgt_page {
    position: absolute;
    background-color: #fcfcfc;
    border: solid 1px #d7d7d7;
    border-radius: 4px;
    left: 50%;
    margin-left: -155px;
    width: 310px;
    top: 50%;
    margin-top: -150px;
    height: 258px;
    color: #86a6bf;
}

.loginUserTitle_fgt_page {
    position: absolute;
    top: 100px;
    left: 60px;
}

.loginUser_fgt_page {
    position: relative;
    height: 26px;
    width: 242px;
    border: solid 1px #d7d7d7;
    border-radius: 2px;
    background-color: #a0a0a0;
    color: #555;
    top: 60px;
    left: 34px;
}

    .loginUser_fgt_page input {
        width: 242px;
    }

.loginPasswordTitle_fgt_page {
    position: absolute;
    top: 160px;
    left: 60px;
}

.loginPassword_fgt_page {
    position: relative;
    width: 242px;
    height: 26px;
    border: solid 1px #d7d7d7;
    border-radius: 2px;
    background-color: #a0a0a0;
    color: #555;
    top: 80px;
    left: 34px;
}

    .loginPassword_fgt_page input {
        width: 242px;
    }

.loginSubmit_fgt_page {
    position: absolute;
    top: 195px;
    left: 105px;
    width: 100px;
    height: 30px;
    padding: 4px 25px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    background-color: #00b4fb;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.loginError_fgt_page {
    position: relative;
    top: 80px;
    left: 34px;
    width: 242px;
    height: 45px;
    color: #e76b6b;
    text-align: justify;
    margin-left: -1px;
    font-size: 13px;
}

.loginLogoEfix_fgt_page {
    position: absolute;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -39px;
    height: 52px;
    text-align: center;
}

.loginInformation_fgt_page {
    position: absolute;
    top: 50%;
    margin-top: -180px;
    left: 50%;
    margin-left: -175px;
    width: 350px;
    text-align: center;
    color: #555;
    font-size: 15px;
}

.loginForgotPassword_fgt_page {
    position: absolute;
    top: 50%;
    margin-top: 120px;
    left: 50%;
    margin-left: -175px;
    width: 350px;
    text-align: center;
    color: #00b4fb;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}


.loginLanguage_fgt_page {
    position: relative;
    top: 100px;
    left: 8px;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 600;
    background-color: #e9f5f2;
    text-align: center;
    color: #22bd98;
    cursor: pointer;
}


.loginPage {
    position: absolute;
    /*top:0px;
    width: 100%;
    height: 100%;*/
}

.loginFrame {
    margin: auto;
    margin-top: 150px;
    width: 500px;
}

.loginCustomerLogo {
    /*position: absolute;
    left: 0px;
    top: 24px;
    width: 100%;
    height: 56px;*/
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    overflow: hidden;
    align-items: center;
}

    .loginCustomerLogo img {
        height: 56px;
        margin: auto;
    }

.login {
    position: relative;
    width: 310px;
    margin: auto;
    margin-top: 20px;
    background-color: #fcfcfc;
    border: solid 1px #d7d7d7;
    border-radius: 4px;
    /*left: 50%;
    margin-left: -155px;
    width: 310px;
    top: 50%;
    margin-top: -150px;
    height: 258px;*/
    color: #86a6bf;
}

.loginUserTitle {
    position: absolute;
    top: 100px;
    left: 60px;
}

.loginUser {
    margin: auto;
    margin-top: 20px;
    /*position: relative;*/
    height: 26px;
    width: 242px;
    border: solid 1px #d7d7d7;
    border-radius: 2px;
    background-color: #a0a0a0;
    color: #555;
    /*top: 60px;
    left: 34px;*/
}

    .loginUser input {
        width: 242px;
    }

.loginPasswordTitle {
    position: absolute;
    top: 160px;
    left: 60px;
}

.loginPassword {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    width: 242px;
    height: 26px;
    border: solid 1px #d7d7d7;
    border-radius: 2px;
    background-color: #a0a0a0;
    color: #555;
    /*top: 80px;
    left: 34px;*/
}

    .loginPassword input {
        width: 242px;
    }

.loginPasswordEye {
    position: absolute;
    right: 2px;
    top: 2px;
    cursor: pointer;
}

.loginSubmit {
    /*position: absolute;
    top: 195px;
    left: 105px;*/
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100px;
    height: 30px;
    padding: 4px 25px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    background-color: #00b4fb;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.loginError {
    /*position: relative;
    top: 80px;
    left: 34px;
    width: 242px;
    height: 45px;*/
    color: #e76b6b;
    text-align: center;
    /*margin-left: -1px;*/
    font-size: 13px;
}

.loginLogoEfix {
    /*position: absolute;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -39px;
    height: 52px;*/
    margin: auto;
    margin-bottom: 20px;
    text-align: center;
}

.loginInformation {
    /*position: absolute;
    top: 50%;
    margin-top: -180px;
    left: 50%;
    margin-left: -175px;
    width: 350px;*/
    text-align: center;
    color: #555;
    font-size: 15px;
}

.loginForgotPassword {
    /*position: absolute;
    top: 50%;
    margin-top: 120px;
    left: 50%;
    margin-left: -175px;
    width: 350px;*/
    text-align: center;
    color: #00b4fb;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}


.loginLanguage {
    position: absolute;
    bottom: 0px;
    left: 8px;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 600;
    background-color: #e9f5f2;
    text-align: center;
    color: #22bd98;
    cursor: pointer;
}

/*Forgot Pass page*/
.forgotPassPage {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
}

.forgotPass {
    position: absolute;
    background-color: #fcfcfc;
    border: solid 1px #d7d7d7;
    border-radius: 4px;
    left: 50%;
    margin-left: -155px;
    width: 310px;
    top: 50%;
    margin-top: -110px;
    height: 258px;
    color: #86a6bf;
}

.forgotPassUserTitle {
    position: absolute;
    top: 100px;
    left: 60px;
}

.forgotPassEmail {
    position: relative;
    height: 26px;
    width: 242px;
    color: #555;
    top: 60px;
    left: 34px;
}

.forgotPassUser input {
    width: 242px;
}

.forgotPassEmailTitle {
    position: absolute;
    top: 160px;
    left: 60px;
}

.forgotPassUser {
    position: relative;
    width: 242px;
    height: 26px;
    color: #555;
    top: 80px;
    left: 34px;
}

.forgotPassEmail input {
    width: 242px;
}

.forgotPassSubmit {
    position: absolute;
    top: 195px;
    left: 105px;
    width: 100px;
    height: 30px;
    padding: 4px 25px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    background-color: #00b4fb;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.forgotPassError {
    position: relative;
    top: 32px;
    left: 34px;
    width: 242px;
    height: 45px;
    color: #e76b6b;
    text-align: justify;
    margin-left: -1px;
    font-size: 15px;
}

    .forgotPassError .msgSuccess {
        color: #00b990;
    }

.forgotPassLogoEfix {
    position: absolute;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -39px;
    height: 52px;
    text-align: center;
}

.forgotPassInformation {
    position: absolute;
    top: 50%;
    margin-top: -180px;
    left: 50%;
    margin-left: -121px;
    width: 242px;
    text-align: center;
    color: #555;
    font-size: 15px;
}

.forgotPassForgotPassword {
    position: absolute;
    top: 50%;
    margin-top: 120px;
    left: 50%;
    margin-left: -121px;
    width: 242px;
    text-align: center;
    color: #00b4fb;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.forgotPassLanguage {
    position: relative;
    top: 130px;
    left: 8px;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 600;
    background-color: #e9f5f2;
    text-align: center;
    color: #22bd98;
    cursor: pointer;
}

.forgotPassLogin {
    position: absolute;
    top: 50%;
    margin-top: 155px;
    left: 50%;
    margin-left: -175px;
    width: 350px;
    text-align: center;
    color: #00b4fb;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}


/*------------SelectOption CSS---------*/
.SelectOption {
    margin: 5px;
}

    .SelectOption .SelectOptionInput > div {
        margin-left: 4px;
    }

.SelectOptionItems td {
    width: auto !important;
    background-color: transparent !important;
    color: black !important;
    font-weight: normal !important;
    border: none !important;
}

    .SelectOptionItems td:hover {
        color: #4f9fcf !important;
    }

.SelectOption .SelectOptionInput .SelectOptionTitle {
    border: 1px solid #c3ccd1;
    border-radius: 2px;
    -moz-border-radius: 4px;
    min-width: 200px;
    vertical-align: middle;
    text-align: left;
    margin-left: 4px;
}

    .SelectOption .SelectOptionInput .SelectOptionTitle > div {
        margin-left: 5px;
        margin-top: 4px;
    }

/*------------SelectOption CSS---------*/
/*------------Grid CSS---------*/
.k-state-disabled .k-input {
    /*background: #e6e6e6;*/
}

.k-item {
    font-size: 0.9em;
    text-indent: 8px;
}

.k-list > .k-state-selected.k-state-focused, .k-list-optionlabel.k-state-selected.k-state-focused {
    font-size: 0.9em;
    text-indent: 8px;
}

.grid_ConfigButton {
    padding: 16px;
    text-align: center;
    cursor: pointer;
}

.efixGridMoveLeft {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 8px;
    top: -34px;
    z-index: 10;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    font-size: 16px;
}

.efixGridMoveRight {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 40px;
    top: -34px;
    z-index: 10;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    font-size: 16px;
}

.efixGridInactiveRows {
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    background-image: url('../Images/EfixControl/Grid/inactiveItems.png');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 72px;
    top: -34px;
    z-index: 10;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    font-size: 16px;
}

    .efixGridInactiveRows .efixGridInactiveRowsAlertNumber {
        z-index: 10;
        background: #fff;
        position: absolute;
        right: -12px;
        top: -6px;
        border-radius: 50%;
        min-width: 16px;
        max-height: 16px;
        text-align: center;
        font-size: 11px;
        color: #aaa;
        line-height: 16px;
        border: 1px solid #aaa;
    }

.efixGrid {
    overflow-x: visible;
    position: relative;
}

    .efixGrid .rateItem .text {
        background-color: white;
    }

    .efixGrid .rate_SelectItem {
        padding-top: 5px;
        top: 50%;
        margin-top: -8px;
    }

        .efixGrid .rate_SelectItem .text {
            font-size: 10px;
            border: 0px;
            /*
            padding-left: 1px;
            padding-right: 1px;
            */
            border-radius: 2px;
            max-width: 100px;
            min-height: 30px;
            vertical-align: -webkit-baseline-middle;
        }

            .efixGrid .rate_SelectItem .text .translationLabelWorkArea {
                height: 100%;
                overflow: hidden;
            }

                .efixGrid .rate_SelectItem .text .translationLabelWorkArea p {
                    display: normal;
                    height: 100%;
                    white-space: normal;
                }
/*------------Grid CSS---------*/

/*------------Grid_Field CSS---------*/
.accordion_control {
    width: 100%;
    padding-bottom: 8px;
}

.accordiondetail_control {
    width: 100%;
    padding-bottom: 8px;
}

.gridField {
}

.gridRowCellSelected {
    border-bottom: 0px;
    border-top: 1px #00b4fb solid !important;
    border-left: 1px #00b4fb solid !important;
    border-right: 1px #00b4fb solid !important;
}

.gridRowSelectedCellNotSelected {
    border-bottom: 1px #00b4fb solid !important;
}

.gridMultiDetailOpened {
    border-top: 1px #00b4fb solid !important;
    border-bottom: 0px !important;
}

tr .gridMultiDetailOpened:first-child {
    border-left: 1px #00b4fb solid !important;
}

tr .gridMultiDetailOpened:last-child {
    border-right: 1px #00b4fb solid !important;
}

.k-grid .k-grouping-row div {
    display: inline-block;
    /*width: 89%;*/
}

.k-grid .k-grouping-row .k-reset {
}

.k-grid .k-grouping-row td {
    padding: 0px;
}

.k-grid .k-grouping-row input {
    padding: 0px 0px 0px 0px;
    border: 0px;
    font-weight: bold;
    font-size: 12px;
    background: none;
    color: #333;
}

.k-grid .gridDetailRow .gridDetailCell {
    border-top: 0px;
    border-left: 1px #00b4fb solid;
    border-right: 1px #00b4fb solid;
    border-bottom: 1px solid #00b4fb;
    padding-bottom: 16px;
}

.k-grid td {
    vertical-align: top;
    position: relative;
}

.k-master-row td {
    position: relative;
    vertical-align: top;
}

.k-grid-toolbar .toolbar {
    border-style: dotted;
    border-bottom-width: medium;
    cursor: pointer;
}

.k-grid .grid_column {
    position: relative;
}

.k-grid .kgrid-subcol {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-image: url('../Images/EfixControl/Grid/plus.png');
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 10;
}

.k-grid .kgrid-subcol-left {
    position: absolute;
    left: 4px;
    top: 12px;
    background-image: url('../Images/EfixControl/Grid/plus.png');
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 1;
}

.k-grid .k-detail-opened {
    background-image: url('../Images/EfixControl/Grid/minus.png');
}

.k-grid .kgrid-subcol-left-nextDiv {
    margin-left: 16px;
}

.GridCellCanEditFalse {
    background: #e6e6e6;
}

.grid_subColumns table td {
    border: 0px;
    border-bottom: 1px solid #e6e6e6;
    vertical-align: top;
}

.grid_subColumns_title {
    color: #00b4fb;
    width: 25%;
}
/*set the min-height for the popover displayed in grid cells*/
.popover-grid {
    min-width: 615px;
}

.borderless {
    border: 0px;
}

.k-grid .k-detail-row {
}

    .k-grid .k-detail-row .k-detail-cell {
        border-left: 1px solid #0096dd;
        border-right: 1px solid #0096dd;
        border-bottom: 1px solid #0096dd;
    }

.k-grid .k-master-row td.bordered {
    border-bottom: 1px solid #c5c5c5;
}

.k-grid .subColumnPicker {
    float: right;
    cursor: pointer;
}


.k-grid .k-hierarchy-cell {
    display: none;
}

.k-grid .k-hierarchy-col {
    display: none;
}

.k-grid .k-header .k-link {
    color: #41a6dc;
    text-overflow: unset !important;
    text-wrap: wrap;
}

.k-confirm .k-window-titlebar {
    display: none;
}
/*Disable alternate row color*/
.k-alt {
    background: transparent;
}

/*Add horizontal border*/
.k-grid td {
    border-bottom: 1px solid #c5c5c5;
}

.k-grid .k-master-row td.bordered {
    border-bottom: 1px solid #0096dd;
}

.k-grid .k-master-row td.borderless {
    border: 1px solid #0096dd;
    border-bottom: none;
}

.k-grid .grid_subColumns .add {
    background-color: #00aae8;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}

.k-grid .k-grid-toolbar .addNewRow {
    background-color: #f8f8f8;
    color: #bcc5cc;
    height: 30px;
    line-height: 40px;
}

    .k-grid .k-grid-toolbar .addNewRow:hover {
        color: #a6abaf;
        font-weight: bold;
    }

.gridField .gridField-checkbox, .gridField .gridField-description {
    margin-left: 5px;
}

.gridField .translationLabel {
    margin: 0;
}
/*
.k-grid,
.k-grid .k-auto-scrollable {
    height: auto !important;
    overflow-y: visible !important;
}
.k-grid .k-grid-content{overflow: auto;}
.k-grid .k-grid-header{padding-right: 0px !important;}
*/
/*------------Grid_Field CSS---------*/

/*------------Grid_ColumnFieldsPicker CSS---------*/
.grid_ColumnFieldsPicker {
    margin: 10px;
}

    .grid_ColumnFieldsPicker .heading {
        color: #428bca;
        font-weight: bold;
        margin-left: 9px;
    }

    .grid_ColumnFieldsPicker .row {
        position: relative;
        margin-bottom: 16px;
        margin-right: unset;
        margin-left: unset;
    }
.grid_column .ECAutoComplete {
    min-width: 0px;
}
.Assessment9BoxReport_Table {
 
}
.grid_column .ECAutoComplete span {
    min-width: 100%;
}
.grid_ColumnFieldsPicker_checkbox {
    position: absolute;
    top: 0px;
    left: 15px;
}

.grid_ColumnFieldsPicker_colorpicker {
    position: absolute;
    top: 0px;
    left: 45px;
}

.grid_ColumnFieldsPicker_fx_editor {
    position: absolute;
    top: 0px;
    left: 60px;
    padding-left: 2px;
    padding-right: 2px;
    display: inline-block;
}

.grid_ColumnFieldsPicker_Folder {
    position: relative;
    width: 100%;
    padding: 16px 48px 8px 24px;
    text-transform: uppercase;
    background-color: #e9eaec;
    margin-top: 8px;
}

.grid_ColumnFieldsPicker_columnedit {
    position: absolute;
    left: 80px;
    width: 50px !important;
}

.grid_ColumnFieldsPicker_left {
    position: absolute;
    top: 0px;
    left: 150px;
    width: 225px;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
}

.grid_ColumnFieldsPicker_right {
    margin-left: 380px;
}

.grid_ColumnFieldsPicker_canvas {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #cccccc;
}
/*------------Grid_ColumnFieldsPicker CSS---------*/


/*------------Grid_ColumnFieldInput CSS---------*/

.grid_CustomFieldInput .add {
    margin-left: 4px;
}

/*------------Grid_ColumnFieldInput CSS---------*/
/* Efix Edit Buttons - in div elements*/
.efixBtnTrash {
    cursor: pointer;
    display: inline-block;
    background: url('../Images/EfixControl/EditButtons/btn_trash_gray.png') no-repeat 50% 50%;
    background-color: #e7e7e7;
    border-radius: 2px;
    width: 18px;
    height: 18px;
}

    .efixBtnTrash:hover {
        background: url('../Images/EfixControl/EditButtons/btn_trash_white.png') no-repeat 50% 50%;
        background-color: #00b4fb;
    }

.efixBtnEdit {
    cursor: pointer;
    display: inline-block;
    background: url('../Images/EfixControl/EditButtons/btn_edit_gray.png') no-repeat 50% 50%;
    background-color: #e7e7e7;
    border-radius: 2px;
    width: 18px;
    height: 18px;
}

    .efixBtnEdit:hover {
        background: url('../Images/EfixControl/EditButtons/btn_edit_white.png') no-repeat 50% 50%;
        background-color: #00b4fb;
    }

.efixCol {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.efixColSingle {
    background: url('../Images/EfixControl/ContainerItem/btn_col_single.png') no-repeat 50% 50%;
}

    .efixColSingle:hover {
        background: url('../Images/EfixControl/ContainerItem/btn_col_single_hover.png') no-repeat 50% 50%;
    }

.efixColSingleSelected {
    background: url('../Images/EfixControl/ContainerItem/btn_col_single_selected.png') no-repeat 50% 50%;
}

.efixColDouble {
    background: url('../Images/EfixControl/ContainerItem/btn_col_double.png') no-repeat 50% 50%;
}

    .efixColDouble:hover {
        background: url('../Images/EfixControl/ContainerItem/btn_col_double_hover.png') no-repeat 50% 50%;
    }

.efixColDoubleSelected {
    background: url('../Images/EfixControl/ContainerItem/btn_col_double_selected.png') no-repeat 50% 50%;
}

.efixColTriple {
    background: url('../Images/EfixControl/ContainerItem/btn_col_triple.png') no-repeat 50% 50%;
}

    .efixColTriple:hover {
        background: url('../Images/EfixControl/ContainerItem/btn_col_triple_hover.png') no-repeat 50% 50%;
    }

.efixColTripleSelected {
    background: url('../Images/EfixControl/ContainerItem/btn_col_triple_selected.png') no-repeat 50% 50%;
}
/*------------ List Language ------------------ */
.LanguageItem {
    list-style-type: none;
    cursor: pointer;
    color: #b4b4b4;
    font-size: 11px;
    margin-left: -38px;
}
/*------------ List Language ------------------ */
/*------------ Tab in forms --------------------*/
.ECFormTab .ECTabNav > li > a {
    min-height: 32px;
    background-color: #e7f2f7;
    color: #0096db;
    Text-transform: uppercase;
    font-size: 13px;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #00b4fb;
    border-bottom: 0px;
    margin-right: 4px;
    padding: 5px 10px 5px 10px;
}

    .ECFormTab .ECTabNav > li > a:hover {
        min-height: 32px;
        height: initial;
        background-color: #0096db;
        color: #fff;
    }

.ECFormTab .ECTabNav > li {
    min-height: 32px;
    height: auto;
}

.ECFormTab .nav-tabs > li.active > a,
.ECFormTab .nav-tabs > li.active > a:hover,
.ECFormTab .nav-tabs > li.active > a:focus {
    color: #FFF;
    cursor: default;
    background-color: #00b4fb;
    border: 1px solid #00b4fb;
    border-bottom-color: transparent;
    Text-transform: uppercase;
    font-size: 13px;
    border-radius: 5px 5px 0px 0px;
    margin-right: 4px;
    height: auto;
    font-weight: bold;
}

.ECFormTab .ECTabNav {
    /*height: 32px;*/
    background-color: transparent;
}

.ECFormTab .ECTabBackground {
    height: 32px;
    background-color: transparent;
}

.ECFormTab .ECTabContent {
    padding-top: 0px;
    border: solid 1px #00b4fb;
    background-color: azure;
}

.ECFormTab .ECTabAddButton {
    padding-top: 7px;
    border: 0px;
    background-color: #e7e7e7;
    margin-left: 0px;
    border-radius: 5px 5px 0px 0px;
}
/*------------ Tab in forms --------------------*/
/*------------ Accordion in forms --------------*/
.ECFormAccordionEditMode {
    margin-top: 20px;
}

.ECFormAccordion {
}

    .ECFormAccordion .ECAccordionAddArea {
        background: url('../Images/EfixControl/ContainerItem/Accordion/btn_accordion_plus_gray.png') no-repeat 50% 50%;
        background-color: #e7e7e7;
        height: 32px;
        cursor: pointer;
    }

        .ECFormAccordion .ECAccordionAddArea:hover {
            background-color: #dcdcdc;
        }

    .ECFormAccordion .efixBtnTrash {
        margin-top: 4px;
    }

    .ECFormAccordion .panel {
        width: 100%;
        border: solid 1px #95d6f0;
        margin-bottom: 1px;
    }

        .ECFormAccordion .panel.panel-expanded {
            border-color: #00b4fb;
        }

        .ECFormAccordion .panel .panel-heading {
            background-color: #95d6f0;
            color: #fff;
            text-transform: uppercase;
            height: 32px;
        }

        .ECFormAccordion .panel.panel-expanded .panel-heading {
            background-color: #00b4fb;
        }

    .ECFormAccordion .first-panel {
        border-radius: 4px 4px 0px 0px;
    }

    .ECFormAccordion .panel .first-panel .panel-heading {
        border-radius: 4px 4px 0px 0px;
    }

    .ECFormAccordion .panel-title {
        font-size: 13px;
    }

    .ECFormAccordion .panel .panel-heading .panel-title .plus {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url('../Images/EfixControl/ContainerItem/Accordion/bullet_accordion_inactive.png') no-repeat;
        width: 9px; /* Width of new image */
        height: 6px; /* Height of new image */
        padding-left: 9px; /* Equal to width of new image */
    }

    .ECFormAccordion .panel .panel-heading .panel-title .minus {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url('../Images/EfixControl/ContainerItem/Accordion/bullet_accordion_active.png') no-repeat;
        width: 9px; /* Width of new image */
        height: 6px; /* Height of new image */
        padding-left: 9px; /* Equal to width of new image */
    }

    .ECFormAccordion .panel-body {
        padding-top: 12px;
        padding-bottom: 0px;
    }

    .ECFormAccordion .panel-item {
        border-top: 0px;
    }

        .ECFormAccordion .panel-item:last-child {
            border-bottom: 0px;
        }

/*------------ Accordion in forms --------------*/
/*------------ Accordion in page --------------*/
.ECPageAccordionEditMode {
    margin-top: 20px;
}

.ECPageAccordionImageButton {
    position: relative;
    margin-left: 8px;
    height: 40px;
    width: 40px;
    margin-right: 8px;
}

    .ECPageAccordionImageButton button {
        padding: 0px;
        border-radius: inherit;
        font-size: inherit;
        color: inherit;
        background-color: inherit;
        border-color: inherit;
    }

    .ECPageAccordionImageButton .btn {
        line-height: inherit;
        border: 0px;
        right: 0px;
        position: absolute;
    }

    .ECPageAccordionImageButton .ECTabAlertPopover {
        position: absolute;
        right: -7px;
        top: -7px;
        min-width: 15px;
        height: 14px;
    }

        .ECPageAccordionImageButton .ECTabAlertPopover span {
            font-size: 10px;
        }

.ECPageAccordion {
    margin-top: 0px;
}

    .ECPageAccordion .panel-collapse {
        margin-left: 16px;
    }

    .ECPageAccordion .ECAccordionAddArea {
        background: url('../Images/EfixControl/ContainerItem/Accordion/btn_accordion_plus_gray.png') no-repeat 50% 50%;
        background-color: #e7e7e7;
        height: 32px;
        cursor: pointer;
    }

        .ECPageAccordion .ECAccordionAddArea:hover {
            background-color: #dcdcdc;
        }

    .ECPageAccordion .right-contents {
        position: relative;
        display: flex;
        align-items: center;
        margin: auto;
    }

    .ECPageAccordion .AccordionButtonNoPadding {
        position: unset;
    }


    .ECPageAccordion .efixBtnTrash {
        margin-top: 4px;
    }

    .ECPageAccordion .panel {
        width: 100%;
        border: solid 1px #95d6f0;
        margin-bottom: 1px;
    }

        .ECPageAccordion .panel.panel-expanded {
            border-color: #00b4fb;
        }

        .ECPageAccordion .panel .panel-heading {
            background-color: #95d6f0;
            color: #fff;
            text-transform: uppercase;
            height: 32px;
        }

        .ECPageAccordion .panel.panel-expanded .panel-heading {
            background-color: #00b4fb;
        }

    .ECPageAccordion .first-panel {
        border-radius: 4px 4px 0px 0px;
    }

    .ECPageAccordion .panel .first-panel .panel-heading {
        border-radius: 4px 4px 0px 0px;
    }

    .ECPageAccordion .panel-title {
        font-size: 13px;
    }

    .ECPageAccordion .panel .panel-heading .panel-title .plus {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url('../Images/EfixControl/ContainerItem/Accordion/bullet_accordion_inactive.png') no-repeat;
        width: 9px; /* Width of new image */
        height: 6px; /* Height of new image */
        padding-left: 9px; /* Equal to width of new image */
    }

    .ECPageAccordion .panel .panel-heading .panel-title .minus {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url('../Images/EfixControl/ContainerItem/Accordion/bullet_accordion_active.png') no-repeat;
        width: 9px; /* Width of new image */
        height: 6px; /* Height of new image */
        padding-left: 9px; /* Equal to width of new image */
    }

    .ECPageAccordion .panel-body {
        padding-top: 12px;
        padding-bottom: 0px;
    }

    .ECPageAccordion .panel-item {
        border-top: 0px;
    }

        .ECPageAccordion .panel-item:last-child {
            border-bottom: 0px;
        }

    .ECPageAccordion .panel-body {
        padding-top: 0px;
    }


/*------------ Accordion in page --------------*/
/*------------ Expected chart ------------------*/
.EfixChartExpectedBar {
    position: relative;
}

.EfixChartExpectedBarAxis {
    height: 3px;
    position: absolute;
    top: 21px;
}

.EfixChartExpectedBarAxisTick {
    height: 4px;
    width: 1px;
    position: absolute;
    top: 17px;
    background: black;
}

.EfixChartExpectedBarAxisGridline {
    width: 1px;
    position: absolute;
    top: 24px;
    background: #c0c0c0;
}

.EfixChartExpectedBarAxisLabel {
    position: absolute;
    font-size: 10px;
    margin-left: -2px;
    top: 4px;
}

.EfixChartExpectedBarItem {
    height: 6px;
    position: absolute;
}
/*------------ Expected chart ------------------*/

/*------------ Instruction Text --------------*/
.InstructionText {
    padding: 3% 0;
}

.InstructionText_text {
    padding: 5% 0;
    /*text-align: center;*/
    color: #0098d7;
    font-size: 16px;
}
/*------------ Instruction Text --------------*/
/*------------ ECTextEditor ------------------*/
.ECTextEditor {
    height: 100%;
}

.ps10Welcome .ECTextEditor {
    min-height: 768px;
}

.ECTextEditor table.k-editor {
    height: 100%;
    min-height: 768px;
}

.ECTextEditor p {
    display: inherit;
}

/*------------ ECTextEditor ------------------*/
/*------------ PS10_Welcome ------------------*/
.ps10Welcome {
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}
/*------------ PS10_Welcome ------------------*/
/*------------ PS10_UserMenu -----------------*/
.ps10UserMenu {
    padding: 0px 8px 0px 8px;
}

    .ps10UserMenu .itemUserMenu {
        padding-top: 4px;
        padding-bottom: 4px;
        margin-top: 4px;
        margin-bottom: 4px;
        font-size: 11px;
        font-weight: bold;
        color: #00b4fb;
        cursor: pointer;
    }

    .ps10UserMenu .goChangePhoto {
    }

        .ps10UserMenu .goChangePhoto:hover, .ps10UserMenu .goChangePass:hover, .ps10UserMenu .goAdminMode:hover {
            color: #005aa0;
        }

    .ps10UserMenu .goChangePass {
    }

    .ps10UserMenu .goLogoff {
        color: #e65a5a;
    }

        .ps10UserMenu .goLogoff:hover {
            color: #a12323;
        }
/*------------ PS10_UserMenu -----------------*/
/*------------ PS10_UserChangeMenu -----------*/
.ps10UserChangePhoto {
}

    .ps10UserChangePhoto .imgPhoto {
    }

        .ps10UserChangePhoto .imgPhoto > img {
            width: 150px;
            height: 150px;
        }

    .ps10UserChangePhoto .nameHeader {
    }

    .ps10UserChangePhoto .uploadCtl {
        padding-top: 16px;
    }

.modal-changePhoto {
    width: 500px;
}
/*------------ PS10_UserChangeMenu -----------*/
/*------------ PS10_UserAdminMode ------------*/
.ps10UserAdminMode {
}

.modal-adminMode {
    width: 500px;
}
/*------------ PS10_UserAdminMode ------------*/
/*------------ Telerik -----------------------*/
.k-numerictextbox {
    width: auto !important;
}

    .k-numerictextbox .k-numeric-wrap.k-expand-padding .k-input {
        height: 24px;
        padding: 0px;
        line-height: 24px;
        background-color: unset;
    }

    .k-numerictextbox .k-input {
        padding: 0px;
        /*vertical-align: bottom;*/
    }

        .k-numerictextbox .k-input:hover {
            min-height: 24px;
        }
.k-widget .k-upload .k-header{

    max-width:500px;
}
.k-webkit .k-numeric-wrap {
    min-height: 24px;
    background-color: rgba(255, 255, 255, 0.9);
}

.k-grid tbody .k-multiselect .k-button {
    width: 100%;
    padding: 0px 12px 4px 4px;
    text-align: left;
}

.k-multiselect-wrap .k-select {
    margin: -4px -4px 0px 0px;
}


/*------------ Telerik UploadFile ------------*/
li.k-file .file-wrapper .k-upload-action {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -8px;
    margin-right: -8px;
}

li.k-file div.file-wrapper {
    position: relative;
    height: 20px;
}

.k-grid tbody .k-dropzone .k-button {
    min-width: 0px;
    padding: 0px 4px 0px 4px;
    height: 100%;
    text-align: center;
    text-indent: 0px;
}

.k-icon.k-i-close {
    visibility: hidden;
}

.k-select .k-icon.k-i-close {
    visibility: visible;
}

.k-grid tbody button.k-button {
    min-width: 0px;
}
.k-file .k-icon.k-i-close {
    border: 2px;
    border-style: solid;
    border-radius: 50%;    
    border-color: red;
    margin-top: 7px;
    margin-right: 5px;
    
}
.ECGAEvaluateeQuestionAssessment .ECButton{
    margin-left: 15px;
}
html .k-upload {
    min-height: 25px;
    max-width: 500px;
}

/*------------ PS10_UserChangePass ------------*/
.ps10UserChangePass {
    padding: 16px;
}

    .ps10UserChangePass .currentPass {
        margin-bottom: 16px;
    }


    .ps10UserChangePass .newPass {
        margin-bottom: 16px;
    }

    .ps10UserChangePass .verifyNewPass {
        margin-bottom: 16px;
    }

    .ps10UserChangePass .userMessage {
        color: red;
        margin-bottom: 16px;
    }

    .ps10UserChangePass .changeButton {
    }

    .ps10UserChangePass .loginPasswordEye {
        margin-top: 6px;
    }
/*------------ PS10_UserChangePass ------------*/
/*ListDraggable*/
.listDraggable_Title {
    font-size: 14px;
    color: #0096db;
}

.listDraggable {
    position: relative;
}

.listDraggable_ActiveActions {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 406px;
    height: 100%;
}

.listDraggable_ActiveActionsCanvas {
    position: absolute;
    top: 24px;
    width: 100%;
    height: 344px;
    border: 1px solid #d7d7d7;
    overflow-y: auto;
}

.listDraggable_CurrentList {
    height: 100%;
    list-style-type: none;
    padding: 8px;
}

.listDraggable_CurrentListHover {
    border: 1px solid #00b990;
}

.listDraggable_AvailableActions {
    position: absolute;
    top: 0px;
    left: 422px;
    width: 406px;
    height: 100%;
}

.listDraggable_AvailableActionsCanvas {
    position: absolute;
    top: 24px;
    left: 0px;
    width: 100%;
    height: 344px;
    border: 1px solid #d7d7d7;
}

    .listDraggable_AvailableActionsCanvas li {
        cursor: move;
    }

.listDraggable_EditItem {
    position: absolute;
    top: 24px;
    left: 0px;
    width: 100%;
    height: 344px;
    border: 1px solid #d7d7d7;
}

.listDraggable_EditItem_EditMode {
    position: absolute;
    top: 24px;
    left: 0px;
    width: 100%;
    height: 344px;
    border: 1px solid #00b990;
}


.listDraggable_AvaliableList {
    height: 100%;
    list-style-type: none;
    padding: 8px;
}

.listDraggable_Commands {
    position: absolute;
    width: 864px;
    bottom: 16px;
}

.listDraggable_AvaliableItem {
    padding: 0px;
}

.listDraggable_CurrentItem {
    position: relative;
    padding-left: 8px;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listDraggable_CurrentItemHover {
    position: relative;
    padding-left: 8px;
    background: #00b990;
    color: #ffffff;
    cursor: move;
    padding-right: 48px;
}

.listDraggable_CurrentItemEdit {
    position: absolute;
    right: 32px;
    top: 2px;
    width: 16px;
    height: 16px;
    background-image: url('../Images/EfixControl/ListDraggable/edit.png');
    cursor: pointer;
}

.listDraggable_CurrentItemDelete {
    position: absolute;
    right: 8px;
    top: 2px;
    width: 16px;
    height: 16px;
    background-image: url('../Images/EfixControl/ListDraggable/delete.png');
    cursor: pointer;
}

.postfuncValidator {
    height: 360px;
}

.ECTabItemDefaultConfig {
    padding: 16px;
}

    .ECTabItemDefaultConfig .TIDC_Title {
        color: #00b4fb;
        padding-bottom: 8px;
        font-weight: bold;
        font-size: 14px;
        border-bottom: 1px solid #00b4fb;
        margin-bottom: 16px
    }

    .ECTabItemDefaultConfig .TIDC_Description {
        color: #bac3cb;
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 16px;
        width: 150px
    }

    .ECTabItemDefaultConfig .TIDC_DeleteButton {
        margin-left: 150px;
    }

    .ECTabItemDefaultConfig .TIDC_CopyButton {
    }

.TIDC_Row {
    display: flex;
}

.ECDate {
    height: 22px;
}

    .ECDate .form-control {
    }

.LinkFrame {
    height: 100%;
}

.GridXYContent .form-control[readonly],
.grid_column .form-control[readonly] {
    background: #e6e6e6;
    cursor: not-allowed;
    font-size: 100%;
}

.GridXYContent .form-control,
.grid_column .form-control {
    padding: 0px;
    height: 22px;
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 100%;
}
/*Datepicker*/


.ui-datepicker {
    width: 292px;
    background-color: #f1f1f1;
    z-index: 30;
}

#ui-datepicker-div {
    z-index: 30;
}

.ui-datepicker .ui-datepicker-header {
    height: 40px;
    border: 0px;
    background-color: #008ccc;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
}

.ui-datepicker .ui-datepicker-calendar thead {
    height: 30px;
    background-color: #009ae1;
    color: #fff;
    font-size: 11px;
}

.ui-datepicker td {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    font-size: 13px;
}

    .ui-datepicker td a {
        text-align: center;
    }

.ui-datepicker .ui-state-default {
    border: 0px;
    background-color: transparent;
    color: #76d1fb;
}

.ui-datepicker .ui-state-hover {
    color: #008ccc;
}

.ui-datepicker .ui-corner-all {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.ui-datepicker .ui-datepicker-today {
    background-color: #76d1fb;
}

    .ui-datepicker .ui-datepicker-today .ui-state-highlight {
        color: #fff;
        font-weight: 500;
        background: none;
    }

.ui-datepicker .ui-datepicker-current-day {
    background-color: #008ccc;
}

    .ui-datepicker .ui-datepicker-current-day .ui-state-active {
        color: #fff;
        background: none;
        font-weight: 500;
    }

.ui-datepicker .ui-datepicker-other-month .ui-state-default {
    color: #dcdcdc;
}

.ui-datepicker a.ui-datepicker-prev > span {
    background-image: url('../Images/EfixControl/Date/prev-month.png');
    width: 18px;
    height: 28px;
}

.ui-datepicker a.ui-datepicker-prev .ui-icon-circle-triangle-w {
    background-position: 0px -4px;
}

.ui-datepicker a.ui-datepicker-next .ui-icon-circle-triangle-e {
    background-position: 0px -4px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    background: none;
}

.ui-datepicker a.ui-datepicker-next > span {
    background-image: url('../Images/EfixControl/Date/next-month.png');
    width: 18px;
    height: 28px;
}

.ui-datepicker .ui-datepicker-next-hover {
    background: none;
}

.ui-datepicker .ui-state-hover {
    background: none;
    border: 0px;
}



.ECBoxTitle td {
    color: #005aa0;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #b4b4b4;
}

.ECBox {
    width: 100%;
    padding: 8px;
}

    .ECBox table {
        width: 100%;
        border-collapse: inherit;
    }

        .ECBox table tr {
        }

            .ECBox table tr td {
                vertical-align: top;
                padding: 4px;
            }

                .ECBox table tr td:first-child {
                    padding-left: 8px;
                }

                .ECBox table tr td:last-child {
                    padding-right: 8px;
                }

.ECTextArea {
    border: 1px solid #bac3cb;
}

.ECTextAreaNoBorder {
    border: 0px;
    resize: vertical;
}

.ECTextAreaCannotEdit {
    background: #e6e6e6;
}

.ECBox .btn {
    border: 0px;
    color: #ffffff;
    background: #00b990;
    background: var(--corB4);
    padding: 0px 16px 0px 16px;
    line-height: 24px;
}

    .ECBox .btn a {
        color: #ffffff;
    }

.ECBox .iconButton {
    padding: 8px;
    width: 16px;
    height: 16px;
    border: none;
    background: #ffffff;
}

    .ECBox .iconButton .imgBtn {
        top: 0px;
        left: 0px;
        position: absolute;
        
    }

.ECBox .whiteCombo .ECComboboxLabel {
    color: #000000;
    background: #ffffff;
}

    .ECBox .whiteCombo .ECComboboxLabel .down {
        background-image: url('../images/EfixControl/Combobox/down_arrow_upper_menu.png');
    }

.ECGA {
}

    .ECGA table {
        width: 100%;
    }

.ECGAScrollSpace {
    height: 20px;
}

.ECGALeft {
    width: 280px;
    padding-right: 8px;
    position: relative;
    z-index: 12;
}

.ECGAControls {
    padding-bottom: 8px;
}

.ECGAControlsTitle {
    background: #00528c;
    color: #ffffff;
    padding-left: 20px;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
}

.ECGAControlsQuota {
    background: #00528c;
    border: 1px solid #004475;
    color: #ffffff;
    padding-left: 20px;
    line-height: 25px;
}

.ECGAAreaTitle {
    padding: 8px;
    padding-left: 24px;
    height: 40px;
    background: #00528c;
    color: #ffffff;
}

.ECGAEvaluateeAreaTitle {
    padding: 8px 0px;
    /*padding-left: 24px;*/
    width: 150px;
    height: 40px;
}

.ECGAGroups {
    width: 100%;
    background: #b7c5c8;
}

.ECGAGroup {
    position: relative;
}

.ECGAGroupTitle {
    color: #ffffff;
    font-size: 15px;
    background: #b7c5c8;
    line-height: 24px;
    padding: 8px;
    border: 1px solid #abbabd;
    padding-left: 20px;
    padding-right: 20px;
}

.ECGAGroupArrow {
    position: absolute;
    right: 0px;
    height: 40px;
    width: 40px;
    margin: 1px;
    cursor: pointer;
    background: url('../Images/EfixControl/GroupAssessment/ArrowDown.jpg') no-repeat 50% 50%;
}

.ECGAGroup {
    margin-bottom: -1px;
}

    .ECGAGroup .ECGAQuestion {
        display: none;
    }

.ECGAGroupSelected {
    position: relative;
    border: 2px solid #009eef;
    border-right: 1px solid #d6d7d9;
    margin-bottom: -1px;
}

    .ECGAGroupSelected .ECGAGroupTitle {
        color: #ffffff;
        font-size: 15px;
        background: #009eef;
        line-height: 24px;
        padding: 8px;
        border: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .ECGAGroupSelected .ECGAQuestion {
        background: white;
        border-bottom: 1px solid #d6d7d9;
        padding: 8px 20px 8px 20px;
        font-size: 11px;
    }

    .ECGAGroupSelected .ECGAGroupArrow {
        position: absolute;
        right: -1px;
        height: 40px;
        width: 40px;
        background: #ffffff url('../Images/EfixControl/GroupAssessment/ArrowUp.jpg') no-repeat 50% 50%;
    }

.ECGAMiddle {
    width: 516px;
    vertical-align: top;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
}

.ECGAMiddle_Container {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    /*height: 100%; */
    position: absolute;
}

.ECGAMiddleCanvas {
    /*position: absolute;*/
    display: table; /**/
    height: 100%; /**/
    /*width: 100%;*/
    /*overflow-x: hidden;
    overflow-y: hidden;*/
}

.ECGAEvaluateeCanvas {
    width: 150px;
    display: table-cell;
    background: #ffffff;
    vertical-align: top;
}

.ECGAEvaluateeCanvasPlaceHolder {
    width: 24px;
    height: 20px;
    z-index: 1;
    background: url('../Images/EfixControl/GroupAssessment/ArrowPositionDown.jpg') no-repeat 0% 0%;
}

.ECGAEvaluateeTitle,
.ECGAEvaluateeTitleOvr {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 8px;
    width: 150px;
    height: 77px;
    position: relative;
    display: table;
    cursor: e-resize;
}

.ECGAEvaluateeTitleOvr {
    position: absolute;
    border: 1px solid #d5d6d8;
    background-color: #fff;
    top: 0;
    z-index: 1;
}

.ECGAEvaluateeName {
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
    width: 72px;
}

.ECGAEvaluateePicture {
    position: absolute;
    top: 18px;
    left: 8px;
    width: 60px;
    height: 60px;
}

    .ECGAEvaluateePicture img {
        width: 38px;
        height: 38px;
        border-radius: 50%;
    }

.ECGAEvaluateeGroup {
    margin-right: 8px;
    margin-bottom: -1px;
    width: 150px;
}

.ECGAEvaluateeGroupAssessment {
}

.ECGAEvaluateeGroup .ECGAEvaluateeGroupAssessment {
    padding-top: 8px;
    padding-bottom: 10px;
    line-height: 24px;
    background-color: #ecf1f8;
}

.ECGAEvaluateeGroup .ECGAEvaluateeQuestionAssessment {
    display: none;
}

.ECGAEvaluateeGARContent {
    float: right;
    position: relative;
    right: 10px;
    top: -100%;
    margin-top: -5px;
}

.ECGAEvaluateeGroupSelected .ECGAEvaluateeGARContent {
    position: inherit;
}

.ECGAEvaluateeQRContent {
    position: relative;
    right: 10px;
    top: -100%;
}

.ECGAEvaluateeGroupSelected {
    margin-right: 8px;
    border-top: 2px solid #009eef;
    border-bottom: 2px solid #009eef;
    margin-bottom: -1px;
    width: 150px;
    display: grid;
}

    .ECGAEvaluateeGroupSelected .ECRate {
    }

    .ECGAEvaluateeGroupSelected .ECGAEvaluateeGroupAssessment {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 24px;
        background: #d8e8f0;
        position: relative;
    }

    .ECGAEvaluateeGroupSelected .ECGAEvaluateeQuestionAssessment {
        padding-top: 8px;
        padding-bottom: 9px;
        line-height: 18px;
        position: relative;
        background-color: #ecf1f8;
    }


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

.ECGARight {
    width: 197px;
    height: 100%;
    position: relative;
}

.ECRanking {
    width: 192px;
    height: 100% !important;
}

.ECRankingExtCanvas {
    position: absolute;
    top: 40px;
    left: 8px;
    width: 192px;
    height: 100%;
    border: 1px solid #d5d6d8;
}

.ECRankingCanvas {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f2f2f2;
    z-index: 11;
}

.ECRankingTitle,
.ECRankingTitleOvr {
    position: absolute;
    top: 0px;
    left: 8px;
    color: #ffffff;
    width: 192px;
    background: #00528c;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 12;
}

.ECRankingEvaluatee {
    position: relative;
    margin: -1px;
    height: 48px;
    border: 1px solid #d5d6d8;
    margin-top: 8px;
    background: white;
    cursor: pointer;
}

.ECRankingPhoto {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 38px;
    height: 38px;
    overflow: hidden;
}

    .ECRankingPhoto img {
        border: 1px solid #d5d6d8;
        border-radius: 50%;
    }

.ECRankingNotRated, .ECRankingPosition {
    position: absolute;
    padding-left: 8px;
    left: 46px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin-right: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
    border: 1px solid #d5d6d8;
    line-height: 24px;
    font-size: 11px;
    font-weight: bold;
    color: #8bd0f7;
}

.ECRankingNotRated {
    color: #ed5b4c;
}

.ECRankingRate {
    position: absolute;
    right: 16px;
    line-height: 24px;
    font-size: 11px;
    font-weight: bold;
    color: #79d282;
}

.ECRankingName {
    position: absolute;
    padding-left: 8px;
    top: 50%;
    right: 0px;
    left: 46px;
    bottom: 0px;
    margin: auto;
    margin-bottom: -1px;
    margin-right: -1px;
    border: 1px solid #d5d6d8;
    line-height: 24px;
    font-size: 11px;
    white-space: nowrap;
}

.ECRankingScaleAverage, .ECRankingScale {
    margin-top: 8px;
    min-height: 30px;
    overflow: hidden;
    background: #d5d6d8;
    text-align: left;
}

.ECRankingScaleItem, .ECRankingScaleItemInitials {
    display: table-cell;
    font-size: 11px;
    vertical-align: top;
}

.ECRankingScaleItemInitials {
    padding-right: 8px;
}

.ECRankingScaleAverageItem {
    align-self: center;
}
/*----- AutoComplete -------*/
.ECAutoComplete {
    min-width: 450px;
    max-width: 900px;
}

    .ECAutoComplete span {
        min-width: 450px;
    }

.k-autocomplete input, .k-autocomplete textarea {
    max-width: 900px;
}

.ECAutoComplete .k-input, .ECAutoComplete .k-input:hover {
    height: 24px;
}
/*----- AutoComplete -------*/
.k-dropdown .k-input, .k-dropdown .k-input:hover {
    height: 24px;
}

/*--------------PSTC02_Select_360_Evaluators----------------*/ /*--------------PL_Indicate_Actors----------------*/
.pstc02_list_title,
.PL_list_title {
    color: #0096db;
    font-size: 16px;
}

.pstc02_list_warning_msg,
.PL_list_warning_msg {
    color: #e65a5a;
    font-size: 14px;
    font-weight: bold;
}

.pstc02_list_delete_btn,
.PL_list_delete_btn {
    text-align: center;
}

    .pstc02_list_delete_btn .ECButton,
    .PL_list_delete_btn .ECButton {
    }

.pstc02_acT > div, .pstc02_acHT > div,
.PL_acT > div, .PL_acHT > div {
    /*display:inline-block;*/
}

.pstc02_acHT,
.PL_acHT {
    width: 100%;
    background-color: #f5f6f6;
    border-bottom: 1px solid #e6e6e6;
    white-space: nowrap;
}

    .pstc02_acHT .pstc02_acHT_1,
    .PL_acHT .PL_acHT_1 {
        width: 50px;
        padding: 8px;
        display: inline-block;
        text-align: center;
    }

.k-popup .k-list .k-item,
.k-popup .k-list .k-state-hover {
    padding: 0px;
}

.pstc02_acHT .pstc02_acHT_2,
.PL_acHT .PL_acHT_2 {
    width: 415px;
    padding: 8px 0px 8px 8px;
    display: inline-block;
}

.pstc02_acT,
.PL_acT {
    width: 100%;
}

    .pstc02_acT .pstc02_acT_1,
    .PL_acT .PL_acT_1 {
        width: 50px;
        display: inline-block;
        padding: 8px 0px 8px 0px;
    }

    .pstc02_acT .pstc02_acT_2,
    .PL_acT .PL_acT_2 {
        width: 406px;
        display: inline-block;
        padding-left: 8px;
    }

        .pstc02_acT .pstc02_acT_2 > div,
        .PL_acT .PL_acT_2 > div {
            width: 100%;
            padding: 8px 0px 4px 0px;
            vertical-align: top;
        }

            .pstc02_acT .pstc02_acT_2 > div:first-child,
            .PL_acT .PL_acT_2 > div:first-child {
                font-size: 13px;
                padding-bottom: 4px;
                padding-top: 8px;
            }

            .pstc02_acT .pstc02_acT_2 > div:last-child,
            .PL_acT .PL_acT_2 > div:last-child {
                font-size: 11px;
                padding-bottom: 8px;
                padding-top: 4px;
            }

.pstc02_acT_1, .pstc02_acT_2,
.PL_acT_1, .PL_acT_2 {
    vertical-align: top;
    color: #8c959e;
}

.pstc02_acHT_1, .pstc02_acHT_2,
.PL_acHT_1, .PL_acHT_2 {
    vertical-align: top;
    font-size: 14px;
    color: #0096db;
    font-weight: bold;
}
/*--------------PSTC02_Select_360_Evaluators----------------*/ /*--------------PL_Indicate_Actors----------------*/

.ps04GroupAssessment {
    padding-top: 16px;
}
/*-------------- Edit Validator ----------------------------*/
.validator_editItem {
    height: 100%;
    overflow-y: scroll;
}

.validator_editItem_Title {
    color: #00b990;
    font-size: 14px;
}

.validator_editItem_Label {
    color: #00b4fb;
    font-size: 13px;
}

.validator_editItem_sp_LimitEval {
    height: 135px;
}

.validator_editItem_sp_Form {
    height: 80px;
}

.validator_editItem_sp_MandatoryMsg {
    height: 16px;
}

.validator_editItem_sp_IDPGapMsg {
    height: 16px;
}

.validator_editItem_sp_Title {
    height: 8px;
}

/*-------------- Edit Validator ----------------------------*/
/*-------------- Edit Validator ----------------------------*/
.PostFunction_editItem {
    height: 100%;
    width: 404px;
    overflow-y: scroll;
}

ECBox.PostFunction_editItem table {
    width: 404px;
}

/*-------------- Edit Validator ----------------------------*/

/*-------------- Generic        ----------------------------*/
.buttonGreen {
    padding-top: 2px;
    display: inline-block;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 24px;
    height: 24px;
    background: #00b990;
    vertical-align: middle;
    margin-bottom: 6px;
}

    .buttonGreen a:hover {
        text-decoration: none;
    }

    .buttonGreen pre {
        color: #fff;
    }

.btn-ExtraSmall {
    margin: 1px 0px;
    padding: 4px 8px;
    font-size: 85%;
}

.btn-Small {
    margin: 1px 0px;
    padding: 6px 12px;
    font-size: 92%;
}

.btn-Large {
    margin: 1px 0px;
    padding: 10px 20px;
    font-size: 110%;
}

.iconButton {
    padding: 8px;
    width: 16px;
    height: 16px;
    border: none;
}

    .iconButton .imgBtn {
        top: 0px;
        left: 0px;
        position: absolute;
    }

/*-------------- Generic        ----------------------------*/

/*-------------- multi select  ----------------------------*/
.k-multiselect .k-button {
    margin: 2px;
    padding: 2px;
    padding-right: 20px;
    font-size: 11px;
    background: #00b4fb;
    color: #fff;
    border-radius: 0px;
    border: 1px solid #005aa0;
}

.k-multiselect {
    border: 0px;
    background: #fff;
}

    .k-multiselect .k-input {
        background: inherit;
    }

.k-state-disabled {
    background-color: rgba(255, 255, 255, 0.7) !important;
    opacity: 1;
}

.k-multiselect-wrap {
    background: #e6e6e6;
}
/*-------------- multi select  ----------------------------*/
/*--------------- PS03_Refuse -------------------------------*/
.ps03_Refuse {
}

    .ps03_Refuse .col1 {
        width: 48px;
    }

    .ps03_Refuse .col2 {
        width: 48px;
    }

    .ps03_Refuse .col3 {
    }

    .ps03_Refuse .divLine {
    }

    .ps03_Refuse .just_field textarea {
        width: 100%;
    }

.ps03_noeval_refuse {
}

    .ps03_noeval_refuse .translationLabelWorkArea {
        padding-top: 24px;
        color: #00b4fb;
        font-size: 14px;
        text-align: center;
        background-color: #FAFAFA;
    }
/*--------------- PS03_Refuse -------------------------------*/
/*--------------- Button ------------------------------------*/
.ECButton {
    position: relative;
}

.ECImageButton {
    position: relative;
    margin-left: 8px;
}

    .ECImageButton button {
        padding: 0px;
        border-radius: inherit;
        font-size: inherit;
        color: inherit;
        background-color: inherit;
        border-color: inherit;
    }

    .ECImageButton .btn {
        line-height: inherit;
        border: 0px;
        right: 0px;
        position: absolute;

    }

    .ECImageButton .ECTabAlertPopover {
        position: absolute;
        right: -7px;
        top: -7px;
        min-width: 15px;
        height: 14px;
    }

        .ECImageButton .ECTabAlertPopover span {
            font-size: 10px;
        }

/*--------------- Button ------------------------------------*/
/*--------------- ModalMessage ------------------------------*/
.efixModalMessage {
}

    .efixModalMessage .msgTitle {
        color: #0096db;
        vertical-align: middle;
    }

        .efixModalMessage .msgTitle .glyphicon {
            font-size: 24px;
        }

    .efixModalMessage .msgBody {
        font-size: 13px;
        color: #8c959e;
    }

    .efixModalMessage .modal-header {
    }

    .efixModalMessage .modal-body {
    }

    .efixModalMessage .modal-footer {
        margin-top: 0px;
    }
/*--------------- ModalMessage ------------------------------*/
.ConfigLabel {
    font-size: 14px;
    padding-top: 8px;
    color: #0096db;
}
/*--------------- PS10_UserLanguage -------------------------*/
.ps10UserLanguage_Label {
    margin-bottom: 8px;
    font-size: 14px;
    color: #00b4fb;
}

.ps10UserLanguage_AL {
    padding: 16px;
    min-width: 300px;
}

.ps10UserLanguage_Items {
    display: table;
    width: 100%;
}

.ps10UserLanguage_Item {
    float: left;
    width: 50%;
    padding-bottom: 2px;
    padding-right: 2px;
}

    .ps10UserLanguage_Item > div {
        padding-bottom: 4px;
        padding-top: 4px;
        padding-left: 4px;
        border: 1px solid transparent;
        margin-top: 4px;
        cursor: pointer;
    }

    .ps10UserLanguage_Item:hover > div {
        border-color: #0096db;
    }

    .ps10UserLanguage_Item.selected > div {
        border-color: #0096db;
        background-color: #f5f6f6;
        cursor: default;
    }

.PS01Button {
    text-wrap: none;
    height: 40px;
    width: 100%;
    line-height: 40px;
    position: relative;
}

    .PS01Button a {
        margin: auto;
        width: 60%;
        background: #005aa0;
        line-height: 40px;
        text-align: center;
        height: 33px;
        color: #fff;
    }

        .PS01Button a:hover {
            text-decoration: none;
            color: #fff;
        }

        .PS01Button a div pre {
            display: inline;
            background: #005aa0;
            padding: 4px;
            padding-left: 16px;
            padding-right: 16px;
        }

.PSTI03_CompetencyAverage {
    font-size: 14px;
    color: #0096db;
}

.PSTI03_Grade_Title, .PSTI03_Comments_Title {
    border: 1px solid #e6e6e6;
    background-color: #f5f6f6;
    color: #6e787d;
    font-size: 13px;
    font-weight: bold;
}

.PSTI03_Grade_Title {
    width: 15%;
    text-align: center;
}

.PSTI03_Answer_Title {
    border: 1px solid #e6e6e6;
    background-color: #f5f6f6;
    color: #0096db;
    font-size: 13px;
    font-weight: bold;
    width: 15%;
    text-align: left;
}

.PSTI03_Comments_Title {
}

.PSTI03_Comments_Cell, .PSTI03_Grade_Cell {
    border: 1px solid #e6e6e6;
}

.PSTI03_Grade_Cell {
    text-align: center;
}

.PSTI03_Comments_Cell {
}

.PSTI03_Spacing {
    height: 16px;
}

.PSS01_Stat_Row_Title {
}

.PSS01_Stat_Av_Title {
    width: 150px;
}

.PSS01_Stat_Step_Title {
}

.PSS01_Stat_Av_Title, .PSS01_Stat_Step_Title {
    color: #0096db;
    font-weight: bold;
}

.GridXY {
    overflow: scroll;
}

    .GridXY table {
        border: 1px solid #29acfa;
    }

        .GridXY table tr {
        }

            .GridXY table tr td {
                border: 1px solid #cccccc;
            }

.GridXYColumnTitleRowPlaceHolder {
    width: 150px;
    height: 20px;
    z-index: 1;
}

.GridXYCell {
    position: relative;
    padding: 4px;
}

.GridXYColumnTitle, .GridXYRowTitle {
    color: #41a6dc;
    background: #f5f5f5;
    font-weight: bold;
}

.GridXYRowAdd {
    width: 100%;
    background-color: #f8f8f8;
    color: #bcc5cc;
    height: 20px;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid black;
    background-image: url('../Images/EfixControl/Grid/plus.png');
    background-repeat: no-repeat;
    background-position-x: center;
}

.GridXYColumnAdd {
    width: 20px;
    background-color: #f8f8f8;
    cursor: pointer;
    background-image: url('../Images/EfixControl/Grid/plus.png');
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

.GridXYRowDelete {
    position: absolute;
    top: 0px;
    right: 4px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-image: url('../Images/delete.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.GridXYColumnDelete {
    position: absolute;
    top: 0px;
    right: 4px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-image: url('../Images/delete.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.GridXYColumnResize {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 0;
}

.GridXYContent {
    min-height: 20px;
    overflow: hidden;
    white-space: nowrap;
}

.GridXYBlankCell {
    background: #cccccc;
}

.filter {
    padding-left: 10px;
}

.filter_SelectItem_text,
.filter_SelectItem_text_selected {
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
    padding: 0px 1px;
    /*padding-left: 1px;*/
    /*padding-right: 1px;*/
    /*padding-top: 2px;*/
    /*margin-bottom: 2px;*/
    /*min-width: 16px;*/
    overflow: hidden;
    /*height: 17px;*/
    text-align: center;
    padding: 0px 2px;
}

.filter_SelectItem_text {
    background-color: white;
}

    .filter_SelectItem_text_selected pre,
    .filter_SelectItem_text pre {
        margin-left: 0px;
    }

.filter_SelectItem_text_selected {
    background: #00528c;
    color: #000;
}

.ECFilter {
    position: absolute;
    top: -8px;
    opacity: 0.6;
    left: 1px;
    z-index: 1;
}

.stickOnTop {
    z-index: 10;
    left: initial;
}

.stickOnTopApply {
    position: fixed !important;
    top: 0 !important;
    left: initial;
}

.stickOnBottom {
    z-index: 9;
    left: initial;
}

.stickOnBottomApply {
    position: fixed !important;
    z-index: 9;
    left: initial;
}

.stickOnTopAnchor,
.stickOnBottomAnchor,
.stickInsideAnchor {
    width: initial;
}

.ECMenu_buttons_commands {
    position: absolute;
    right: 174px;
    display: flex;
    z-index: 1;
}

.ECMenu_buttons_commands_line {
    position: absolute;
    right: 158px;
}

.SNFeed {
    /*background: #e8e8e8;*/
    align-content: center;
    width: 90%;
    margin: auto;
}

    .SNFeed .SNFeedCommands {
        width: 90%;
        margin-left: 6px;
    }

.SNFeedContent, .SNFeedCommands {
    display: flex;
}

.SNFeedContentCenter, .SNFeedCommandsCenter {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.SNFeedCommandsCenter {
    width: 100%;
}

.SNFeedMessage_FeedItem {
    position: relative;
    padding: 8px 0px;
    margin: 8px;
    border: 1px solid #aaa;
    background: #fff;
    width: 90%;
    border-radius: 8px;
    margin-right: 8px;
    margin-left: 8px;
}

    .SNFeedMessage_FeedItem.unread {
        border: 2px solid #555;
    }

    .SNFeedMessage_FeedItem .SnFeedType {
        position: absolute;
        right: 8px;
        top: 6px;
    }

    .SNFeedMessage_FeedItem .SnFeed_When {
        position: absolute;
        right: 8px;
        top: 24px;
    }

.SNFeedMessage_FeedItem_You {
    background: #ddf1ff;
}

.SNFeedMessage_Writer {
    padding: 0 8px;
    border-radius: 50%;
    width: 48px;
    height: 32px;
}

.SNFeedMessage_Name {
    position: absolute;
    top: 6px;
    left: 48px;
    font-weight: 800;
    font-size: 14px;
    color: rgba(0,55,95,1);
}

.SNFeedMessage_When {
    position: absolute;
    top: 40px;
    left: 72px;
    color: #444;
    font-size: 10px;
}

.SNFeedMessage_Texts {
    /*border-bottom: 1px solid #888;*/
}

.SNFeedMessage_Text {
    position: absolute;
    top: -24px;
    left: 40px;
    color: #444;
    font-size: 10px;
    width: 100%;
}

    .SNFeedMessage_Text span {
        position: absolute;
        top: 40px;
        left: 72px;
        color: #444;
        font-size: 10px;
    }

    .SNFeedMessage_Text b {
        font-weight: 600;
        font-size: 12px;
        color: rgba(0,55,95,1);
    }

.SNFeedMessage_Headers {
    /*border-bottom: 1px solid #888;*/
    border-radius: 8px;
    border: 1px dashed #aaa;
    margin: 8px;
}

.SNFeedMessage_Header {
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
}

    .SNFeedMessage_Header .SNFeedMessage_Message {
        margin-left: 16px;
    }

.SNFeedMessage_RateBox {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 34px;
    margin-bottom: 20px;
}

.SNFeedMessage_Message {
}

.SNFeedMessage_Responses {
}

.SNFeedMessage_Response {
    border: 1px solid #888;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    min-height: 52px;
    border-radius: 8px;
    margin: 16px;
    margin-right: 80px;
    background: #fff;
}

    .SNFeedMessage_Response div {
        padding-left: 8px;
        padding-right: 8px;
    }

    .SNFeedMessage_Response .SNFeedMessage_Writer {
        position: absolute;
        width: 48px;
        height: 32px;
    }

    .SNFeedMessage_Response .SNFeedMessage_Name {
        position: absolute;
        top: 4px;
        left: 48px;
        font-weight: 600;
        font-size: 12px;
        color: rgba(0,55,95,1);
    }

    .SNFeedMessage_Response .SNFeedMessage_When {
        right: 8px;
        top: 6px;
        left: auto;
    }

    .SNFeedMessage_Response .SNFeedMessage_Message {
        margin-left: 48px;
        margin-top: 16px;
    }

.SNFeedMessage_My_Response {
    border: 1px solid #888;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    min-height: 52px;
    border-radius: 8px;
    margin: 16px;
    margin-left: 80px;
    background: #ddf1ff;
}

    .SNFeedMessage_My_Response div {
        padding-left: 8px;
        padding-right: 8px;
    }

    .SNFeedMessage_My_Response .SNFeedMessage_Writer {
        position: absolute;
        width: 48px;
        height: 32px;
    }

    .SNFeedMessage_My_Response .SNFeedMessage_Name {
        position: absolute;
        top: 4px;
        left: 48px;
        font-weight: 600;
        font-size: 12px;
        color: rgba(0,55,95,1);
    }

    .SNFeedMessage_My_Response .SNFeedMessage_When {
        right: 8px;
        top: 6px;
        left: auto;
    }

    .SNFeedMessage_My_Response .SNFeedMessage_Message {
        margin-left: 48px;
        margin-top: 16px;
    }

.SNFeedMessage_About {
    margin-top: 4px;
    margin-bottom: 4px;
    background: #f0f0f0;
    position: relative;
    padding: 8px 0;
}

    .SNFeedMessage_About .SNFeedMessage_Writer {
        width: 48px;
        height: 32px;
    }

    .SNFeedMessage_About .SNFeedMessage_Name {
        position: absolute;
        top: 20px;
        left: 48px;
        font-weight: 600;
        font-size: 12px;
        color: rgba(0,55,95,1);
    }

    .SNFeedMessage_About .SNFeedMessage_NameTitle {
        position: absolute;
        top: 8px;
        left: 48px;
        font-size: 10px;
        color: rgba(0,55,95,1);
    }

.SNFeedMessage_Item {
    position: relative;
    margin-top: 8px;
    padding: 4px 150px 4px 4px;
    background: #eee;
    border: 1px solid #aaa;
    word-break: break-word;
}

.SNFeedMessage_Item_Type {
    font-weight: bold;
}

.SNFeedMessage_Rate {
    position: absolute;
    top: 2px;
    right: 1px;
    width: 250px;
}

.SNFeedMessage_Command .SNFeedMessage_New {
    border: 1px solid #888;
    border-radius: 8px;
    background: #ddf1ff;
    margin: 6px;
}

.SNFeedMessage_New {
    padding: 8px;
    /*max-width: 800px;*/
    margin-left: auto;
    margin-right: auto;
}

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

.SNFeedMessage_FeedbackTitle {
    margin-top: 16px;
}

.SNFeedMessage_FeedbackBoxTitle {
    border-bottom: 1px solid #888;
    font-weight: bold;
}

.SNFeedMessage_New button {
    background: #ccc;
    border: 1px solid #888;
    border-radius: 4px;
}

.SNFeedMessage_NewCommandLineResponse {
    position: absolute;
    /* top: 0px; */
    bottom: 12px;
    right: 6px;
}

.SNFeedMessage_NewCommandLine {
    position: relative;
    height: 40px;
    padding: 8px;
}

.SNFeedMessage_NewCommand_Cancel {
    position: absolute;
    left: 0px;
    top: 8px;
    margin-top: -2px;
}

.SNFeedMessage_NewCommand_Post {
    position: absolute;
    right: 0px;
    top: 8px;
    padding: 8px 16px;
    color: #333;
    background: #ccc;
    border: 1px solid #888;
    border-radius: 4px;
    margin-top: 1px;
    cursor: pointer;
    font-size: 14px;
    padding-bottom: 6px;
}

.SNFeedMessage_NewInLine {
    display: inline-block;
}

.SNFeedMessage_New .SNFeedMessage_NewInLine .ECTextArea {
    border-radius: 8px;
    width: 90%;
}

.SNFeedMessage_MyMessage {
    background: #e0ffe0;
    border-color: rgb(159, 228, 159);
    margin-left: 32px;
    margin-right: 8px;
}

.SNFeedMessage_Command {
    background: #fff;
    padding: 8px;
}

.ECModal .workArea {
    overflow: auto;
}

.ECMenu_Feed .ECMenu_PopupButtonBadge {
    position: relative;
    left: 24px;
    top: 0;
}

.Refresh_campo_erro {
    background: #d8abab;
}

    .Refresh_campo_erro span table {
        visibility: collapse;
    }

    .Refresh_campo_erro span:hover table {
        visibility: visible;
    }

.Refresh_campo span table {
    visibility: collapse;
}

.Refresh_campo span:hover table {
    visibility: visible;
}

.Refresh_var {
    color: unset;
    font-size: inherit;
    background-color: inherit;
}

.Refresh_vardata {
    color: unset;
    font-size: 100%;
    display: none;
    background: #d7daf6;
    border: 1px solid #c2c2c2;
    height: 10px;
}

.Refresh_var:hover > .Refresh_vardata {
    color: unset;
    font-size: inherit;
    display: inherit;
    color: #4d16c1;
}

.Refresh_if_true {
    color: #19700c;
    font-size: inherit;
    background-color: inherit;
}

.Refresh_if_false_hidden {
    color: #b09999;
    font-size: inherit;
    display: none;
    background-color: inherit;
}

.Refresh_if_false:hover > .Refresh_if_false_hidden {
    display: inherit;
}

.Refresh_if_false {
    color: #b09999;
    font-size: inherit;
    background-color: inherit;
}

    .Refresh_if_false .Refresh_if_true {
        color: #b09999;
        font-size: inherit;
    }

.Refresh_formula {
    cursor: pointer;
    background: white;
    width: fit-content;
    padding: 2px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
}

    .Refresh_formula > div {
        display: none;
        border: 1px solid black;
        color: green;
    }

    .Refresh_formula:hover > div {
        display: inherit;
    }

.BI {
    padding: 16px;
}

.BIExcel {
    position: relative;
}

.BIExcel_Add {
    position: absolute;
    top: 0px;
    right: 0px;
    color: blue;
    font-size: 20px;
    width: 16px;
    text-align: center;
    height: 28px;
    padding-top: 2px;
    cursor: pointer;
}

.BI_Header {
    position: relative;
    word-break: break-word;
    white-space: normal;
}

.BI_Header_Commands {
    padding: 16px;
}

.BI_Header_Command_OK, .BIExcel_ColumnAdd_Command_OK {
    background: var(--cor6);
    text-align: center;
    cursor: pointer;
}

.BI_Header_Content {
    margin-right: 48px;
}

.BI_Header_Filter {
    position: absolute;
    right: 12px;
    bottom: 0px;
    cursor: pointer;
}

.BI_Header_Delete {
    color: red;
    font-size: 10px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
}

.BI_Header_Function_Edit {
    font-size: 10px;
    position: absolute;
    bottom: 0px;
    right: 32px;
    cursor: pointer;
    padding: 2px;
    margin-bottom: -2px;
}


.BI_Header_Options, .BIExcel_ColumnAdd_List {
    overflow: auto;
    height: 450px;
    max-width: 450px;
    width: 100%;
    padding: 16px;
}

.BI_Header_Option, .BIExcel_Item {
    display: flex;
}

.BI_Header_Option_Checked, .BI_Header_Option_Count, .BIExcel_ColumnAdd_List_Check {
    padding: 4px;
}

.BI_Header_Option_Name, .BIExcel_ColumnAdd_List_Name {
    width: 200px;
    padding: 4px;
}

.BI_Header_Aggregate {
    display: flex;
    padding: 8px;
}

.BI_Header_Aggregate_Item {
    padding: 4px;
    cursor: pointer;
}

.BI_Header_Calc_Field {
    background: var(--cor7);
    border: solid var(--cor2) 1px;
}

.BI_Def {
    width: 33%;
    display: inline-block;
}

.BI_Commands {
    height: 32px;
    display: flex;
}

.BI_Command {
    margin: 4px;
    padding: 4px;
    cursor: pointer;
}

.BI_Commands_PieChart {
    background-image: url('../Images/EfixControl/BI/pie-chart.PNG');
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.BI_Commands_RadarChart {
    background-image: url('../Images/EfixControl/BI/radar-plot.PNG');
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.BI_Commands_LineChart {
    background-image: url('../Images/EfixControl/BI/line-chart.PNG');
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.BI_Commands_Bars {
    background-image: url('../Images/EfixControl/BI/bar-chart.PNG');
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.BI_Commands_ColumnChart {
    background-image: url('../Images/EfixControl/BI/column-chart.PNG');
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.BI_Commands_Excel {
    background-image: url('../Images/EfixControl/BI/excel.PNG');
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.BI_Commands_ExcelDownload {
    background-image: url('../Images/EfixControl/BI/exceldownload.PNG');
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.BI_Header_Filter {
    background-image: url('../Images/EfixControl/BI/filter.PNG');
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.BI_Refresh {
    background-image: url('../Images/EfixControl/BI/refresh.PNG');
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.BI_NotEditable {
    background: #f0f0f0;
}

.BIExcel_ColumnAdd_List_Title {
    background: #f0f0f0;
    text-align: center;
}

.BIExcel_ColumnAdd_List_Code {
    display: none;
}

.BIExcel_ColumnAdd_List_Name {
    position: relative;
}

    .BIExcel_ColumnAdd_List_Name:hover .BIExcel_ColumnAdd_List_Code {
        display: block;
        position: absolute;
        background: #f0f0f0;
        border: 1px solid black;
        padding: 4px;
        left: 48px;
        z-index: 100;
        word-break: break-word;
        white-space: normal;
    }

.ui-widget-header {
    border: 1px solid #f0f0f0;
    background: #29ACFA;
}

.multiPeopleSelect {
    display: flex;
    overflow-x: scroll;
    cursor: pointer;
}

.multiPeopleSelect_Photo {
    padding: 4px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.multiPeopleSelect_WithoutPhoto {
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    min-width: 30px;
    width: 24px;
    height: 30px;
    max-height: 32px;
    border: 1px solid #aaa;
    border-radius: 50%;
    background: #ddd;
    color: #888;
    margin: 4px 2px;
}

.multiPeopleSelect_AvObjectWithoutPhoto {
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    height: 16px;
    max-height: 32px;
    border: 1px solid #aaa;
    border-radius: 8px;
    background: #fff;
    color: #888;
    margin: 4px 2px;
    font-size: 9px;
    padding: 2px 4px;
}

.multiPeopleSelect_inactive {
    background: #ddd;
}

.multiPeopleSelect_showPersonPopover {
    padding: 8px;
}

    .multiPeopleSelect_showPersonPopover .name {
    }

    .multiPeopleSelect_showPersonPopover .jobPosition {
        font-size: 10px;
        color: #888;
    }

.multiPeopleSelect_showSelectModal {
}

.multiPeopleSelect_showSelectModal_Title {
    font-size: 20px;
    padding: 4px 0px;
}

.multiPeopleSelect_showSelectModal_Detail {
}

.multiPeopleSelect_showSelectModal_Add {
    display: flex;
    padding: 16px 0px;
}

    .multiPeopleSelect_showSelectModal_Add .ECAutoComplete {
        width: 75%;
        min-width: 75%;
        max-width: 75%;
    }

        .multiPeopleSelect_showSelectModal_Add .ECAutoComplete span {
            min-width: 90%;
        }

.PS11_AvObjects {
    padding: 0px 16px 0px 16px;
}

.PS11_AvObjectItem {
    position: relative;
    display: flex;
    padding: 4px 0px;
    border-bottom: 1px solid #888;
}

.PS11_AvObjectItem_Order {
    min-width: 24px
}

.PS11_AvObjectItem_Code {
    min-width: 128px;
}

.PS11_AvObjectItem_Edit {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url('../Images/EfixControl/BoxBRL/Button/Edit.png');
    margin-right: 4px;
    border: 1px solid #97bac9;
    border-radius: 50%;
    background-color: #d1e1e8;
}

.PS11_AvObjectItem_Share {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url('../Images/EfixControl/BoxBRL/Button/Share.png');
    margin-right: 4px;
    border: 1px solid #97bac9;
    border-radius: 50%;
    background-color: #d1e1e8;
}

.PS11_AvObjectItem_Assessments {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url('../Images/EfixControl/BoxBRL/Button/Assessment.png');
    margin-right: 4px;
    border: 1px solid #97bac9;
    border-radius: 50%;
    background-color: #d1e1e8;
}

.PS11_AvObjectItem_needAssessment {
    background: red;
    width: 12px;
    height: 12px;
    position: absolute;
    border: 1px solid #888;
    border-radius: 50%;
    left: -14px;
    top: 2px;
}

.Assessment9BoxReport > div:first-child {
    display: flex;
    position: relative;
    margin-left: 40px;
}

.Assessment9BoxReport_TitleXCanvas {
    position: relative;
    height: 32px;
    margin-left: 32px;
    width: 100%;
}

.Assessment9BoxReport_TitleX {
    position: absolute;
    font-size: 32px;
    margin-left: 32px;
}

.Assessment9BoxReport_TitleYCanvas {
    width: 64px;
    position: absolute;
    bottom: 0px;
    left: -40px;
}

.Assessment9BoxReport_TitleY {
    transform-origin: 0 0;
    transform: rotate(270deg);
    margin: auto;
    font-size: 32px;
    bottom: 0px;
}

    .Assessment9BoxReport_TitleY .translationLabelWorkArea pre {
        White-space: nowrap;
    }

.AssessmentGoalsShareReport table {
    width: 100%;
    margin: 16px 0px;
}

    .AssessmentGoalsShareReport table tr td {
        border: 1px solid #888;
    }

.AssessmentGoalsShareReport_Goals {
    transform: rotate(180deg);
    min-width: 16px;
    vertical-align: top;
}

    .AssessmentGoalsShareReport_Goals p {
        writing-mode: vertical-lr;
    }

.AssessmentGoalsShareReport_Assessments {
    rotation: 90deg;
}

.AssessmentGoalsShareReport_Item {
    background: #ccc;
    text-align: center;
}

.AssessmentGoalsShareReport_Blank {
    cursor: pointer;
}

.TriboSquad {
    padding: 16px;
}

.TriboSquad_Tribo {
    border: 1px solid #29ACFA;
    display: none;
}

.TriboSquad_TriboTitle {
    border-radius: 0;
    padding: 0;
    min-height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #29ACFA;
    padding-left: 12px;
    background-color: #f5f5f5;
    color: #29ACFA;
    background-color: #29ACFA;
    color: #fff;
    cursor: pointer;
}

    .TriboSquad_TriboTitle img {
        margin-right: 8px;
    }

.TriboSquad_TriboTitle_Closed {
    border: 1px solid #ddd;
    /*margin-top: 4px;*/
    border-radius: 0;
    padding: 0;
    min-height: 40px;
    line-height: 40px;
    padding-left: 12px;
    background-color: #f5f5f5;
    color: #29ACFA;
    cursor: pointer;
}

.TriboSquad_TriboOwner {
    display: flex;
    margin: 2px;
}

    .TriboSquad_SquadItems .UserCardReport,
    .TriboSquad_TriboOwner .UserCardReport {
        width: fit-content;
        margin: 2px;
        width: 150px;
        overflow: hidden;
        padding-left: 40px;
    }

        .TriboSquad_SquadItems .UserCardReport:hover,
        .TriboSquad_TriboOwner .UserCardReport:hover {
            width: auto;
            padding-left: 56px;
            height: 54px;
        }


    .TriboSquad_SquadItems .UserCardReport_Photo,
    .TriboSquad_TriboOwner .UserCardReport_Photo {
        position: absolute;
        left: 2px;
    }

        .TriboSquad_SquadItems .UserCardReport_Photo img,
        .TriboSquad_TriboOwner .UserCardReport_Photo img {
            border-radius: 50%;
            width: 32px;
            height: 32px;
        }

    .TriboSquad_SquadItems .UserCardReport:hover .UserCardReport_Photo img,
    .TriboSquad_TriboOwner .UserCardReport:hover .UserCardReport_Photo img {
        width: 48px;
        height: 48px;
    }

    .TriboSquad_SquadItems .UserCardReport_Name,
    .TriboSquad_TriboOwner .UserCardReport_Name,
    .TriboSquad_SquadItems .UserCardReport_Email,
    .TriboSquad_TriboOwner .UserCardReport_Email,
    .TriboSquad_SquadItems .UserCardReport_JobPosition,
    .TriboSquad_TriboOwner .UserCardReport_JobPosition {
        position: relative;
        padding: 1px;
        left: auto;
        top: auto;
        white-space: nowrap;
        font-size: 10px;
        overflow: hidden;
    }

    .TriboSquad_SquadItems .UserCardReport_Email,
    .TriboSquad_TriboOwner .UserCardReport_Email {
        display: none;
    }

    .TriboSquad_SquadItems .UserCardReport:hover .UserCardReport_Email,
    .TriboSquad_TriboOwner .UserCardReport:hover .UserCardReport_Email {
        display: flex;
    }

.TriboSquad_Squads {
    display: flex;
    padding: 2px;
}

.TriboSquad_Squad {
    margin: 2px;
    border: 1px solid #29ACFA;
}

.TriboSquad_SquadTitle {
    border-radius: 0;
    padding: 0;
    min-height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #29ACFA;
    padding: 2px;
    background-color: #f5f5f5;
    color: #29ACFA;
    background-color: #29ACFA;
    color: #fff;
}

.TriboSquad_Squad .UserCardReport_Photo img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.BoxBRL {
    padding: 0px !important;
}

    .BoxBRL > .ECBox {
        padding: 0px;
    }

.BoxBRL_Separator td {
    border-top: 1px solid #b4b4b4;
}

.BoxBRL_Title {
    font-weight: 700;
}

.BoxBRL_AreaTitle {
    font-weight: 800;
    padding-top: 16px;
    border-bottom: 1px solid #888;
}

.AFARefresh {
    width: 100%;
    background: #aaa;
}

    .AFARefresh table {
        width: 100%;
        background: #eee;
    }

.password_eye {
    position: relative;
    width: 242px;
    height: 26px;
    top: 57px;
    left: 253px;
}

.formLink {
    cursor: pointer;
}

.cookieConsent {
    display: none;
    z-index: 10000;
    position: absolute;
    top: 0px;
    background: #80808040;
    width: 100%;
    height: 100%;
}

.cookieConsent_text {
    background: #eee;
    width: 500px;
    margin: auto;
    margin-top: 225px;
    padding: 24px;
    border: 1px solid black;
}

.cookieConsent button {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 30px;
    padding: 4px 25px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    background-color: #00b4fb;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.cookieConsent_button {
    width: fit-content;
    margin: auto;
}

.cookieLangs {
    margin-left: 4px;
    margin-top: -12px;
}

    .cookieLangs a {
        border: 1px solid #ccc;
        background: #ccc;
        display: inline-table;
        color: #00a9ea;
        width: 28px;
        height: 16px;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        border-top: none !important;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

.cookieLangSelect {
    background: #f5f5f5 !important;
    border-top: none !important;
}

.ECText {
    position: relative;
}

.k-list-container:has(.multiSelectItemTemplate) {
    width: unset !important;
    max-width: 75vw !important;
}

.multiSelectItemTemplate {
    max-width: 75vw !important;
}

.multiSelect_Red {
    color: red;
}

.multiSelect_Green {
    color: green;
}

.multiSelect_Selected {
    background: #b8d3ea;
}

.k-list-container .k-state-selected {
    background: #b8d3ea;
}

.ECGAEvaluateeQRContent .ECImageButton {
    width: 100%;
}

.ECGAEvaluateeQuestionAssessment .rate_SelectItem {
    padding-right: 20px;
}

.ValueRefresh {
    border: 1px dashed red;
    padding: 4px;
    position: relative;
}

.ValueRefreshAlt {
    display: none;
}

.ValueRefresh:hover .ValueRefreshAlt {
    display: unset;
    position: absolute;
    background: white;
    left: 0px;
    width: max-content;
    top: 24px;
    border: 1px solid blue;
    padding: 8px;
}

.GroupBuilder, .GroupBuilderInternalGroup {
    position: relative;
    padding: 24px 4px 0px 4px;
    line-height: 12px;
    display: flex;
    flex-direction: row;
    background: rgba(250, 240, 210);
    border: 1px solid #DCC896;
}

.GroupBuilderInternalGroup {
    position: relative;
    top: -20px;
}

.GroupBuilderType {
    margin-bottom: auto;
    background: green;
    top: 0em;
    border: 1px solid black;
    border-radius: 8px;
    padding: 4px;
    background: white;
    font-size: 12px;
    cursor: pointer;
}

.GroupBuilderAdd {
    width: 16px;
    height: 16px;
    background: url('../Images/EfixControl/Report/Report_add.png') no-repeat 50% 50%;
    margin-top: -16px;
    cursor: pointer;
}

.GroupBuilderDel {
    position: absolute;
    top: 8px;
    right: -8px;
    width: 16px;
    height: 16px;
    background: url('../Images/EfixControl/Report/Report_del.png') no-repeat 50% 50%;
    cursor: pointer;
}

.GroupBuilderInternalGroup > div > .GroupBuilderDel {
    top: -4px;
    right: -8px;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.GroupBuilderUL {
    margin-left: 4px;
}

.GroupBuilderLI {
    padding-left: 16px;
    border-left: solid 1px black;
    border-top: solid 1px black;
}

.GroupBuilder li:first-child {
    border-top-left-radius: 8px;
}

.GroupBuilder li:nth-last-child(3) {
    border-bottom-left-radius: 8px;
    border-bottom: solid 1px black;
}

.GroupBuilder li:last-child, .GroupBuilder li:nth-last-child(2) {
    border: 0px;
}

.GroupBuilder li:only-child {
    border-top: 0px;
}

.GroupBuilderItem {
    display: flex;
    flex-direction: row;
    margin: 0;
    background: white;
    position: relative;
    top: -20px;
    border: 1px solid black;
    border-radius: 8px;
    padding: 8px;
    gap: 8px;
}

.GroupBuilderPopup {
    padding: 8px;
}

.GroupBuilderPopupOption {
    cursor: pointer;
    margin: 4px;
}
.BoxBRLUserPhoto {
    border-radius: 50%;
    border: 1px solid #888;
    height: 24px;
    margin-top: -4px;
}
.BoxBRLUserPhoto:hover{
    height:unset;
}
.upload_file_count {
    cursor: pointer;
}

.upload_filelist_item {
    display:flex;
}
.upload_file_close {
    position: absolute;
    right: 8px;
    top: 8px;
}
.upload_file_del{
    margin-left:8px;
}
.upload_file_del, .upload_file_close {
    background-image: url(../Images//EfixControl/Report/Report_del.png);
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.upload_file_popover {
    padding: 8px;
    padding-top: 24px;
}

.upload_file_list {
    display: none;
}

.upload_file_item:first-of-type {
    background: red;
}

.upload_file_item {
    text-wrap: nowrap;
    text-decoration:underline;
}
.BoxBRLImg{
    cursor:pointer;
}