@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Ubuntu&display=swap');

div.container.acm_pkgApplicationDetails > div:first-of-type {
    box-sizing: border-box;
    border: 1px solid #E0F0F0;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05);
    padding: 20px 50px 0px 50px !important;
}

.container.acm_pkgApplicationDetails::before{
    content: "My Applications";
    color: #015294 !important;
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 26px !important;
    letter-spacing: 0 !important;
    line-height: 64px !important;
    font-weight: normal !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__metricsTitle--2jx8E{
    color: #015294 !important;
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 26px !important;
    letter-spacing: 0 !important;
    line-height: 64px !important;
    font-weight: normal !important;
    margin-bottom: 0px !important;
}

.acm_pkgApplicationDetails .acm.app-detail-footer-title{
    color: #015294 !important;
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 26px !important;
    letter-spacing: 0 !important;
    line-height: 64px !important;
    font-weight: normal !important;
}

.src-components-applicationDetail-applicationDetail-module__applicationDetailName--CQ3KZ{
    margin: 0 !important;
}

.src-components-applicationDetail-applicationDetail-module__title--2L-A6{
    color: #525252 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.src-components-applicationDetail-applicationDetail-module__applicationDetailName--CQ3KZ .src-components-applicationDetail-applicationDetail-module__appName--l3pLI{
    min-width: 0px !important;
    width: 100% !important;
    padding: 14px 0px 14px 17px !important;
    height: 44px !important;
    color: #525252 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 18px !important;
}

.src-components-applicationDetail-applicationDetail-module__appDescription--3qHEL textarea{
    padding: 14px 0px 14px 17px !important;
    height: 44px !important;
    color: #727272 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 18px !important;
}

.src-components-applicationDetail-applicationDetail-module__inputInline--25biW{
    padding: 14px 0px 14px 17px !important;
    height: 44px !important;
    color: #727272 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 18px !important;
}

.container.acm_pkgApplicationDetails{
    margin: 0px !important;
}

.src-components-applicationDetail-applicationDetail-module__appDescription--3qHEL{
    margin-bottom: 0px !important;
}

.src-components-applicationDetail-clientCredentials-clientCredentials-module__clientCredentials--37Bkf{
    box-sizing: border-box !important;
    border: 1px solid #E0F0F0 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05) !important;
}

.src-components-applicationDetail-clientCredentials-clientCredentials-module__clientSecretRow--3GoKr label{
    color: #525252 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.src-components-applicationDetail-clientCredentials-clientCredentials-module__applicationDetailInput--2S__I{
    color: #525252 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
    text-align:  center !important;
    margin: 0px !important;
    width: auto !important;
}

.src-components-applicationDetail-clientCredentials-clientCredentials-module__applicationDetailSecretInput--2HiIY{
    color: #525252 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
    text-align:  center !important;
    margin: 0px !important;
    width: auto !important;
}

.src-components-applicationDetail-clientCredentials-clientCredentials-module__secretButtons--2BO5H{
    border-radius: 6px !important;
    background-color: #037CB7 !important;
    max-width: 85px !important;
    height: 28px !important;
}
.src-components-applicationDetail-clientCredentials-clientCredentials-module__idButtons--3cnFq{
    border-radius: 6px !important;
    background-color: #037CB7 !important;
    max-width: 85px !important;
    height: 28px !important;
}

.src-components-applicationDetail-clientCredentials-clientCredentials-module__copyIcon--WynTV{
    color: #FFFFFF !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    line-height: 19px !important;
}

.comm-page-detail-x0E svg path{
    fill: white !important;
}

.src-components-applicationDetail-clientCredentials-clientCredentials-module__clientSecretRow--3GoKr{
    justify-content: space-between !important;
}

button.src-components-applicationDetail-clientCredentials-clientCredentials-module__resetButton--oJpqb .src-components-applicationDetail-clientCredentials-clientCredentials-module__resetButtonLabel--Ls4S1{
    color: #0187BF !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 18px !important;
}

svg.application-detail-reset-credentials{
    border-radius: 50% !important;
    background-color: #037CB7 !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0px 7px !important;
}

@media screen and (max-width: 425px){
    .application-detail-client-id.src-components-applicationDetail-clientCredentials-clientCredentials-module__clientSecretRow--3GoKr,.application-detail-client-secret.src-components-applicationDetail-clientCredentials-clientCredentials-module__clientSecretRow--3GoKr{
        flex-direction: column;
    }
    .src-components-applicationDetail-clientCredentials-clientCredentials-module__applicationDetailInput--2S__I{
        width: 100% !important;
    }
}

@media screen and (max-width: 1330px){
    div.src-components-applicationDetail-applicationDetail-module__header--1JzCm > div:nth-child(2){
        margin-top: 20px !important;
    }
}

@media screen and (min-width: 1330px){
    div.src-components-applicationDetail-applicationDetail-module__header--1JzCm > div:nth-child(2){
        position: relative;
        bottom: 55px;
    }
    .src-components-applicationDetail-applicationDetail-module__applicationDetailName--CQ3KZ .src-components-applicationDetail-applicationDetail-module__appName--l3pLI{
        width: 537px !important;
    }
}

@media screen and (max-width: 500px){
    .src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__emptyDataMessage--1275S{
        font-size: 12px !important;
    }
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__line--2GQ8b{
    border: 0 !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__graphTypeContainer--3aHRz{
    justify-content: flex-start !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__durationContainer--uOT84 .src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__scale--1ciV_{
    color: #525252 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 18px !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__emptyDataMessage--1275S::before{
    content: "";
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    background-image: url('/s/sfsites/c/resource/community_applicationEdit_assets/images/Metrics.svg');
    background-repeat: no-repeat;
    position: absolute !important;
    top: 72px !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__graphTypeContainer--3aHRz .src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__tab--16lXd{
    color: #525252 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    line-height: 42px !important;
    padding: 0px !important;
    margin-right: 35px !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__graphTypeContainer--3aHRz .DefaultTheme__active___NzVpP{
    color: #015294 !important;
    font-weight: normal !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__graphTypeContainer--3aHRz .DefaultTheme__active___NzVpP::after{
    border-radius: 2px !important;
    background-color: #015294 !important;
    height: 4px !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__durationContainer--uOT84 .src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__tab--16lXd{
    color: #757575 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
    line-height: 18px !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__durationContainer--uOT84 .DefaultTheme__active___NzVpP{
    color: #015294 !important;
    font-weight: bold !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__emptyDataMessage--1275S{
    border: 1px solid #E0F0F0 !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05) !important;
    margin-top: 15px !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__chartContainer--3lbYv{
    padding: 15px !important;
}

.src-components-anypointAnalyticsGraph-anypointAnalyticsGraph__titleContainer--R3Mwr{
    margin-bottom: 0px !important;
}

.src-components-applicationDetailFooter-applicationDetailFooter-module__footer--O0aPe{
    border: 0 !important;
    overflow-x: scroll !important;
}

div.src-components-applicationDetailFooter-applicationDetailFooter-module__footer--O0aPe > table{
    border-collapse: collapse !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05) !important;
}

.src-components-applicationDetailFooter-applicationDetailFooter-module__contractTableHeader--3ST0a{
    background-color: white !important;
    border: 0 !important;
}

tr.app-detail-footer-table-header.src-components-applicationDetailFooter-applicationDetailFooter-module__contractTableHeader--3ST0a > th {
    text-align: center !important;
    color: #015294 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 26px !important;
    font-weight: normal !important;
    width: 25% !important;
    padding: 10px 0px !important;
}

tr.app-detail-footer-api-row.src-components-applicationDetailFooter-environmentRow-enviromentRow-module__apiRow--3A1ez > td {
    text-align: center !important;
    color: #525252 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
}

tr.app-detail-footer-contract-row > td {
    text-align: center !important;
    padding: 6px !important;
    color: #525252 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
}

span.src-components-applicationDetailFooter-contractRow-contractRow-module__tier--p-kRq{
    padding: 0 !important;
}

span.src-components-applicationDetailFooter-environmentRow-enviromentRow-module__apiName--1QWCs{
    margin: 0 !important;
}

td.src-components-applicationDetailFooter-contractRow-contractRow-module__tableCell--W3Fg9.src-components-applicationDetailFooter-applicationDetailFooter-module__approved--1LdTI{
    color: #027E46 !important;
    font-weight: bold !important;
}

td.src-components-applicationDetailFooter-contractRow-contractRow-module__tableCell--W3Fg9.src-components-applicationDetailFooter-applicationDetailFooter-module__pendingApproval--2BX7m{
    color: #525252 !important;
    font-weight: bold !important;
}

td.src-components-applicationDetailFooter-contractRow-contractRow-module__tableCell–W3Fg9.src-components-applicationDetailFooter-applicationDetailFooter-module__rejected–3PEwZ{   
    color: #C23934 !important;
    font-weight: bold !important; 
}

.comm-page-detail-x0E{
    background-position: top -6rem right -40rem;
    background-repeat: no-repeat;
    background-image: url('/s/sfsites/c/resource/community_applicationEdit_assets/images/Background.svg');
}