.dashboard-layout {
    min-width: 1024px;
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100%;
    overflow: auto;
 } 

.dashboard-side-nav {
    width: 248px;
    min-width: 248px;
    z-index: 10;
    background: #FFFFFF;
    box-shadow: 1px 0px 0px #ECF1F5;
    padding: 40px 0 40px 32px;
} 

.dashboard-side-nav .app-logo {
    max-width: 130px;
    margin: 0px 16px 36px;
    transform: translateX(-4px) translateY(-4px);
}

.dashboard-side-nav .__menu{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 5px;
} 

.__menu > .__group {
    margin-bottom: 32px;
    width: 100%;
}

.__menu > .__group > .servicebot-btn-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #899DB8;
    width: 100%;
    border-radius: 0;
    text-align: left;
    transition: color 0.2s;
} 

.__menu > .__group > .servicebot-btn-link:hover {
    color:  #4c82fc;
}

.__menu > .__group > .servicebot-btn-link.disabled {
    cursor: default;
    background-color: #fff;
}

.__menu > .__group > .servicebot-btn-link.disabled:hover {
    color: #899DB8;
}

.__menu > .__group > .servicebot-btn-link > i {
    margin-right: 8px;
} 


.__menu > .__group > .servicebot-btn-link.__active{
    color: #4c82fc;
    border-right: 3px solid  #4c82fc;
} 

 .dashboard-content {
    position: relative;
    z-index: 0;
    flex-grow: 1;
    padding: 32px 64px;
    background: #F8FAFC;
    max-width: calc(100vw - 248px);
    overflow: auto;
} 

.dashboard-layout .__header{
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    padding: 0 32px 0 0;
}

.dashboard-layout .__header .__left{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-grow: 1;
} 
 .dashboard-layout .__header .__right{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.dashboard-layout .__header .__right .servicebot-btn.__app{
    background: #4F566B;
    color: white;
    width: 34px;
    padding: 2px;
} 

.dashboard-layout .__header .__right .servicebot-btn .anticon{
    vertical-align: 0;
}

.__header .__right > *{
    margin-left: 16px;
} 

.dashboard-layout .__header .__right .__stripe-connect {
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1), -1px 2px 4px rgba(50, 62, 93, 0.15);
    border-radius: 100px;
    width: auto;
    height: 28px;
    min-width: 137px;
    border: none;
    background: #fff;
    cursor: pointer;
    margin-right: 8px;

    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    color: #4C82FC;
    padding: 6px 10px;
}

.dashboard-layout .__header .__right .__stripe-connect:hover {
    box-shadow:  0px 8px 8px -4px rgba(0, 0, 0, 0.1) !important;

}

.dashboard-layout .__header .__right .__stripe-connect .__stripe-connect-icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.dashboard-layout .__header .__right .__stripe-connect:focus {
    outline: none;
} 

.__header-action-button {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, 0.1)), drop-shadow(-1px 2px 4px rgba(50, 62, 93, 0.15));
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    cursor: pointer;
    color: #142653;
    transition: color 0.2s;
    box-shadow: rgba(42, 47, 69, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(42, 47, 69, 0.12) 0px 2px 5px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    border: none;
}

.__header-action-button:hover {
    color:  #4c82fc;
}

.__header-action-button:focus {
    outline: none;
}

.__activate-live-payment-button {
    width: 200px;
    height: 56px;
    padding: 8px 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    display: flex;
    align-items: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    background: #142653;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s;
}

.__activate-live-payment-button:hover {
    background: #4C82FC;
}

.__activate-live-payment-button:focus {
    outline: none;
}

.__activate-live-payment-button > span {
    width: 108px;
    text-align: left;
}

.__activate-live-payment-button > div {
    background-image: url(data:image/png;base64,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);
    width: 24px;
    min-width: 24px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: auto;
}

.__active-live-payment-badge {
    width: 200px;
    height: 56px;
    padding: 8px 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: 0.2px;
    color: #00C6AE;
    background: #E5FCF9;
    border-radius: 10px;
    border: none;
    transition: background-color 0.2s;
}

.__active-live-payment-badge > svg {
    width: 16px;
    min-width: 16px;
    height: 100%;
    margin-right: 12px;
}

@media (max-width: 1500px) {
    .dashboard-content {
        padding: 32px 48px;
    }
}
html{
  height: 100%;
}
body{
  padding: 0;
  max-width: 100%;
  overflow-x: hidden;
  height: 100%;
}

#root {
  height: 100%;
}

#root >.servicebot-base {
  height: 100%;
}