@import url('//fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

/***** TABS - OVERWRITE for RADTABSTRIP *****/
.RadTabStrip_Bootstrap.easo-tabs .rtsLink {
    padding: 12px 7px;
    color: var(--primary-txt-color);
    font-size: 14px;
}

.RadTabStrip_Bootstrap.easo-tabs .rtsLevel1 .rtsLink {
    /*background-color: #f7f7f7;*/
    background-color: #fcfcfc;
}

.RadTabStripTop_Bootstrap.easo-tabs .rtsLevel1 .rtsSelected, .RadTabStripTop_Bootstrap .rtsLevel1 .rtsSelected:hover {
    background-color: var(--light-color);
    font-weight: bold;
    border-top: 3px solid var(--primary-color);
    /*border-left: none;
    border-right: none;*/
}

.RadTabStripTop_Bootstrap.easo-tabs .rtsLI + .rtsLI {
    padding-left: 5px;
}

@-moz-document url-prefix() {
    .RadTabStripTop_Bootstrap.easo-tabs .rtsLI + .rtsLI {
        padding-left: 3px;
    }
}

.RadTabStripTop_Bootstrap.easo-tabs .rtsLevel1 .rtsLI {
    margin-bottom: -2px;
}
.RadTabStrip_Bootstrap.easo-tabs .rtsLevel1 .rtsLink:hover {
    background-color: var(--light-color);
}

.RadTabStrip_Bootstrap.easo-tabs .rtsLink:hover {
    color: var(--primary-color);
}

.RadTabStripTop_Bootstrap.easo-tabs .rtsLevel1 .rtsLink:hover {
    border-bottom-color: var(--light-color);
}

.RadTabStrip.easo-tabs .rtsTxt {
    white-space: normal;
}

.RadTabStrip.easo-tabs .rtsLevel1 .rtsTxt, .RadTabStripVertical.easo-tabs .rtsLevel1 .rtsTxt {
    padding: 0px 0px 0px 4px;
}
/* Tabs - small version */
.RadTabStrip_Bootstrap.easo-tabs.easo-tabs--small .rtsLink {
    padding: 10px;
    color: var(--primary-txt-color);
    font-size: 12px;
}

.RadTabStripTop_Bootstrap.easo-tabs.easo-tabs--small .rtsLI + .rtsLI {
    padding-left: 5px;
}

/***** TABLES - OVERWRITE for RADGRID *****/
.RadGrid.easo-responsive-table {
    border: none;
}

.RadGrid_Bootstrap.easo-responsive-table .rgMasterTable, 
.RadGrid_Bootstrap.easo-responsive-table .rgDetailTable, 
.RadGrid_Bootstrap.easo-responsive-table .rgGroupPanel table, 
.RadGrid_Bootstrap.easo-responsive-table .rgCommandRow table, 
.RadGrid_Bootstrap.easo-responsive-table .rgEditForm table, 
.RadGrid_Bootstrap.easo-responsive-table .rgPager table {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

    .RadGrid.easo-responsive-table .rgMasterTable, 
    .RadGrid.easo-responsive-table .rgDetailTable, 
    .RadGrid.easo-responsive-table .rgEditForm table {
        border: none;
        outline: none;
    }

.RadGrid.easo-responsive-table:focus {
    outline: none;
}

.RadGrid_Bootstrap.easo-responsive-table .rgFilterRow > td {
    border-left: none;
    border-right: none;
}

.RadGrid.easo-responsive-table .rgRow > td, 
.RadGrid.easo-responsive-table .rgAltRow > td, 
.RadGrid.easo-responsive-table .rgEditRow > td, 
.RadGrid.easo-responsive-table .rgFooter > td, 
.RadGrid.easo-responsive-table .rgFilterRow > td, 
.RadGrid.easo-responsive-table .rgHeader, 
.RadGrid.easo-responsive-table .rgResizeCol,
.RadGrid.easo-responsive-table .rgGroupHeader td {
    padding: 10px;
}

.RadGrid.easo-responsive-table .rgHeader {
    background-color: var(--neutral-color-1);
    font-weight: bold;
    padding: 15px 10px;
}

.RadGrid_Bootstrap.easo-responsive-table a {
    color: var(--primary-color);
}

.RadGrid_Bootstrap.easo-responsive-table .rgHeader, 
.RadGrid_Bootstrap.easo-responsive-table th.rgResizeCol, 
.RadGrid_Bootstrap.easo-responsive-table .rgHeaderWrapper, 
.RadGrid_Bootstrap.easo-responsive-table .rgMultiHeaderRow th.rgHeader {
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.RadGrid_Bootstrap.easo-responsive-table .rgRow > td, 
.RadGrid_Bootstrap.easo-responsive-table .rgAltRow > td, 
.RadGrid_Bootstrap.easo-responsive-table .rgEditRow > td {
    border-left: none;
    padding: 12px;
}

.RadGrid.easo-responsive-table .rgFilterRow > td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.RadGrid_Bootstrap.easo-responsive-table .rgFilterRow > td {
    border-top: 1px solid #dedede;
}

.RadGrid_Bootstrap.easo-responsive-table td {
    border-left: none;
    border-right: none;
}

.RadGrid.easo-responsive-table .rgMultiHeaderRow .rgHeader[colspan="2"] {
    border-bottom: 1px solid var(--neutral-color-3);
}


.RadGrid.easo-responsive-table th.rgHeader:first-child {
    padding-left: 20px;
}

.RadGrid.easo-responsive-table th.rgHeader:last-child {
    padding-right: 20px;
}

.RadGrid_Bootstrap.easo-responsive-table .rgRow > td:first-child, 
.RadGrid_Bootstrap.easo-responsive-table .rgAltRow > td:first-child {
    padding-left: 20px;
}

.RadGrid_Bootstrap.easo-responsive-table .rgRow > td:last-child,
.RadGrid_Bootstrap.easo-responsive-table .rgAltRow > td:last-child {
    padding-right: 20px;
}

/* Filter Overwrite */
.RadGrid.easo-responsive-table .rgFilterRow input[type="submit"]:focus,
.RadGrid.easo-responsive-table .rgFilterRow input[type="text"]:focus {
    outline: none;
}

.RadGrid_Bootstrap.easo-responsive-table .rgFilterBox {
    border-radius: 2px 0px 0px 2px;
    color: var(--primary-txt-color);
    padding: 0px 5px;
    width: 60px;
}
.RadGrid_Bootstrap.easo-responsive-table .rgFilter {
    border-radius: 0px 2px 2px 0px;
}

.easo-candidate-table {
    height: 100%;
    width: 1240px;
}

/* override for references table */
.RadGrid_Default.easo-cv-table {
    border: none;
}

.RadGrid_Default.easo-cv-table .rgHeader, 
.RadGrid_Default.easo-cv-table th.rgResizeCol, 
.RadGrid_Default.easo-cv-table .rgHeaderWrapper {
    font-weight: bold;
    padding: 10px 15px;
    background: #eeeeee;
    font-size: 14px;
}

.RadGrid.easo-cv-table .rgRow > td, 
.RadGrid.easo-cv-table .rgAltRow > td, 
.RadGrid.easo-cv-table .rgEditRow > td, 
.RadGrid.easo-cv-table .rgFooter > td {
    padding: 20px 15px;
}

.RadGrid_Default.easo-cv-table .rgMasterTable,
.RadGrid_Default.easo-cv-table .rgDetailTable,
.RadGrid_Default.easo-cv-table .rgGroupPanel table,
.RadGrid_Default.easo-cv-table .rgCommandRow table,
.RadGrid_Default.easo-cv-table .rgEditForm table,
.RadGrid_Default.easo-cv-table .rgPager table {
    font-family: 'Roboto', sans-serif;
}

.RadGrid_Default.easo-cv-table .rgAltRow {
    background: #f5f5f5;
}

/* Filtering overrides */
.RadGrid_Bootstrap.easo-responsive-table .rgFilter {
    width: 20px;
    height: 24px;
    background-position: -15px -4512px;
}

.RadGrid_Bootstrap.easo-responsive-table .rgFilterBox {
    height: 24px;
}


/* Pagination Overwrite */
.RadGrid_Bootstrap.easo-responsive-table .rgPager > td {
    border-left: none;
    border-right: none;
}

.RadGrid_Bootstrap.easo-responsive-table td.rgPagerCell {
    padding: 7px 15px;
}

.RadGrid_Bootstrap.easo-responsive-table .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: var(--primary-color);
    border: none;
    border-radius: 2px;
}

.RadGrid_Bootstrap.easo-responsive-table .rgPagerCell .rgPageFirst, 
.RadGrid_Bootstrap.easo-responsive-table .rgPagerCell .rgPagePrev, 
.RadGrid_Bootstrap.easo-responsive-table .rgPagerCell .rgPageNext, 
.RadGrid_Bootstrap.easo-responsive-table .rgPagerCell .rgPageLast, 
.RadGrid_Bootstrap.easo-responsive-table .rgPagerCell .rgPagerButton, 
.RadGrid_Bootstrap.easo-responsive-table .rgPagerCell .rgNumPart a {
    background-color: transparent;
    border: none;
}

.RadGrid_Bootstrap.easo-responsive-table .rgMasterTable.rgClipCells .rgRow td {
    /*border: 1px solid red;
    overflow: visible;*/
}

/* override for radgrid */
.RadGrid.easo-responsive-table .rgClipCells .rgHeader,
.RadGrid.easo-responsive-table .rgClipCells .rgFilterRow > td,
.RadGrid.easo-responsive-table .rgClipCells .rgRow > td,
.RadGrid.easo-responsive-table .rgClipCells .rgAltRow > td,
.RadGrid.easo-responsive-table .rgClipCells .rgEditRow > td,
.RadGrid.easo-responsive-table .rgClipCells .rgFooter > td {
    overflow: visible;
}

.rgMasterTable.easo-candidate-table.rgClipCells {
    overflow: inherit !important;

}

.easo-responsive-table .rgPagerCell input[type="submit"]:focus {
    outline: none;
}

.easo-responsive-table .rgDataDiv {
    min-height: 400px;
    height: auto !important;
}

/***** DATE TIME PICKER - OVERWRITE for RADPICKER *****/
/* RadCaldendarPopup cannot have the easo-date-time class added to it, since this code is being generated */

.RadPicker_Bootstrap.easo-date-time td input.riTextBox {
    border-radius: 2px 0 0 2px;
}

.RadPicker_Bootstrap.easo-date-time .rcTimePopup {
    border-radius: 0 2px 2px 0;

}

    .RadPicker_Bootstrap.easo-date-time .rcCalPopup:hover,
    .RadPicker_Bootstrap.easo-date-time .rcTimePopup:hover {
        background-color: var(--primary-color);
    }

.RadPicker_Bootstrap.easo-date-time .rcCalPopup:hover {
    background-position: -110px -4210px;
}

.RadPicker_Bootstrap.easo-date-time .rcTimePopup:hover {
    background-position: -110px -4260px;
}

.RadPicker.easo-date-time.rcCalPopupOpen .riTextBox,
.RadPicker.easo-date-time.rcCalPopupOpen .rcSelect,
.RadPicker.easo-date-time.rcMYPopupOpen .riTextBox,
.RadPicker.easo-date-time.rcMYPopupOpen .rcSelect,
.RadPicker.easo-date-time.rcTimePopupOpen .riTextBox,
.RadPicker.easo-date-time.rcTimePopupOpen .rcSelect {
    outline: none;
    border: 1px solid var(--neutral-color-2);
    /*box-shadow: 0px 0px 0px 2px rgba(0,0,0,.1);*/
}

.RadCalendarPopupShadows > .rcShadBL, .RadCalendarPopupShadows > .rcShadBR {
    display: none;
}

.RadCalendar .rcMain {
    background: #fff;
}


.RadCalendarPopupShadows > .rcShadTR {
    display: none;
}

.RadCalendarPopupShadows > .rcShadBL, 
.RadCalendarPopupShadows > .rcShadBR {
    border: 1px solid blue;
}

.RadCalendarPopup .RadCalendar_Bootstrap {
    box-shadow: none !important;
}

.RadCalendar .rcRow:first-child td:first-child, .RadCalendar .rcRow:first-child th:first-child {
    padding-left: 3px;
    padding-right: 3px;
}


.RadCalendar .rcWeek th {
    padding-right: 10px;
}

.RadCalendar td.rcHover a {
    border: 1px solid transparent !important;
}

.RadCalendar_Bootstrap .rcMain .rcRow .rcSelected a {
    background: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    color: var(--secondary-txt-color);
}

.RadCalendarTimeView_Bootstrap td.rcSelected a {
    background: var(--primary-color) !important;
    color: var(--secondary-txt-color);
}

.rcTitlebar caption,
.rcMain caption {
    padding: 0px;
}

.RadCalendarMonthView_Bootstrap .rcSelected a {
    background: var(--primary-color) !important;
    color: #fff;
}

.RadCalendarMonthView_Bootstrap #rcMView_OK {
    background: var(--primary-color) !important;
}

/* Marking today's date */
.RadCalendar_Bootstrap .rcMain .rcRow .today-date {
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    width: 32px;
    height: 32px;
}

.easo-date-time .RadInput_Bootstrap .riDisabled, 
.easo-date-time .RadInput_Disabled_Bootstrap {
    color: red;
}
.RadPicker_Bootstrap.easo-date-time td .RadInput_Bootstrap input.riTextBox.riDisabled {
    background-color: var(--neutral-color-1);
    color: var(--neutral-color-5);
}

/***** MULTI SELECT - OVERWRITE for RAD MULTI SELECT *****/
.RadMultiSelect.easo-multi-select .k-multiselect-wrap .k-button {
    border-width: 2px;
}

/***** RAD SPLITTER - OVERWRITE for RAD SPLITTER *****/
.easo-rad-splitter .RadSplitter_Default {
    font-family: 'Roboto', sans-serif;
    border: none;
}

.easo-rad-splitter .RadSplitter_Default .rspPane {
    border: none;
}
.easo-rad-splitter .RadSplitter_Default .CustomPage {
    font-family: 'Roboto', sans-serif;
}

@media (max-width: 864px) {
    .RadTabStrip_Bootstrap.easo-tabs .rtsLink {
        padding: 10px;
        font-size: 12px;
    }
    .RadTabStripTop_Bootstrap.easo-tabs .rtsLI + .rtsLI {
        padding-left: 6px;
    }
}