html {
    font-size: 16px;
}

/* roboto-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto-Custom';
    font-style: normal;
    font-weight: 300;
    src: url('../Fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto-Custom';
    font-style: italic;
    font-weight: 300;
    src: url('../Fonts/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto-Custom';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto-Custom';
    font-style: italic;
    font-weight: 400;
    src: url('../Fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto-Custom';
    font-style: normal;
    font-weight: 500;
    src: url('../Fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto-Custom';
    font-style: italic;
    font-weight: 500;
    src: url('../Fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto-Custom';
    font-style: normal;
    font-weight: 700;
    src: url('../Fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto-Custom';
    font-style: italic;
    font-weight: 700;
    src: url('../Fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto-Custom';
    font-style: normal;
    font-weight: 900;
    src: url('../Fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto-Custom';
    font-style: italic;
    font-weight: 900;
    src: url('../Fonts/roboto-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Windows Scaling font Adjustments */
/* 
    Intention of this is to keep more consistent layout at scaled up resolutions.

    This detects the dpi of the device/monitor using the site and adjusts font-size slightly accordingly.

    Font is normal size at normal scaling, but font-size is reduced slightly as scaling increases.
    Font is still more readable on higher scaling as the adjustment is small, but it helps prevent
    layouts breaking from increased text size.

    All font-sizes except the html value are in rem so adjusting the base here adjusts all font accordingly.

    Bandaid fix for responsive layout.
*/

/* 100%+ */
@media (-webkit-min-device-pixel-ratio: 1) {
    html {
        font-size: 16px;
    }
}

/* 125%+ */
@media (-webkit-min-device-pixel-ratio: 1.25) {
    html {
        font-size: 15.5px;
    }
}

/* 150%+ */
@media (-webkit-min-device-pixel-ratio: 1.5) {
    html {
        font-size: 15px;
    }
}

/* 175%+ */
@media (-webkit-min-device-pixel-ratio: 1.75) {
    html {
        font-size: 14.5px;
    }
}
/* ----- */

body {
    font-family: 'Roboto-Custom';
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    text-align: left;
    overflow: auto;
    background-color: #FFF;
}

.text-primary {
    color: #006a8d !important;
}

a {
    text-decoration: underline;
}

.AppColumns .col {
    min-width: 0;
}

a :hover {
}

.TextBoxReadOnly {
    padding: 8px 13px;
    height: auto;
    line-height: 1.42857143;
    border-bottom: solid 1px rgb(0, 0, 0, 0.0);
    max-height: 10rem;
    overflow: auto;
}

.TextBoxReadOnly:empty::before {
    content: "";
    display: inline-block;
}

input {
    font-family: 'Roboto-Custom';
    font-weight: normal;
}

input[readonly=readonly], textarea[readonly=readonly], select[disabled=disabled] {
    background-color: rgb(245, 245, 245);
}

input :focus {
}

input[type=submit], input[type=file], input[type=button] {
    font-family: 'Roboto-Custom';
    font-weight:bold;
    /*font-size:11px;*/
    margin:0px;
    padding-top:0px;
    padding-right:4px;
    padding-bottom:0px;
    padding-left:4px;
    line-height:15px;
    width: auto;
    overflow: visible;
}

input[type=submit]:hover {
}

input[type=checkbox] {
    margin:4px 0px 4px 0px;
    padding:0px;
    vertical-align: middle;
}

textarea{
    white-space: pre-wrap;
}

textarea :focus {
}

p {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
ul {
    /*margin:0px 0px 0px 10px;
    padding:0px 0px 0px 10px;*/
}

label {
}


.anchor-offset {
    padding-top: 2.5rem;
    margin-top: -2.5rem;
}

.scrollspy-sidebar-sticky {
    height: calc(100vh - 7rem);
    top: 1.5rem;
    min-width: 200px;
}

.scrollspy-sidebar-sticky > div {
    height: calc(100vh - 14rem);
    min-height: 14rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.scrollspy-sidebar-sticky > div > a {
	background-color: transparent;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, font-weight 0.08s ease-in-out, border-left 0.08s ease-in-out;
	color: #4f4f4f;
	border: 0;
	border-radius: 0rem !important;
}

/*
 *   #f3f3f3 / rgba(0,0,0,0.05);
 *   #e0e0e0 / rgba(0,0,0,0.10);
 *   #c8c8c8 / rgba(0,0,0,0.15)
 */
.scrollspy-sidebar-sticky > div > a:hover {
	border-left: #006a8d 1px solid;
	background-color: #e0e0e0;
}

.scrollspy-sidebar-sticky > div > a:active {
	background-color: #c8c8c8;
}

.scrollspy-sidebar-sticky > div > a.active {
	border-left: #006a8d 3px solid;
	background-color: #f3f3f3;
	color: #4f4f4f;
	font-weight: 600;
}

.scrollspy-sidebar-sticky > div > a.active:hover {
	background-color: #e0e0e0;
}

.scrollspy-sidebar-sticky > div > a.active:active {
	background-color: #c8c8c8;
}

.nav-link {
    color: #fff !important;
}

.nav-link:hover {
    color: #e3e3e3 !important;
}

.AnnouncementPanel {
    background-color: #A9C6D4;
    font-weight: 500;
    padding: 10px 25% 10px 25%;
}

.NavbarNav {
    display: flex;
    flex-direction: row !important;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.NavbarText {
    text-transform: uppercase;
    letter-spacing: 1.15px;
    font-weight: 500;
}

.NavbarPadding {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.NavBarBg {
    background-color: #006a8d;
}

.highlighted-nav-item {
    border-bottom: 3px solid #f09146 !important;
    margin-bottom: -3px;
}

.nav-link {
    cursor: pointer !important;
    line-height: 25.6px !important;
}

.bg-dark {
    background-color: #404041 !important;
}

.NavIcon {
    font-size: 1rem;
}

.HamburgerIcon {
    font-size: 1.5rem;
}

.ProfileIcon {
    font-size: 1.5rem;
}

form {
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin:0px;
	padding-top:0px;
}

.FormCaption {
    font-size: 0.75rem;
}


.Progress {
    background-position: center center;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 4000;
}

.ProgressOverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 1000%;
    height: 1000%;
    background-color: rgb(170, 170, 170, 0.5);
    z-index: 4000;
    transition: opacity ease-in-out 0.5s;
}

.ProgressLoadingBars {
    width: 100%;
    height: 100%;
    z-index: 4000;
    text-align: center;
}

.ProgressLoadingBars > div {
    background-color: #006a8d;
    height: 100%;
    margin-left: 2px;
    margin-right: 2px;
    width: 8px;
    display: inline-block;
    z-index: 4000;
  
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.ProgressLoadingBars .Bar2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.ProgressLoadingBars .Bar3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.ProgressLoadingBars .Bar4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.ProgressLoadingBars .Bar5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { 
        -webkit-transform: scaleY(0.4) 
    }  
    20% { 
        -webkit-transform: scaleY(1.0) 
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% { 
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  
    20% { 
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.ProgressLoadingText {
    text-align: center;
    margin-top: 1rem;
    z-index: 4000;
    transition: opacity ease-in-out 0.5s;
}

.Tooltip {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    z-index: 1;
}

.CustomValidator {
    margin-top: -1.25rem;
}

.InputFieldValidationError {
	padding-right:0px;
	padding-left:0px;
	font-weight:normal;
	font-size:0.75rem;
	padding-bottom:2px;
	margin:0px;
	padding-top:0px;
	display:block;
}

.TooltipValidationError {
    font-weight: bold;
    font-size: 1rem;
}

.Caption {
    padding-right: 0px;
    padding-left: 0px;
    /*font-size: .9rem;*/
    padding-bottom: 0px;
    margin: 0px 0px 0px;
    cursor: default;
    padding-top: 0px;
    text-align: left;
    color: #4f4f4f;
}

.Caption p {
	/*font-size: 10pt;*/
}

.Required,
.Caption .Required {
    font-weight: bold;
}

.Caption .Question {
    /*font-size:14px;*/
    padding-top: 5px;
    float: left;
}

.SplitPane {
    display: flex;
    flex-flow: column;
    overflow: auto;
}

.SplitPane > div {
    height: calc(100% - 6px) !important;
}

/*  FormTable Styles  */
/*  ================  */
.FormTable {
    border-width: 0px;
    width: 100%;
}

.FormTable .Container {
	text-align:left;
	width:100%;
}

.FormTable .RowOdd {
}

.FormTable .RowEven {
}

.FormTable .RowOdd TD {
	vertical-align:top;
}

.FormTable .RowEven TD {
	vertical-align:top;
}

/*  Field Styles  */
/*  ============  */

.FieldList {
    margin: 0;
}

.FieldList .MultiLineHeader {
    /*line-height: 1.42857143 !important;*/
    padding-top: 7px;
}

.FieldList > dt {
    /*line-height: 1.42857143 !important;*/
    padding-top: 7px;
}

.FieldList > dd > div > button {
	padding: 8px 13px 9px 13px !important
}

.ValidatorSpacer {
    height: 1.4rem;
    position: relative;
}

.FieldList .ValidatorHeight {
    height: 1rem;
    margin: 0.15rem 0rem 0.25rem 0rem;
    position: relative;
}

.FieldListCol {
    min-width:90px;
}

.FloatingLabelSpacer {
    height: 1rem;
    margin: 0rem 0rem 0rem 0rem;
    position: relative;
}

.FloatingField .ValidatorHeight {
    height: 1rem;
    margin: 0.15rem 0rem 0.25rem 0rem;
    position: relative;
}

.FloatingField .FreezeLabelContainerHeight {
    height: 1rem;
    margin: 0rem 0rem 0rem 0rem;
    position: relative;
}

.FloatingStyleFieldLabel {
    font-size: 0.75rem;
    padding: 0 13px 0 13px;
    height: 0.9rem;
    display: block;
}

.Field {
    padding-right: 6px;
    padding-bottom: 10px;
    vertical-align: top;
    font-weight: normal;
    /*font-size: .9rem;*/
    font-family: 'Roboto-Custom';
    text-align: left;
}

.FieldValidationSpacer {
    height: 1rem;
}

.Group {
    border: 1px solid #CFD8DC;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}

.Field label {
	/*display:block;*/
}

.Field  input {
	font-weight:normal;
	/*font-size:9pt;*/
	font-family: 'Roboto-Custom';
	text-align:left;
}

.Field textarea {
	font-weight:normal;
	/*font-size:9pt;*/
	font-family: 'Roboto-Custom';
	text-align:left;
}

.Field SELECT {
	font-weight:normal;
	/*font-size:9pt;*/
	font-family: 'Roboto-Custom';
	text-align:left;
}

.Field .Grid {
	font-weight:normal;
	/*font-size:8pt;*/
	font-family: 'Roboto-Custom';
	text-align:left;
}

.Field .Grid INPUT {
	font-weight:normal;
	/*font-size:8pt;*/
	font-family: 'Roboto-Custom';
	text-align:left;
}

.Field .Grid TEXTAREA {
	font-weight:normal;
	/*font-size:8pt;*/
	font-family: 'Roboto-Custom';
	text-align:left;
}

.Field .Grid SELECT {
	font-weight:normal;
	/*font-size:8pt;*/
	font-family: 'Roboto-Custom';
	text-align:left;
}

.Field .Display {
	padding-right:5px;
	padding-left:5px;
	padding-bottom:2px;
	padding-top:2px;
	white-space:normal;
}

.field .CheckBox {
	vertical-align:bottom;
}

.Field .Content IMG {
	margin:1px 0px 0px 3px;
	vertical-align:top;
}

.Field .Content {
	white-space:nowrap;
}

.Field .RightAlign {
    font-weight: normal;
    /*font-size: 9pt;*/
    font-family: 'Roboto-Custom';
    padding-right: 3px;
    text-align: right;
}

.CenteredVertical {
    display: flex;
    align-items: center;
}

/* GridLayout for Overlaying menu buttons on controls. */
/* =================================================== */

.GridLayout {
    display: grid;
}

.GridOverlap {
    grid-row: 1;
    grid-column: 1;
    height: max-content;
}

.LabelWeightNormal > dl > dt {
    padding-top: 0 !important;
    font-weight: normal !important;
}

/* Telerik RadTextBox Floating Labels */
/* ================================== */

.RadTextBoxField {
    display: grid;
}

.RadTextBoxInput {
    grid-row-start: 1;
    grid-column-start: 1;
}

.StaticRadTextBoxLabel {
    grid-row-start: 1;
    grid-column-start: 1;
    order: -1;
    transition: all 0.15s ease-in;
    /*transform: translateY(8px);*/ /* hover in top slot of input */
    pointer-events: none;
    font-size: 0.75rem;
    color: #4f4f4f;
    transform: translateY(-0.875rem);
}

.RadTextBoxLabel {
    grid-row-start: 1;
    grid-column-start: 1;
    color: #757575;
    order: -1;
    transition: all 0.15s ease-in;
    /*transform: translateY(8px);*/ /* hover in top slot of input */
    transform: translateY(calc(100% - 1.85rem)); /* hover in bottom slot of input */
    pointer-events: none;
}

.RadTextBoxInput:focus-within + .RadTextBoxLabel {
    font-size: 0.75rem;
    color: #006a8d !important;
    transform: translateY(-0.875rem);
}

/* override for boostrap colours */
:root {
    --bs-primary: #006a8d !important; 
}

.RadTextBoxLabel.freeze {
    font-size: 0.75rem;
    color: #4f4f4f;
    transform: translateY(-0.875rem);
    /*transition: none;*/
}

.InvalidTextBoxInput {
    border-color: #f34235 !important;
    box-shadow: 0 -1px 0 0px #f34235 inset !important;
    color: #f34235 !important;
}

/* remove multiline input extra padding, matches rgInput in MultiQuoteMaterial.css */
.MultiLineInput {
    padding: 8px 0 8px !important;
    border-width: 0px 0px 1px 0px !important;
}

/* RFQ Wizard */
/* ========== */

#RFQWizardPopupContainer {
    padding: 5px 0 0 0;
    border-width: 1px;
    border-color: #006a8d;
    color: #455A64;
    background: transparent;
    outline: none;
}

#RFQWizardPopupContainer textarea {
    border-width: 1px;
    color: #455A64;
    background: transparent;
    border-color: #006a8d;
    background-color: #ffffff;
    outline: none;
    /*font-size: 0.929em;*/
    min-height: 32px;
}

.AutoComplete {
    font-family: 'Roboto-Custom';
    /*font-size:10pt;*/
}

.AutoCompleteHighlight {
    font-family: 'Roboto-Custom';
    /*font-size:10pt;*/
}


/* Chart */
.Chart {
    margin:10px;
}

.Container {
}

.SavingsDisplay {
    font-family: 'Roboto-Custom';
    vertical-align:middle;
}

.SavingsDisplay .Title {
	/*font-size:8pt;*/
	font-weight:bold;
    text-align:center;
    padding-left:2px;
}

.SavingsDisplay .Text  {
	/*font-size:16px;*/
	font-weight:bold;
    vertical-align:middle;
    text-align:center;
}            

.TabContainer {
    /*background-image: url(/Skin/SC/FormNavigator/FormNavigator-996x32.png);*/
    /*background-position:-180px 0px;*/
    background-repeat:no-repeat;
}

.Warning {
    display: block;
    line-height: 16px;
    font-weight: bold;
}

.Error {
	display:block;
	line-height:16px;
	font-weight:bold;
}

.Confirmation {
    display:block;
	line-height:16px;
	font-weight:bold;
}

.Information {
    display: block;
    line-height: 16px;
    font-weight: bold;
}

.Standard {
    display: block;
    line-height: 16px;
    font-weight: bold;
}

/* ComboBox */
 .rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {
    list-style-type: none;
}

.ComboMultiColumn {
    float: left;
    width: 120px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
    font-family:Tahoma;
}

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}

.CalendarCellDefaultEvent {
    background: #DFEEFF none repeat scroll 0 0; 
    border-color: #F6FAFF -moz-use-text-color #A7C0DF;
    border-style: solid none;
    border-width: 1px 0;
}

.Disabled {
    opacity: 0.5;
}

/* Icon Styling */
/* Styling for the icons in grids, bullets, trees, symbols etc. */
.TreeIcon {
    margin-right: 0.25rem;
}

.IconGreen {
    color: #00B74A !important;
}

.IconGreenYellow {
    color: #C9D300 !important;
}

.IconAmber {
    color: #FFC700 !important;
}

.IconRed {
    color: #F93154 !important;
}

.IconRoyalBlue {
    color: #1742FE !important;
}

.IconNeutral {
    color: #8BA9C1 !important;
}

.IconDefault {
    color: #4f4f4f !important;
}

.BgGreen {
    background-color: #00B74A !important;
}

.BgAmber {
    background-color: #FFC700 !important;
}

.BgRed {
    background-color: #F93154 !important;
}

.toast-header {
    background-color: transparent !important;
}

.toast-header .ToastButton {
    margin-right: -0.25rem;
}

.ToastButton {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    border: 0;
    border-radius: 0.25rem;
    background-color: transparent;
}

.ToastRack {
    z-index: 9999;
}

.Toast {
    background-color: rgb(255, 255, 255, 0.85);
    border-radius: 0.5rem;
    overflow: hidden;
    border: none;
}

/* Start with width 100% and shrink to 0 */
@keyframes shrink-scale {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}

.ToastTimerBar {
    height: 4px;
    background-color: #00000022;
    width: 100%;
    bottom: 0;
    left: 0;
    transform-origin: left;
    animation-name: shrink-scale;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    transition: opacity 0.5s ease-out;
}

.toast:hover .ToastTimerBar {
    opacity: 0;
    animation: none;
    transform: scaleX(1);
}

.ErrorToast {
    background-color: rgb(255, 182, 193, 0.85); /* #F93154 */
}

.ConfirmationToast {
    background-color: rgb(190, 255, 190, 0.85); /* ##BEFFBE */
}

.WarningToast {
    background-color: rgb(255, 238, 204, 0.85); /* #F93154 */
}

.InformationToast {
    background-color: rgb(255, 255, 255, 0.85); /* ##BEFFBE */
}

.IconButton {
    text-decoration: none !important;
}

.IconButton:hover {
    cursor: pointer;
    transition: all 0.15s ease-in;
    color: #006a8d !important;
    text-decoration: none !important;
}

/* Tender Breadcrumb style buttons */
.BreadcrumbButton {
    text-decoration: none;
    text-wrap: nowrap;
}

.BreadcrumbButtonDisabled {
    text-decoration: none;
    text-wrap: nowrap;
    opacity: 0.5;
    cursor: default;
}

.BreadcrumbButtonDisabled:hover {
    color: inherit;
}

.BreadcrumbButtonSelected {
    text-wrap: nowrap;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

.BreadcrumbButtonSelected:hover {
    color: inherit;
}

.BreadcrumbButton .BreadcrumbText {
    text-decoration: underline;
}

.BreadcrumbButton .BreadcrumbText.BreadcrumbSelectedText {
    font-weight: bold;
    text-decoration: none;
}

.BreadcrumbIcon {
}

.BreadcrumbSeparator {
    cursor: default;
}

.ReadOnlySelectionTree > .rtUL > .rtLI > .rtOut .rtIn {
    cursor: default !important;
}

.ReadOnlySelectionTree > .rtUL > .rtLI > .rtHover .rtIn {
    cursor: default !important;
    transition: all 0.2s ease-in-out;
    border-color: transparent;
    color: #455A64;
    background-color: transparent;
}

.ReadOnlySelectionTree > .rtUL > .rtLI > .rtSelected .rtIn {
    cursor: default !important;
    color: #455A64 !important;
}

/* Webkit Scrollbar */
/* bar */
::-webkit-scrollbar {
    width: 0.75rem;
    height: 0.75rem;
}

/* track */
::-webkit-scrollbar-track {
    border-radius: 0.5rem;
	/*box-shadow: inset 0 0 3px #00000024, 0 0 3px #0000000d;*/
}

/* handle */
::-webkit-scrollbar-thumb {
    background: #C1C1C1;
	border-radius: 0.5rem;
	background-clip: padding-box;
    border: 2px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
    background: #A8A8A8;
	background-clip: padding-box;
	border: 2px solid transparent;
}

::-webkit-scrollbar-thumb:active {
    background-color: #959595;
	background-clip: padding-box;
	border: 2px solid transparent;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
    background-color: transparent;
}

/* buttons */
::-webkit-scrollbar-button:single-button {
    background-color: transparent;
    background-size: 10px;
    background-repeat: no-repeat;
}

/* up button */
::-webkit-scrollbar-button:single-button:vertical:decrement {
    height: 0.75rem;
    width: 0.75rem;
    background-position: center 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(193, 193, 193)'><polygon points='50,0 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(168, 168, 168)'><polygon points='50,0 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,0 0,50 100,50'/></svg>");
}

/* down button */
::-webkit-scrollbar-button:single-button:vertical:increment {
    height: 0.75rem;
    width: 0.75rem;
    background-position: center 2px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(193, 193, 193)'><polygon points='0,0 100,0 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(168, 168, 168)'><polygon points='0,0 100,0 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 100,0 50,50'/></svg>");
}

/* left button */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
    height: 0.75rem;
    width: 0.75rem;
    background-position: center 1px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(193, 193, 193)'><polygon points='0,50 50,100 50,0'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(168, 168, 168)'><polygon points='0,50 50,100 50,0'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,50 50,100 50,0'/></svg>");
}

/* right button */
::-webkit-scrollbar-button:single-button:horizontal:increment {
    height: 0.75rem;
    width: 0.75rem;
    background-position: center 1px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(193, 193, 193)'><polygon points='100,50 50,100 50,0'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(168, 168, 168)'><polygon points='100,50 50,100 50,0'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='100,50 50,100 50,0'/></svg>");
}

/* Gecko Scrollbar (mozilla firefox) */
@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: thin;
        scrollbar-color: #6d7c77 #cfd7c7;
    }
}

/* hack to disable autofill background colour changes */
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.VersionInfoLink {
    text-decoration: underline;
}

.DateSelectionWithSearch {
    float: left;
    padding-left: 30px;
    width: 620px;
}

.DateSelectionWithoutSearch {
    float: left;
    padding-left: 10px;
    width: 620px;
}

.SearchPanel {
    float: left;
    width: 260px;
}

.ModalSeparator {
    border-top: 1px solid #e0e0e0;
}

.ModalButtonSeparator {
    border-top: 1px solid #e0e0e0;
}

.ModalFieldSpacing {
    margin-top: 0.75rem;
}

.MaterialTextBox {
    padding: 8px 0 7px;
    border-width: 0 0 1px;
    color: #455A64;
    background: transparent;
    border-color: transparent;
    border-bottom-color: #CFD8DC;
    outline: none;
}

.MaterialTextBox:hover {
    padding: 8px 0 7px;
    border-width: 0 0 1px;
    color: #455A64;
    background: transparent;
    border-color: transparent;
    border-bottom-color: #90A4AE;
    outline: none;
}

.MaterialTextBox:active {
    padding: 8px 0 7px;
    border-width: 0 0 1px;
    color: #455A64;
    background: transparent;
    border-color: transparent;
    border-bottom-color: #006a8d;
    outline: none;
}

.TelerikModalOverlay {
    position: fixed !important;
    width: 1000% !important;
    height: 1000% !important;
}

/* Custom RadTab CSS */
/* Responsive RadTab Widths */
@media (min-width: 992px) /* bootstrap - large (lg) */ {
    .StretchRadTab .rtsLevel .rtsUL .rtsLI {
        max-width: 30%;
    }
}

@media (min-width: 1400px) /* bootstrap - extra extra large (xxl) */ {
    .StretchRadTab .rtsLevel .rtsUL .rtsLI {
        max-width: 20%;
    }
}

@media (min-width: 1700px) /* custom - extra extra extra large (xxxl) */ {
    .StretchRadTab .rtsLevel .rtsUL .rtsLI {
        max-width: 16%;
    }
}

.StretchRadTab {
    width: 100%;
}

.StretchRadTab .rtsLevel .rtsUL {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.StretchRadTab .rtsLevel .rtsUL .rtsLI {
    flex: 1;
    text-align: center;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 1rem;
}

.RadTabSeparator {
    /* #006a8d */
    border-left: solid 1px rgba(0, 106, 141, 0.5);
    height: 36px !important;
}

.PillRadTab {
    width: 100%;
}

.PillRadTab .rtsLevel .rtsUL {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.PillRadTab .rtsLevel .rtsUL .rtsLI {
    flex: 1;
    text-align: center;
	margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 1rem;
}

/* Responsive RadTab Widths */
@media (min-width: 992px) /* bootstrap - large (lg) */ {
    .PillRadTab .rtsLevel .rtsUL .rtsLI {
        max-width: 30%;
    }
}

@media (min-width: 1400px) /* bootstrap - extra extra large (xxl) */ {
    .PillRadTab .rtsLevel .rtsUL .rtsLI {
        max-width: 20%;
    }
}

@media (min-width: 1700px) /* custom - extra extra extra large (xxxl) */ {
    .PillRadTab .rtsLevel .rtsUL .rtsLI {
        max-width: 16%;
    }
}

.PillRadTab .rtsLevel .rtsUL .rtsLI .rtsLink {
    padding: 17px 29px 16px;
    line-height: 1;
    background-color: #f5f5f5;
    border: 2px solid #006a8d !important;
    border-radius: 0.25rem;
}

.PillRadTab .rtsLevel .rtsUL .rtsLI .rtsLink .rtsTxt {
	color: #006a8d;
	opacity: 1;
    text-wrap: nowrap;
}

.PillRadTab .rtsLevel .rtsUL .rtsHovered .rtsLink {
	background-color: #e8e8e8;
}

.PillRadTab .rtsLevel .rtsUL .rtsSelected .rtsLink .rtsTxt {
    color: #ffffff;
    opacity: 1;
    text-wrap: nowrap;
}

.PillRadTab .rtsLevel .rtsUL .rtsSelected .rtsLink {
	background-color: #006a8d;
	border: 2px solid #006a8d;
    box-shadow: 0 2px 5px #0003, 0 2px 10px #0000001a;
}

.PillRadTab .rtsLevel .rtsUL .rtsSelected .rtsLink .rtsTxt {
	color: #ffffff;
	opacity: 1;
    text-wrap: nowrap;
}

.PillRadTab .rtsLevel .rtsUL  .rtsSelected .rtsLink:before {
    left: 0;
    right: 0;
    border: 0;
}

/* styling for login dropdown */
.mdc-select {
    padding: 4px 2em 4px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #CFD8DC;
    color: #455A64;
    background-color: transparent;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='4' fill='rgb(69, 90, 100)'><polygon points='0,0 8,0 4,3'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
}

.OverflowXHidden > .rcbScroll > .rcbList {
    overflow-x: hidden;
}

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

.TableIconGridButtonTemplate {
    width: 50px;
}

.NoRecordsTemplate {
    padding: 7.2px 0px 5.2px 3rem;
    /*padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;*/
}

.drag-handle {
    background: none;
    border-radius: 0.25em;
    border: none;
    width: 25px;
    min-width: 25px;
    background-color: rgba(0,0,0,0.03);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 10 14'%3E%3Cg fill='%23999999'%3E%3Ccircle cx='2' cy='2' r='1.5'/%3E%3Ccircle cx='2' cy='7' r='1.5'/%3E%3Ccircle cx='2' cy='12' r='1.5'/%3E%3Ccircle cx='8' cy='2' r='1.5'/%3E%3Ccircle cx='8' cy='7' r='1.5'/%3E%3Ccircle cx='8' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
}

.drag-handle:hover {
    background-color: rgba(0,0,0,0.06);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 10 14'%3E%3Cg fill='%23666666'%3E%3Ccircle cx='2' cy='2' r='1.5'/%3E%3Ccircle cx='2' cy='7' r='1.5'/%3E%3Ccircle cx='2' cy='12' r='1.5'/%3E%3Ccircle cx='8' cy='2' r='1.5'/%3E%3Ccircle cx='8' cy='7' r='1.5'/%3E%3Ccircle cx='8' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
    cursor: grab;
}

.drop-target-active .ProcedureStageSeparatorLine {
    pointer-events: none;
    height: 3px;
    border-radius: 3px;
    width: 100%;
    background-color: #006a8d;
}

.drop-target-active.ProcedureStageSeparator {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23006a8d' d='M8 0L4 5h8L8 0zm0 20l4-5H4l4 5z'/%3E%3C/svg%3E");
}

.ProcedureStageSeparator {
    align-items: center;
    height: 1.5rem;
}

.ProcedureExcludedStageSeparator {
    align-items: center;
    height: 3rem;
    padding: 0 1.5rem 0 1.5rem;
}

.ProcedureExcludedStageSeparatorLine {
    border-style: dashed;
    border-width: 1px;
    border-color: #cccccc;
    width: 100%;
}

.rlvI .row,
.rlvI .col,
.rlvI .align-items-baseline {
    pointer-events: none;
}

.rlvI .row > * {
    pointer-events: auto;
}

.FlexPanel {
    display: flex; 
    flex-direction: column;
    height: 100%;
}

.FlexFillPanel {
    height: 100%;
    flex: 1;
}

.FlexPanelRecessedMargins {
    margin: -0.75rem;
    padding: 0.75rem;
    width: calc(100% + 1.5rem) !important;
}

@media (min-width: 1200px) {
    .h-xl-100 {
        height: 100% !important;
    }

    .m-h-xl-400 {
        min-height: 400px !important;
    }
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.m-h-200 {
    min-height: 200px;
}

.m-h-400 {
    min-height: 400px;
}

.m-h-800 {
    min-height: 800px;
}