/* ===================================== */
/*        focus of editable things       */
/* ===================================== */

.k-numerictextbox:focus-within, .k-datepicker:focus-within {
    border-color: #39b4e8;
    outline: none;
}

/* ===================================== */
/*           Telerik Textbox             */
/* ===================================== */

input.k-textbox {
    padding: 25px 15px 10px;
}

/* ===================================== */
/*           Telerik Dropdown            */
/* ===================================== */

.adreswizard .k-list-scroller .k-list .k-list-item {
    border-bottom-color: lightgrey;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.k-dropdownlist .k-button-icon {
    margin-right: 20px;
    margin-top: -10px;
    margin-left: 0;
}

.k-dropdown .k-dropdown-wrap {
    background-color: #ffffff;
    background-image: none;
    border-color: #ffffff;
}

.k-dropdown .k-numeric-wrap {
    border: 0;
}

.k-dropdown .k-dropdown-wrap.k-focus {
    box-shadow: none;
}

.k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover {
    background-color: white !important;
}

.k-list-item.k-selected {
    background-color: #39b4e8 !important;
}

.k-dropdown-wrap .k-icon {
    color: #39b4e8;
    margin-left: -30px;
    margin-top: -10px;
}

.k-icon.k-i-x {
    color: #39b4e8;
}

/* ===================================== */
/*           Telerik Tabstrip            */
/* ===================================== */

.k-tabstrip {
    background-color: lightgray;
}

.k-tabstrip-items-wrapper .k-state-default .k-link {
    color: black !important;
}

.k-tabstrip-items-wrapper .k-state-active .k-link {
    color: #006fb7 !important;
}

.k-tabstrip > .k-content {
    border-color: white;
    border-width: 0;
    border: none;
}

.k-tabstrip-items-wrapper {
    z-index: 1;
}


.k-tabstrip-content, .k-tabstrip > .k-content {
    outline: 0 !important;
}

/* ===================================== */
/*        Telerik Numeric Textbox        */
/* ===================================== */

/* Hide up & down button of numeric textbox */
span.k-numerictextbox span.k-input-spinner {
    display: none;
}

.k-numerictextbox .k-numeric-wrap {
    border: 0;
}

.k-numerictextbox .k-numeric-wrap.k-focus {
    box-shadow: none;
}

/* ===================================== */
/*      Telerik Datepicker               */
/* ===================================== */

.k-dateinput .k-dateinput-wrap {
    border: 0;
}

.k-dateinput .k-dateinput-wrap.k-focus {
    box-shadow: none;
}

.k-picker-wrap.k-state-default {
    border: 0 !important;
}

.k-datepicker .k-select, .k-datepicker .k-select:hover {
    background-color: white;
}

.k-datepicker input {
    cursor: text;
}

.k-calendar .k-selected .k-link, .k-calendar .k-selected:hover .k-link {
    background-color: #39b4e8;
    border-color: #39b4e8;
}

.k-today {
    color: #39b4e8 !important;
}

/* Disabled inputs remove different inner color */
div.c-input.disabled span.k-disabled {
    background-color: #eeefef;
}

div.c-input.disabled span.k-disabled .k-dropdown-wrap {
    background-color: #eeefef;
    border-color: #eeefef;
}

::selection {
    color: white !important;
    background: #006fb7 !important;
}

/* ===================================== */
/*        Telerik Dialog                 */
/* ===================================== */

.k-dialog-titlebar {
    border-color: inherit;
    color: #ffffff;
    background-color: #39B4E8;
}

/* ===================================== */
/*        Telerik Modal                 */
/* ===================================== */

.k-window-actions .k-button.k-icon-button{
    color:white;
}

/* ===================================== */
/*        Telerik Chheckbox              */
/* ===================================== */

.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: #39B4E8;
    color: #ffffff;
    background-color: #39B4E8;
}

.k-list-optionlabel {
    display: none;
}

/* ===================================== */
/*        Telerik Radiogroup             */
/* ===================================== */

.k-radio {
    border: 1px solid #c3c3c3;
    -webkit-appearance: radio;
}

.k-radio:checked, .k-radio.k-checked {
    border-color: #006fb7;
    color: #006fb7;
    background-color: #fff;
    background-image: none;
}

.k-radio:checked:focus, .k-radio.k-checked.k-state-focus {
    border-color: #006fb7;
    box-shadow: 0 0 0 0;
}

.k-radio:focus, .k-radio.k-state-focus {
    border: 1px solid #c3c3c3;
    box-shadow: 0 0 0 0;
}

.k-radio:hover, .k-radio.k-state-hover {
    border: 1px solid #595959;
    box-shadow: 0 0 0 0;
}

.k-radio-item.k-disabled .k-radio-label {
    opacity: 0.7;
}

.k-radio:disabled, .k-radio-item.k-disabled {
    opacity: 1;
}

/* ===================================== */
/*          TelerikWindow                */
/* ===================================== */

.k-window-content--wrapper {
    position: absolute;
    top: 0;
    bottom: 100px;
    left: 16px;
    right: 0;
    overflow: auto;
}

.k-window-content--footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #f0f0f0;
    background: #ffffff;
    padding: 10px;
    z-index: 9999;
}

.k-window-content--content {
    padding-top: 16px;
}

/* ===================================== */
/*    Telerik Numerictextbox in Grid     */
/* ===================================== */

.k-grid-edit-cell .c-input__field {
    padding: 0;
    min-height: 0;
}

.k-grid-edit-cell .c-input__field .k-disabled {
    background-color: #eeefef;
}

.k-pager-numbers .k-link {
    color: #39B4E8;
}

.k-pager-numbers .k-link.k-selected {
    color: #006fb7;
    background-color: rgba(57, 180, 232, 0.2);
}

.k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover {
    color: #006fb7;
    background-color: rgba(57, 180, 232, 0.08);
}

table .k-header {
    padding: 20px !important;
    background-color: #c8c8c8;
}

.k-grid th {
    white-space: normal;
}

.k-grid th div {
    text-overflow: ellipsis;
    overflow: inherit;
}

.k-master-row {
    border: 1px solid rgba(191, 191, 191, 0.5) !important;
}

.k-grid tr.k-alt {
    background-color: inherit;
}

table {
    border-collapse: collapse !important;
}

.k-grid .k-grid-header {
    padding-inline-end: 0;
}


.k-grid .k-grid-content {
    overflow-y: overlay;
    overflow-x: hidden;
}

/* ===================================== */
/*           Telerik loader              */
/* ===================================== */

.k-loader-primary {
    color: #006fb7;
}

/* ===================================== */
/*           Telerik Wizard              */
/* ===================================== */

.k-wizard-horizontal .k-wizard-steps {
    margin-top: 15px;
}

.svl-square-wizard .k-stepper .k-step-indicator {
    border-radius: 0;
}

.svl-square-wizard .k-stepper .k-step-done .k-step-indicator {
    border-radius: 0;
    background-color: #39b4e8;
    border-color: #39b4e8;
}

.svl-square-wizard .k-stepper .k-step-indicator:after {
    border-radius: 0;
}

.svl-square-wizard .k-stepper .k-step-current .k-step-indicator {
    border-radius: 0;
    background-color: #39b4e8;
    border-color: #39b4e8;
}

.svl-square-wizard .k-stepper .k-step-disabled .k-step-indicator {
    background-color: #eeefef;
}


.svl-square-wizard .k-stepper .k-step-link {
    color: #39b4e8;
}

.svl-square-wizard .k-state-selected {
    background-color: #39b4e8;
    border-color: #39b4e8;
}

.svl-square-wizard .k-progressbar .k-selected {
    border-color: #39b4e8;
    color: white;
    background-color: #39b4e8;
}


/* ===================================== */
/*           Telerik ComboBox            */
/* ===================================== */

.k-combobox .k-button-icon {
    margin-right: 20px;
    margin-top: -10px;
    margin-left: 0;
}

.k-combobox .k-dropdown-wrap, .k-combobox > .k-focus {
    border: none;
    box-shadow: none;
}

.k-combobox .k-select {
    background-color: inherit !important;
    background-image: none;
    margin-left: 0;
    margin-right: 15px;
    margin-top: -10px;
}

.k-dropdown-wrap .k-icon.k-clear-value {
    margin-top: -5px;
}

.k-combobox .k-select .k-icon {
    margin-left: 0;
    margin-top: 0;
}

/* ===================================== */
/*         Telerik icon button           */
/* ===================================== */

.k-button.k-icon-button {
    background-color: inherit;
    border: none;
    color: #39b4e8;
}

.k-button.k-icon-button:hover {
    cursor: pointer;
    color: #006fb7;
}

/* ===================================== */
/*         Telerik notification          */
/* ===================================== */

.notification {

}

.notification .title {
    font-size: 1.2em;
    font-weight: 700;
}

.notification .k-notification {
    font-size: 1.2em;
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.k-notification-container {
    margin: 6px 6px;
}

.notification .k-notification-container .k-svg-icon {
    margin: 10px
}


/* ====================================== */
/* Container to display multiple tooltips */
/* ====================================== */

.tooltips-container {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 15px;
}

.tooltips-container-top {
    top: 10px;
    position: absolute;
    right: 15px;
}
.tooltips-container-input {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 50px;
}

.tooltips-container-clearable-input {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 65px;
}
/* ===================================== */
/*        SVL css overrides              */
/* ===================================== */

.c-section__header {
    padding: 20px 50px;
}

.c-fileupload .c-fileupload__filepath:focus + .c-input__label, .c-fileupload .c-input--file .disabled.browse-button .c-fileupload__filepath + .c-input__label, .c-fileupload .c-input--file .disabled.fake-field .c-fileupload__filepath + .c-input__label, .c-fileupload .c-input--file .disabled.remove-button .c-fileupload__filepath + .c-input__label, .c-fileupload .c-input.disabled .c-fileupload__filepath + .c-input__label, .c-fileupload [disabled].c-fileupload__filepath + .c-input__label, .c-fileupload [readonly].c-fileupload__filepath + .c-input__label, .c-input--add .c-button--add:focus + .c-input__label, .c-input--add .c-input--file .disabled.browse-button .c-button--add + .c-input__label, .c-input--add .c-input--file .disabled.fake-field .c-button--add + .c-input__label, .c-input--add .c-input--file .disabled.remove-button .c-button--add + .c-input__label, .c-input--add .c-input.disabled .c-button--add + .c-input__label, .c-input--add [disabled].c-button--add + .c-input__label, .c-input--add [readonly].c-button--add + .c-input__label, .c-input--file .disabled.browse-button .c-fileupload .c-fileupload__filepath + .c-input__label, .c-input--file .disabled.browse-button .c-input--add .c-button--add + .c-input__label, .c-input--file .disabled.browse-button .c-input--searchdropdown .ui.search.dropdown > input.search + .c-input__label, .c-input--file .disabled.browse-button .c-input__field + .c-input__label, .c-input--file .disabled.browse-button .ia-dropdown.ui.search.dropdown + .c-input__label, .c-input--file .disabled.fake-field .c-fileupload .c-fileupload__filepath + .c-input__label, .c-input--file .disabled.fake-field .c-input--add .c-button--add + .c-input__label, .c-input--file .disabled.fake-field .c-input--searchdropdown .ui.search.dropdown > input.search + .c-input__label, .c-input--file .disabled.fake-field .c-input__field + .c-input__label, .c-input--file .disabled.fake-field .ia-dropdown.ui.search.dropdown + .c-input__label, .c-input--file .disabled.remove-button .c-fileupload .c-fileupload__filepath + .c-input__label, .c-input--file .disabled.remove-button .c-input--add .c-button--add + .c-input__label, .c-input--file .disabled.remove-button .c-input--searchdropdown .ui.search.dropdown > input.search + .c-input__label, .c-input--file .disabled.remove-button .c-input__field + .c-input__label, .c-input--file .disabled.remove-button .ia-dropdown.ui.search.dropdown + .c-input__label, .c-input--file .has-value.browse-button .c-input__label, .c-input--file .has-value.fake-field .c-input__label, .c-input--file .has-value.remove-button .c-input__label, .c-input--file .radiobuttonlist.browse-button .c-input__label, .c-input--file .radiobuttonlist.fake-field .c-input__label, .c-input--file .radiobuttonlist.remove-button .c-input__label, .c-input--file .valid.browse-button .c-input__label, .c-input--file .valid.fake-field .c-input__label, .c-input--file .valid.remove-button .c-input__label, .c-input--searchdropdown .c-input--file .disabled.browse-button .ui.search.dropdown > input.search + .c-input__label, .c-input--searchdropdown .c-input--file .disabled.fake-field .ui.search.dropdown > input.search + .c-input__label, .c-input--searchdropdown .c-input--file .disabled.remove-button .ui.search.dropdown > input.search + .c-input__label, .c-input--searchdropdown .c-input.disabled .ui.search.dropdown > input.search + .c-input__label, .c-input--searchdropdown .ui.search.dropdown + .c-input__label, .c-input--searchdropdown .ui.search.dropdown > input.search:focus + .c-input__label, .c-input--searchdropdown .ui.search.dropdown > input[disabled].search + .c-input__label, .c-input--searchdropdown .ui.search.dropdown > input[readonly].search + .c-input__label, .c-input.disabled .c-fileupload .c-fileupload__filepath + .c-input__label, .c-input.disabled .c-input--add .c-button--add + .c-input__label, .c-input.disabled .c-input--searchdropdown .ui.search.dropdown > input.search + .c-input__label, .c-input.disabled .c-input__field + .c-input__label, .c-input.disabled .ia-dropdown.ui.search.dropdown + .c-input__label, .c-input.has-value .c-input__label, .c-input.radiobuttonlist .c-input__label, .c-input.radiobuttonlist.disabled .c-input__label, .c-input.valid .c-input__label, .c-input__field:focus + .c-input__label, .c-input__field[disabled] + .c-input__label, .c-input__field[readonly] + .c-input__label, .c-input__label.has-value, .c-section--loginform .c-input__label, .ia-dropdown.ui.search.dropdown:focus + .c-input__label, .ia.c-section.loginform .c-input__label, [disabled].ia-dropdown.ui.search.dropdown + .c-input__label, [readonly].ia-dropdown.ui.search.dropdown + .c-input__label, .k-textarea.k-focus + .c-input__label {
    text-transform: none;
    color: #006fb7;
    font-size: .75rem;
}

.c-fileupload .c-fileupload__filepath:focus-within + .c-input__label, .c-fileupload .c-input--file .disabled.browse-button .c-fileupload__filepath + .c-input__label, .c-fileupload .c-input--file .disabled.fake-field .c-fileupload__filepath + .c-input__label, .c-fileupload .c-input--file .disabled.remove-button .c-fileupload__filepath + .c-input__label, .c-fileupload .c-input.disabled .c-fileupload__filepath + .c-input__label, .c-fileupload [disabled].c-fileupload__filepath + .c-input__label, .c-fileupload [readonly].c-fileupload__filepath + .c-input__label, .c-input--add .c-button--add:focus-within + .c-input__label, .c-input--add .c-input--file .disabled.browse-button .c-button--add + .c-input__label, .c-input--add .c-input--file .disabled.fake-field .c-button--add + .c-input__label, .c-input--add .c-input--file .disabled.remove-button .c-button--add + .c-input__label, .c-input--add .c-input.disabled .c-button--add + .c-input__label, .c-input--add [disabled].c-button--add + .c-input__label, .c-input--add [readonly].c-button--add + .c-input__label, .c-input--file .disabled.browse-button .c-fileupload .c-fileupload__filepath + .c-input__label, .c-input--file .disabled.browse-button .c-input--add .c-button--add + .c-input__label, .c-input--file .disabled.browse-button .c-input--searchdropdown .ui.search.dropdown > input.search + .c-input__label, .c-input--file .disabled.browse-button .c-input__field + .c-input__label, .c-input--file .disabled.browse-button .ia-dropdown.ui.search.dropdown + .c-input__label, .c-input--file .disabled.fake-field .c-fileupload .c-fileupload__filepath + .c-input__label, .c-input--file .disabled.fake-field .c-input--add .c-button--add + .c-input__label, .c-input--file .disabled.fake-field .c-input--searchdropdown .ui.search.dropdown > input.search + .c-input__label, .c-input--file .disabled.fake-field .c-input__field + .c-input__label, .c-input--file .disabled.fake-field .ia-dropdown.ui.search.dropdown + .c-input__label, .c-input--file .disabled.remove-button .c-fileupload .c-fileupload__filepath + .c-input__label, .c-input--file .disabled.remove-button .c-input--add .c-button--add + .c-input__label, .c-input--file .disabled.remove-button .c-input--searchdropdown .ui.search.dropdown > input.search + .c-input__label, .c-input--file .disabled.remove-button .c-input__field + .c-input__label, .c-input--file .disabled.remove-button .ia-dropdown.ui.search.dropdown + .c-input__label, .c-input--file .has-value.browse-button .c-input__label, .c-input--file .has-value.fake-field .c-input__label, .c-input--file .has-value.remove-button .c-input__label, .c-input--file .radiobuttonlist.browse-button .c-input__label, .c-input--file .radiobuttonlist.fake-field .c-input__label, .c-input--file .radiobuttonlist.remove-button .c-input__label, .c-input--file .valid.browse-button .c-input__label, .c-input--file .valid.fake-field .c-input__label, .c-input--file .valid.remove-button .c-input__label, .c-input--searchdropdown .c-input--file .disabled.browse-button .ui.search.dropdown > input.search + .c-input__label, .c-input--searchdropdown .c-input--file .disabled.fake-field .ui.search.dropdown > input.search + .c-input__label, .c-input--searchdropdown .c-input--file .disabled.remove-button .ui.search.dropdown > input.search + .c-input__label, .c-input--searchdropdown .c-input.disabled .ui.search.dropdown > input.search + .c-input__label, .c-input--searchdropdown .ui.search.dropdown + .c-input__label, .c-input--searchdropdown .ui.search.dropdown > input.search:focus-within + .c-input__label, .c-input--searchdropdown .ui.search.dropdown > input[disabled].search + .c-input__label, .c-input--searchdropdown .ui.search.dropdown > input[readonly].search + .c-input__label, .c-input.disabled .c-fileupload .c-fileupload__filepath + .c-input__label, .c-input.disabled .c-input--add .c-button--add + .c-input__label, .c-input.disabled .c-input--searchdropdown .ui.search.dropdown > input.search + .c-input__label, .c-input.disabled .c-input__field + .c-input__label, .c-input.disabled .ia-dropdown.ui.search.dropdown + .c-input__label, .c-input.has-value .c-input__label, .c-input.radiobuttonlist .c-input__label, .c-input.radiobuttonlist.disabled .c-input__label, .c-input.valid .c-input__label, .c-input__field:focus-within + .c-input__label, .c-input__field[disabled] + .c-input__label, .c-input__field[readonly] + .c-input__label, .c-input__label.has-value, .c-section--loginform .c-input__label, .ia-dropdown.ui.search.dropdown:focus-within + .c-input__label, .ia.c-section.loginform .c-input__label, [disabled].ia-dropdown.ui.search.dropdown + .c-input__label, [readonly].ia-dropdown.ui.search.dropdown + .c-input__label, .k-textarea.k-focus-within + .c-input__label, .k-dateinput + .c-input__label {
    text-transform: none;
    color: #006fb7;
    font-size: .75rem;
    transform: translateY(12px);
}

/* Used in for example SVLTelerikDatetime: if this is not set, the SVLTooltip trigger is very difficult to hover over, since the input is placed above it. The trigger cannot have a z-index assigned due to its positioning */
.z-index-0 {
    z-index: 0;
}

.k-textarea.k-focus + .c-input__label {
    transform: translateY(12px);
}

.c-reactsidenav, .c-section-wrap {
    margin-top: 10px !important;
}

/* 
    A fix for BRICKS-77: 
    This fix is required for dropdowns/comboboxes when they are at the bottom of your screen. This fix makes sure that the opened container is attached to the combobox/dropdown when it opens upwards.
*/
body {
    padding: 0.1px;
}