:root {
    --aepPrimary: #0047BB; /* Primary Color, Pantone 2728 c, Altitude Main Blue */
    --aepImportant: #B5121B; /* Important (Or  required) Info, Legacy Cathedral Dark Red */
    --aepError: #dc3545; /* Error, Legacy Cathedral Dark Red */
    --aepWarning: #F7D54E; /* Pantone 128, Legacy Cathedral Yellow*/
    --aepDarkBlueBorders: #18396A; /* Altitude Color no. 6, Dark Blue, Botton Borders*/
    --aepProcessBlueLinks: #0082CA; /* Process Blue color from Legacy Cathedral pallette*/
    --aepPantoneGreenSuccess: #62A70F; /* Pantone 369 ,  success color from Legacy Cathedral pallette*/
    --aepLightBlueToolBackGround: #cbdce8; /*Last color in Altitude branding bookm,*/
    --aepNeonGreenForTemplates: #c9fec1;
    --aepToolStatus_late: pink;
    --aepToolStatus_1dayLeft: yellow;
    --aepToolStatus_2daysleft: #b3fea8;
    --aepToolStatus_cancelled: orange;
    --aepToolStatus_revised: salmon;
    --aepToolStatus_ready: lightskyblue;
    --aepToolStatus_shipped: green;
    --aepItemStatus_ReqBg: lightpink;
    --aepItemStatus_ReqChanged: lightgoldenrodyellow;
    --aepDatabaseSource: lightgreen;
    /* BW color Spectrum, please avoid using random shades of gray*/
    --aepBlack: black;
    --aep50Grey: #9A9A9A; /* 50 % Grey, Legacy Cathedral grey */
    --aepGray: #A2ACAB; /* Secondary Color, Pantone 442 c, Altitude Gray */
    --aep25pGrey: #CCCCCC; /* 25 % Grey, Legacy Cathedral medium grey */
    --aep10pGrey: #F2F2F2; /* 10 % Grey, Legacy Cathedral Light grey */
    --aepWhite: white;
    /* Screen Max Width*/
    /* ATTENTION: THIS NEEDS TO BE IN-SYNC with: ScreenMaxWidth in VisualSettingsService.cs */
    --dashboards-max-width: 97.75vw;
}

.ces-session-expiry-clock {
    text-align: right;
    font-size: 14px;
    color: var(--aepPrimary);
}

.ces-session-expiry-timer {
    text-align: right;
    font-size: 14px;
    color: var(--aepError);
    font-weight: 500;
}

.ces-login-form {
    max-width: 500px;
    padding: 3rem;
    border-style: solid;
    border-width: 2px;
    border-color: var(--aep50Grey);
    border-radius: 5px;
    margin-top: 50px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--aep10pGrey);
}

.ces-login-title {
    max-width: 500px;
    padding: 1rem;
    align-content: center;
    margin-bottom: 1rem;
}

.ces-login-header {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.ces-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ces-form-label {
    font-weight: 600;
    display: inline !important;
}

.ces-form-req {
    font-weight: 900;
    color: var(--aepImportant);
    display: inline !important;
}

.ces-form-submit-end.k-form .k-form-buttons {
    justify-content: flex-end;
}

.ces-condensed-grid th.k-header {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ces-condensed-grid .k-master-row td {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ces-condensed-grid .k-table-td {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ces-top-row {
    background-color: var(--aep10pGrey);
    justify-content: flex-start;
    display: flex;
    align-items: center;
    vertical-align: baseline;
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: calc(var(--dashboards-max-width) - 0.75vw) !important;
}

.ces-top-row-col {
    display: flex;
    flex-direction: column;
}

.ces-top-row-img {
    object-fit: contain;
    max-height: 2.5rem;
    max-width: 250px;
    vertical-align: middle !important;
}

.ces-top-row-menu-button {
    margin-top: 0.0rem !important;
    margin-bottom: 0.0rem !important;
    margin-right: 1rem;
    font-size: 32px;
}

.ces-top-row-container {
    margin-top: 0.5rem !important;
}

.ces-top-row-button {
    margin-top: 0.5rem !important;
    margin-bottom: 0.0rem !important;
    margin-right: 1rem;
    font-size: 0.85rem;
}

.ces-round-ends {
    border-radius: 15px;
    border-color: var(--aepDarkBlueBorders);
}

.ces-icon-inside-box {
    margin-left: -32px;
}

.ces-datagrid-link {
    color: var(--aepProcessBlueLinks) !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.ces-LayoutContent {
    padding: 1px !important;
}

.ces-job-features-table-wrapper {
    width: 48%;
    float: left;
    border-color: var(--aep50Grey);
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin: 1px
}

.ces-job-features-table {
    width: 98%;
}

.ces-title-row-wrap {
    flex-wrap: wrap !important;
}

.ces-job-details-title-row-container {
    justify-content: space-between !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    max-width: var(--dashboards-max-width) !important;
}

.ces-job-details-title-base {
    align-items: center;
    width: 100% !important;
    padding-block: 3px;
}

.ces-job-details-title-primary {
    align-items: center;
    background-color: var(--aep25pGrey);
    padding-block: 3px;
    padding-right: 5px !important;
    max-width: var(--dashboards-max-width) !important;
}

.ces-job-details-title-secondary {
    width: var(--dashboards-max-width) !important;
    background-color: var(--aep10pGrey);
    padding-block: 3px;
    padding-right: 5px !important;
}

.ces-top-row-search-container {
    padding-inline: 5px;
    justify-content: flex-start !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.ces-personal-options-timer{
    border: 2px solid black; 
}

.ces-secondary-row-search-container {
    padding-inline: 25px;
    justify-content: flex-start !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.ces-top-row-search-field {
    padding-left: 10px
}

.ces-job-details-title {
    margin-left: 10px;
    font-size: 1.15rem;
    font-weight: 600;
}

.ces-dialog-content-title {
    font-size: 1rem;
    font-weight: 600;
}

.ces-vertical-radio {
    margin-block-start: 10px;
    margin-block-end: 20px;
}

.ces-job-details-title-description {
    margin-left: 10px;
    font-size: 0.85rem;
    font-weight: 500;
}

.ces-job-details-title-pill-declined {
    margin-left: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
    border-color: var(--aepError) !important;
    border-radius: 5px;
    color: var(--aepError) !important;
    padding: 3px;
}


.ces-job-details-title-pill-pending {
    margin-left: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
    border-color: var(--aepProcessBlueLinks) !important;
    border-radius: 5px;
    color: var(--aepProcessBlueLinks) !important;
    padding: 3px;
}

.ces-job-details-title-pill-needs-attention {
    margin-left: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
    border-color: var(--aepToolStatus_cancelled) !important;
    border-radius: 5px;
    color: var(--aepToolStatus_cancelled) !important;
    padding: 3px;
}

.ces-job-details-title-pill-revised {
    margin-left: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
    border-color: var(--aepToolStatus_revised) !important;
    border-radius: 5px;
    color: var(--aepToolStatus_revised) !important;
    padding: 3px;
}

.ces-job-details-title-pill-approved {
    margin-left: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
    border-color: var(--aepPantoneGreenSuccess) !important;
    border-radius: 5px;
    color: var(--aepPantoneGreenSuccess) !important;
    padding: 3px;
}

.ces-job-details-title-pill-shipped {
    margin-left: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
    border-color: var(--aepPrimary) !important;
    border-radius: 5px;
    color: var(--aepPrimary) !important;
    padding: 3px;
}

.ces-request-dash-status-cell {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 4px;
    padding-left: 2px;
}

.ces-request-dash-settings-button-and-legend {
    display: flex;
    flex-direction: column;
    align-items: end;
    padding-right: 10px;
}

.ces-request-dash-status-pill-pending {
    margin: 3px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--aepProcessBlueLinks) !important;
    padding: 3px;
}

.ces-request-dash-status-pill-approved {
    margin: 3px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--aepPantoneGreenSuccess) !important;
    padding: 3px;
}

.ces-request-dash-status-pill-cancelled {
    margin: 3px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--aepToolStatus_cancelled) !important;
    padding: 3px;
}

.ces-request-dash-status-pill-revised {
    margin: 3px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--aepToolStatus_revised) !important;
    padding: 3px;
}


.ces-request-dash-status-pill-primary {
    margin: 3px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--aepPrimary) !important;
    padding: 3px;
}

.ces-request-dash-settings-button-and-legend {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 5px;
}

.ces-grid-compact-button {
    margin: 2px;
    font-size: smaller;
}

.ces-dd-tool-order-component-property-value {
    font-size: small;
    margin: 2px
}

.ces-dd-tool-order-component-property-header {
    font-size: small;
    font-style: italic;
    font-weight: 600;
    margin: 2px
}

.ces-dd-tool-order-component-wo-cell {
    border-width: 1px;
    border-color: var(--aep10pGrey);
    border-style: solid;
    padding: 2px;
    background-color: var(--aep25pGrey);
}

.ces-dd-tool-order-component-tool-cell {
    border-width: 1px;
    border-color: var(--aep10pGrey);
    border-style: solid;
    padding: 2px;
    background-color: var(--aepLightBlueToolBackGround);
}


.ces-dd-tool-order-component-title {
    font-size: 0.85rem;
    font-weight: 600;
    margin: 2px;
}

.ces-dd-tool-order-component-title-container {
    padding: 2px;
    margin: 1px;
    width: 175px !important;
}



.ces-dd-tool-order-component-container {
    display: flex;
    flex-direction: row;
    margin: -1px
}

.ces-fit-in-one-row {
    max-height: 30px !important;
}

.ces-max-height-2rem {
    max-height: 2rem !important;
}

.ces-max-height-content {
    height: max-content !important;
}

.ces-top-row-authorized-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ces-top-row-authorized-mobile-width {
    width: 80vm !important;
}

.ces-top-row-authorized-full-width {
    width: 58%;
}

.no-vertical-margin {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.ces-job-details-title-row-button {
    max-height: 30px !important;
    background-color: var(--aepProcessBlueLinks);
    color: var(--aepWhite);
    border-color: var(--aepWhite);
}

.ces-job-details-row-buttons-container {
    display: flex;
    gap: 10px !important;
    justify-content: flex-end;
    right: 5px !important;
}

.ces-job-details-title-row-button-outline-margin {
    margin-right: 5px !important;
}

.center-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ces-job-details-title-row-button-outline {
    max-height: 30px !important;
    background-color: var(--aepWhite);
    color: var(--aepProcessBlueLinks);
    border-width: 1px;
    border-style: solid;
    border-color: var(--aepProcessBlueLinks) !important;
    border-radius: 5px;
}

    .ces-job-details-title-row-button-outline:hover {
        background-color: var(--aepProcessBlueLinks);
        color: var(--aepWhite);
        border-color: var(--aepWhite);
    }

.ces-job-details-contact-container {
    border-color: var(--aep50Grey);
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
    max-width: 99% !important;
    box-shadow: 2px 2px 2px darkgrey;
}

.ces-job-details-contact-name {
    border-color: var(--aep25pGrey);
    border-radius: 5px;
    border-style: solid;
    background-color: var(--aep25pGrey);
    margin: 3px;
}

.ces-job-details-contacts-role {
    font-weight: 500;
    font-size: 0.75rem;
    margin-right: 0.25rem;
    font-style: italic;
}

.ces-job-details-contacts-name {
    font-weight: 600;
}

.ces-Job-Features-line {
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    line-height: 1.0;
}

.ces-job-details-summary-fields-label {
    font-weight: 500 !important;
    font-size: 0.75rem !important;
    padding: 2px !important;
}

.ces-job-summary-panels-flex-col {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-bottom: 0px;
    align-items: baseline;
}

.ces-job-summary-panels-row {
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-bottom: 0px;
    align-items: baseline;
}

.ces-job-summary-field {
    margin: 1px;
}

.ces-job-summary-field-required {
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    border-color: var(--aepImportant);
    background-color: var(--aepToolStatus_late);
}

.ces-job-summary-field-good {
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    border-color: var(--aepPantoneGreenSuccess);
    background-color: var(--aepNeonGreenForTemplates);
}

.ces-job-summary-field-dirty {
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    border-color: var(--aepToolStatus_revised) !important;
}

.ces-job-summary-floating-label {
    font-size: 0.7rem !important;
    top: 0.25rem !important;
    left: 0.25rem !important;
    font-weight: 700;
}

.k-floating-label-container > label {
    top: 0;
    left: 0;
    transform: scale(1);
    position: absolute;
    font-size: 14px;
}

.ces-compact-button {
    padding: 0px !important;
}

.ces-job-details-comment-username {
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    padding: 2px 10px 2px 10px !important;
}

.ces-job-details-comment-timestamp {
    font-weight: 500 !important;
    font-size: 0.75rem !important;
    font-style: italic;
    padding: 2px !important;
}

.ces-job-details-comment-text {
    font-size: 0.75rem;
    font-weight: 500;
    width: 98.0% !important;
    margin: 2px 5px 2px 5px;
    padding: 2px;
    word-wrap: break-word;
}

.k-card {
    font-weight: 600 !important;
    line-height: 1;
}
/* Override k-card for tile layout content*/
.k-card-body {
    padding: 1px !important;
    overflow-y: auto;
}

.k-card-title {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    line-height: 1;
}

.ces-job-details-contacts-method {
    font-weight: 700;
    font-size: 0.75rem;
    margin: 0.25rem;
    font-style: italic;
}

.ces-jobsummary-contact-details-val {
    font-size: 0.75rem;
    padding-inline: 0.5rem !important;
}

.ces_email::before {
    content: '📧 ';
    font-size: 16px;
    margin-right: 4px;
}

.ces_phone::before {
    content: '☎ ';
    font-size: 16px;
    margin-right: 4px;
}

.ces_cell::before {
    content: '📱 ';
    font-size: 16px;
    margin-right: 4px;
}

.ces-job-details-dirty-Panel {
    border-color: var(--aepProcessBlueLinks);
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
}

.ces-job-details-Panel {
    padding: 3px !important;
}

.ces-job-details-top-buttons {
    max-width: 30% !important;
}

.ces-margin-left-5px {
    margin-left: 5px;
}

.ces-margin-right-5px {
    margin-right: 5px;
}

.ces-job-details-top-bar-container {
    width: 99%;
    height: 1.75rem !important;
    padding: 5px 1px 5px 1px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 1px !important;
    margin-bottom: 5px;
}

.ces-section-heading {
    border-radius: 5px;
    padding: 5px;
    margin-left: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--aepDarkBlueBorders);
    color: var(--aepDarkBlueBorders);
}

.ces-warning-message-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--aepPrimary);
    text-align: justify;
    margin-block: 10px;
}

.ces-warning-message-label {
    font-size: 1rem;
    font-weight: 500;
    text-align: justify;
    margin-block: 10px;
}

.ces-job-details-fields-label {
    width: 30% !important;
    font-weight: 600;
    font-size: 0.85rem;
}

.ces-job-details-fields-label-for-multiline {
    width: 90% !important;
    font-weight: 600;
    font-size: 0.85rem;
}

.ces-job-details-summary-half-width-container-left {
    float: left;
    width: 47% !important;
    margin-right: 1%;
    margin-bottom: 5px
}

.ces-job-details-summary-half-width-container-right {
    float: left;
    width: 47% !important;
    margin-left: 1%;
    margin-bottom: 5px
}

.ces-job-details-summary-full-width-container {
    float: left;
    width: 100% !important;
    margin-right: 2%;
    margin-bottom: 5px
}

.ces-field-value-display-container {
    display: flex;
    flex-direction: row;
    white-space: nowrap; 
    align-items: baseline;
}

.ces-neg55-bottom {
    bottom: -55px !important;
}

.ces-flex-row-end {
    display: flex;
    flex-direction: row;    
    justify-content: flex-end;
}

.ces-flex-row {
    display: flex;
    flex-direction: row;
}

.ces-flex-row-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.ces-job-map-action-button {
    width: 180px !important;
}

.ces-job-map-date-range-button {
    width: clamp(106px, 25%, 125px) !important;
}

.ces-tab-component-full {
    width: clamp(375px, 95%, 1520px) !important;
    height: fit-content;
}

.ces-tab-component-60 {
    width: clamp(375px, 60%, 750px) !important;
    height: fit-content;
}

.ces-tab-component-40 {
    width: clamp(375px, 40%, 630px) !important;
    height: fit-content;
}

.ces-tab-component-20 {
    width: clamp(375px, 20%, 630px) !important;
    height: fit-content;
}


.ces-flex-row-wide-margin {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem !important;
    align-items: baseline;
}

.ces-job-details-menu {
    min-height: 4rem !important;
    padding: 5px
}

.ces-dd-shop-dash-component-summary {
    padding: 1px;
    margin: 1px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--aep50Grey);
    align-self: flex-start;
    width: fit-content;
}

.ces-dd-shop-dash-component-summary-title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 2px;
    margin-left: 1px;
    padding: 2px;
    align-items: center;
    line-height: 18px !important;
}

.ces-shop-dash-component-visibility-button {
    border-color: var(--aepPrimary);
    padding-block: 10px;
    margin-inline: 10px;
}


.ces-dd-tool-preview-description {
    font-size: 0.8rem;
    padding: 0px;
    margin: 0px;
}

.ces-template-request-background {
    background-color: var(--aepNeonGreenForTemplates);
    padding-left: 10px;
    padding-top: 5px;
}

.ces-job-details-title-row-info-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 75vw;
}

.ces-sync-date {
    margin-left: 10px;
    margin-bottom: 5px;
}

.ces-header-right-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.ces-header-support-button {
    margin-top: 3px;
}

.ces-form-property-container {
    margin-top: 10px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-width: 325px;
    max-width: 675px;
    border-style: solid;
    border-radius: 5px;
    border-width: 1px;
}

.ces-horizontal-flex-container-align-top-even-spacing {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: start !important;
}

.ces-form-wo-property-container {
    border-color: var(--aepDarkBlueBorders);
    background-color: var(--aep25pGrey);
}

.ces-test-hidden {
    display: none;
}


.ces-wellsection-container {
    max-width: calc(99% - 10px);
    display: flex;
    justify-content: center;
}

.ces-wellsection-info-grid {
    max-width: calc(95% - 10px);
}

.ces-required-text-item {
    border: solid var(--aepImportant) 2px;
}

.ces-required-item-alert {
    background-color: var(--aepItemStatus_ReqBg);
}

.ces-required-item-changed {
    background-color: var(--aepItemStatus_ReqChanged) !important;
}

.ces-database-source {
    background-color: var(--aepDatabaseSource) !important;
}

.ces-estimation-source {
    background-color: var(--aepToolStatus_cancelled) !important;
}

.ces-bonus-change-format {
    background-color: var(--aepToolStatus_late) !important;
}

.ces-operator-expense-width {
    width: calc(var(--dashboards-max-width) - 0.75vw) !important;
}

/* Override k-notification classes */
.ces-notification-toast .k-notification-container .k-notification {
    min-width: 300px !important;
    min-height: 50px !important;
    font-size: 1.0em !important;
    font-weight: 600;
    text-align: center;
    align-items: center;
}

/* Added for Telerik Reporting */
.trv-report-viewer {
    width: 100%;
    height: 880px !important;
}

/* Override k-card-header for tile layout content*/
.k-card-header {
    padding-block: 5px !important;
    padding-inline: 5px !important;
}
/* Override k-card-header for tile layout content*/
.k-card-title {
    font-size: 1rem !important;
    font-weight: 600 !important;
}

/* Override .k-grid-content-sticky to add shadow*/
.k-grid-content-sticky {
    border-inline-end-width: 1px;
    border-inline-end-color: var(--aepDarkBlueBorders);
    border-inline-end-style: solid;
    box-shadow: 3px 0px 3px var(--aep25pGrey);
}

.ces-sticky-column-end {
    border-inline-start-width: 1px;
    border-inline-start-color: var(--aepDarkBlueBorders);
    border-inline-start-style: solid;
    box-shadow: -3px 0px 3px var(--aep25pGrey) !important;
}
/* Exclamation mark icon to indicate warning messages for certain headers in the request form */
.ces-form-Info-Icon {
    background: var(--aepWhite) !important;
    color: var(--aepError) !important;
    border-style: none !important;
    width: 1.5em !important;
    height: 1.5em !important;
    font-size: 16px !important;
}

.ces-tube-mud-grids-wo-cell {
    background-color: var(--aep10pGrey) !important;
}

.ces-tube-mud-grids-wo-first-cell {
    background-color: var(--aep10pGrey) !important;
    border-inline-start-width: 1px;
    border-inline-start-color: var(--aep50Grey);
    border-inline-start-style: solid;
}

.ces-days-to-complete-late {
    background-color: var(--aepToolStatus_late) !important;
    font-weight: bold !important;
}

.ces-days-to-complete-one-day-left {
    background-color: var(--aepToolStatus_1dayLeft) !important;
}

.ces-days-to-complete-two-days-left {
    background-color: var(--aepToolStatus_2daysleft) !important;
}


.ces-grids-cancelled-line-item-row {
    text-decoration: line-through;
}

.ces-grids-cancelled-line-item-cell {
    background-color: var(--aepToolStatus_cancelled) !important;
}

.ces-grids-cancelled-line-item {
    background-color: var(--aepToolStatus_cancelled) !important;
    text-decoration: line-through;
}

.ces-grids-revised-line-item {
    background-color: var(--aepToolStatus_revised) !important;
}

.ces-grids-ready-line-item {
    background-color: var(--aepToolStatus_ready) !important;
}

.ces-grids-shipped-line-item {
    background-color: var(--aepToolStatus_shipped) !important;
}

.ces-request-preview-container {
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 3px;
    border-left: 6px solid var(--aepProcessBlueLinks);
    border-right: 1px solid var(--aepProcessBlueLinks);
    border-top: 1px solid var(--aepProcessBlueLinks);
    border-bottom: 1px solid var(--aepProcessBlueLinks);
    border-radius: 6px;
}

.ces-error-list-container {
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 3px;
    border-left: 6px solid var(--aepError);
    border-right: 1px solid var(--aepError);
    border-top: 1px solid var(--aepError);
    border-bottom: 1px solid var(--aepError);
    border-radius: 6px;
}


.ces-printing-hints-ol {
    padding-left: 1.5rem;
    font-size: 1rem
}

.ces-printing-hints-li {
    margin-bottom: 1rem;
}

.ces-printing-hints-img {
    max-width: 350px !important;
    box-shadow: 10px 5px 5px var(--aep25pGrey);
}

.ces-sandbox-enviro-container {
    background-color: var(--aepWhite);
    padding: 5px;
    margin: 2px;
    border: solid 1px var(--aepDarkBlueBorders);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.ces-sandbox-enviro-title {
    color: var(--aepBlack);
    font-weight: 700;
    font-size: 1.25rem;
}

.ces-sandbox-enviro-text {
    color: var(--aepBlack);
    font-weight: 700;
    font-size: 0.75rem;
}

.ces-warning-icon-spacing {
    margin-inline-start: 15px;
}

.k-checkbox {
    border-color: var(--aep50Grey) !important; /* should be darker across all the app*/
}
    .ces-sandbox-enviro-bg {
    /* background stuff*/
    background-color: var(--aepWarning);
    background-image: repeating-linear-gradient(135deg, /* Angle of the lines */
    var(--aepPrimary) 0%, /* Start color at 0% */
    var(--aepPrimary) 2.5%, /* End color at 2.5% */
    transparent 3%, /* Start transparent at 3%, not startint right at 2.5%, gives it a nice color blend-gradient look */
    transparent 5.5%);
    /*other styles*/
    width: var(--dashboards-max-width) !important;
    min-height: 1.25rem !important;
    display: flex;
    justify-content: center;
    /* animation variables */
    --animation-name: moveSlant;
    --animation-duration: 60s;
    --animation-timing-function: linear;
    --animation-iteration-count: infinite;
    animation: var(--animation-name) var(--animation-duration) var(--animation-timing-function) var(--animation-iteration-count);
}

@keyframes moveSlant {
    from {
        background-position: 0% 0%;
    }

    to {
        background-position: 3000px 0px;
    }
}

/*ces-redirect is for error and 404 pages*/
.ces-redirect-page-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 75px;
}

.ces-redirect-image-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 4%;
    margin-top: 2%;
}

.ces-redirect-image {
    height: 250px;
    width: 85%;
    object-fit: contain;
}

.ces-redirect-options-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 6%;
}

.ces-redirect-title {
    font-size: 36px;
    font-weight: bolder;
    color: var(--aepPrimary);
}

.ces-redirect-message {
    margin-top: 15px;
    font-size: 24px;
    font-weight: bold;
}

.ces-redirect-bumper {
    margin-top: 15px;
}

/*Settings Modal*/
.ces-settings-dialog-upperbody-box {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.ces-settings-dialog-radio-box {
    margin-top: 20px;
    border-top: 2px solid;
    border-color: var(--aepGray);
    padding-top: 15px;
}

/*Support Modal*/
.ces-support-fixed-modal {
    position: fixed;
    bottom: 4%;
    left: 2%;
    color: var(--aepSilverLight);
    z-index: 999;
}

.ces-support-fixed-version {
    position: fixed;
    bottom: 1%;
    left: 1%;
    margin-top: 0.5%;
    color: var(--aepSilverDark);
}

.ces-support-modal-container {
    position: fixed;
    bottom: 5%;
    left: 5%;
    z-index: 998;
}

.ces-support-dialog-inner-container {
    display: flex;
    flex-direction: column;
    margin: 2%;
    padding: 1%;
}

.ces-support-dialog-notes-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    word-wrap: normal;
}

.ces-support-dialog-modal-header {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--aepBlack);
    margin-top: 10px;
}

.ces-support-dialog-divider {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px var(--aep50Grey);
    border-bottom-style: solid;
}

.ces-support-dialog-title-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.ces-support-dialog-notes-header {
    font-size: 12px;
    font-weight: bold;
    color: var(--aepGray);
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 1px;
}

.ces-support-dialog-notes-title {
    font-size: 1rem;
    font-weight: bolder;
    color: var(--aepBlack);
    margin-top: 5px;
    margin-bottom: 5px;
}

.ces-support-dialog-notes {
    font-size:0.9rem;
    font-weight: bold;
    color: var(--aepBlack);
    margin-top: 5px;
    margin-bottom: 5px;
}

    .ces-support-dialog-notes > li {
        margin-block: 3px;
    }

.ces-support-dialog-support-button-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.ces-support-dialog-support-button {
    padding: 5px 10px 5px 10px;
    font-size: 16px;
}

.ces-support-form-container {
    display: flex;
    flex-direction: column;
}

.ces-support-form-title {
    font-size: 24px;
    font-weight: bold;
    color: var(--aepPrimary);
}

/* From RequestForm.razor*/
.grid-layout {
    margin: 10px;
}

.table-bumper {
    margin-bottom: 10px;
}

.ces-row-drop-down-button-item {
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    margin: 1px;
    background: var(--aepWhite);
    color: var(--aepProcessBlueLinks);
}

.logs-window-container {
    z-index: 99 !important;
    position: absolute;
    right: 10px;
}
.chat-history-box {
    margin: 2px;
    margin-top: 5px !important;
}

    .chat-history-box:first-child {
        padding-top: 2px;
    }
/* Copied from DdRequestChat.razor*/
.chat-conversation-container {
    margin: 1px;
}
.chat-conversation-sendButton {
    padding: 2px;
}

.chat-conversation-emptyChatText {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding:5px;
}

.chat-send-msg-box {
    min-width:250px !important;
    width: 100% !important;
    min-height: 70px !important;
    max-height: 300px !important;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: black;
    background-color: white;
}

.chat-msg-area {
    border-style: solid;
    border-radius: 3px;
    border-color: #0082CA;
    margin: 2px;
    padding: 2px;
    max-height: 230px !important;
}
.ces-text_logs > textarea {
    height: auto !important;
    max-height: 400px;
    word-wrap: break-word;
}

.hide-comm-panel {
    display: none;
}


.ces-max-width {
    max-width: 100% !important;
}

.ces-important-note {
    color: var(--aepImportant);
    font-weight: 600;
    font-size: 12px
}

.ces-important-note-bg {
    border-radius: 10px;
    margin: 10px
}

.show-comm-panel-wide-screen {
    min-height: auto !important;
    min-width: 27% !important;
    max-width: 550px !important;
    background-color: var(--aepWhite);
}

.show-comm-panel-med-screen {
    min-height: auto !important;
    min-width: 47% !important;
    max-width: 550px !important;
    background-color: var(--aepWhite);
}

.show-comm-panel-sml-screen {
    min-height: auto !important;
    min-width: 100% !important;
    max-width: 550px !important;
    background-color: var(--aepWhite);
}

.show-comm-panel-border {
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    border-color: gray;
    background-color: var(--aepWhite);
    box-shadow: -2px 0px 2px 2px var(--aep25pGrey), 3px 0px 3px var(--aep25pGrey);
}
/* Moved from Tube/Mud Display Grid.razor */
.bulk-text {
    font-size: 12px;
    padding-left: 5px;
}

.buttons-bulk-header {
    display: flex;
    flex-direction: column
}

.field-squeeze {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Moved from BulkPicker.razor */
.bulk-picker {
    padding-left: 5px;
    padding-right: 5px;
}

/* Moved from: FilteredDropDown.razor */
.alert {
    background-color: var(--aepItemStatus_ReqBg);
}

.changed {
    background-color: var(--aepItemStatus_ReqChanged);
}

/* Moved from Grid Text Value */
.comments {
    font-size: 12px;
    color: var(--aepImportant);
}

.ces-jobsmain-jobId {
    background-color: var(--aepLightBlueToolBackGround); /* #cbdce8;*/
}

.ces-jobsmain-error-level-not-reviewed {
    background-color: var(--aepToolStatus_cancelled); /* Orange;*/
}

.ces-jobsmain-error-level-failed {
    background-color: var(--aepError); /* #dc3545;*/
}

.ces-jobsmain-error-level-not-failed {
    background-color: var(--aepWarning); /* #F7D54E;*/
}

.ces-jobsmain-status-drilling {
    background-color: var(--aepDarkBlueBorders); /* #18396A;*/
    color: var(--aepWhite); /* #white;*/
}

.ces-jobsmain-day-drilling {
    background-color: var(--aepDarkBlueBorders); /* #18396A;*/
    color: var(--aepWhite); /* #white;*/
    font-weight: 600;
}

.ces-jobsmain-day-plan-approved {
    background-color: var(--aepToolStatus_1dayLeft); /* yellow;*/
    font-weight: 600;
}

.ces-jobsmain-day-plan-discussed {
    background-color: var( --aepPantoneGreenSuccess); /* #62A70F;*/
    font-weight: 600;
}

.ces-jobsmain-sales-missing-forcast {
    background-color: var(--aepItemStatus_ReqBg); /* lightpink;*/
    font-weight: 600;
}

.ces-jobsmain-day-content {
    font-weight: 600;
    padding: 10px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
}

.checked {
    border-bottom: 2px solid var(--aepBlack);
}

.unchecked {
    border-bottom: 2px dashed var(--aep50Grey);
}

.time-line-item-side-box-bottom {
    height: 1rem !important;
    margin: 0 !important;
}

.time-line-item-center {
    border-radius: 0.5rem;
    border-width: 0.12rem;
    border-style: solid;
    width: calc(2rem - 0.25rem) !important;
    height: calc(2rem - 0.25rem) !important;
    margin: 0 !important;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    vertical-align: bottom;
}

.checked-date {
    border-color: var(--aepPantoneGreenSuccess);
    background-color: var(--aepNeonGreenForTemplates);
}

.unchecked-date {
    border-color: var(--aep50Grey);
    background-color: var(--aep25pGrey);
}

.incomplete-item {
    border-color: var(--aepImportant);
    background-color: var(--aepItemStatus_ReqBg);
}

.time-line-item-month {
    margin-top: 5px;
    margin-bottom: 1px;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 0.75% !important;
}

.time-line-item-day {
    margin-top: 1px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 0.75% !important;
}

.ces-legend-box {
    display: flex;
    flex-direction: column;
    width: auto;
    border: 1px solid #ccc;
    padding: 5px;
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.ces-legend-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.ces-legend-color {
    width: 16px;
    height: 10px;
    margin-right: 5px;
    border-radius: 3px;
}

.ces-legend-text {
    font-size: 12px;
    white-space: nowrap;
}

.ces-legend-box h3 {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 5px;
}

.ces-ddtr-downhole-info{
    flex-direction: column;
    width: 20vh;
    font-size: small;
}

.ces-email-distribution-components {
    width: clamp(375px,30%, 800px);
    height: clamp(30vh, 450px, 450px) !important;
    overflow: auto;
    border: 1px solid black;
    border-radius: 5px;
}

.ces-email-distribution-panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 150px;
    max-width: var(--dashboards-max-width) !important;
}

.ces-active-tab {
    
}

.ces-inactive-tab {
    border-color: var(--aep50Grey);
    color: var(--aep50Grey) !important;
}

.ces-dropdown-reports-menu-button {
    background-color: #F2F2F2;
    color: midnightblue;
    padding: 6px 9px 6px 9px;
    font-size: 14px;
    border: 1px solid;
    border-color: #CCCCCC;
    cursor: pointer;
    border-radius: 4px;
}

.ces-dropdown-reports-menu {
    position: relative;
    display: inline-block;
}

.ces-dropdown-reports-menu-content {
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.ces-dropdown-reports-menu-item {
    padding-block: 6px;
    padding-inline: 12px;
    gap: 4px;
    justify-content: center;
}

.ces-report-navigation-button {
    border-color: #0047BB;
    width: 100%;
    margin: 1px;
}

.ces-submenu {
    justify-content: center;
}

.ces-submenu-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 25px;
    padding-right: 25px;
}

.ces-dropdown-subtitle {
    font-size: 20px;
    font-weight: bold;
}

.jlxfield-outer-container {
    box-sizing: border-box;
}

.jlxfield-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.jlxfield-section {
    padding: 10px;
    padding-right: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
}

.jlxfield-sec-col {
    display: flex;
    flex-direction: column;
}
.in-tab-strip-title {
    padding: 3px !important;
    border-color: var(--aep)
}

.tab-strip-title {
    margin-block-start: 5px;
    font-size: 14px !important;
    color: var(--aepDarkBlueBorders);
    font-weight: 600 !important;
    line-height: 1;
}


/* Items with this tag will not be printed */
@media print {
    .noPrint {
        display: none;
    }

    .big-on-print {
        font-size: 1.25rem !important;
        font-weight: 700;
    }

    /*Overwrite this for printing the Mud Grid and Tube Grid*/
    .k-input-md, .k-picker-md {
        font-size: 1.15rem;
        font-weight: 600;
        font-family: Tahoma, "Trebuchet MS", sans-serif;
        color: var(--aepBlack);
        opacity: 1;
        padding: 0 !important;
    }
    /*Overwrite the TEXT IN DROP DOWNS for printing the Mud Grid and Tube Grid*/
    span.k-input-value-text {
        font-size: 1.2rem;
        font-weight: 600;
        font-family: Tahoma, "Trebuchet MS", sans-serif;
        color: var(--aepBlack);
        opacity: 1;
    }

    /*Over write this to hide calendar icon*/
    .k-input-button {
        display: none;
    }

    /*Over write this to make sure the rows on the tables are visibily separate from each other*/
    .k-table-td {
        border-top: 1px solid #808080 !important;
    }

    .k-column-title {
        color: var(--aepBlack);
        opacity: 1;
        font-weight: 600;
    }

    /*Over write this to make the text in drop downs have more space*/
    .k-input-inner {
        padding: 0 !important;
    }

    .k-picker-solid {
        border: none !important;
        color: var(--aepBlack) !important;
        background-color: none !important;
        background-image: none !important;
    }

    .k-input-solid {
        background-color: none;
        border: none !important;
    }

    /*Overwrite this for printing the Mud Grid and Tube Grid*/
    .k-input-inner {
        padding-inline: 0px;
    }

    .offset-print .diagram-container {
        /* should only apply to offset-print preview */
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .offset-print-class {
        color: red !important;
        background-color: springgreen !important;

    }

    .offset-border-class {
        border-color: blueviolet !important;
    }

    .offset-print img,
    .offset-print svg {
        max-height: 100vh;
    }
}

/* Items with this tag will not be displayed on the screen */
@media screen {
    .onlyPrint {
        display: none;
    }
}

/* Make sure in the filter pane of the Telerik Reprt viewer,
   PREVIEW Button is always right after the filter items, with minimal distance
*/
.trv-parameters-wrapper {
    min-height: max-content !important;
}