.grid-header-banner{
    background-image: url('/content/dam/amex/en-us/business/resource-center/user-guide/images/Banner_Bar.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.grid-header-text {
    display:flex;
    align-items:center;
}

.grid-header-text .container{
    padding:0;
    margin: 0;
}

.header-title{
    color: #00175A;
    font-size: 40px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
}

.header-subtitle{
    color: #00175A;
    font-size: 40px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tour-menu-list{
    /* margin: 35px 0; */
    /* padding: 20px 0; */
}

.menu-title {
    color: #00175A;
    font-weight: bold;
    font-size: 32px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
}

.menu-subtitle{
    color: #666666;
    font-size: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.grid-guided-tour{
 margin-top: 10px;
 min-height: 50px;
 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 display: grid;
 align-items: center;
cursor:pointer;
}

.grid-guided-tour .container{
  margin: 0;
}

.guided-tour-list-title{
    color: #006FCF;
    font-size: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.grid-guide-resource {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    cursor:pointer;
}

.grid-video-tutorial-recon {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}

ul {
   list-style-type: none;
   margin-bottom: 5px;
   margin-top: 5px;
}

ul li {
    color: #53565A;
    font-size: 15px;
    padding-bottom:5px;
    cursor: pointer;
}

.active-list{
    color:#006FCF;
}

.grid-body-container .container .row .col-md-3{
    padding-right:0;
}

.grid-body-container .container .row .col-md-9{
    padding-left:0;
}

.grid-close-menu{
    display: grid;
    align-items: center;
    min-height:50px;
    padding: 20px 0;
    cursor:pointer;
}

.grid-close-menu .container{
    padding:0px;
    margin:0px;
}

.grid-close-menu .container .row .col-md-10, .grid-close-menu .container .row .col-md-2{
    padding:0px;
}

.back-menu-title {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:bold;
    color: #006FCF;
    margin-left: -5px;
}

.back-menu-title .dls-icon-left::before{
    font-size: 20px;
    font-weight:bold;
}

.grid-atwork-reporting-tour .border, .grid-atwork-reconciliation-tour .border, .grid-atwork-reconciliation-end-user-tour .border, .grid-atwork-homepage-tour .border, .grid-business-travel-accounts-tour .border, .grid-atwork-insightshub-tour .border{
    border:none;
}

.grid-atwork-reporting-tour .container, .grid-atwork-reconciliation-tour .container, .grid-atwork-reconciliation-end-user-tour .container, .grid-atwork-homepage-tour .container, .grid-business-travel-accounts-tour .container, .grid-atwork-insightshub-tour .container{
    padding: 0;
}

.grid-atwork-reporting-tour .container .collapsible, .grid-atwork-reconciliation-tour .container .collapsible, .grid-atwork-reconciliation-end-user-tour .container .collapsible, .grid-atwork-homepage-tour .container .collapsible, .grid-business-travel-accounts-tour .container .collapsible, .grid-atwork-insightshub-tour .container .collapsible{
    padding-left: 12px;
    padding-right: 0px;
    outline:none;
    background-color: #ffffff;
    color: #53565A;
    font-size: 15px;
    font-weight: bold;
}

.grid-atwork-reporting-tour .container .collapsible .collapsible-caret, .grid-atwork-reconciliation-tour .container .collapsible .collapsible-caret, .grid-atwork-reconciliation-end-user-tour .container .collapsible .collapsible-caret, .grid-atwork-homepage-tour .container .collapsible .collapsible-caret, .grid-business-travel-accounts-tour .container .collapsible .collapsible-caret, .grid-atwork-insightshub-tour .container .collapsible .collapsible-caret{
    display:none;
}
/*
div[aria-labelledby="collapsible_panel-596435504"] div, 
div[aria-labelledby="collapsible_panel-420480908"] div, 
div[aria-labelledby="collapsible_panel_96-1872995110"] div, 
div[aria-labelledby="collapsible_panel-1882631728"] div, 
div[aria-labelledby="collapsible_panel_96-1798734774"] div, 
div[aria-labelledby="collapsible_panel_96_1808280297-407559288"] div, 
div[aria-labelledby="collapsible_panel_co-1798733415"] div, 
div[aria-labelledby="collapsible_panel_96_1997248658-305578340"] div, 
div[aria-labelledby="collapsible_panel_96_1107758531-1387167405"] div, 
div[aria-labelledby="collapsible_panel-1547497804"] div, 
div[aria-labelledby="collapsible_panel_96-671753394"] div, */

div[aria-labelledby="collapsible_panel-1470746015"] div,
div[aria-labelledby="collapsible_panel-1950889314"] div, 
div[aria-labelledby="collapsible_panel-799055730"] div, 
div[aria-labelledby="collapsible_panel_96-1960375092"] div, 
div[aria-labelledby="collapsible_panel_96_1808280297-443780550"] div, 
div[aria-labelledby="collapsible_panel_co-1960373733"] div, 
div[aria-labelledby="collapsible_panel_96_1997248658-545761498"] div, 
div[aria-labelledby="collapsible_panel_96_1107758531-535827567"] div, 
div[aria-labelledby="collapsible_panel-1094764849"] div, 
div[aria-labelledby="collapsible_panel_96-1841906359"] div, 
div[aria-labelledby="collapsible_panel-727103082"] div, 
div[aria-labelledby="collapsible_panel-212730210"] div, 
div[aria-labelledby="collapsible_panel_96_1808280297-925913046"] div, 
div[aria-labelledby="collapsible_panel_96-1926165692"] div, 
div[aria-labelledby="collapsible_panel_96_1808280297-1009646084"] div{
    padding:0px !important;
    margin: 0px;
    background-color:#ffffff;
}

/*
div[aria-labelledby="collapsible_panel-596435504"] div div.stack, 
div[aria-labelledby="collapsible_panel-420480908"] div div.stack, 
div[aria-labelledby="collapsible_panel_96-1872995110"] div div.stack, 
div[aria-labelledby="collapsible_panel-1882631728"] div div.stack, 
div[aria-labelledby="collapsible_panel_96-1798734774"] div div.stack, 
div[aria-labelledby="collapsible_panel_96_1808280297-407559288"] div div.stack, 
div[aria-labelledby="collapsible_panel_co-1798733415"] div div.stack, 
div[aria-labelledby="collapsible_panel_96_1997248658-305578340"] div div.stack, 
div[aria-labelledby="collapsible_panel_96_1107758531-1387167405"] div div.stack, 
div[aria-labelledby="collapsible_panel-1547497804"] div div.stack, 
div[aria-labelledby="collapsible_panel_96-671753394"] div div.stack, */

div[aria-labelledby="collapsible_panel-1470746015"] div div.stack, 
div[aria-labelledby="collapsible_panel-1950889314"] div div.stack, 
div[aria-labelledby="collapsible_panel-799055730"] div div.stack, 
div[aria-labelledby="collapsible_panel_96-1960375092"] div div.stack, 
div[aria-labelledby="collapsible_panel_96_1808280297-443780550"] div div.stack, 
div[aria-labelledby="collapsible_panel_co-1960373733"] div div.stack, 
div[aria-labelledby="collapsible_panel_96_1997248658-545761498"] div div.stack, 
div[aria-labelledby="collapsible_panel_96_1107758531-535827567"] div div.stack, 
div[aria-labelledby="collapsible_panel-1094764849"] div div.stack, 
div[aria-labelledby="collapsible_panel_96-1841906359"] div div.stack, 
div[aria-labelledby="collapsible_panel-727103082"] div div.stack,
div[aria-labelledby="collapsible_panel-212730210"] div div.stack, 
div[aria-labelledby="collapsible_panel_96_1808280297-925913046"] div div.stack,  
div[aria-labelledby="collapsible_panel_96-1926165692"] div div.stack, 
div[aria-labelledby="collapsible_panel_96_1808280297-1009646084"] div div.stack{
    margin-top: 0px;
}

.back-buttonBTA, .next-buttonBTA, .back-button, .next-button, .prevbutton, .nextbutton, .prevButton, .nextButton, .back-button1, .next-button1, .back-button2, .next-button2, .back-button3, .next-button3, .back-button4, .next-button4, .back-button5, .next-button5, .back-button6, .back-button7, .next-button6, .next-button7, .back-buttonHP, .next-buttonHP, .back-buttonCIF, .next-buttonCIF, .prevbuttonDD, .nextbuttonDD
{
    color: white;
    background-color: #006FCF;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 5px;
    width: 100px;
    justify-content: center;
    display: flex;
    cursor: pointer;
    margin-top: 25px;
}

.back-buttonBTA:hover, .next-buttonBTA:hover,
.back-button:hover, .next-button:hover, 
.prevbutton:hover, .nextbutton:hover, 
.prevButton:hover, .nextButton:hover,
.back-button1:hover, .next-button1:hover,
.back-button2:hover, .next-button2:hover,
.back-button3:hover, .next-button3:hover,
.back-button4:hover, .next-button4:hover,
.back-button5:hover, .next-button5:hover,
.back-button6:hover, .next-button6:hover,
.back-button7:hover, .next-button7:hover,
.back-buttonHP:hover, .next-buttonHP:hover,
.back-buttonCIF:hover, .next-buttonCIF:hover,
.prevbuttonDD:hover, .nextbuttonDD:hover
{
    color: white;
    background-color: #00175A;
    border: 1px solid white;
}

.disabled-button {
  background-color: grey;  
  color: white; 
  cursor: not-allowed; 
}

.back-buttonBTA .dls-icon-left::before, 
.back-button .dls-icon-left::before, .prevbutton .dls-icon-left::before, 
.prevButton .dls-icon-left::before,
.back-button1 .dls-icon-left::before,
.back-button2 .dls-icon-left::before,
.back-button3 .dls-icon-left::before,
.back-button4 .dls-icon-left::before,
.back-button5 .dls-icon-left::before,
.back-button6 .dls-icon-left::before,
.back-button7 .dls-icon-left::before,
.back-buttonHP .dls-icon-left::before,
.back-buttonCIF .dls-icon-left::before,
/* .next-buttonCIF .dls-icon-left::before, */
.prevbuttonDD .dls-icon-left::before
/* .nextbuttonDD .dls-icon-left::before */
{
    font-size:15px;
    padding-top: 4px;
    padding-right:4px;

}

.next-buttonBTA .dls-icon-right::before,
.next-button .dls-icon-right::before, 
.nextbutton .dls-icon-right::before, 
.nextButton .dls-icon-right::before,
.next-button1 .dls-icon-right::before,
.next-button2 .dls-icon-right::before,
.next-button3 .dls-icon-right::before,
.next-button4 .dls-icon-right::before,
.next-button5 .dls-icon-right::before,
.next-button6 .dls-icon-right::before,
.next-button7 .dls-icon-right::before,
.next-buttonHP .dls-icon-right::before,
.next-buttonCIF .dls-icon-right::before,
.nextbuttonDD .dls-icon-right::before
{
    font-size:15px;
    padding-top: 4px ;
    padding-left: 4px;
}

.slide-topic{
    font-size: 15px;
    padding-bottom:10px;
} 

.slide-title{
    font-size: 24px;
    font-weight: bold;
    padding-bottom:15px;
}

.slide-description{
    font-size: 18px;
    padding-bottom: 15px;
}

.grid-tour-1-container, .grid-tour-2-container, .grid-tour-3-container, .grid-tour-4-container, .grid-tour-5-container {
    display:none;
}

.grid-atwork-reporting, .grid-atwork-reconciliation, .grid-atwork-reconciliation-end-user, .grid-atwork-homepage, .grid-business-travel-accounts, .grid-atwork-insightshub{
    background-color: #edeeee;
    box-shadow: 0 0 1px 0 #C8C9C7;
}

.grid-atwork-reporting .container, .grid-other-resources .container, .grid-atwork-homepage .container, .grid-business-travel-accounts .container, .grid-atwork-insightshub .container{
    padding: 0 10px;
}

.grid-video-tutorial{
     border-bottom: .0625rem solid #ecedee;
}

.grid-video-tutorial .container{
    padding: 0 12px;
}

.atwork-reporting-title, .atwork-reconciliation-title, .atwork-reconciliation-end-user-title, .atwork-homepage-title, .business-travel-accounts-title, .atwork-insightshub-title {
    color: #006FCF;
    font-size: 16px;
    font-weight:bold;
}

/* temp css to hide the guided tour 3 */
/* .guided-tour-3 {
    display:none;
}  */