@import url('StyleSheet.css');

@font-face {
    font-family: 'fontAwesome';
    src: url('../../fonts/fontawesome-webfont.woff') format('woff');
}

.menu-notification {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background: red;
    display: inline-block;
    margin-top: -1px;
    position: absolute;
}

table {
    border-collapse: collapse;
}

a {
    color: #4C83A9;
    text-decoration: none;
}

.labelPad {
    padding: 1px 1px;
}

input, select {
    border-radius: 5px;
    padding: 5px 5px;
    cursor: pointer;
    font-family: "Arial Narrow", "Arial";
    font-stretch: condensed;
    font-size: 10pt;
    border: 1px solid #aaa;
}

    input [type=button], input[type=submit] {
        padding: 5px 15px;
    }

select {
    border: 1px solid #aaa;
    background-color: #fff;
    border-radius: 4px;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 9px) 11px, calc(100% - 5px) 11px, calc(100% - 2.5em) 0.5em;
    background-size: 4px 4px, 4px 4px, 1px 1.5em;
    background-repeat: no-repeat;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 2px 18px 1px 5px;
    height: 28px;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
}

    select:focus {
        background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%);
        background-position: calc(100% - 5px) 11px, calc(100% - 9px) 11px, calc(100% - 2.5em) 0.5em;
    }

.label-message {
    display: inline-block;
    vertical-align: middle;
}

.checkbox-list {
    border-radius: 5px;
    border: 1px solid #A9A9A9;
    border-collapse: separate;
    width: 100%;
}


input:disabled, select:disabled {
    border-radius: 5px;
    padding: 5px 5px;
    cursor: not-allowed;
}

    input:disabled [type=button], input:disabled[type=submit] {
        padding: 5px 15px;
    }

.select2-container--disabled
.select2-selection--single
.select2-selection__rendered {
    border-radius: 5px;
    padding: 0px;
    cursor: not-allowed;
    color: grey;
}

.select2-container--open {
    z-index: 9999999;
}

.select2-container .select2-container {
    width: 100% !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: url(images/select2.png) right top no-repeat;
    background-position: right -22px;
    border: red 1.5px solid;
}

*, *:focus, *:hover {
    outline: none;
}

hr {
    color: #649BBB;
    height: 1px;
    background-color: #649BBB;
    border: 0 none;
}

.divtaskform {
    border: 1px solid #4C83A9;
}

.pageTitle {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: #4C83A9;
    display: none;
}

.readonly {
    background-color: #DBDBDB;
    cursor: not-allowed;
}

.divContainer {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}


.panMain {
    height: 100%;
}

.panFilter, .panGrid, .panEdit {
    margin: 5px 5px 5px 5px;
}

    .panFilter td {
        padding: 5px;
    }

    .panGrid td, .panGrid th {
        padding-left: 4px;
        padding-right: 4px;
    }

.float-left {
    float: left;
}

.panGrid {
    padding: 9px;
}

.sort-arrow {
    margin-left: 3px;
}

.label-error {
    color: red;
    text-align: center;
}

.MyCalendar td {
    padding: 0 1px !important;
}

.MyCalendar .ajax__calendar_container {
    border: solid 1px #4C83A9;
    background-color: WhiteSmoke;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #DBDBDB;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
    font-weight: bolder;
}

/* ajax modal dialog styles */
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalBox {
    background-color: white;
    border: solid 1px #4C83A9;
    border-radius: 8px;
}

.field-required::after {
    content: '*';
    margin-left: 2px;
    color: red;
}


.caption, table caption {
    background-color: #4C83A9;
    color: white;
    white-space: nowrap;
    text-align: center;
    padding-left: 15px;
    padding-top: 8px;
    font-weight: bold;
    font-size: 1.1em;
    cursor: pointer;
    height: 25px;
    vertical-align: central;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.command {
    border-top: solid 1px #4C83A9;
    white-space: nowrap;
    text-align: right;
}

.task,
.taskRow {
    background-color: #f5f5f5;
    border-color: #d8d8d8;
    border-style: solid;
    border-width: 1px;
    border-top: 0px;
    border-left: 0px;
    overflow: hidden;
    padding-left: 5px;
}

.rowInfo {
    font-size: 0.85em;
}

.task_150 {
    background-color: #f5f5f5;
    border-color: #d8d8d8;
    border-style: solid;
    border-width: 1px;
    border-top: 0px;
    border-left: 0px;
    overflow: hidden;
    padding-left: 5px;
    width: 150px;
}

.txtday {
    width: 100%;
    font-size: 0.8em;
    background-color: rgba(255,255,255,0);
    padding: 0px 0px;
    border: 0px;
}

.weekHeader {
    font-size: 7pt;
}

.finalAction {
    width: 84px;
    min-width: 84px;
    text-align: center;
}

.forecastAction {
    width: 62px;
    min-width: 62px;
    text-align: center;
}

.prjCode,
.prjCodeP {
    min-width: 70px;
    width: 70px;
    text-align: center;
    font-family: 'Courier New';
    font-size: 0.8em;
}

.prjCodeP {
    min-width: 92px;
    width: 98px;
}

.prjType {
    border: 1px solid #649BBB;
}

#searchProjectTask {
    width: 200px;
}

.tskFase {
    width: 55px;
    text-align: center;
    font-family: 'Courier New';
    font-size: 0.8em;
}

.taskday,
.taskdaySS,
.taskdayF,
.taskdaycurrent,
.taskdaycurrentP,
.taskweek,
.taskweek2,
.taskweekP,
.taskweekP2,
.tasktot,
.tasktotP,
.tasktot_red,
.tasktotP_red,
.tasktot_yellow,
.tasktotP_yellow,
.tasktot_white,
.tasktotP_white,
.tasktot_grey,
.tasktotP_grey,
.tasktot_green,
.tasktotP_green {
    width: 20px;
    min-width: 20px;
    white-space: nowrap;
    text-align: center;
    border: solid 1px #b0b0b0;
    overflow: hidden;
}

.taskweekP,
.taskweekP2,
.taskdaycurrentP,
.tasktotP_red,
.tasktotP_yellow,
.tasktotP_green,
.tasktotP_white {
    width: 35px;
    min-width: 35px;
}

.taskweek,
.taskweekP {
    background-color: White;
}

.taskweek2,
.taskweekP2 {
    background-color: #d2eaff;
}

.taskday {
    background-color: #fcfcfc;
}

.taskdaySS {
    background-color: #d2eaff;
}

.taskdayF {
    background-color: #97BEC8;
}

.taskdaycurrent,
.taskdaycurrentP {
    background-color: #51FF57;
}

.tasktot,
.tasktotP {
    background-color: #78dde0;
    color: black;
    font-weight: bold;
    width: 30px;
    min-width: 30px;
}

.tasktotP {
    width: 45px;
    min-width: 45px;
}

.tasktot_red,
.tasktotP_red {
    background-color: #FE3838;
    color: #FFFFFF;
}

.tasktot_yellow,
.tasktotP_yellow {
    background-color: #FEFE38;
    color: #000000;
}

.tasktot_green,
.tasktotP_green {
    background-color: #109300;
    color: #FFFFFF;
}

.tasktot_white,
.tasktotP_white {
    background-color: #FFFFFF;
    color: #000000;
}

.tasktot_grey,
.tasktotP_grey {
    background-color: #e4e4e4;
    color: #000000;
}

.taskday input,
.taskdaySS input,
.taskdayF input,
.taskdaycurrent input,
.taskdaycurrentP input,
.taskweek input,
.taskweek2 input,
.taskweekP input,
.taskweekP2 input {
    text-align: center;
}

.taskdisabled {
    background-color: #DBDBDB;
    color: Gray;
}

.taskEnabled {
    background-color: White;
    color: Black;
}


.menusfondotable td {
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
}

.menusfondotable .menutitle {
    border-left: 2px solid #86b0cc;
    width: 110px;
    /*position: relative;*/
}

.menusfondotable td a {
    text-decoration: none;
    color: #0C6185;
}

    .menusfondotable td a:hover {
        color: #EE0022;
        text-decoration: none;
    }

.menusfondotable .selected {
    border-top: 2px solid #0C6185;
    border-bottom: 2px solid #0C6185;
}

.menusfondotable .menuuser {
    text-align: right;
    /*margin-right: 10px;*/
}

.menusfondotable .user-info {
    color: #4d6575;
}

.menusfondotable .td-user-manual {
    padding-right: 20px; 
    text-align:right;
    width: 40px;
}

.tab-menu {
    /*width: 100%;*/
}

    .tab-menu td {
        white-space: nowrap;
        width: 100%;
    }

div.submenu tr {
    height: 30px;
}

div.submenu td {
    text-align: left;
}

    div.submenu td a {
        display: inline;
    }

.badge {
    position: relative;
    top: -11px;
    right: 0px;
    padding: 3px 4px;
    border-radius: 50%;
    background: red;
    color: red;
    font-size: 3px;
    border: 1px solid white;
}

.watermark {
    color: #999999;
}

.messagered {
    color: Red;
}

.tskRes {
    background-color: White;
    width: 50px;
    border: solid 1px #4C83A9;
    text-align: center;
    height: 20px;
}

    .tskRes input {
        text-align: center;
    }

div#pop-up-legenda {
    display: none;
    position: absolute;
    background: #eeeeee;
    padding: 10px;
    border: 1px solid #1a1a1a;
}

.waitingBackground {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    background-color: lightgray;
    z-index: 100002 !important;
    overflow: hidden;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.waiting {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -65px;
    min-height: 130px;
    min-width: 130px;
    background-image: url("/Images/waiting.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: lightgray;
    overflow: hidden;
    filter: alpha(opacity=90);
    opacity: 0.9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 100003 !important;
}

.gridTotal {
    /*font-size: larger;*/
    font-weight: bold;
}

.gridRows {
    text-align: center;
    width: 120px;
}

.gridPage {
    width: 120px;
}

.gridInput {
    width: 100%;
    font-size: 1.0em;
    background-color: rgba(255,255,255,0);
    padding: 0px 0px;
    border: 0px;
}

.grid-view .select2-container--default .select2-selection--single {
    background-color: rgba(255,255,255,0);
    border: none;
    height: 22px;
}

    .grid-view .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 22px;
    }

    .grid-view .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 22px;
    }

.gridSelectedRow {
    background-color: #FFD17A !important;
}

.gridInput:disabled {
    border-radius: 5px;
    padding: 0px;
    cursor: not-allowed;
}

.grid-view {
    clear: both;
    margin-top: 8px;
}

    .grid-view td {
        white-space: nowrap;
    }

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

.vertical-align-left {
    text-align: left;
}

.vertical-align-right {
    text-align: right;
}


.only-date {
    width: 70px;
}

.rowPage {
    width: 40px;
}

.hover {
    background: #fbe6bd;
}

.hoverOpacity {
    opacity: 0.6;
}

.hoverC {
    background: #e4bc70;
}

.hoverNoOpacity {
    opacity: 1;
}

.rowProject {
    font-weight: bold;
}

.taskRow {
    background: #e1eefa;
}

.projectDesc {
    font-weight: bold;
}

.taskDesc {
    font-style: italic;
}

.qualificationDesc {
    font-style: italic;
    color: darkmagenta;
}

.freeDesc {
    font-weight: bold;
    color: blue;
}

.destinationDesc {
    font-style: italic;
    color: darkorchid;
}

.prjSection {
    border: 1px solid #649BBB;
}

.BaseTextAutoExtender {
    border-top: solid 2px #EDF5FC;
    border-right: solid 1px #E3E3E3;
    border-bottom: solid 1px #E3E3E3;
    border-left: solid 1px #E3E3E3;
    padding: 5px 10px 10px 5px;
    background-color: #EDF5FC;
    list-style-type: none;
    font-size: 1.2em;
    top: -1px;
}

.BaseTextAutoExtenderList {
    border-bottom: solid 1px #E3E3E3;
    padding: 6px 6px;
}

.BaseTextAutoExtenderHighlight {
    color: black;
    border-bottom: solid 1px #E3E3E3;
    background-color: #aaf1ff;
    cursor: pointer;
    padding: 6px 6px;
}

    .BaseTextAutoExtenderList:last-child,
    .BaseTextAutoExtenderHighlight:last-child {
        border-bottom: none;
    }

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    /* Style the buttons that are used to open the tab content */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #ccc;
        }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.addButton {
    width: 37px;
    min-width: 37px;
}

.summary {
    text-align: right;
    width: 101px;
    min-width: 101px;
}

.btnSave {
    background-image: url(../../Images/save.png);
}

.btnAdd {
    background-image: url(../../Images/add.png);
}

.btnClose {
    background-image: url(../../Images/close.png);
}

.btnCloseSmall {
    background-image: url(../../Images/close18x18.png);
    top: 3px;
    right: 0px;
    position: absolute;
    width: 18px;
    height: 18px;
}

.btnSmall {
    width: 20px;
    height: 22px;
    padding: 1px 0px !important;
}

.btnManual {
    background-image: url(../../Images/manual.png);
}

.btnAutomatic {
    background-image: url(../../Images/automatic.png);
}

.btnChart {
    background-image: url(../../Images/chart.png);
}

.btnComplete {
    background-image: url(../../images/complete25.png);
}

.btnDelete {
    background-image: url(../../Images/delete.png);
}

.btnDeleteAll {
    background-image: url(../../Images/deleteAll.png);
}

.btnLoad {
    background-image: url(../../Images/reload.png);
}

.btnUpload {
    background-image: url(../../Images/upload.png);
}

.btnDownload {
    background-image: url(../../Images/download.png);
}

.btnExport {
    background-image: url(../../Images/export.png);
}

.btnNew {
    background-image: url(../../Images/new.png);
}

.btnFilter {
    background-image: url(../../Images/filter.png);
}

.btnLeft {
    background-image: url(../../Images/arrow_left.png);
}

.btnRight {
    background-image: url(../../Images/arrow_right.png);
}

.btnDown {
    background-image: url(../../Images/arrow_down.png);
}

.btnReport {
    background-image: url(../../Images/report.png);
}

.btnDuplicate {
    background-image: url(../../Images/duplicate.png);
}

.btnExportMassive {
    background-image: url(../../Images/export_massive.png);
}

.btnNewTask {
    background-image: url(../../Images/new_task.png);
}

.btnNewTaskSmall {
    background-image: url(../../Images/new_task_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnOrder {
    background-image: url(../../Images/order.png);
}

.btnOriginal {
    background-image: url(../../Images/original.png);
}

.btnReload {
    background-image: url(../../Images/reload.png);
}

.btnResources {
    background-image: url(../../Images/resources.png);
}

.btnResourcesSmall {
    background-image: url(../../Images/resources_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnSummary {
    background-image: url(../../Images/summary.png);
}

.btnCheckValues {
    background-image: url(../../Images/check_values.png);
}

.btnLogin {
    background-image: url(../../Images/login.png);
}

.btnSend {
    background-image: url(../../Images/send.png);
}

.btnSendSmall {
    background-image: url(../../Images/send_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnLock {
    background-image: url(../../Images/lock.png);
}

.btnUnlock {
    background-image: url(../../Images/unlock.png);
}

.btnUndo {
    background-image: url(../../Images/undo.png);
}

.btnTemplate {
    background-image: url(../../Images/template.png);
}

.btnDownloadExcel {
    background-image: url(../../Images/download-excel.png);
}


.btnUndoSmall {
    background-image: url(../../Images/undo_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnDeleteSmall {
    background-image: url(../../Images/delete_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnSaveSmall {
    background-image: url(../../Images/save_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnEditSmall {
    background-image: url(../../Images/edit_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnFavoriteSmall, .btnCompleteSmall, .btnClearSmall, .btnCloneSmall, .btnDestSmall {
    width: 15px;
    height: 15px;
    border-radius: 0px;
    padding: 8px 8px !important;
}

.btnFavoriteSmall_Actived, .btnFavoriteSmall_Actived:disabled {
    background-image: url(../../Images/favorite-on.png);
    width: 15px;
    height: 15px;
    border-radius: 0px;
    padding: 8px 8px !important;
    background-color: #4C83A9 !important;
}

.btnFavoriteSmall_Disabled, .btnFavoriteSmall_Disabled:disabled {
    background-image: url(../../Images/favorite-off.png);
    width: 15px;
    height: 15px;
    border-radius: 0px;
    padding: 8px 8px !important;
    background-color: #4C83A9 !important;
}

.btnCompleteSmall {
    background-image: url('../../Images/complete.png');
}

.btnClearSmall {
    background-image: url('../../Images/clear.png');
}

.btnClear {
    background-image: url('../../Images/clear.png');
}

.btnCloneSmall {
    background-image: url('../../Images/clone.png');
}

.chart {
    width: 500px;
    height: 500px;
    border: 1px solid lightgrey;
}


/* -------------- */

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #aaa 1px;
    outline: 0;
}

[aria-multiselectable="true"].select2-results__option {
    padding-right: 17px;
    vertical-align: middle;
}

    [aria-multiselectable="true"] .select2-results__option:before {
        content: "";
        display: inline-block;
        position: relative;
        height: 17px;
        width: 17px;
        border: 1px solid #aaa;
        border-radius: 4px;
        background-color: #fff;
        margin-right: 20px;
        vertical-align: middle;
    }

    [aria-multiselectable="true"] .select2-results__option[aria-selected=true]:before {
        font-family: fontAwesome;
        content: "\f00c";
        color: #0C6185;
        padding-left: 4px;
        padding-top: 3px;
        background-color: #fff;
        border: 0;
        display: inline-block;
        height: 17px;
        width: 17px;
    }

[aria-multiselectable="true"] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
}

[aria-multiselectable="true"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
}

[aria-multiselectable="true"] .select2-container--default .select2-selection--multiple {
    margin-bottom: 10px;
}

[aria-multiselectable="true"] .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
}

[aria-multiselectable="true"] .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f77750;
    border-width: 2px;
}

[aria-multiselectable="true"] .select2-container--default .select2-selection--multiple {
    border-width: 2px;
}

[aria-multiselectable="true"] .select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

[aria-multiselectable="true"] .select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}

.select2-container .select2-selection--multiple {
    height: 50px;
    max-height: 50px;
    overflow-y: scroll;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 300px;
}

.skill-row {
    height: 18px;
    width: 600px;
    margin-bottom: 3px;
}

.skill-detail-row {
    height: 30px;
}

.skill-span-label {
    width: 200px;
    text-align: right;
    float: left;
}

.skill-span-value {
    width: 400px;
    float: right;
}

.skill-table {
    margin-left: 100px;
}

.skill-area-selected {
    border-bottom: 1px solid #4C83A9;
}

.skill-area-incompleted {
    color: red;
}

.skill-area-completed {
    color: #4C83A9;
}

.skill-block {
    border: 1px solid #4C83A9;
    width: 700px;
    margin-bottom: 1px;
    padding: 2px 0 0 10px;
}

.skill-arrow {
    width: 10px;
    height: 11px;
    float: left;
    margin-top: 2px;
    margin-left: 3px;
}

.title-skill-area {
    float: left;
}

/* Welfate page - start */

.welfare-label {
    text-align: right;
    margin-right: 5px;
}

.welfare-label-left {
    text-align: left;
    margin-left: 5px;
    padding-left: 12px !important;
}

.welfare-div .date-format-small {
    width: 100px !important;
}

.welfare-div .date-format-full {
    width: 170px !important;
}

.welfare-div table {
    width: 100%;
}

    .welfare-div table tr td, th {
        padding: 2px;
    }

        .welfare-div table tr td input[type='text'] {
            padding-left: 2px;
            padding-right: 2px;
            width: 100%;
        }

/* welfare page - end */
.skill-arrow-down {
    background-image: url(../../Images/arrow-down.png);
}

.skill-arrow-up {
    background-image: url(../../Images/arrow-up.png);
}

.div-skill-button {
    float: right;
    margin: -40px 10px 0 0;
}

.table-skill {
    border: 1px solid #4C83A9;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .table-skill td {
        text-align: center;
    }

.skill-header {
    background-color: #fbe6bd;
}

.skill-tooltip {
    position: absolute;
    background-color: #fff;
    width: 150px;
    height: 200px;
    border: 1px solid gray;
    text-align: left;
    padding: 5px 5px 5px 5px;
    overflow: auto;
}

.tooltip-field-currenct {
    background-color: #e4bc70;
}

.tooltip-field-currenct-row {
    background-color: #fbe6bd;
}

.skill-header-function {
    margin-left: 560px;
}

    .skill-header-function .title-skill-area {
        margin-left: 10px;
    }

.skill-selected {
    background-color: yellow;
}

#searchSkill {
    width: 200px;
}

#cboMultiFilterSkills .select2-container {
    width: 400px;
}

.td-Evaluation-0 {
    background-color: #fff; /* same color in css class BasePage.SkillColor0 */
}

.td-Evaluation-1 {
    background-color: #ffeeee; /* same color in css class BasePage.SkillColor1 */
}

.td-Evaluation-2 {
    background-color: #feffed; /* same color in css class BasePage.SkillColor2 */
}

.td-Evaluation-3 {
    background-color: #e9ffde; /* same color in css class BasePage.SkillColor3 */
}

.btnSummarySmall {
    background-image: url(../../Images/summary_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnUndoSmall {
    background-image: url(../../Images/undo_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnDeleteSmall {
    background-image: url(../../Images/delete_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnSaveSmall {
    background-image: url(../../Images/save_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnEditSmall {
    background-image: url(../../Images/edit_15x15.png);
    width: 15px;
    height: 15px;
    padding: 9px 9px !important;
}

.btnFavoriteSmall, .btnCompleteSmall, .btnClearSmall, .btnCloneSmall, .btnDestSmall {
    width: 15px;
    height: 15px;
    border-radius: 0px;
    padding: 8px 8px !important;
}

.btnFavoriteSmall_Actived, .btnFavoriteSmall_Actived:disabled {
    background-image: url(../../Images/favorite-on.png);
    width: 15px;
    height: 15px;
    border-radius: 0px;
    padding: 8px 8px !important;
    background-color: #4C83A9 !important;
}

.btnFavoriteSmall_Disabled, .btnFavoriteSmall_Disabled:disabled {
    background-image: url(../../Images/favorite-off.png);
    width: 15px;
    height: 15px;
    border-radius: 0px;
    padding: 8px 8px !important;
    background-color: #4C83A9 !important;
}

.btnCompleteSmall {
    background-image: url('../../Images/complete.png');
}

.btnClearSmall {
    background-image: url('../../Images/clear.png');
}

.btnCloneSmall {
    background-image: url('../../Images/clone.png');
}

.btnApproved {
    background-image: url(../../Images/approveGreen.png);
}

.btnApproveWhite {
    background-image: url(../../Images/approve.png);
}

.btnReject {
    background-image: url(../../Images/rejectRed.png);
}

.td-ff-select2 span {
    width: 450px;
    max-width: 450px;
}