@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Monda:400,700');

/* font-family: 'Monda', sans-serif; */

@import url('./components/common.css');
@import url('./components/header.css');
@import url('./components/left-menu.css');
@import url('./components/left-menu-links.css');
@import url('./components/left-menu-sub-links.css');
@import url('./components/page-search.css');
@import url('./components/page-heading-breadcrumb.css');
@import url('./components/forms.css');
@import url('./components/filters.css');
@import url('./components/data-table.css');
@import url('./components/tabs-flow-app.css');
@import url('./components/model-popup.css');
@import url('./components/login-page.css');
@import url('./components/footer.css');
@import url('./components/added-styles-from-sam-app.css');
@import url('./components/installer-grid.css');
@import url('./components/packages-styles.css');
@import url('./components/parts-management.css');
@import url('./components/quotes.css');
@import url('./components/dashboard.css');
@import url('./components/site-transfer.css');
@import url('./components/payment-cards.css');
@import url('./components/reports.css');
:root {
    --brrf-primary-color: #cb1512;
    --brrf-secondary-color: #cb1512;
    --brrf-tertiary-color: #cb1512;
    
    --gulf-primary-color: #f36f21;
    --gulf-secondary-color: #f5821f;
    --gulf-tertiary-color: #0058a4;

    --exxon-primary-color: #0146ae;
    --exxon-secondary-color: #ed1b2f;
    --exxon-tertiary-color: #2369bd;

    --sunoco-primary-color: #0880c5;
    --sunoco-secondary-color: #0880c5;
    --sunoco-tertiary-color: #0058a4;

    --seven-primary-color: #008061;
    --seven-secondary-color: #008061;
    --seven-tertiary-color: #008061;  
    
    --casey-primary-color:  #cb1512;
    --casey-secondary-color:  #cb1512;
    --casey-tertiary-color: #0058a4;

    --marathon-primary-color: #14479E;
    --marathon-secondary-color: #14479E;
    --marathon-tertiary-color: #EE193A;

    --castrol-primary-color: #009343;
    --castrol-secondary-color: #EBF0F0;
    --castrol-tertiary-color: #F00023;

    --bp-primary-color:#009900;
    --bp-secondary-color:#99cc00;
    --bp-tertiary-color:#EE193A;

    --phillips-primary-color: #cb1512;
    --phillips-secondary-color: #cb1512;
    --phillips-tertiary-color: #cb1512;

    --common-red-color: #ed1b2f;
    --common-dark-gray-color: #333333;
    --common-gray-color: #808080;
    --common-silver-color: #C0C0C0;
    --common-lightgray-color: #D3D3D3;
    --common-verylightgray-color: #EFEFEF;
    --common-white-color: #ffffff;
    --common-black-color: #000000;
}

body {
    background-color: #f3f3f3;
    font-size: 13px;
    font-family: 'Monda', sans-serif !important;
    /* font-family: 'Open Sans', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
    color: #000;
    margin: 0px;
}

@media only screen and (max-width: 1366px) {
    body {
        font-size: 12px;
    }
}

.wrapper {
    display: flex;
}

.main-wrapper {
    display: block;
    margin-left: auto;
    width: calc(100% - 250px);
    transition: 0.5s all;
}

.main-wrapper.active {
    width: calc(100% - 250px);
}

@media only screen and (max-width: 1366px) {
    .main-wrapper.active {
        width: calc(100% - 230px);
    }
}

.main-wrapper.inactive {
    width: calc(100% - 50px);
}

@media (min-width: 320px) and (max-width: 414px) {
    .main-wrapper {
        display: block;
        width: calc(100% - 16px);
        margin-left: 0px;
    }
}

.main-wrapper-no-left-menu {
    display: block;
    width: calc(100% - 16px);
    margin-left: 0px;
}

.right-blcok-wrapper {
    /* width: 100%; */
    margin: 8px;
    z-index: 98;
    margin-top: 64px;
    background-color: #fff;
}

.content-wrapper {
    width: 100%;
    background-color: #fff;
    min-height: calc(100vh - 206px);
    margin-bottom: 10px;
    padding: 0px 10px 10px 10px;
    position: relative;
}


/*********************************************
	PAGE WRAPPER
*********************************************/


/****** content wrapper ******/

.content-wrapper {
    min-height: 620px;
    padding: 10px;
}


/*
.btn-active {
  border-radius: 0px;
  background-color: #cd2729;
  color: #fff;
  line-height: 20px;
  border: 1px solid #cd2729;
} */


/**** single column wrapper styles start ****/

.single-div-wrapper {
    width: 100%;
}


/**** single column wrapper styles end ****/


/**** two column wrapper styles start ****/


/* .two-colum-div-wrapper {
  display: flex;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #cb1512;
} */


/* .tabs-wrapper {
  width: 100%;
  display: block;
  background-color: yellow;
} */


/* .two-colum-div-wrapper .column-left {
  background-color: green;
  flex-grow: 1;
}

.two-colum-div-wrapper .column-right {
  background-color: blue;
  width: 300px;
  margin-left: 15px;
} */


/**** two column wrapper styles end ****/


/****** date picker overwrite styles ******/

.bs-datepicker-container {
    padding: 0px;
}

.theme-green .bs-datepicker-head {
    background-color: #cb1512;
}

bs-datepicker-container {
    z-index: 1050;
}

.theme-green .bs-datepicker-body table td.week span {
    color: #cb1512;
}


/****** accordion styles start ******/

.accordion-wrapper {
    width: 100%;
}

.accordion-wrapper .accordion-header {
    background-color: #EFEFEF;
    padding: 4px 8px;
    color: #000;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 2px;
    position: relative;
}

/* @media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .accordion-wrapper .accordion-header {
        background-color: #f36f21;
    }
} */

.accordion-wrapper .accordion-header:after {
    content: '\e874';
    font-family: "fontello";
    position: absolute;
    top: 4px;
    right: 6px;
}

.accordion-wrapper .accordion-header[aria-expanded="true"] {
    /* background-color: var(--gulf-primary-color) !important; */
    position: relative;
}

.accordion-wrapper .accordion-header[aria-expanded="true"]:after {
    content: '\e87a';
    font-family: "fontello";
    position: absolute;
    top: 4px;
    right: 6px;
}

.accordion-wrapper .accordion-body {
    background-color: #fff;
    padding: 20px 8px 4px 8px;
    border: 1px solid var(--common-verylightgray-color);
    color: #000;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .accordion-wrapper .accordion-body {
        border: 1px solid #EFEFEF;
    }
}


/* z-index must be higher than .modal-background */

.modal-backdrop {
    z-index: 999 !important;
}


/****** toasters ******/

.alerts-wrapper {
    position: fixed;
    top: 50px;
    right: 50px;
    min-width: 300px;
    z-index: 9999;
}

.alerts-wrapper .alert {
    border-radius: 0px;
    padding: 10px;
}

.alerts-wrapper .alert h4 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.alerts-wrapper .alert span {
    color: #000;
}

.alerts-wrapper .alert a {
    top: 5px;
    right: 5px;
    position: absolute;
}


/****** loader ******/

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: 50% 50% no-repeat black;
    opacity: .8;
}

.loader-wrapper {
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes lds-flickr-opacity {
    0% {
        -webkit-transform: translate(0 0);
        transform: translate(0 0);
        opacity: 1;
    }
    49.99% {
        opacity: 1;
        -webkit-transform: translate(80px, 0);
        transform: translate(80px, 0);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(80px, 0);
        transform: translate(80px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes lds-flickr-opacity {
    0% {
        -webkit-transform: translate(0 0);
        transform: translate(0 0);
        opacity: 1;
    }
    49.99% {
        opacity: 1;
        -webkit-transform: translate(80px, 0);
        transform: translate(40px, 0);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(80px, 0);
        transform: translate(40px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes lds-flickr {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(80px, 0);
        transform: translate(80px, 0);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes lds-flickr {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(80px, 0);
        transform: translate(80px, 0);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.lds-flickr {
    position: relative;
}

.lds-flickr div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 60px;
    left: 0px;
}

.lds-flickr div:nth-child(1) {
    background: #c5523f;
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.lds-flickr div:nth-child(2) {
    background: #f2b736;
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.lds-flickr div:nth-child(3) {
    background: #c5523f;
    -webkit-animation: lds-flickr-opacity 1s linear infinite;
    animation: lds-flickr-opacity 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.lds-flickr {
    width: 130px !important;
    height: 41px !important;
}

 /* exxon theme loader  */
.exxon-theme .lds-flickr div {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
top: 60px;
left: 0px;
}

.exxon-theme .lds-flickr div:nth-child(1) {
background: #ed1b2f;
-webkit-animation: lds-flickr 1s linear infinite;
animation: lds-flickr 1s linear infinite;
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}

.exxon-theme .lds-flickr div:nth-child(2) {
background: #0146ae;
-webkit-animation: lds-flickr 1s linear infinite;
animation: lds-flickr 1s linear infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}

.exxon-theme .lds-flickr div:nth-child(3) {
background: #ed1b2f;
-webkit-animation: lds-flickr-opacity 1s linear infinite;
animation: lds-flickr-opacity 1s linear infinite;
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}


/*  gulf theme loader  */
.gulf-theme .lds-flickr div {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
top: 0px;
left: 0px;
}

.gulf-theme .lds-flickr div:nth-child(1) {
background: #f36f21;
-webkit-animation: lds-flickr 1s linear infinite;
animation: lds-flickr 1s linear infinite;
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}

.gulf-theme .lds-flickr div:nth-child(2) {
background: #0058a4;
-webkit-animation: lds-flickr 1s linear infinite;
animation: lds-flickr 1s linear infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}

.gulf-theme .lds-flickr div:nth-child(3) {
background: #f36f21;
-webkit-animation: lds-flickr-opacity 1s linear infinite;
animation: lds-flickr-opacity 1s linear infinite;
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}

.scroll-up {
    height: 50px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.scroll-up p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    /* Starting position */
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    /* Apply animation to this element */
    -moz-animation: scroll-up 5s linear infinite;
    -webkit-animation: scroll-up 5s linear infinite;
    animation: scroll-up 5s linear infinite;
    text-align: left;
}


/* Move it (define the animation) */

@-moz-keyframes scroll-up {
    0% {
        -moz-transform: translateY(100%);
    }
    100% {
        -moz-transform: translateY(-100%);
    }
}

@-webkit-keyframes scroll-up {
    0% {
        -webkit-transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes scroll-up {
    0% {
        -moz-transform: translateY(100%);
        /* Browser bug fix */
        -webkit-transform: translateY(100%);
        /* Browser bug fix */
        transform: translateY(100%);
    }
    100% {
        -moz-transform: translateY(-100%);
        /* Browser bug fix */
        -webkit-transform: translateY(-100%);
        /* Browser bug fix */
        transform: translateY(-100%);
    }
}

.selectedRow {
    background-color: steelblue !important;
    border: 1px solid #fff !important;
}


/*****************************************
		TABS PANEL AND CONENT

**************************************/

.nav-tabs {
    padding-left: 50px;
}

@media (min-width: 320px) and (max-width: 414px) {
    .nav-tabs {
        padding-left: 5px;
    }
}

.tab-content {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding-top: 20px;
    padding-left: 50px;
}

.gulf-theme .tab-content {
    border-left: 1px solid var(--gulf-tertiary-color);
    border-right: 1px solid var(--gulf-tertiary-color);
    border-bottom: 1px solid var(--gulf-tertiary-color);
    padding-top: 20px;
    padding-left: 50px;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .tab-content {
        border-left: 1px solid #0058a4;
        border-right: 1px solid #0058a4;
        border-bottom: 1px solid #0058a4;
    }
}

.gulf-theme .nav-tabs {
    border-bottom: 3px solid var(--gulf-tertiary-color);
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .nav-tabs {
        border-bottom: 3px solid #0058a4;
    }
}

.gulf-theme .nav-tabs .nav-item {
    margin-bottom: 0px;
}

@media (min-width: 320px) and (max-width: 414px) {
    .tab-content {
        padding-left: 5px;
    }
}

.tab-content-711 {
    padding-right: 50px;
}

.tab-link {
    background-color: #dee2e6;
    /* theme color */
    margin: 0px 2px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #000;
    /* theme color */
    border-top: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    border-bottom: 0px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    text-decoration: none;
    text-transform: capitalize;
}

.tab-link:hover {
    background-color: #fff;
    /* theme color */
    margin: 0px 2px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #000;
    /* theme color */
    border-top: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    border-bottom: 0px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    text-decoration: none;
    text-transform: capitalize;
}

.exxon-theme .tab-link.active {
    background-color: #0146ae !important;
    /* theme color */
    margin: 0px 2px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #fff !important;
    /* theme color */
    border-top: 1px solid #0146ae !important;
    border-right: 1px solid #0146ae !important;
    border-bottom: 0px solid #0146ae !important;
    border-left: 1px solid #0146ae !important;
    text-decoration: none;
    text-transform: capitalize;
}

.brrf-theme .tab-link.active {
    background-color: #ed1b2f !important;
    /* theme color */
    margin: 0px 2px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #fff !important;
    /* theme color */
    border-top: 1px solid #ed1b2f !important;
    border-right: 1px solid #ed1b2f !important;
    border-bottom: 0px solid #ed1b2f !important;
    border-left: 1px solid #ed1b2f !important;
    text-decoration: none;
    text-transform: capitalize;
}

.bp-theme .tab-link.active {
    background-color: #009900 !important;
    /* theme color */
    margin: 0px 2px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #fff !important;
    /* theme color */
    border-top: 1px solid #009900 !important;
    border-right: 1px solid #009900 !important;
    border-bottom: 0px solid #009900 !important;
    border-left: 1px solid #009900 !important;
    text-decoration: none;
    text-transform: capitalize;
}

.phillips-theme .tab-link.active {
    background-color: #cd2729 !important;
    /* theme color */
    margin: 0px 2px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #fff !important;
    /* theme color */
    border-top: 1px solid #cd2729 !important;
    border-right: 1px solid #cd2729 !important;
    border-bottom: 0px solid #cd2729 !important;
    border-left: 1px solid #cd2729 !important;
    text-decoration: none;
    text-transform: capitalize;
}}

.seveneleven-theme .tab-link.active {
    background-color: #008061 !important;
    /* theme color */
    margin: 0px 2px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #fff !important;
    /* theme color */
    border-top: 1px solid #008061 !important;
    border-right: 1px solid #008061 !important;
    border-bottom: 0px solid #008061 !important;
    border-left: 1px solid #008061 !important;
    text-decoration: none;
    text-transform: capitalize;
}

.gulf-theme .tab-link.active {
    background-color: var(--gulf-tertiary-color);
    /* theme color */
    margin: 0px 2px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #fff !important;
    /* theme color */
    border-top: 1px solid var(--gulf-tertiary-color);
    border-right: 1px solid var(--gulf-tertiary-color);
    border-bottom: 0px solid var(--gulf-tertiary-color);
    border-left: 1px solid var(--gulf-tertiary-color);
    text-decoration: none;
    text-transform: capitalize;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .tab-link.active {
        background-color: #0058a4;
        border-top: 1px solid #0058a4;
        border-right: 1px solid #0058a4;
        border-bottom: 0px solid #0058a4;
        border-left: 1px solid #0058a4;
    }
}

@media (min-width: 320px) and (max-width: 414px) {
    .nav-link {
        padding: 5px;
    }
}


/***************************************************
	ACCORDION STYLES
***************************************************/

.accordioin-wrapper {
    margin-right: 50px;
    margin-bottom: 20px;
}

@media (min-width: 320px) and (max-width: 414px) {
    .accordioin-wrapper {
        margin-right: 5px;
    }
}

.accordioin-panel-wrapper {
    border: 0px solid #dee2e6;
    margin-bottom: 5px;
}

.exxon-theme .accordioin-panel-wrapper .panel-heading {
    background-color: #dee2e6;
    height: 40px;
    padding-left: 8px;
    border-bottom: 1px solid #0146ae;
}

.brrf-theme .accordioin-panel-wrapper .panel-heading {
    background-color: #dee2e6;
    height: 40px;
    padding-left: 8px;
    border-bottom: 1px solid #ed1b2f;
}

.bp-theme .accordioin-panel-wrapper .panel-heading {
    background-color: #dee2e6;
    height: 40px;
    padding-left: 8px;
    border-bottom: 1px solid #009900;
}

.phillips-theme .accordioin-panel-wrapper .panel-heading {
    background-color: #dee2e6;
    height: 40px;
    padding-left: 8px;
    border-bottom: 1px solid #cd2729;
}

.seveneleven-theme .accordioin-panel-wrapper .panel-heading {
    background-color: #dee2e6;
    height: 40px;
    padding-left: 8px;
    border-bottom: 1px solid #008061;
}

.accordioin-panel-wrapper .panel-heading .panel-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
}

.panel-heading .panel-title .accordion-toggle {
    color: #000;
    text-decoration: none;
    width: 100%;
    line-height: 40px;
    display: table;
}

.exxon-theme .accordioin-panel-wrapper .panel-body {
    border: 1px solid #0146ae;
    padding: 10px;
}

.exxon-theme .panel-heading .accordion-toggle:after {
    font-family: 'fontello';
    content: "\edf9";
    float: right;
    color: #fff;
    font-size: 20px;
    width: 50px;
    background-color: #0146ae;
    line-height: 40px;
    text-align: center;
}

.brrf-theme .accordioin-panel-wrapper .panel-body {
    border: 1px solid #ed1b2f;
    padding: 10px;
}

.brrf-theme .panel-heading .accordion-toggle:after {
    font-family: 'fontello';
    content: "\edf9";
    float: right;
    color: #fff;
    font-size: 20px;
    width: 50px;
    background-color: #ed1b2f;
    line-height: 40px;
    text-align: center;
}

.bp-theme .accordioin-panel-wrapper .panel-body {
    border: 1px solid #009900;
    padding: 10px;
}

.bp-theme .panel-heading .accordion-toggle:after {
    font-family: 'fontello';
    content: "\edf9";
    float: right;
    color: #fff;
    font-size: 20px;
    width: 50px;
    background-color: #009900;
    line-height: 40px;
    text-align: center;
}

.phillips-theme .accordioin-panel-wrapper .panel-body {
    border: 1px solid #cd2729;
    padding: 10px;
}

.phillips-theme .panel-heading .accordion-toggle:after {
    font-family: 'fontello';
    content: "\edf9";
    float: right;
    color: #fff;
    font-size: 20px;
    width: 50px;
    background-color: #cd2729;
    line-height: 40px;
    text-align: center;
}

.seveneleven-theme .accordioin-panel-wrapper .panel-body {
    border: 1px solid #008061;
    padding: 10px;
}

.seveneleven-theme .panel-heading .accordion-toggle:after {
    font-family: 'fontello';
    content: "\edf9";
    float: right;
    color: #fff;
    font-size: 20px;
    width: 50px;
    background-color: #008061;
    line-height: 40px;
    text-align: center;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\ee07";
    /* adjust as needed, taken from bootstrap.css */
    font-size: 16px !important;
}

.accordion-form-wrapper {
    padding: 5px;
}

.apply-to-all {
    background-color: #dee2e6;
}

.accordion-form-wrapper .accordion-form-row {
    border: 1px solid #dee2e6;
}

.accordion-form-wrapper .accordion-form-row .accordion-form-heading {
    width: 100%;
    background-color: #fff;
    color: #000;
    line-height: 30px;
    padding: 0px 5px;
    border-bottom: 0px solid #333;
    font-weight: bold;
}

.accordion-form-wrapper .accordion-form-row .accordion-form-heading-apply-to-all {
    width: 100%;
    background-color: #dee2e6;
    color: #000;
    line-height: 30px;
    padding: 0px 5px;
    border-bottom: 0px solid #333;
    font-weight: bold;
}

.accordion-form-wrapper .accordion-form-row .form-body {
    padding-bottom: 5px;
    padding-top: 0px;
    padding-left: 5px;
}

.accordion-form-wrapper .accordion-form-row .form-body .form-group {
    margin-bottom: 0px;
}

.accordion-form-row label {
    line-height: 20px;
    margin-bottom: 0px;
}


/***************************************************
	ACCORDION STYLES
***************************************************/

.accordioin-wrapper {
    margin-right: 50px;
    margin-bottom: 20px;
}

@media (min-width: 320px) and (max-width: 414px) {
    .accordioin-wrapper {
        margin-right: 5px;
    }
}

.accordioin-panel-wrapper {
    border: 0px solid #dee2e6;
    margin-bottom: 5px;
}

.gulf-theme .accordioin-panel-wrapper .panel-heading {
    background-color: #dee2e6;
    height: 40px;
    padding-left: 8px;
    border-bottom: 1px solid var(--gulf-primary-color);
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .accordioin-panel-wrapper .panel-heading {
        border-bottom: 1px solid #f36f21;
    }
}

.brrf-theme .accordioin-panel-wrapper .panel-heading {
    background-color: #dee2e6;
    height: 40px;
    padding-left: 8px;
    border-bottom: 1px solid #ed1b2f;
}

.bp-theme .accordioin-panel-wrapper .panel-heading {
    background-color: #dee2e6;
    height: 40px;
    padding-left: 8px;
    border-bottom: 1px solid #009900;
}

.phillips-theme .accordioin-panel-wrapper .panel-heading {
    background-color: #dee2e6;
    height: 40px;
    padding-left: 8px;
    border-bottom: 1px solid #cd2729;
}

.seveneleven-theme .accordioin-panel-wrapper .panel-heading {
    background-color: #dee2e6;
    height: 40px;
    padding-left: 8px;
    border-bottom: 1px solid #008061;
}

.accordioin-panel-wrapper .panel-heading .panel-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
}

.panel-heading .panel-title .accordion-toggle {
    color: #000;
    text-decoration: none;
    width: 100%;
    line-height: 40px;
    display: table;
}

.gulf-theme .accordioin-panel-wrapper .panel-body {
    border: 1px solid var(--gulf-primary-color);
    padding: 10px;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .accordioin-panel-wrapper .panel-body {
        border: 1px solid #f36f21;
    }
}

.gulf-theme .panel-heading .accordion-toggle:after {
    font-family: 'fontello';
    content: "\edf9";
    float: right;
    color: #fff;
    font-size: 20px;
    width: 50px;
    background-color: var(--gulf-primary-color);
    line-height: 40px;
    text-align: center;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .panel-heading .accordion-toggle:after {
        background-color: #f36f21;
    }
}

.brrf-theme .accordioin-panel-wrapper .panel-body {
    border: 1px solid #ed1b2f;
    padding: 10px;
}

.brrf-theme .panel-heading .accordion-toggle:after {
    font-family: 'fontello';
    content: "\edf9";
    float: right;
    color: #fff;
    font-size: 20px;
    width: 50px;
    background-color: #ed1b2f;
    line-height: 40px;
    text-align: center;
}

.bp-theme .accordioin-panel-wrapper .panel-body {
    border: 1px solid #009900;
    padding: 10px;
}

.bp-theme .panel-heading .accordion-toggle:after {
    font-family: 'fontello';
    content: "\edf9";
    float: right;
    color: #fff;
    font-size: 20px;
    width: 50px;
    background-color: #009900;
    line-height: 40px;
    text-align: center;
}

.phillips-theme .accordioin-panel-wrapper .panel-body {
    border: 1px solid #cd2729;
    padding: 10px;
}

.phillips-theme .panel-heading .accordion-toggle:after {
    font-family: 'fontello';
    content: "\edf9";
    float: right;
    color: #fff;
    font-size: 20px;
    width: 50px;
    background-color: #cd2729;
    line-height: 40px;
    text-align: center;
}

.seveneleven-theme .accordioin-panel-wrapper .panel-body {
    border: 1px solid #008061;
    padding: 10px;
}

.seveneleven-theme .panel-heading .accordion-toggle:after {
    font-family: 'fontello';
    content: "\edf9";
    float: right;
    color: #fff;
    font-size: 20px;
    width: 50px;
    background-color: #008061;
    line-height: 40px;
    text-align: center;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\ee07";
    /* adjust as needed, taken from bootstrap.css */
    font-size: 16px !important;
}

.accordion-form-wrapper {
    padding: 5px;
}

.apply-to-all {
    background-color: #dee2e6;
}

.accordion-form-wrapper .accordion-form-row {
    border: 1px solid #dee2e6;
}

.accordion-form-wrapper .accordion-form-row .accordion-form-heading {
    width: 100%;
    background-color: #fff;
    color: #000;
    line-height: 30px;
    padding: 0px 5px;
    border-bottom: 0px solid #333;
    font-weight: bold;
}

.accordion-form-wrapper .accordion-form-row .accordion-form-heading-apply-to-all {
    width: 100%;
    background-color: #dee2e6;
    color: #000;
    line-height: 30px;
    padding: 0px 5px;
    border-bottom: 0px solid #333;
    font-weight: bold;
}

.accordion-form-wrapper .accordion-form-row .form-body {
    padding-bottom: 5px;
    padding-top: 0px;
    padding-left: 5px;
}

.accordion-form-wrapper .accordion-form-row .form-body .form-group {
    margin-bottom: 0px;
}

.accordion-form-row label {
    line-height: 20px;
    margin-bottom: 0px;
}

.password-rules {
    position: absolute;
    top: 32px;
    color: blue;
    width: 100%;
    font-size: 12px;
}

.form-group.position-relative.cus-space {
    padding: 0px 10px 10px 0px;
    margin-bottom: auto;
}
/***********************************************************
    MILE STONE ACCORDION STYLES START
************************************************************/
.table-container {
    max-height: 400px; /* Set the maximum height you want */
    overflow-y: auto; /* Enable vertical scrolling when content overflows */
  }
  
.milestone-header {
    border-radius: 0px;
    margin-bottom: 10px;
    color: #fff;
    line-height: 30px;
    font-weight: 600;
    padding: 5px;
}

.gulf-theme .milestone-header {
    background-color: #f36f21;
}
.exxon-theme .milestone-header {
    background-color: #0146ae;
}
.brrf-theme .milestone-header{
    background-color: #cb1512;
}

.phillips-theme .milestone-header {
    background-color: #cb1512;
}


.milestone-header i {
    margin-right: 8px;
    color: #000;
    font-size: 18px;
}


/***********************************************************
    MILE STONE ACCORDION STYLES END
************************************************************/


/*********************************************************
      SELECT FILE TYPE STYLES START
***********************************************************/

.select-file-type-wrapper {
    width: 100%;
    border: 1px solid var(--common-verylightgray-color);
    padding: 5px;
    border-radius: 5px;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .select-file-type-wrapper {
        border: 1px solid #EFEFEF;
    }
}

.select-file-type-header {
    font-weight: bold;
}

.select-file-type-div {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.select-file-type-label {
    position: relative;
    cursor: pointer;
}

.select-file-type-label input[type=radio] {
    opacity: 0;
}

.select-file-type-label .select-file-type-custom-radio-btn {
    width: 14px;
    height: 14px;
    border-radius: 15px;
    position: absolute;
    top: 3px;
    display: block;
}

.gulf-theme .select-file-type-label .select-file-type-custom-radio-btn {
    border: 2px solid var(--common-lightgray-color);
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .select-file-type-label .select-file-type-custom-radio-btn {
        border: 2px solid #D3D3D3;
    }
}

.gulf-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
    border: 1px solid var(--gulf-primary-color);
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
        border: 1px solid #f36f21;
    }
}

.select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.gulf-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
    background-color: var(--gulf-primary-color);
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
        background-color: #f36f21;
    }
}


/***************************************************************
      DOCUMENTS STYLES START
***************************************************************/

.file-contnet-wrapper {
    margin-bottom: 15px;
}

.divContent {
    background-color: var(--common-verylightgray-color);
    border: 1px solid #cacaca;
    padding: 10px;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .divContent {
        background-color: #EFEFEF;
    }
}

.divHeader {
    color: #000;
    background: #e7e7e7;
    padding: 8px;
    border: 1px solid #cacaca;
    font-weight: bold;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.flex-container>div {
    text-align: center;
}

.project-info-label {
    background-color: #0058a4;
    padding: 1px 4px 1px 4px;
    color: #fff !important;
    border-radius: 6px;
}
.gulf-theme .project-info-label {
    background-color: #0058a4;
    padding: 1px 4px 1px 4px;
    color: #fff !important;
    border-radius: 6px;
}


.input-group-prepend {
    margin-top: 2px;
}

.input-group-text {
    background: #000;
    padding: 2px 5px 3px 5px;
    color: #fff !important;
    text-align: center;
    line-height: 20px;
}

.gulf-theme .input-group-text {
    background: var(--gulf-tertiary-color);
    padding: 2px 5px 3px 5px;
    color: #fff !important;
    text-align: center;
    line-height: 20px;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .input-group-text {
        background: #0058a4;
    }
}

.document-wrapper {
    padding: 0px;
    margin-right: 15px;
    width: 160px;
    min-height: 224px;
    position: relative;
    font-size: 12px;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
    margin-bottom: 15px;
}

.gulf-theme .document-wrapper {
    border: 1px solid var(--gulf-tertiary-color);
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .document-wrapper {
        border: 1px solid #0058a4;
    }
}

.document-wrapper .docs-image-wrapper {
    width: 100%;
    text-align: center;
}

.document-wrapper .docs-image-wrapper img {
    height: 46px;
}

.document-wrapper .docs-file-name-wrapper {
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 0px 4px;
    margin-bottom: 8px;
}

.document-wrapper .docs-postedby-wrapper {
    width: 100%;
    text-align: center;
    font-style: italic;
    padding: 0px 4px;
    margin-bottom: 8px;
}

.document-wrapper .docs-date-wrapper {
    width: 100%;
    text-align: center;
    font-style: italic;
    padding: 0px 4px;
}

.document-wrapper .docs-action-icons-wrapper {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    font-size: 16px;
    color: #fff;
    background-color:#0058a4;
}

.gulf-theme .document-wrapper .docs-action-icons-wrapper {
    background-color: var(--gulf-tertiary-color);
}
.exxon-theme .document-wrapper .docs-action-icons-wrapper {
    background-color: #0058a4;
}
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .document-wrapper .docs-action-icons-wrapper {
        background-color: #0058a4;
    }
}

.document-wrapper .docs-action-icons-wrapper a {
    color: #fff;
    text-decoration: none;
}

.document-wrapper .docs-action-icons-wrapper a:hover {
    color: #000;
    text-decoration: none;
}


/***************************************************************
      DOCUMENTS STYLES END
***************************************************************/


/*************************************************************
    FOR TEXT COUNT
**************************************************************/

.has-text-count {
    position: relative;
}

.text-count-span {
    text-align: right;
    font-size: 10px;
    background-color: #eee;
    padding: 2px;
    position: absolute;
    top: -4px;
    right: 0px;
    color: red;
}

.has-text-count input[type=text] {
    padding-right: 15px;
}

.badge-email-add {
    background: var(--gulf-tertiary-color);
    color: #fff;
    padding: 3px;
    border-radius: 2px;
    margin-right: 2px;
    margin-top: 2px;
    display: inline-block;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .badge-email-add {
        background: #0058a4;
    }
}

.badge-close-icon {
    cursor: pointer;
    padding-right: 2px;
    color: #000;
}

.transaction-details-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.transaction-details-wrapper label {
    color: #919191;
    margin-right: 30px;
}

.transaction-details-wrapper label span {
    color: #000;
}


/********************************************************
    TREE VIEW
********************************************************/

.treeview {
    list-style-type: none;
    cursor: pointer;
    color: #000;
}

.treeview .parent {
    font-weight: bold;
    cursor: pointer;
    /* color:var(--gulf-primary-color) !important; */
}


/* .gulf-theme .treeview .parent {
  color:var(--gulf-primary-color);
}  */

.treeview span {
    display: inline-block;
}

.treeview .node-opened {
    transform: rotate(90deg);
}

.dot {
    height: 20px;
    width: 20px;
    background-color: #f36f21;
    border-radius: 50%;
    display: inline-block;
}

.treeview-active-node {
    background: var(--gulf-tertiary-color);
    color: #fff !important;
    border-radius: 5px !important;
    padding: 0px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .treeview-active-node {
        background: #0058a4;
    }
}

.gulf-theme .treeview-active-node {
    background: var(--gulf-tertiary-color);
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .treeview-active-node {
        background: #0058a4;
    }
}

.treeview-arrow {
    color: var(--gulf-primary-color);
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .treeview-arrow {
        color: #f36f21;
    }
}

.gulf-theme .treeview-arrow {
    color: var(--gulf-primary-color);
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .gulf-theme .treeview-arrow {
        color: #f36f21;
    }
}


/********************************
AG GRID STYLES
**********************************/

.ag-cell {
    white-space: initial !important;
}

.view-part-gird-icons-mail-icon {
    margin-top: 8px;
    margin-right: 0px;
    margin-left: 6px;
}


/* ag grid excel styles */

.defaultCell{
  text-align: left
}
.greenBackground {
  background-color: #b5e6b5;
}

.redFont {
  color: red;
  font-style: italic;
  text-decoration: underline;
  text-align: left
}

.darkGreyBackground {
  background-color:#f36f21;
  color: #fff;
}

.boldBorders {
  border: 3px solid black !important;
}

.notInExcel {
  color: #1b6d85;
}
.topContainer {
  display: flex;
  flex-direction: column;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 13px;
  height: 100%;
  width: 100%;
}
.topHeader {
  display: flex;
}
.item {
  display: flex;
  flex: 1;
}
fieldset.item {
  border-radius: 5px;
  border-color: #cecece;
  border-style: solid;
  height: 80px;
}
.details {
  flex: none;
  width: 250px;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
.details label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-right: 15px;
}
.details > label {
  margin-bottom: 10px;
}
.details > label:first-of-type {
  margin-top: 10px;
}
.details > label:last-of-type {
  margin-bottom: 0;
}
.options {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: calc(100% - 10px);
  overflow-y: auto;
}
.options label {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  margin-right: 10px;
}
.options div {
  width: 150px;
}

.grid-wrapper {
  display: flex;
  flex: 1;
}
.grid-wrapper > div {
  width: 100%;
  height: 100%;
}
.servicedeleteicon
{
  font-size: 15px; 
  color: red;
}
@media (max-width: 900px) {
  fieldset.item {
    height: 120px;
  }
}


/* You can add global styles to this file, and also import other style files */
/******************************
SUNOCO THEME
******************************/

/*  sunoco theme loader  */
.sunoco-theme .lds-flickr div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 60px;
    left: 0px;
    }
    
    .sunoco-theme .lds-flickr div:nth-child(1) {
    background: var(--sunoco-primary-color);
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .sunoco-theme .lds-flickr div:nth-child(2) {
    background: #0058a4;
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    }
    
    .sunoco-theme .lds-flickr div:nth-child(3) {
    background: var(--sunoco-primary-color);
    -webkit-animation: lds-flickr-opacity 1s linear infinite;
    animation: lds-flickr-opacity 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .sunoco-theme .tab-content {
        border-left: 1px solid var(--sunoco-tertiary-color);
        border-right: 1px solid var(--sunoco-tertiary-color);
        border-bottom: 1px solid var(--sunoco-tertiary-color);
        padding-top: 20px;
        padding-left: 50px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .tab-content {
            border-left: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 1px solid #0058a4;
        }
    }
    
    .sunoco-theme .nav-tabs {
        border-bottom: 3px solid var(--sunoco-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .nav-tabs {
            border-bottom: 3px solid #0058a4;
        }
    }
    
    .sunoco-theme .nav-tabs .nav-item {
        margin-bottom: 0px;
    }
    
    .sunoco-theme .tab-link.active {
        background-color: var(--sunoco-tertiary-color);
        /* theme color */
        margin: 0px 2px;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        color: #fff !important;
        /* theme color */
        border-top: 1px solid var(--sunoco-tertiary-color);
        border-right: 1px solid var(--sunoco-tertiary-color);
        border-bottom: 0px solid var(--sunoco-tertiary-color);
        border-left: 1px solid var(--sunoco-tertiary-color);
        text-decoration: none;
        text-transform: capitalize;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .tab-link.active {
            background-color: #0058a4;
            border-top: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 0px solid #0058a4;
            border-left: 1px solid #0058a4;
        }
    }
    .sunoco-theme .accordioin-panel-wrapper .panel-heading {
        background-color: #dee2e6;
        height: 40px;
        padding-left: 8px;
        border-bottom: 1px solid var(--sunoco-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .accordioin-panel-wrapper .panel-heading {
            border-bottom: 1px solid var(--sunoco-primary-color);
        }
    }
    
    .sunoco-theme .accordioin-panel-wrapper .panel-body {
        border: 1px solid var(--sunoco-primary-color);
        padding: 10px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .accordioin-panel-wrapper .panel-body {
            border: 1px solid var(--sunoco-primary-color);
        }
    }
    
    .sunoco-theme .panel-heading .accordion-toggle:after {
        font-family: 'fontello';
        content: "\edf9";
        float: right;
        color: #fff;
        font-size: 20px;
        width: 50px;
        background-color: var(--sunoco-primary-color);
        line-height: 40px;
        text-align: center;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .panel-heading .accordion-toggle:after {
            background-color: var(--sunoco-primary-color);
        }
    }
    .sunoco-theme .milestone-header {
        background-color: var(--sunoco-primary-color);
    }
    .sunoco-theme .select-file-type-label .select-file-type-custom-radio-btn {
        border: 2px solid var(--common-lightgray-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .select-file-type-label .select-file-type-custom-radio-btn {
            border: 2px solid #D3D3D3;
        }
    }
    
    .sunoco-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
        border: 1px solid var(--sunoco-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
            border: 1px solid var(--sunoco-primary-color);
        }
    }
    .sunoco-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
        background-color: var(--sunoco-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
            background-color: var(--sunoco-primary-color);
        }
    }
    .sunoco-theme .project-info-label {
        background-color: #0058a4;
        padding: 1px 4px 1px 4px;
        color: #fff !important;
        border-radius: 6px;
    }
    
    .sunoco-theme .input-group-text {
        background: var(--sunoco-tertiary-color);
        padding: 2px 5px 3px 5px;
        color: #fff !important;
        text-align: center;
        line-height: 20px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .input-group-text {
            background: #0058a4;
        }
    }
    .sunoco-theme .document-wrapper {
        border: 1px solid var(--sunoco-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .document-wrapper {
            border: 1px solid #0058a4;
        }
    }
    .sunoco-theme .document-wrapper .docs-action-icons-wrapper {
        background-color: var(--sunoco-tertiary-color);
    }
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .document-wrapper .docs-action-icons-wrapper {
            background-color: #0058a4;
        }
    }
    
    .sunoco-theme .treeview-active-node {
        background: var(--sunoco-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .treeview-active-node {
            background: #0058a4;
        }
    }
    .sunoco-theme .treeview-arrow {
        color: var(--sunoco-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .sunoco-theme .treeview-arrow {
            color: var(--sunoco-primary-color);
        }
    }
    /* You can add global styles to this file, and also import other style files */
/******************************
711 THEME
******************************/

/*  sunoco theme loader  */
.seveneleven-theme .lds-flickr div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 60px;
    left: 0px;
    }
    
    .seveneleven-theme .lds-flickr div:nth-child(1) {
    background: var(--seven-primary-color);
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .seveneleven-theme .lds-flickr div:nth-child(2) {
    background: #0058a4;
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    }
    
    .seveneleven-theme .lds-flickr div:nth-child(3) {
    background: var(--seven-primary-color);
    -webkit-animation: lds-flickr-opacity 1s linear infinite;
    animation: lds-flickr-opacity 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .seveneleven-theme .tab-content {
        border-left: 1px solid var(--seven-tertiary-color);
        border-right: 1px solid var(--seven-tertiary-color);
        border-bottom: 1px solid var(--seven-tertiary-color);
        padding-top: 20px;
        padding-left: 50px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .tab-content {
            border-left: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 1px solid #0058a4;
        }
    }
    
    .seveneleven-theme .nav-tabs {
        border-bottom: 3px solid var(--seven-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .nav-tabs {
            border-bottom: 3px solid #0058a4;
        }
    }
    
    .seveneleven-theme .nav-tabs .nav-item {
        margin-bottom: 0px;
    }
    
    .seveneleven-theme .tab-link.active {
        background-color: var(--seven-tertiary-color);
        /* theme color */
        margin: 0px 2px;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        color: #fff !important;
        /* theme color */
        border-top: 1px solid var(--seven-tertiary-color);
        border-right: 1px solid var(--seven-tertiary-color);
        border-bottom: 0px solid var(--seven-tertiary-color);
        border-left: 1px solid var(--seven-tertiary-color);
        text-decoration: none;
        text-transform: capitalize;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .tab-link.active {
            background-color: #0058a4;
            border-top: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 0px solid #0058a4;
            border-left: 1px solid #0058a4;
        }
    }
    .seveneleven-theme .accordioin-panel-wrapper .panel-heading {
        background-color: #dee2e6;
        height: 40px;
        padding-left: 8px;
        border-bottom: 1px solid var(--seven-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .accordioin-panel-wrapper .panel-heading {
            border-bottom: 1px solid var(--seven-primary-color);
        }
    }
    
    .seveneleven-theme .accordioin-panel-wrapper .panel-body {
        border: 1px solid var(--seven-primary-color);
        padding: 10px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .accordioin-panel-wrapper .panel-body {
            border: 1px solid var(--seven-primary-color);
        }
    }
    
    .seveneleven-theme .panel-heading .accordion-toggle:after {
        font-family: 'fontello';
        content: "\edf9";
        float: right;
        color: #fff;
        font-size: 20px;
        width: 50px;
        background-color: var(--seven-primary-color);
        line-height: 40px;
        text-align: center;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .panel-heading .accordion-toggle:after {
            background-color: var(--seven-primary-color);
        }
    }
    .seveneleven-theme .milestone-header {
        background-color: var(--seven-primary-color);
    }
    .seveneleven-theme .select-file-type-label .select-file-type-custom-radio-btn {
        border: 2px solid var(--common-lightgray-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .select-file-type-label .select-file-type-custom-radio-btn {
            border: 2px solid #D3D3D3;
        }
    }
    
    .seveneleven-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
        border: 1px solid var(--seven-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
            border: 1px solid var(--seven-primary-color);
        }
    }
    .seveneleven-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
        background-color: var(--seven-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
            background-color: var(--seven-primary-color);
        }
    }
    .seveneleven-theme .project-info-label {
        background-color: #0058a4;
        padding: 1px 4px 1px 4px;
        color: #fff !important;
        border-radius: 6px;
    }
    
    .seveneleven-theme .input-group-text {
        background: var(--seven-tertiary-color);
        padding: 2px 5px 3px 5px;
        color: #fff !important;
        text-align: center;
        line-height: 20px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .input-group-text {
            background: #0058a4;
        }
    }
    .seveneleven-theme .document-wrapper {
        border: 1px solid var(--seven-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .document-wrapper {
            border: 1px solid #0058a4;
        }
    }
    .seveneleven-theme .document-wrapper .docs-action-icons-wrapper {
        background-color: var(--seven-tertiary-color);
    }
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .document-wrapper .docs-action-icons-wrapper {
            background-color: #0058a4;
        }
    }
    
    .seveneleven-theme .treeview-active-node {
        background: var(--seven-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .treeview-active-node {
            background: #0058a4;
        }
    }
    .seveneleven-theme .treeview-arrow {
        color: var(--seven-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .seveneleven-theme .treeview-arrow {
            color: var(--seven-primary-color);
        }
    }
        /* You can add global styles to this file, and also import other style files */
/******************************
casey THEME
******************************/


/*  casey theme loader  */
.casey-theme .lds-flickr div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 60px;
    left: 0px;
    }
    
    .casey-theme .lds-flickr div:nth-child(1) {
    background: var(--casey-primary-color);
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .casey-theme .lds-flickr div:nth-child(2) {
    background: #0058a4;
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    }
    
    .casey-theme .lds-flickr div:nth-child(3) {
    background: var(--casey-primary-color);
    -webkit-animation: lds-flickr-opacity 1s linear infinite;
    animation: lds-flickr-opacity 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .casey-theme .tab-content {
        border-left: 1px solid var(--seven-tertiary-color);
        border-right: 1px solid var(--seven-tertiary-color);
        border-bottom: 1px solid var(--seven-tertiary-color);
        padding-top: 20px;
        padding-left: 50px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .tab-content {
            border-left: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 1px solid #0058a4;
        }
    }
    
    .casey-theme .nav-tabs {
        border-bottom: 3px solid var(--seven-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .nav-tabs {
            border-bottom: 3px solid #0058a4;
        }
    }
    
    .casey-theme .nav-tabs .nav-item {
        margin-bottom: 0px;
    }
    
    .casey-theme .tab-link.active {
        background-color: var(--seven-tertiary-color);
        /* theme color */
        margin: 0px 2px;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        color: #fff !important;
        /* theme color */
        border-top: 1px solid var(--seven-tertiary-color);
        border-right: 1px solid var(--seven-tertiary-color);
        border-bottom: 0px solid var(--seven-tertiary-color);
        border-left: 1px solid var(--seven-tertiary-color);
        text-decoration: none;
        text-transform: capitalize;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .tab-link.active {
            background-color: #0058a4;
            border-top: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 0px solid #0058a4;
            border-left: 1px solid #0058a4;
        }
    }
    .casey-theme .accordioin-panel-wrapper .panel-heading {
        background-color: #dee2e6;
        height: 40px;
        padding-left: 8px;
        border-bottom: 1px solid var(--casey-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .accordioin-panel-wrapper .panel-heading {
            border-bottom: 1px solid var(--casey-primary-color);
        }
    }
    
    .casey-theme .accordioin-panel-wrapper .panel-body {
        border: 1px solid var(--casey-primary-color);
        padding: 10px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .accordioin-panel-wrapper .panel-body {
            border: 1px solid var(--casey-primary-color);
        }
    }
    
    .casey-theme .panel-heading .accordion-toggle:after {
        font-family: 'fontello';
        content: "\edf9";
        float: right;
        color: #fff;
        font-size: 20px;
        width: 50px;
        background-color: var(--casey-primary-color);
        line-height: 40px;
        text-align: center;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .panel-heading .accordion-toggle:after {
            background-color: var(--casey-primary-color);
        }
    }
    .casey-theme .milestone-header {
        background-color: var(--casey-primary-color);
    }
    .casey-theme .select-file-type-label .select-file-type-custom-radio-btn {
        border: 2px solid var(--common-lightgray-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .select-file-type-label .select-file-type-custom-radio-btn {
            border: 2px solid #D3D3D3;
        }
    }
    
    .casey-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
        border: 1px solid var(--casey-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
            border: 1px solid var(--casey-primary-color);
        }
    }
    .casey-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
        background-color: var(--casey-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
            background-color: var(--casey-primary-color);
        }
    }
    .casey-theme .project-info-label {
        background-color: #0058a4;
        padding: 1px 4px 1px 4px;
        color: #fff !important;
        border-radius: 6px;
    }
    
    .casey-theme .input-group-text {
        background: var(--seven-tertiary-color);
        padding: 2px 5px 3px 5px;
        color: #fff !important;
        text-align: center;
        line-height: 20px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .input-group-text {
            background: #0058a4;
        }
    }
    .casey-theme .document-wrapper {
        border: 1px solid var(--seven-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .document-wrapper {
            border: 1px solid #0058a4;
        }
    }
    .casey-theme .document-wrapper .docs-action-icons-wrapper {
        background-color: var(--seven-tertiary-color);
    }
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .document-wrapper .docs-action-icons-wrapper {
            background-color: #0058a4;
        }
    }
    
    .casey-theme .treeview-active-node {
        background: var(--seven-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .treeview-active-node {
            background: #0058a4;
        }
    }
    .casey-theme .treeview-arrow {
        color: var(--casey-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .casey-theme .treeview-arrow {
            color: var(--casey-primary-color);
        }
    }

    /******************************
marathon THEME
******************************/


/*  marathon theme loader  */
.marathon-theme .lds-flickr div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 60px;
    left: 0px;
    }
    
    .marathon-theme .lds-flickr div:nth-child(1) {
    background: var(--marathon-primary-color);
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .marathon-theme .lds-flickr div:nth-child(2) {
    background: #0058a4;
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    }
    
    .marathon-theme .lds-flickr div:nth-child(3) {
    background: var(--marathon-primary-color);
    -webkit-animation: lds-flickr-opacity 1s linear infinite;
    animation: lds-flickr-opacity 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .marathon-theme .tab-content {
        border-left: 1px solid var(--seven-tertiary-color);
        border-right: 1px solid var(--seven-tertiary-color);
        border-bottom: 1px solid var(--seven-tertiary-color);
        padding-top: 20px;
        padding-left: 50px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .tab-content {
            border-left: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 1px solid #0058a4;
        }
    }
    
    .marathon-theme .nav-tabs {
        border-bottom: 3px solid var(--seven-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .nav-tabs {
            border-bottom: 3px solid #0058a4;
        }
    }
    
    .marathon-theme .nav-tabs .nav-item {
        margin-bottom: 0px;
    }
    
    .marathon-theme .tab-link.active {
        background-color: var(--seven-tertiary-color);
        /* theme color */
        margin: 0px 2px;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        color: #fff !important;
        /* theme color */
        border-top: 1px solid var(--seven-tertiary-color);
        border-right: 1px solid var(--seven-tertiary-color);
        border-bottom: 0px solid var(--seven-tertiary-color);
        border-left: 1px solid var(--seven-tertiary-color);
        text-decoration: none;
        text-transform: capitalize;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .tab-link.active {
            background-color: #0058a4;
            border-top: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 0px solid #0058a4;
            border-left: 1px solid #0058a4;
        }
    }
    .marathon-theme .accordioin-panel-wrapper .panel-heading {
        background-color: #dee2e6;
        height: 40px;
        padding-left: 8px;
        border-bottom: 1px solid var(--marathon-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .accordioin-panel-wrapper .panel-heading {
            border-bottom: 1px solid var(--marathon-primary-color);
        }
    }
    
    .marathon-theme .accordioin-panel-wrapper .panel-body {
        border: 1px solid var(--marathon-primary-color);
        padding: 10px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .accordioin-panel-wrapper .panel-body {
            border: 1px solid var(--marathon-primary-color);
        }
    }
    
    .marathon-theme .panel-heading .accordion-toggle:after {
        font-family: 'fontello';
        content: "\edf9";
        float: right;
        color: #fff;
        font-size: 20px;
        width: 50px;
        background-color: var(--marathon-primary-color);
        line-height: 40px;
        text-align: center;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .panel-heading .accordion-toggle:after {
            background-color: var(--marathon-primary-color);
        }
    }
    .marathon-theme .milestone-header {
        background-color: var(--marathon-primary-color);
    }
    .marathon-theme .select-file-type-label .select-file-type-custom-radio-btn {
        border: 2px solid var(--common-lightgray-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .select-file-type-label .select-file-type-custom-radio-btn {
            border: 2px solid #D3D3D3;
        }
    }
    
    .marathon-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
        border: 1px solid var(--marathon-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
            border: 1px solid var(--marathon-primary-color);
        }
    }
    .marathon-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
        background-color: var(--marathon-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
            background-color: var(--marathon-primary-color);
        }
    }
    .marathon-theme .project-info-label {
        background-color: #0058a4;
        padding: 1px 4px 1px 4px;
        color: #fff !important;
        border-radius: 6px;
    }
    
    .marathon-theme .input-group-text {
        background: var(--seven-tertiary-color);
        padding: 2px 5px 3px 5px;
        color: #fff !important;
        text-align: center;
        line-height: 20px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .input-group-text {
            background: #0058a4;
        }
    }
    .marathon-theme .document-wrapper {
        border: 1px solid var(--seven-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .document-wrapper {
            border: 1px solid #0058a4;
        }
    }
    .marathon-theme .document-wrapper .docs-action-icons-wrapper {
        background-color: var(--seven-tertiary-color);
    }
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .document-wrapper .docs-action-icons-wrapper {
            background-color: #0058a4;
        }
    }
    
    .marathon-theme .treeview-active-node {
        background: var(--seven-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .treeview-active-node {
            background: #0058a4;
        }
    }
    .marathon-theme .treeview-arrow {
        color: var(--marathon-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .marathon-theme .treeview-arrow {
            color: var(--marathon-primary-color);
        }
    }

    /******************************
CASTROL THEME
******************************/

/*  castrol theme loader  */
.castrol-theme .lds-flickr div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 60px;
    left: 0px;
    }
    
    .castrol-theme .lds-flickr div:nth-child(1) {
    background: var(--castrol-primary-color);
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .castrol-theme .lds-flickr div:nth-child(2) {
    background: #0058a4;
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    }
    
    .castrol-theme .lds-flickr div:nth-child(3) {
    background: var(--castrol-primary-color);
    -webkit-animation: lds-flickr-opacity 1s linear infinite;
    animation: lds-flickr-opacity 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .castrol-theme .tab-content {
        border-left: 1px solid var(--castrol-tertiary-color);
        border-right: 1px solid var(--castrol-tertiary-color);
        border-bottom: 1px solid var(--castrol-tertiary-color);
        padding-top: 20px;
        padding-left: 50px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .tab-content {
            border-left: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 1px solid #0058a4;
        }
    }
    
    .castrol-theme .nav-tabs {
        border-bottom: 3px solid var(--castrol-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .nav-tabs {
            border-bottom: 3px solid #0058a4;
        }
    }
    
    .castrol-theme .nav-tabs .nav-item {
        margin-bottom: 0px;
    }
    
    .castrol-theme .tab-link.active {
        background-color: var(--castrol-tertiary-color);
        /* theme color */
        margin: 0px 2px;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        color: #fff !important;
        /* theme color */
        border-top: 1px solid var(--castrol-tertiary-color);
        border-right: 1px solid var(--castrol-tertiary-color);
        border-bottom: 0px solid var(--castrol-tertiary-color);
        border-left: 1px solid var(--castrol-tertiary-color);
        text-decoration: none;
        text-transform: capitalize;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .tab-link.active {
            background-color: #0058a4;
            border-top: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 0px solid #0058a4;
            border-left: 1px solid #0058a4;
        }
    }
    .castrol-theme .accordioin-panel-wrapper .panel-heading {
        background-color: #dee2e6;
        height: 40px;
        padding-left: 8px;
        border-bottom: 1px solid var(--castrol-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .accordioin-panel-wrapper .panel-heading {
            border-bottom: 1px solid var(--castrol-primary-color);
        }
    }
    
    .castrol-theme .accordioin-panel-wrapper .panel-body {
        border: 1px solid var(--castrol-primary-color);
        padding: 10px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .accordioin-panel-wrapper .panel-body {
            border: 1px solid var(--castrol-primary-color);
        }
    }
    
    .castrol-theme .panel-heading .accordion-toggle:after {
        font-family: 'fontello';
        content: "\edf9";
        float: right;
        color: #fff;
        font-size: 20px;
        width: 50px;
        background-color: var(--castrol-primary-color);
        line-height: 40px;
        text-align: center;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .panel-heading .accordion-toggle:after {
            background-color: var(--castrol-primary-color);
        }
    }
    .castrol-theme .milestone-header {
        background-color: var(--castrol-primary-color);
    }
    .castrol-theme .select-file-type-label .select-file-type-custom-radio-btn {
        border: 2px solid var(--common-lightgray-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .select-file-type-label .select-file-type-custom-radio-btn {
            border: 2px solid #D3D3D3;
        }
    }
    
    .castrol-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
        border: 1px solid var(--castrol-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
            border: 1px solid var(--castrol-primary-color);
        }
    }
    .castrol-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
        background-color: var(--castrol-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
            background-color: var(--castrol-primary-color);
        }
    }
    .castrol-theme .project-info-label {
        background-color: #0058a4;
        padding: 1px 4px 1px 4px;
        color: #fff !important;
        border-radius: 6px;
    }
    
    .castrol-theme .input-group-text {
        background: var(--castrol-tertiary-color);
        padding: 2px 5px 3px 5px;
        color: #fff !important;
        text-align: center;
        line-height: 20px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .input-group-text {
            background: #0058a4;
        }
    }
    .castrol-theme .document-wrapper {
        border: 1px solid var(--castrol-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .document-wrapper {
            border: 1px solid #0058a4;
        }
    }
    .castrol-theme .document-wrapper .docs-action-icons-wrapper {
        background-color: var(--castrol-tertiary-color);
    }
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .document-wrapper .docs-action-icons-wrapper {
            background-color: #0058a4;
        }
    }
    
    .castrol-theme .treeview-active-node {
        background: var(--castrol-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .treeview-active-node {
            background: #0058a4;
        }
    }
    .castrol-theme .treeview-arrow {
        color: var(--castrol-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .castrol-theme .treeview-arrow {
            color: var(--castrol-primary-color);
        }
    }


       /*  phillips theme loader  */
.phillips-theme .lds-flickr div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 60px;
    left: 0px;
    }
    
    .phillips-theme .lds-flickr div:nth-child(1) {
    background: #f36f21;
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .phillips-theme .lds-flickr div:nth-child(2) {
    background: #0058a4;
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    }
    
    .phillips-theme .lds-flickr div:nth-child(3) {
    background: #f36f21;
    -webkit-animation: lds-flickr-opacity 1s linear infinite;
    animation: lds-flickr-opacity 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .scroll-up {
        height: 50px;
        overflow: hidden;
        position: relative;
        text-align: left;
    }
    
    .scroll-up p {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 50px;
        text-align: center;
        /* Starting position */
        -moz-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        /* Apply animation to this element */
        -moz-animation: scroll-up 5s linear infinite;
        -webkit-animation: scroll-up 5s linear infinite;
        animation: scroll-up 5s linear infinite;
        text-align: left;
    }
    
    
    /* Move it (define the animation) */
    
    @-moz-keyframes scroll-up {
        0% {
            -moz-transform: translateY(100%);
        }
        100% {
            -moz-transform: translateY(-100%);
        }
    }
    
    @-webkit-keyframes scroll-up {
        0% {
            -webkit-transform: translateY(100%);
        }
        100% {
            -webkit-transform: translateY(-100%);
        }
    }
    
    @keyframes scroll-up {
        0% {
            -moz-transform: translateY(100%);
            /* Browser bug fix */
            -webkit-transform: translateY(100%);
            /* Browser bug fix */
            transform: translateY(100%);
        }
        100% {
            -moz-transform: translateY(-100%);
            /* Browser bug fix */
            -webkit-transform: translateY(-100%);
            /* Browser bug fix */
            transform: translateY(-100%);
        }
    }
    
    .selectedRow {
        background-color: steelblue !important;
        border: 1px solid #fff !important;
    }
    
    
    /*****************************************
            TABS PANEL AND CONENT
    
    **************************************/
    
    .nav-tabs {
        padding-left: 50px;
    }
    
    @media (min-width: 320px) and (max-width: 414px) {
        .nav-tabs {
            padding-left: 5px;
        }
    }
    
    .tab-content {
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
        padding-top: 20px;
        padding-left: 50px;
    }
    
    .phillips-theme .tab-content {
        border-left: 1px solid var(--phillips-tertiary-color);
        border-right: 1px solid var(--phillips-tertiary-color);
        border-bottom: 1px solid var(--phillips-tertiary-color);
        padding-top: 20px;
        padding-left: 50px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .phillips-theme .tab-content {
            border-left: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 1px solid #0058a4;
        }
    }
    
    .phillips-theme .nav-tabs {
        border-bottom: 3px solid var(--phillips-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .phillips-theme .nav-tabs {
            border-bottom: 3px solid #0058a4;
        }
    }
    
    .phillips-theme .nav-tabs .nav-item {
        margin-bottom: 0px;
    }
    
    @media (min-width: 320px) and (max-width: 414px) {
        .tab-content {
            padding-left: 5px;
        }
    }

    .phillips-theme .document-wrapper {
        border: 1px solid var(--phillips-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .phillips-theme .document-wrapper {
            border: 1px solid #0058a4;
        }
    }

    .phillips-theme .document-wrapper .docs-action-icons-wrapper {
        background-color: var(--phillips-tertiary-color);
    }
/******************************
bp THEME
******************************/


/*  bp theme loader  */
.bp-theme .lds-flickr div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 0px;
    left: 0px;
    }
    
    .bp-theme .lds-flickr div:nth-child(1) {
    background: var(--bp-primary-color);
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .bp-theme .lds-flickr div:nth-child(2) {
    background: #0058a4;
    -webkit-animation: lds-flickr 1s linear infinite;
    animation: lds-flickr 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    }
    
    .bp-theme .lds-flickr div:nth-child(3) {
    background: var(--bp-primary-color);
    -webkit-animation: lds-flickr-opacity 1s linear infinite;
    animation: lds-flickr-opacity 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    }
    
    .bp-theme .tab-content {
        border-left: 1px solid var(--bp-tertiary-color);
        border-right: 1px solid var(--bp-tertiary-color);
        border-bottom: 1px solid var(--bp-tertiary-color);
        padding-top: 20px;
        padding-left: 50px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .tab-content {
            border-left: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 1px solid #0058a4;
        }
    }
    
    .bp-theme .nav-tabs {
        border-bottom: 3px solid var(--bp-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .nav-tabs {
            border-bottom: 3px solid #0058a4;
        }
    }
    
    .bp-theme .nav-tabs .nav-item {
        margin-bottom: 0px;
    }
    
    .bp-theme .tab-link.active {
        background-color: var(--bp-tertiary-color);
        /* theme color */
        margin: 0px 2px;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        color: #fff !important;
        /* theme color */
        border-top: 1px solid var(--bp-tertiary-color);
        border-right: 1px solid var(--bp-tertiary-color);
        border-bottom: 0px solid var(--bp-tertiary-color);
        border-left: 1px solid var(--bp-tertiary-color);
        text-decoration: none;
        text-transform: capitalize;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .tab-link.active {
            background-color: #0058a4;
            border-top: 1px solid #0058a4;
            border-right: 1px solid #0058a4;
            border-bottom: 0px solid #0058a4;
            border-left: 1px solid #0058a4;
        }
    }
    .bp-theme .accordioin-panel-wrapper .panel-heading {
        background-color: #dee2e6;
        height: 40px;
        padding-left: 8px;
        border-bottom: 1px solid var(--bp-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .accordioin-panel-wrapper .panel-heading {
            border-bottom: 1px solid var(--bp-primary-color);
        }
    }
    
    .bp-theme .accordioin-panel-wrapper .panel-body {
        border: 1px solid var(--bp-primary-color);
        padding: 10px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .accordioin-panel-wrapper .panel-body {
            border: 1px solid var(--bp-primary-color);
        }
    }
    
    .bp-theme .panel-heading .accordion-toggle:after {
        font-family: 'fontello';
        content: "\edf9";
        float: right;
        color: #fff;
        font-size: 20px;
        width: 50px;
        background-color: var(--bp-primary-color);
        line-height: 40px;
        text-align: center;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .panel-heading .accordion-toggle:after {
            background-color: var(--bp-primary-color);
        }
    }
    .bp-theme .milestone-header {
        background-color: var(--bp-primary-color);
    }
    .bp-theme .select-file-type-label .select-file-type-custom-radio-btn {
        border: 2px solid var(--common-lightgray-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .select-file-type-label .select-file-type-custom-radio-btn {
            border: 2px solid #D3D3D3;
        }
    }
    
    .bp-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
        border: 1px solid var(--bp-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn {
            border: 1px solid var(--bp-primary-color);
        }
    }
    .bp-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
        background-color: var(--bp-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .select-file-type-label input[type=radio]:checked~.select-file-type-custom-radio-btn:after {
            background-color: var(--bp-primary-color);
        }
    }
    .bp-theme .project-info-label {
        background-color: #0058a4;
        padding: 1px 4px 1px 4px;
        color: #fff !important;
        border-radius: 6px;
        margin-right: 4px;
    }
    
    .bp-theme .input-group-text {
        background: var(--bp-tertiary-color);
        padding: 2px 5px 3px 5px;
        color: #fff !important;
        text-align: center;
        line-height: 20px;
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .input-group-text {
            background: #0058a4;
        }
    }
    .bp-theme .document-wrapper {
        border: 1px solid var(--bp-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .document-wrapper {
            border: 1px solid #0058a4;
        }
    }
    .bp-theme .document-wrapper .docs-action-icons-wrapper {
        background-color: var(--bp-tertiary-color);
    }
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .document-wrapper .docs-action-icons-wrapper {
            background-color: #0058a4;
        }
    }
    
    .bp-theme .treeview-active-node {
        background: var(--bp-tertiary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .treeview-active-node {
            background: #0058a4;
        }
    }
    .bp-theme .treeview-arrow {
        color: var(--bp-primary-color);
    }
    
    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
        .bp-theme .treeview-arrow {
            color: var(--bp-primary-color);
        }
    }

    .searchBox h2 {
        display: none;
    }
    .cus-listOverflow{
        overflow: auto;
    }
    .cus-input-width{
        width: 100%;
    }
    .cus-padding{
        padding-top: 5px;
    }

    .cus-note-label{
        text-decoration: none;
        cursor: default;
        display: flex!important;
        align-items: flex-start!important;
        justify-content: flex-start!important;
        padding: 0px!important;
    }
    .cus-note-main {
        width: 100%!important;
        margin: 10px 0px 20px 0 !important;
    }
    .cus-installation-text{
        padding-left: 10px;
    }
    .date-control.cusInputEvent{
        background-position: calc(100% - 10px) center!important;
    }
    .cusInputEvent{
        width: 47%!important;
    }
    .customRowCreateOrder .brrf-text-box1[_ngcontent-c18]{
        max-width:47%!important;
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .customRowCreateOrder label {
        flex: 1;
    }
    .cus-btn-next button{
        margin-left: auto!important;
    }
    .customRowMargin{
        margin: 0px 0px 10px 0px;
    }
    .cus-packageinfoWrapper{
        margin-top: 30px;
    }
    .cus-marginLeft0{
        margin-left: 0px;
    }
    .cus-button{
        gap: 10px;
    }
    .cus-right{
        right: 16px;
    }
   .cus-Image-Generic-Project-label{
    display: none!important;
   }
    @media screen and (max-width: 1200px) {
        .searchBox {
            top: 58px;
            position: fixed;
            right: 7px;
            width: calc(100% - 246px);
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #ffffff;
            padding-bottom: 15px;
            border-top: 10px solid #f3f3f3;
            padding-top: 15px;
            padding-left: 10px;
            padding-right: 10px;
            border-bottom: 1px solid #e0dede;
            transition: all 0.5s;
        }
        .searchBox h2 {
            display: block;
        }

        .right-blcok-wrapper {
            padding-top: 80px;
          }
          
          body.active-body .searchBox {
            width: calc(100% - 66px);
          }
          
    }

    @media screen and (max-width: 991px) {
        .search-wrapper-1 .search-textbox {
            min-width: 150px !important;
        }
        .customRowCreateOrder::before{
            content: none!important;
        }
        .date-control.cusInputEvent{
            background-position: calc(100% - 10px) center!important;
        }
        .cusInputEvent{
            width: 53%!important;
        }
        .customRowCreateOrder .brrf-text-box1[_ngcontent-c18]{
            max-width:53%!important;
            margin-right: 0!important;
            margin-left: 0!important;
        }
        .customRowCreateOrder label {
            flex: 1;
        }
        .cus-createOrderHeading{
            padding-left: 20px;
            padding-right: 20px;
        }  
        .cus-packageinfoWrapper{
            margin-top: 0px;
        }
        .bp-theme .profile-wrapper-in-tabs {
            border-left: none;
        }
        .cus-button{
            margin: 20px 0px 0px 0px;
        }
        .cus-PackageManagementDate {
            width: calc(100% - 0px) !important;
        }
    }

    @media screen and (max-width: 768px) {
        .searchBox h2 {
            display: none;
          }
        
          .search-wrapper-1 .search-textbox {
            min-width: auto !important;
          }
        
          .searchBox {
            top: 54px;
            position: fixed;
            right: 7px;
            width: calc(100% - 246px);
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #ffffff;
            padding-bottom: 15px;
            border-top: 10px solid #f3f3f3;
            padding-top: 72px;
            padding-left: 10px;
            padding-right: 10px;
            border-bottom: 1px solid #e0dede;
          }
        
          .apps-list-wrapper {
            display: flex;
            margin-top: 0px;
            justify-content: flex-start;
            position: fixed;
            top: 78px;
            left: 0px;
            z-index: 9;
            width: 100%;
            overflow: auto;
            padding-left: 67px;
            padding-right: 5px;
        }
        
          .right-blcok-wrapper {
            padding-top: 140px;
          }
        
          .left-menu-toggle-icon {
            height: auto;
            margin-left: 0px;
            margin-top: 15px;
            margin-bottom: 15px;
          }
        
          .left-menu-to-open {
            transform: rotate(180deg);
            width: 50px;
            background-position: 17px top;
        
          }
        
          .left-menu-to-close {
            transform: rotate(180deg);
            width: 50px;
            background-position: 16px top;
          }
        
          .left-menu.left-menu-big ul li label span {
            display: none;
        
          }
        
          .left-menu ul li label span {
            display: block;
            line-height: 39px;
            padding-left: 46px;
          }
        
          .left-menu-big {
            width: 50px;
          }
        
          .main-wrapper.active {
            width: calc(100% - 50px);
          }
        
          .left-menu {
            width: 50px;
            top: 54px;
            z-index: 99;
            transition: all 0.2s;
          }
        
          .left-menu.left-menu-min {
            width: 180px;
            z-index: 99;
            transition: all 0.2s;
          }
        
          .searchBox {
            width: calc(100% - 65px);
          }
        
          .bp-theme header .header-right-content ul li {
            padding: 0px 10px;
            width: max-content;
          }
        
          .document-wrapper {
            width: 190px;
          }

          .home-label, .customers-label, .vendors-label, .vendors-label, .sites-label,
          .projects-label, .package-management-label,.sales-order-label,.quotes-label,
          .invoice-label,.parts-management-label,.vendor-orders-label,
          .service-orders-label,.warranty-label,.artwork-requests-label,.reports-label,.bulk-uploads-label
          {
              background-position-x: 13px;
          }
          .home-label.selected, .customers-label.selected, .vendors-label.selected, .vendors-label.selected, .sites-label.selected,
          .projects-label.selected, .package-management-label.selected,.sales-order-label.selected,.quotes-label.selected,
          .invoice-label.selected,.parts-management-label.selected,.vendor-orders-label.selected,
          .service-orders-label.selected,.warranty-label.selected,.artwork-requests-label.selected,.reports-label.selected,.bulk-uploads-label.selected 
          {
              background-position-x: 13px;
          }
          .left-menu-anchor:hover {
              background: transparent;
          }
          .freight-quote-requests-label {
              background-position-x: 19px;
          }
          .freight-quote-requests-label.selected {
              background-position-x: 19px;
          }
          .warranty-label {
              background-position-x: 15px;
          }
          .warranty-label.selected {
              background-position-x: 15px;
          }
          .cus-padding0{
            padding: 0px !important;
          }
          .cus-right{
            right: 0px;
        }
        .btn.custome-add-form {
            width: 12%!important;
          }
        .cus-Image-Generic-Project-label{
            display: block!important;
           }
        .left-menu.left-menu-big ul li ul li label:before {
            margin-left: 5px!important;
            float: initial!important;
        }

        .left-menu.left-menu-big ul li ul li label span {
            padding-left: 5px!important;
        }
        .left-menu.left-menu-big ul li ul li label {
            padding-left: 10px!important;
        }
    }
    @media screen and (max-width: 585px) {
    .search-criteria-wrapper .filters-wrapper-new .filters-left-wrap .block {
        width: calc(50% - 10px);
      }

      .right-blcok-wrapper {
        padding-top: 115px;
      }

      .searchBox {
        padding-top: 62px;
      }
      .main-wrapper.active {
        width: calc(100% - 50px);
        margin-left: 50px;
    }
    .cusInputEvent{
        width: 100%!important;
        margin-left: 0px!important;
    }
    .customRowCreateOrder .block2, .customRowCreateOrder .block3,.customRowCreateOrder .select-block{
        flex-direction: column!important;
    }
    .customRowCreateOrder .custom-select-dropdown{
        width: 100%!important;
        margin-left: 0px!important;
    }
    .customRowCreateOrder .select-block{
        -webkit-box-align: start!important;
        -ms-flex-align: inherit!important;
        align-items: flex-start!important;
    }
    .customRowCreateOrder .brrf-text-box1[_ngcontent-c18]{
        max-width:100%!important;
    }
    .cus-btn-next{
        height: 50px!important;
        align-items: center;
        padding-right: 20px;
    }
    .cusRightPadding{
        padding-left: 0px;
    }
    .cusAddButton{
        margin-top: 10px;
    }
    .cus-packageinfoButtons button{
    min-width: 62px;
    padding: 0.25rem .2rem;
    font-size: .575rem;
    }
    .cus-marginLeft0{
        margin-left: 15px;
    }
    .cus-marginLeft{
        margin-left: 0px;
    }
    .cus-button{
        margin: 10px 0px 0px 0px;
    }
    .modal-dialog-big .modal-header .modal-title {
        font-size: 14px!important;
    }
    .modal-dialog-big .modal-header{
        padding: 10px 10px!important;
        margin: 0px 0px 0px 0px!important;
    }
    .modal-dialog-big .modal-footer {
        padding: 20px 10px 20px!important;
        margin: 0px 10px 20px 10px!important;
        border: none!important;
    }
    .cus-siteWrapper{
        padding: 0!important;
    }
    .cus-EditSiteAddButton{
        padding: 18px 10px !important;
    }
    .userprofile-link-header {
        min-width: max-content!important;
    }
    .bp-theme header .header-right-content ul li {
        width: auto!important;
    }
    li.header-apps-ul-gap.global-search-responsive {
        padding: 0 !important;
    }
    .cus-PackageManagementDate {
        width: calc(100% - 0px) !important;
    }
    .cus-p0{
        padding: 0!important;
    }
    .cus-block{
        width: calc(100% - 0px) !important;
    }
    .search-criteria-wrapper .filters-wrapper-new .filters-left-wrap .block {
        width: calc(100% - 0px);
    }
    .cus-payment-btn{
        position: relative !important;
    }
    .btn.custome-add-form {
        width: 18%!important;
      }
    }