/* set global font */
:root {
    --bs-font-sans-serif: "Poppins", Helvetica, Arial, serif;
    --bs-font-monospace: "Poppins",Helvetica,Arial,serif;
}

html, body, .navigation, .navigation-header, .header-navbar {
    font-family: var(--bs-font-sans-serif);
}


    /* standalone page - body bg colour */
    body.blank-page {
        background-color: #fff;
    }

        /* standalone page - card shadow */
        body.blank-page .card {
            box-shadow: none;
        }

/* top nav */
.nav.navbar-nav {
    justify-content: center;
}


/* system help */
.system-help {
    width: 30px;
    height: 30px;
}

.system-help-content li {
    list-style-position: inside;
}

/* avatar */
.avatar div {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.nav-top-logo {
    max-width: 180px;
    max-height: 40px;
}

/* modal */
.modal .modal-header .btn-close,
.modal .modal-header .btn-close:hover,
.modal .modal-header .btn-close:active,
.modal .modal-header .btn-close:focus {
    transform: none;
}


/* input field/label */
.form-label {
    font-size: 1rem;
}


/* table - header text font size */
.table thead th,
.table tfoot th {
    font-size: 0.786rem;
}

/* table - cell padding */
.table > :not(caption) > * > * {
    padding: 10px;
}


/* table - footer bottom border */
.table > tfoot > * > * {
    border-bottom: none;
    border-top-width: 1px;
}

/* table - vertical align top */
.table > tbody > * > * {
    vertical-align: top;
}

/* popover */
div.popover {
    min-width: 300px;
}

/* telerik treeview */
.RadTreeView.radTree .rtText {
    white-space: normal;
}

/* telerik radgrid */
.RadGrid .rgHeader .rgSortAsc,
.RadGrid .rgHeader .rgSortDesc,
.RadGrid .rgExpandCol .rgCollapse,
.RadGrid .rgExpandCol .rgExpand {
    background-image: url(/img/glyphicons-halflings.png);
    background-repeat: no-repeat;
    vertical-align: text-top;
    border: 0;
}

.RadGrid .rgHeader .rgSortAsc {
    background-position: -288px -120px;
}

.RadGrid .rgHeader .rgSortDesc {
    background-position: -313px -119px;
}

.RadGrid .rgExpandCol .rgCollapse {
    background-position: -303px -111px;
}

.RadGrid .rgExpandCol .rgExpand {
    background-position: -447px -64px;
}

.RadGrid .rgSorted .t-font-icon {
    height: 1em;
    width: 1em;
    min-width: 1em;
}

.RadGrid .rgSorted .t-button {
    padding: 0;
}

.RadGrid .grid-page-info {
    padding-right: 1rem;
}

.RadGrid .grid-page-info,
.RadGrid .grid-pagination {
    display: inline-block;
}

.RadDataPager.rdpPager {
    padding: 1.5rem;
}

.RadGrid .grid-check-all.form-check {
    display: table-cell;
}

    .RadGrid .grid-check-all.form-check .form-check-input {
        float: none;
        margin: 0;
    }


/* select2 fields in input group */
.input-group > .select2.select2-container {
    position: relative;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
}

    .input-group > .select2.select2-container .select2-selection--multiple {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        min-height: 38.25px !important;
    }


/* iframe default */
iframe {
    position: relative;
    width: 100%;
    min-height: 80vh;
    overflow: scroll;
}

[id$=dialogOpenerLinkManager] iframe {
    top: 0 !important;
}

/* product fields styling - form field containers */

.form-field .ffc-container,
.form-field .ffrl-container {
    padding-bottom: 0.5rem;
}


/* product fields styling - toggle field */
.form-field .form-switch {
    padding-left: 0;
    min-height: 1.8rem;
}

    .form-field .form-switch .left-label {
        margin-right: 0.75rem;
    }

    .form-field .form-switch .form-check-input {
        margin-left: 0;
    }

    .form-field .form-switch .right-label {
        margin-left: 0.75rem;
    }

/* product fields styling - tooltip link */
.form-field .tlf .tlf-content {
    padding-top: 10px;
}

.form-field .tlf .tlf-link-label {
    padding-left: 8px;
}


/* telerik field override - datepicker, timepicker and datetimepicker */
.form-field .RadPicker {
    width: 100%;
}

    .form-field .RadPicker * {
        box-shadow: none !important;
    }

    .form-field .RadPicker .riLabel {
        padding: 0;
        float: inherit;
        box-sizing: inherit;
        overflow: visible;
        text-overflow: inherit;
    }

    .form-field .RadPicker .RadInput {
        width: 100%;
    }

        .form-field .RadPicker .RadInput.RadInputError:after {
            content: '';
        }

        .form-field .RadPicker .RadInput .riTextBox {
            border: 1px solid #d8d6de;
            padding: 0.571rem 1rem !important;
        }

        .form-field .RadPicker .RadInput.RadInputError .riTextBox {
            background-color: #fff;
        }

        .form-field .RadPicker .RadInput.RadInputHovered .riTextBox.riHover {
            border-color: #687488;
        }

        .form-field .RadPicker .RadInput.RadInputFocused .riTextBox.riFocused {
            border-color: var(--bs-primary);
        }

        .form-field .RadPicker .RadInput .rcCalPopup,
        .form-field .RadPicker .RadInput .rcTimePopup {
            padding-left: 10px;
            padding-right: 10px;
        }

.form-field.parsley-error .RadPicker .RadInput.RadInputError .riTextBox {
    background-color: var(--error-bg);
}

/* RagGrid - inactive records */
.RadGrid .table .inactive td {
    opacity: 0.4;
}

/*Rad RadioCombobox css*/
.card .RadComboBox {
    display: block;
    width: 100%;
}

    .card .RadComboBox .rcbInner {
        padding: 0px;
        border-width: 0px;
        border-style: none;
    }

.card .RadComboBox_Default .rcbActionButton,
.card .RadComboBox_Default .rcbHovered .rcbActionButton,
.card .RadComboBox_Default .rcbExpanded .rcbActionButton,
.card .RadComboBox_Default .rcbFocused .rcbActionButton {
    padding: 0px;
    border-width: 0;
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    color: #6e6b7b;
}

    .card .RadComboBox_Default .rcbActionButton .p-i-arrow-60-down:before,
    .card .RadComboBox_Default .rcbHovered .rcbActionButton .p-i-arrow-60-down:before,
    .card .RadComboBox_Default .rcbExpanded .rcbActionButton .p-i-arrow-60-down:before,
    .card .RadComboBox_Default .rcbFocused .rcbActionButton .p-i-arrow-60-down:before {
        content: "\e015";
        font-size: inherit;
    }

.card .RadComboBox .rcbActionButton {
    padding: 0px;
    border-width: 0;
}


/* Alert */
.alert .alert-body-message {
    margin-left: 0.5rem;
}

.alert .alert-body .alert-icon {
    padding: 0.25rem 0.5rem 0.25rem 0;
}

.alert.alert-dismissible .alert-body {
    padding-right: 2.5rem;
}

.RadTreeView.RadTreeView_Bootstrap .rtPlus, .RadTreeView.RadTreeView_Bootstrap .rtMinus {
    background-image: none !important;
}

.RadTreeView.RadTreeView_Bootstrap input.rtChk {
    display: none !important;
}

/* Dropdown */
.dropdown .dropdown-menu .dropdown-item {
    padding-right: 30px;
    min-width: 240px;
    max-width: 400px;
    white-space: unset;
    overflow-wrap: break-word;
}

.dropdown .dropdown-menu .dd-submenu > .dropdown-item > svg {
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -7px;
}


/* product logo and icon */
.product-icon {
    height: 25px;
    max-height: 25px;
    padding-right: 0.5rem;
}

.product-logo {
    height: 35px;
    max-height: 35px;
    padding-right: 0.5rem;
}

/* product list logo - top nav */
.product-list-logo {
    max-height: 25px;
    max-width: 100%;
}


/* button with icon */
.btn > i[class*=fa-] ~ span,
.btn > svg[class*=fa-] ~ span,
.dropdown-item > i[class*=fa-] ~ span,
.dropdown-item > svg[class*=fa-] ~ span,
.list-group-item > i[class*=fa-] ~ span,
.list-group-item > svg[class*=fa-] ~ span,
.list-group-item > span ~ i[class*=fa-],
.list-group-item > span ~ svg[class*=fa-] {
    margin-left: 0.5rem;
}

/* floating div for action buttons */
.floating-btn-panel {
    display: none;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: .357rem;
    position: fixed;
    z-index: 5;
    bottom: 0px;
    padding: calc(var(--bs-gutter-x)*.5);
    margin: auto;
}

@media(max-width: 1500px) {
    body:not(.blank-page) .floating-btn-panel {
        width: calc(100% - 2 * 2rem) !important;
        max-width: calc(100% - 2 * 2rem) !important;
    }
}

@media(max-width: 1199.98px) {
    body:not(.blank-page) .floating-btn-panel {
        width: calc(100% - 2 * 1.2rem) !important;
        max-width: calc(100% - 2 * 1.2rem) !important;
    }
}

[not-allowed],
[not-allowed] * {
    cursor: not-allowed;
}

/* line clamp */
.word-break-all {
    word-break: break-all;
}

/* line clamp */
[line-clamp] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

    [line-clamp][line-clamp="1"] {
        line-clamp: 1;
        -webkit-line-clamp: 1;
    }

    [line-clamp][line-clamp="2"] {
        line-clamp: 2;
        -webkit-line-clamp: 2;
    }

    [line-clamp][line-clamp="3"] {
        line-clamp: 3;
        -webkit-line-clamp: 3;
    }

    [line-clamp][line-clamp="4"] {
        line-clamp: 4;
        -webkit-line-clamp: 4;
    }

    [line-clamp][line-clamp="5"] {
        line-clamp: 5;
        -webkit-line-clamp: 5;
    }

    [line-clamp][line-clamp="6"] {
        line-clamp: 6;
        -webkit-line-clamp: 6;
    }

    [line-clamp][line-clamp="7"] {
        line-clamp: 7;
        -webkit-line-clamp: 7;
    }

    [line-clamp][line-clamp="8"] {
        line-clamp: 8;
        -webkit-line-clamp: 8;
    }

    [line-clamp][line-clamp="9"] {
        line-clamp: 9;
        -webkit-line-clamp: 9;
    }

    [line-clamp][line-clamp="10"] {
        line-clamp: 10;
        -webkit-line-clamp: 10;
    }

.card-scrollable > .card-content {
    height: 100vh;
    overflow-y: hidden;
}

    .card-scrollable > .card-content > .card-body {
        height: calc(100% - 80px);
        overflow-y: auto;
        overflow-x: hidden;
    }

.card-scrollable > .card-header ~ .card-content > .card-body {
    height: calc(100% - 150px);
}


/* RadHtmlChart - set font family */
.RadHtmlChart,
.RadHtmlChart text {
    font-family: var(--bs-font-sans-serif) !important;
}

    /* RadHtmlChart - set opacity to 65% */
    .RadHtmlChart svg g[clip-path] g > path[stroke-opacity="1"] {
        stroke: none;
        opacity: .65;
    }

    /* RadHtmlChart - remove gradient */
    .RadHtmlChart svg g[clip-path] g > path[stroke="none"] {
        display: none;
        visibility: hidden;
    }

    /* RadHtmlChart - product usage */
    .RadHtmlChart.product-usage-chart g[clip-path] g > path[stroke-opacity="1"] {
        fill: #e76f51;
    }

/* RadHtmlChart Tooltip - update background colour */
.k-tooltip {
    background-image: none !important;
    border-color: #b95941 !important;
    background-color: #e76f51 !important;
}

/* RadHtmlChart Tooltip - update text colour */
.k-tooltip-content {
    color: #fff !important;
}

/* Pdf Viewer */
.pdf-viewer {
    height: 90vh !important;
}


/* Drag & drop */
.draggable {
    cursor: grab;
}

.gu-unselectable .draggable {
    cursor: grabbing;
}

/* Display email preview */
.mail-body {
    border-radius: 3px;
    padding: 5px 10px;
    color: #808080;
    border: 1px solid #CCC;
    max-height: 250px;
    overflow: auto;
}