/** appkit4移行に合わせて汎用クラスを引っ越し **/
:root {
    --theme-color-lighter: #fafafa;
    --theme-color-main: #f5f5f5;
    --theme-color-breadcrumbborder: #eee;
    --theme-color-description: #464646;
    --theme-color-textgray: #333;
    --theme-color-samplecodeicon: #9e9e9e;
    --theme-color-control: #d04a02;
    --theme-color-subscribe: #6b2601;
    --theme-color-light: #fff;
    --theme-color-header: #fff;
    --theme-color-content: #f2f2f2;
    --theme-color-input: #f2f2f2;
    --theme-color-inputbtn: #f2f2f2;
    --theme-color-inputbtnhover: #fff;
    --theme-color-dropdown: #f5f5f5;
    --theme-color-font: #2d2d2d;
    --theme-color-customsortclosebtn: rgba(0,0,0,0.85);
    --theme-color-modal: #fff;
    --theme-color-wrapper: #fbfbfb;
    --theme-color-panel: #fff;
    --theme-color-pagelinkactive: #eee;
    --theme-color-logo: #000;
    --theme-color-logobg: #fff;
    --theme-color-dropicon: #212121;
    --theme-color-chartfont: #666;
    --theme-color-mapbg: hsla(0,0%,100%,0.85);
    --theme-color-hoverfont: #000;
    --theme-color-dprange: #f6dbcb;
    --theme-color-dptoday: #ffe6a2;
    --theme-color-dpother: #eee;
    --theme-color-dptime: #f5f5f5;
    --theme-color-dpcell: #f5f5f5;
    --theme-color-dpcurrent: #2d2d2d;
    --theme-color-filter: #2d2d2d;
    --theme-color-search: #fff;
    --theme-color-link: #d04a02;
    --theme-color-versionbd: #f5f5f5;
    --theme-color-bdgsecondary: #dedede;
    --theme-color-bdglight: #f2f2f2;
    --theme-color-bdgdark: #2d2d2d;
    --theme-color-bdglightfont: #7d7d7d;
    --theme-color-arrow: #9e9e9e;
    --theme-color-arrowbdb: #bdbdbd;
    --theme-color-btnprihover: #d96e34;
    --theme-color-btnpriactive: #a63b01;
    --theme-color-btngray: #eee;
    --theme-color-btngrayhover: #f5f5f5;
    --theme-color-btngrayactive: #e0e0e0;
    --theme-color-btngraytext: #2d2d2d;
    --theme-color-btntrsgrayhover: #eee;
    --theme-color-btngroupgray: #9e9e9e;
    --theme-color-sidebarhover: #f5f5f5;
    --theme-color-btndisablefont: #9e9e9e;
    --theme-color-disableopacity: 1;
    --theme-color-toggledisableon: #feb791;
    --theme-color-toggledisableoff: #e0e0e0;
    --theme-color-checkboxborder: #e0e0e0;
    --theme-color-selectortext: #bdbdbd;
    --theme-color-btndisabletext: #9e9e9e;
    --theme-color-btndisablebg: #eee;
    --theme-color-btndisablenegative: #eee;
    --theme-color-btndisablegray: #eee;
    --theme-color-btndisablesecondaryborder: #e0e0e0;
    --theme-color-btndisablesecondarytext: #bdbdbd;
    --theme-color-btndisablenegativeborder: #e0e0e0;
    --theme-color-btndisablenegativetext: #bdbdbd;
    --theme-color-btndisablegrayborder: #e0e0e0;
    --theme-color-btndisablegraytext: #bdbdbd;
    --theme-color-responsivetabswitchdisable: #e0e0e0;
    --theme-color-editorbg: #fff;
    --theme-color-editorbtn: #fff;
    --theme-color-editorborder: #eee;
    --theme-color-editorbarborder: #9e9e9e;
    --theme-color-editorfont: #2d2d2d;
    --theme-color-editordropdownselectedfont: #000;
    --theme-color-editorhover: #f5f5f5;
    --theme-color-fieldborder: #dedede;
    --theme-color-fieldborderdisable: transparent;
    --theme-color-fieldbutton: #dedede;
    --theme-color-navheader: #fff;
    --theme-color-mdborder: #e8e9e9;
    --theme-color-mdtextdesc: #9e9e9e;
    --theme-color-iconbtn: #9e9e9e;
    --theme-color-ntdefault: #d04a02;
    --theme-color-ntdark: #2d2d2d;
    --theme-color-ntdarkbgsetting: #fafafa;
    --theme-color-ntwarningicon: #2d2d2d;
    --theme-color-ntwarningtimericon: #fff;
    --theme-color-ntalertclosebtn: #9e9e9e;
    --theme-color-ntalertdarkbg: #fafafa;
    --theme-color-ntalertdarkbdg: #2d2d2d;
    --theme-color-ntalertinfobg: #fafafa;
    --theme-color-ntalertinfobdg: #de536f;
    --theme-color-ntalertsucbg: #fafafa;
    --theme-color-ntalertsucbdg: #22992e;
    --theme-color-ntalertwarnbg: #fafafa;
    --theme-color-ntalertwarnbdg: #ffbf1f;
    --theme-color-ntalertwarntxt: #2d2d2d;
    --theme-color-ntalertwarnclosebtn: #9e9e9e;
    --theme-color-ntalerterrorbg: #fafafa;
    --theme-color-ntalerterrorbdg: #c52a1a;
    --theme-color-ntalertbadge: #2d2d2d;
    --theme-color-alinfo: #de536f;
    --theme-color-aldark: #2d2d2d;
    --theme-color-alcircle: #9e9e9e;
    --theme-color-bddark: #2d2d2d;
    --theme-color-pnborder: #dedede;
    --theme-color-headerinput: #f2f2f2;
    --theme-color-headerbd: #eee;
    --theme-color-panelheaderbd: #eee;
    --theme-color-headerbtn: #eee;
    --theme-color-headerbtnhover: #f5f5f5;
    --theme-color-headerbtnactive: #e0e0e0;
    --theme-color-panelbg: #fff;
    --theme-color-panelsubcomponentbkg: #f5f5f5;
    --theme-color-panelwrapper: #f2f2f2;
    --theme-color-paneldark: #fafafa;
    --theme-color-panelnestinginput: #f2f2f2;
    --theme-color-rtyellowstar: #ffb230;
    --theme-color-rtinactive: #e0e0e0;
    --theme-color-rtinactivelight: #f5f5f5;
    --theme-color-rtinactivegray: #d8d8d8;
    --theme-color-rtbargray: #e0e0e0;
    --theme-color-rtbarlight: #f5f5f5;
    --theme-color-rtwhitebg: #fff;
    --theme-color-rtreviewbglight: #fff;
    --theme-color-rtreviewbgdark: #f5f5f5;
    --theme-color-verbox: #fff;
    --theme-color-btnneg: #c62b12;
    --theme-color-btnneghover: #cf4d38;
    --theme-color-btnnegactive: #a6240f;
    --theme-color-btnsechover: rgba(254,238,233,0.5);
    --theme-color-btnsecactive: rgba(253,205,190,0.5);
    --theme-color-btnsecneghover: rgba(221,128,117,0.16);
    --theme-color-btnsecnegactive: rgba(221,128,117,0.31);
    --theme-color-btnsecgray: #9e9e9e;
    --theme-color-btnsecgrayhover: #f5f5f5;
    --theme-color-btnsecgrayactive: #eee;
    --theme-color-btnsecgraytext: #2d2d2d;
    --theme-color-btnfloatloading: #fff;
    --theme-color-tabfont: #9e9e9e;
    --theme-color-tabhover: #2d2d2d;
    --theme-color-tabhoverunderline: #2d2d2d;
    --theme-color-tablehead: #e0e0e0;
    --theme-color-tablecontent: #fff;
    --theme-color-curpage: #f5f5f5;
    --theme-color-pageborder: #dedede;
    --theme-color-pagebg: #fff;
    --theme-color-icon: #2d2d2d;
    --theme-color-draft: #d0d0d0;
    --theme-color-checkbox: #9e9e9e;
    --theme-color-checkboxhover: #9e9e9e;
    --theme-color-filtererror: #d25646;
    --theme-color-filtercomp: #38963c;
    --theme-color-accwrapper: #fff;
    --theme-color-toggleoff: #bdbdbd;
    --theme-color-badgeinfo: #d93954;
    --theme-color-anchor: rgba(0,0,0,0.38);
    --theme-color-comment: #9e9e9e;
    --theme-color-commentsel: #9e9e9e;
    --theme-color-placeholder: #9e9e9e;
    --theme-color-placeholderie: #9e9e9e;
    --theme-color-disableplaceholder: #dedede;
    --theme-color-disableplaceholderie: #dedede;
    --theme-color-dropdownactive: rgba(246,219,203,0.5);
    --theme-color-dropdownhover: #eee;
    --theme-color-headerdropdownhover: rgba(246,219,203,0.5);
    --theme-color-pagecarousel: #bdbdbd;
    --theme-color-slider: #e0e0e0;
    --theme-color-slidergreen: #49ae54;
    --theme-color-sliderred: #c62b12;
    --theme-color-slideryellow: #ffc100;
    --theme-color-sliderpurple: #8052c4;
    --theme-color-accbg: #f5f5f5;
    --theme-color-acchover: #fafafa;
    --theme-color-accgreybg: #eee;
    --theme-color-accbgwithgreybg: #fff;
    --theme-color-breadwithgreybg: #f2f2f2;
    --theme-color-breadcrumbdivider: #e0e0e0;
    --theme-color-paginationpanelbg: #fafafa;
    --theme-color-crumbborder: #e0e0e0;
    --theme-color-tabborder: #f5f5f5;
    --theme-color-tooltip: #2d2d2d;
    --theme-color-sidebar: #fff;
    --theme-color-sidebarborder: #dadce0;
    --theme-color-homepageborder: #f8f8f8;
    --theme-color-filemain: #f5f5f5;
    --theme-color-grayLightC7: #999;
    --theme-color-darkfilepanel: #f5f5f5;
    --theme-color-fileThirdPanel: #fafafa;
    --theme-color-fileFourthPanel: #fff;
    --theme-color-headersOfNavHeader: #fff;
    --theme-color-navigationThirdPanel: #eee;
    --theme-color-navigationhover: #fff;
    --theme-color-uploadSuccessBorder: rgba(0,0,0,0.2);
    --theme-color-filterThirdPanel: #fbfbfb;
    --theme-color-filterDraft: #d0d0d0;
    --theme-color-customizeTooltipText: #dedede;
    --theme-color-sliderEmpty: #e0e0e0;
    --theme-color-deleteIcon: #2d2d2d;
    --theme-color-uploadDrop: #9e9e9e;
    --theme-color-uploadtext: #616161;
    --theme-color-uploaderror: #fff;
    --theme-color-sliderBlueCircle: #25b4f8;
    --theme-color-sliderPurpleCircle: #8052c4;
    --theme-color-table2nLine: #f5f5f5;
    --theme-color-tablebodyregular: #fff;
    --theme-color-tablehovertext: #2d2d2d;
    --theme-color-landingborder: #d8d8d8;
    --theme-color-landingtitle: #212121;
    --theme-color-landingdescription: #313131;
    --theme-color-modallistborder: #eee;
    --theme-color-modalinputfocus: #fff;
    --theme-color-reviewinputfocus: #fff;
    --theme-color-darkorange: #2d2d2d;
    --theme-color-listgreybg: #f2f2f2;
    --theme-color-listwithgreybg: #fff;
    --theme-color-samplecodebox: #f5f2f0;
    --theme-color-samplecodeshadow: #fff;
    --theme-color-getStartBannerNotice: #ffecbd;
    --theme-color-progressopacity: .3;
    --theme-color-progressactive: #fff;
    --theme-color-sliderrangedefault: #f6dbcb;
    --theme-color-progressidle: #d8d8d8;
    --theme-color-progresstext: #999;
    --theme-color-progressbefore: #e39267;
    --theme-color-progressindicator: #9e9e9e;
    --theme-color-listopacity: .5;
    --theme-color-listdescription: #2d2d2d;
    --theme-color-purewhite: #fff;
    --theme-color-subtitle: #9e9e9e
}
:root {
    --theme-color-ffb230: #ffb230;
    --theme-color-e0e0e0: #e0e0e0;
    --theme-color-ffffff: var(--theme-color-purewhite);
    --theme-color-2d2d2d: #2d2d2d;
    --theme-color-9e9e9e: #9e9e9e;
    --theme-color-888888: #888;
    --theme-color-646464: #646464;
    --theme-color-d8d8d8: #d8d8d8;
    --theme-color-38963c: #38963c;
    --theme-color-ffbf1f: #ffbf1f;
    --theme-color-d25646: #d25646;
    --theme-color-d0d0d0: #d0d0d0
}

/** reset **/
* {
    vertical-align: baseline;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    border: 0
}
html {
  scroll-behavior: smooth;
}

html, body {
  height: 100%;
}

body {
  font-size: 0.875rem;
  line-height: 2;
}

*,dd,dl,dt,li,ul {
    padding: 0;
    margin: 0
}

dd,dl,dt,li,ul {
    list-style: none
}

table {
  border-collapse: collapse;
}

/** ユーティリティ **/
.hidden {
    display: none;
}

.overflow-wrap-anywhere{
    overflow-wrap: anywhere;
}

/** sizing **/
.w-50 {width:50%!important;}
.w-75 {width:75%!important;}
.w-100 {width:100%!important;}
.h-100 {height:100%!important;}

/** text-algign **/
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center !important;}

/** color **/
.a-text-ded {
    color: #dedede!important
}

.a-border-ded {
    border-color: #dedede!important
}

.a-bg-ded {
    background-color: #dedede!important
}

.a-text-primary {
    color: var(--theme-color-control)!important
}



.a-border-primary {
    border-color: var(--theme-color-control)!important
}

.a-bg-primary {
    background-color: var(--theme-color-control)!important
}

.a-text-secondary {
    color: #6c757d!important
}

.a-border-secondary {
    border-color: #e0e0e0!important
}

.a-bg-secondary {
    background-color: #e0e0e0!important
}

.a-text-success {
    color: #22992e!important
}

.a-border-success {
    border-color: #22992e!important
}

.a-bg-success {
    background-color: #22992e!important
}

.a-text-danger {
    color: #c52a1a!important
}

.a-border-danger {
    border-color: #c52a1a!important
}

.a-bg-danger {
    background-color: #c52a1a!important
}

.a-text-warning {
    color: #ffbf1f!important
}

.a-border-warning {
    border-color: #ffbf1f!important
}

.a-bg-warning {
    background-color: #ffbf1f!important
}

.a-text-info {
    color: #de536f!important
}

.a-border-info {
    border-color: #de536f!important
}

.a-bg-info {
    background-color: #de536f!important
}

.a-text-light {
    color: var(--theme-color-content)!important
}

.a-border-light {
    border-color: var(--theme-color-content)!important
}

.a-bg-light {
    background-color: var(--theme-color-content)!important
}

.a-text-dark {
    color: var(--theme-color-font)!important
}

.a-border-dark {
    border-color: var(--theme-color-font)!important
}

.a-bg-dark {
    background-color: var(--theme-color-font)!important
}

.a-text-black {
    color: #000!important
}

.a-border-black {
    border-color: #000!important
}

.a-bg-black {
    background-color: #000!important
}

.a-text-white {
    color: var(--theme-color-light)!important
}

.a-border-white {
    border-color: var(--theme-color-light)!important
}

.a-bg-white {
    background-color: var(--theme-color-light)!important
}

.a-bg-grey-light {
    background-color: #dedede !important;
}
.a-bg-grey-lighter {
    background-color: var(--theme-color-input) !important;
}

.a-cursor-pointer {
    cursor: pointer!important
}

.a-cursor-default {
    cursor: default!important
}

.a-text-underline {
    text-decoration: underline!important
}

.a-text-decoration-none,.text-decoration-none {
    text-decoration: none!important
}

/** spacing **/
.a-m-5 {
    margin: .3125rem!important
}

.a-mx-5 {
    margin-left: .3125rem!important;
    margin-right: .3125rem!important
}

.a-my-5 {
    margin-top: .3125rem!important;
    margin-bottom: .3125rem!important
}

.a-ml-5 {
    margin-left: .3125rem!important
}

.a-mt-5 {
    margin-top: .3125rem!important
}

.a-mr-5 {
    margin-right: .3125rem!important
}

.a-mb-5 {
    margin-bottom: .3125rem!important
}

.a-p-5 {
    padding: .3125rem!important
}

.a-px-5 {
    padding-left: .3125rem!important;
    padding-right: .3125rem!important
}

.a-py-5 {
    padding-top: .3125rem!important;
    padding-bottom: .3125rem!important
}

.a-pl-5 {
    padding-left: .3125rem!important
}

.a-pt-5 {
    padding-top: .3125rem!important
}

.a-pr-5 {
    padding-right: .3125rem!important
}

.a-pb-5 {
    padding-bottom: .3125rem!important
}

@media (min-width: 36rem) {
    .a-m-sm-5 {
        margin:.3125rem!important
    }

    .a-mx-sm-5 {
        margin-left: .3125rem!important;
        margin-right: .3125rem!important
    }

    .a-my-sm-5 {
        margin-top: .3125rem!important;
        margin-bottom: .3125rem!important
    }

    .a-ml-sm-5 {
        margin-left: .3125rem!important
    }

    .a-mt-sm-5 {
        margin-top: .3125rem!important
    }

    .a-mr-sm-5 {
        margin-right: .3125rem!important
    }

    .a-mb-sm-5 {
        margin-bottom: .3125rem!important
    }

    .a-p-sm-5 {
        padding: .3125rem!important
    }

    .a-px-sm-5 {
        padding-left: .3125rem!important;
        padding-right: .3125rem!important
    }

    .a-py-sm-5 {
        padding-top: .3125rem!important;
        padding-bottom: .3125rem!important
    }

    .a-pl-sm-5 {
        padding-left: .3125rem!important
    }

    .a-pt-sm-5 {
        padding-top: .3125rem!important
    }

    .a-pr-sm-5 {
        padding-right: .3125rem!important
    }

    .a-pb-sm-5 {
        padding-bottom: .3125rem!important
    }
}

@media (min-width: 48rem) {
    .a-m-md-5 {
        margin:.3125rem!important
    }

    .a-mx-md-5 {
        margin-left: .3125rem!important;
        margin-right: .3125rem!important
    }

    .a-my-md-5 {
        margin-top: .3125rem!important;
        margin-bottom: .3125rem!important
    }

    .a-ml-md-5 {
        margin-left: .3125rem!important
    }

    .a-mt-md-5 {
        margin-top: .3125rem!important
    }

    .a-mr-md-5 {
        margin-right: .3125rem!important
    }

    .a-mb-md-5 {
        margin-bottom: .3125rem!important
    }

    .a-p-md-5 {
        padding: .3125rem!important
    }

    .a-px-md-5 {
        padding-left: .3125rem!important;
        padding-right: .3125rem!important
    }

    .a-py-md-5 {
        padding-top: .3125rem!important;
        padding-bottom: .3125rem!important
    }

    .a-pl-md-5 {
        padding-left: .3125rem!important
    }

    .a-pt-md-5 {
        padding-top: .3125rem!important
    }

    .a-pr-md-5 {
        padding-right: .3125rem!important
    }

    .a-pb-md-5 {
        padding-bottom: .3125rem!important
    }
}

@media (min-width: 62rem) {
    .a-m-lg-5 {
        margin:.3125rem!important
    }

    .a-mx-lg-5 {
        margin-left: .3125rem!important;
        margin-right: .3125rem!important
    }

    .a-my-lg-5 {
        margin-top: .3125rem!important;
        margin-bottom: .3125rem!important
    }

    .a-ml-lg-5 {
        margin-left: .3125rem!important
    }

    .a-mt-lg-5 {
        margin-top: .3125rem!important
    }

    .a-mr-lg-5 {
        margin-right: .3125rem!important
    }

    .a-mb-lg-5 {
        margin-bottom: .3125rem!important
    }

    .a-p-lg-5 {
        padding: .3125rem!important
    }

    .a-px-lg-5 {
        padding-left: .3125rem!important;
        padding-right: .3125rem!important
    }

    .a-py-lg-5 {
        padding-top: .3125rem!important;
        padding-bottom: .3125rem!important
    }

    .a-pl-lg-5 {
        padding-left: .3125rem!important
    }

    .a-pt-lg-5 {
        padding-top: .3125rem!important
    }

    .a-pr-lg-5 {
        padding-right: .3125rem!important
    }

    .a-pb-lg-5 {
        padding-bottom: .3125rem!important
    }
}

@media (min-width: 75rem) {
    .a-m-xl-5 {
        margin:.3125rem!important
    }

    .a-mx-xl-5 {
        margin-left: .3125rem!important;
        margin-right: .3125rem!important
    }

    .a-my-xl-5 {
        margin-top: .3125rem!important;
        margin-bottom: .3125rem!important
    }

    .a-ml-xl-5 {
        margin-left: .3125rem!important
    }

    .a-mt-xl-5 {
        margin-top: .3125rem!important
    }

    .a-mr-xl-5 {
        margin-right: .3125rem!important
    }

    .a-mb-xl-5 {
        margin-bottom: .3125rem!important
    }

    .a-p-xl-5 {
        padding: .3125rem!important
    }

    .a-px-xl-5 {
        padding-left: .3125rem!important;
        padding-right: .3125rem!important
    }

    .a-py-xl-5 {
        padding-top: .3125rem!important;
        padding-bottom: .3125rem!important
    }

    .a-pl-xl-5 {
        padding-left: .3125rem!important
    }

    .a-pt-xl-5 {
        padding-top: .3125rem!important
    }

    .a-pr-xl-5 {
        padding-right: .3125rem!important
    }

    .a-pb-xl-5 {
        padding-bottom: .3125rem!important
    }
}

.a-m-8 {
    margin: .5rem!important
}

.a-mx-8 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}

.a-my-8 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.a-ml-8 {
    margin-left: .5rem!important
}

.a-mt-8 {
    margin-top: .5rem!important
}

.a-mr-8 {
    margin-right: .5rem!important
}

.a-mb-8 {
    margin-bottom: .5rem!important
}

.a-p-8 {
    padding: .5rem!important
}

.a-px-8 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}

.a-py-8 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.a-pl-8 {
    padding-left: .5rem!important
}

.a-pt-8 {
    padding-top: .5rem!important
}

.a-pr-8 {
    padding-right: .5rem!important
}

.a-pb-8 {
    padding-bottom: .5rem!important
}

@media (min-width: 36rem) {
    .a-m-sm-8 {
        margin:.5rem!important
    }

    .a-mx-sm-8 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .a-my-sm-8 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .a-ml-sm-8 {
        margin-left: .5rem!important
    }

    .a-mt-sm-8 {
        margin-top: .5rem!important
    }

    .a-mr-sm-8 {
        margin-right: .5rem!important
    }

    .a-mb-sm-8 {
        margin-bottom: .5rem!important
    }

    .a-p-sm-8 {
        padding: .5rem!important
    }

    .a-px-sm-8 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .a-py-sm-8 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .a-pl-sm-8 {
        padding-left: .5rem!important
    }

    .a-pt-sm-8 {
        padding-top: .5rem!important
    }

    .a-pr-sm-8 {
        padding-right: .5rem!important
    }

    .a-pb-sm-8 {
        padding-bottom: .5rem!important
    }
}

@media (min-width: 48rem) {
    .a-m-md-8 {
        margin:.5rem!important
    }

    .a-mx-md-8 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .a-my-md-8 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .a-ml-md-8 {
        margin-left: .5rem!important
    }

    .a-mt-md-8 {
        margin-top: .5rem!important
    }

    .a-mr-md-8 {
        margin-right: .5rem!important
    }

    .a-mb-md-8 {
        margin-bottom: .5rem!important
    }

    .a-p-md-8 {
        padding: .5rem!important
    }

    .a-px-md-8 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .a-py-md-8 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .a-pl-md-8 {
        padding-left: .5rem!important
    }

    .a-pt-md-8 {
        padding-top: .5rem!important
    }

    .a-pr-md-8 {
        padding-right: .5rem!important
    }

    .a-pb-md-8 {
        padding-bottom: .5rem!important
    }
}

@media (min-width: 62rem) {
    .a-m-lg-8 {
        margin:.5rem!important
    }

    .a-mx-lg-8 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .a-my-lg-8 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .a-ml-lg-8 {
        margin-left: .5rem!important
    }

    .a-mt-lg-8 {
        margin-top: .5rem!important
    }

    .a-mr-lg-8 {
        margin-right: .5rem!important
    }

    .a-mb-lg-8 {
        margin-bottom: .5rem!important
    }

    .a-p-lg-8 {
        padding: .5rem!important
    }

    .a-px-lg-8 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .a-py-lg-8 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .a-pl-lg-8 {
        padding-left: .5rem!important
    }

    .a-pt-lg-8 {
        padding-top: .5rem!important
    }

    .a-pr-lg-8 {
        padding-right: .5rem!important
    }

    .a-pb-lg-8 {
        padding-bottom: .5rem!important
    }
}

@media (min-width: 75rem) {
    .a-m-xl-8 {
        margin:.5rem!important
    }

    .a-mx-xl-8 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .a-my-xl-8 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .a-ml-xl-8 {
        margin-left: .5rem!important
    }

    .a-mt-xl-8 {
        margin-top: .5rem!important
    }

    .a-mr-xl-8 {
        margin-right: .5rem!important
    }

    .a-mb-xl-8 {
        margin-bottom: .5rem!important
    }

    .a-p-xl-8 {
        padding: .5rem!important
    }

    .a-px-xl-8 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .a-py-xl-8 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .a-pl-xl-8 {
        padding-left: .5rem!important
    }

    .a-pt-xl-8 {
        padding-top: .5rem!important
    }

    .a-pr-xl-8 {
        padding-right: .5rem!important
    }

    .a-pb-xl-8 {
        padding-bottom: .5rem!important
    }
}

.a-m-10 {
    margin: .625rem!important
}

.a-mx-10 {
    margin-left: .625rem!important;
    margin-right: .625rem!important
}

.a-my-10 {
    margin-top: .625rem!important;
    margin-bottom: .625rem!important
}

.a-ml-10 {
    margin-left: .625rem!important
}

.a-mt-10 {
    margin-top: .625rem!important
}

.a-mr-10 {
    margin-right: .625rem!important
}

.a-mb-10 {
    margin-bottom: .625rem!important
}

.a-p-10 {
    padding: .625rem!important
}

.a-px-10 {
    padding-left: .625rem!important;
    padding-right: .625rem!important
}

.a-py-10 {
    padding-top: .625rem!important;
    padding-bottom: .625rem!important
}

.a-pl-10 {
    padding-left: .625rem!important
}

.a-pt-10 {
    padding-top: .625rem!important
}

.a-pr-10 {
    padding-right: .625rem!important
}

.a-pb-10 {
    padding-bottom: .625rem!important
}

@media (min-width: 36rem) {
    .a-m-sm-10 {
        margin:.625rem!important
    }

    .a-mx-sm-10 {
        margin-left: .625rem!important;
        margin-right: .625rem!important
    }

    .a-my-sm-10 {
        margin-top: .625rem!important;
        margin-bottom: .625rem!important
    }

    .a-ml-sm-10 {
        margin-left: .625rem!important
    }

    .a-mt-sm-10 {
        margin-top: .625rem!important
    }

    .a-mr-sm-10 {
        margin-right: .625rem!important
    }

    .a-mb-sm-10 {
        margin-bottom: .625rem!important
    }

    .a-p-sm-10 {
        padding: .625rem!important
    }

    .a-px-sm-10 {
        padding-left: .625rem!important;
        padding-right: .625rem!important
    }

    .a-py-sm-10 {
        padding-top: .625rem!important;
        padding-bottom: .625rem!important
    }

    .a-pl-sm-10 {
        padding-left: .625rem!important
    }

    .a-pt-sm-10 {
        padding-top: .625rem!important
    }

    .a-pr-sm-10 {
        padding-right: .625rem!important
    }

    .a-pb-sm-10 {
        padding-bottom: .625rem!important
    }
}

@media (min-width: 48rem) {
    .a-m-md-10 {
        margin:.625rem!important
    }

    .a-mx-md-10 {
        margin-left: .625rem!important;
        margin-right: .625rem!important
    }

    .a-my-md-10 {
        margin-top: .625rem!important;
        margin-bottom: .625rem!important
    }

    .a-ml-md-10 {
        margin-left: .625rem!important
    }

    .a-mt-md-10 {
        margin-top: .625rem!important
    }

    .a-mr-md-10 {
        margin-right: .625rem!important
    }

    .a-mb-md-10 {
        margin-bottom: .625rem!important
    }

    .a-p-md-10 {
        padding: .625rem!important
    }

    .a-px-md-10 {
        padding-left: .625rem!important;
        padding-right: .625rem!important
    }

    .a-py-md-10 {
        padding-top: .625rem!important;
        padding-bottom: .625rem!important
    }

    .a-pl-md-10 {
        padding-left: .625rem!important
    }

    .a-pt-md-10 {
        padding-top: .625rem!important
    }

    .a-pr-md-10 {
        padding-right: .625rem!important
    }

    .a-pb-md-10 {
        padding-bottom: .625rem!important
    }
}

@media (min-width: 62rem) {
    .a-m-lg-10 {
        margin:.625rem!important
    }

    .a-mx-lg-10 {
        margin-left: .625rem!important;
        margin-right: .625rem!important
    }

    .a-my-lg-10 {
        margin-top: .625rem!important;
        margin-bottom: .625rem!important
    }

    .a-ml-lg-10 {
        margin-left: .625rem!important
    }

    .a-mt-lg-10 {
        margin-top: .625rem!important
    }

    .a-mr-lg-10 {
        margin-right: .625rem!important
    }

    .a-mb-lg-10 {
        margin-bottom: .625rem!important
    }

    .a-p-lg-10 {
        padding: .625rem!important
    }

    .a-px-lg-10 {
        padding-left: .625rem!important;
        padding-right: .625rem!important
    }

    .a-py-lg-10 {
        padding-top: .625rem!important;
        padding-bottom: .625rem!important
    }

    .a-pl-lg-10 {
        padding-left: .625rem!important
    }

    .a-pt-lg-10 {
        padding-top: .625rem!important
    }

    .a-pr-lg-10 {
        padding-right: .625rem!important
    }

    .a-pb-lg-10 {
        padding-bottom: .625rem!important
    }
}

@media (min-width: 75rem) {
    .a-m-xl-10 {
        margin:.625rem!important
    }

    .a-mx-xl-10 {
        margin-left: .625rem!important;
        margin-right: .625rem!important
    }

    .a-my-xl-10 {
        margin-top: .625rem!important;
        margin-bottom: .625rem!important
    }

    .a-ml-xl-10 {
        margin-left: .625rem!important
    }

    .a-mt-xl-10 {
        margin-top: .625rem!important
    }

    .a-mr-xl-10 {
        margin-right: .625rem!important
    }

    .a-mb-xl-10 {
        margin-bottom: .625rem!important
    }

    .a-p-xl-10 {
        padding: .625rem!important
    }

    .a-px-xl-10 {
        padding-left: .625rem!important;
        padding-right: .625rem!important
    }

    .a-py-xl-10 {
        padding-top: .625rem!important;
        padding-bottom: .625rem!important
    }

    .a-pl-xl-10 {
        padding-left: .625rem!important
    }

    .a-pt-xl-10 {
        padding-top: .625rem!important
    }

    .a-pr-xl-10 {
        padding-right: .625rem!important
    }

    .a-pb-xl-10 {
        padding-bottom: .625rem!important
    }
}

.a-m-12 {
    margin: .75rem!important
}

.a-mx-12 {
    margin-left: .75rem!important;
    margin-right: .75rem!important
}

.a-my-12 {
    margin-top: .75rem!important;
    margin-bottom: .75rem!important
}

.a-ml-12 {
    margin-left: .75rem!important
}

.a-mt-12 {
    margin-top: .75rem!important
}

.a-mr-12 {
    margin-right: .75rem!important
}

.a-mb-12 {
    margin-bottom: .75rem!important
}

.a-p-12 {
    padding: .75rem!important
}

.a-px-12 {
    padding-left: .75rem!important;
    padding-right: .75rem!important
}

.a-py-12 {
    padding-top: .75rem!important;
    padding-bottom: .75rem!important
}

.a-pl-12 {
    padding-left: .75rem!important
}

.a-pt-12 {
    padding-top: .75rem!important
}

.a-pr-12 {
    padding-right: .75rem!important
}

.a-pb-12 {
    padding-bottom: .75rem!important
}

@media (min-width: 36rem) {
    .a-m-sm-12 {
        margin:.75rem!important
    }

    .a-mx-sm-12 {
        margin-left: .75rem!important;
        margin-right: .75rem!important
    }

    .a-my-sm-12 {
        margin-top: .75rem!important;
        margin-bottom: .75rem!important
    }

    .a-ml-sm-12 {
        margin-left: .75rem!important
    }

    .a-mt-sm-12 {
        margin-top: .75rem!important
    }

    .a-mr-sm-12 {
        margin-right: .75rem!important
    }

    .a-mb-sm-12 {
        margin-bottom: .75rem!important
    }

    .a-p-sm-12 {
        padding: .75rem!important
    }

    .a-px-sm-12 {
        padding-left: .75rem!important;
        padding-right: .75rem!important
    }

    .a-py-sm-12 {
        padding-top: .75rem!important;
        padding-bottom: .75rem!important
    }

    .a-pl-sm-12 {
        padding-left: .75rem!important
    }

    .a-pt-sm-12 {
        padding-top: .75rem!important
    }

    .a-pr-sm-12 {
        padding-right: .75rem!important
    }

    .a-pb-sm-12 {
        padding-bottom: .75rem!important
    }
}

@media (min-width: 48rem) {
    .a-m-md-12 {
        margin:.75rem!important
    }

    .a-mx-md-12 {
        margin-left: .75rem!important;
        margin-right: .75rem!important
    }

    .a-my-md-12 {
        margin-top: .75rem!important;
        margin-bottom: .75rem!important
    }

    .a-ml-md-12 {
        margin-left: .75rem!important
    }

    .a-mt-md-12 {
        margin-top: .75rem!important
    }

    .a-mr-md-12 {
        margin-right: .75rem!important
    }

    .a-mb-md-12 {
        margin-bottom: .75rem!important
    }

    .a-p-md-12 {
        padding: .75rem!important
    }

    .a-px-md-12 {
        padding-left: .75rem!important;
        padding-right: .75rem!important
    }

    .a-py-md-12 {
        padding-top: .75rem!important;
        padding-bottom: .75rem!important
    }

    .a-pl-md-12 {
        padding-left: .75rem!important
    }

    .a-pt-md-12 {
        padding-top: .75rem!important
    }

    .a-pr-md-12 {
        padding-right: .75rem!important
    }

    .a-pb-md-12 {
        padding-bottom: .75rem!important
    }
}

@media (min-width: 62rem) {
    .a-m-lg-12 {
        margin:.75rem!important
    }

    .a-mx-lg-12 {
        margin-left: .75rem!important;
        margin-right: .75rem!important
    }

    .a-my-lg-12 {
        margin-top: .75rem!important;
        margin-bottom: .75rem!important
    }

    .a-ml-lg-12 {
        margin-left: .75rem!important
    }

    .a-mt-lg-12 {
        margin-top: .75rem!important
    }

    .a-mr-lg-12 {
        margin-right: .75rem!important
    }

    .a-mb-lg-12 {
        margin-bottom: .75rem!important
    }

    .a-p-lg-12 {
        padding: .75rem!important
    }

    .a-px-lg-12 {
        padding-left: .75rem!important;
        padding-right: .75rem!important
    }

    .a-py-lg-12 {
        padding-top: .75rem!important;
        padding-bottom: .75rem!important
    }

    .a-pl-lg-12 {
        padding-left: .75rem!important
    }

    .a-pt-lg-12 {
        padding-top: .75rem!important
    }

    .a-pr-lg-12 {
        padding-right: .75rem!important
    }

    .a-pb-lg-12 {
        padding-bottom: .75rem!important
    }
}

@media (min-width: 75rem) {
    .a-m-xl-12 {
        margin:.75rem!important
    }

    .a-mx-xl-12 {
        margin-left: .75rem!important;
        margin-right: .75rem!important
    }

    .a-my-xl-12 {
        margin-top: .75rem!important;
        margin-bottom: .75rem!important
    }

    .a-ml-xl-12 {
        margin-left: .75rem!important
    }

    .a-mt-xl-12 {
        margin-top: .75rem!important
    }

    .a-mr-xl-12 {
        margin-right: .75rem!important
    }

    .a-mb-xl-12 {
        margin-bottom: .75rem!important
    }

    .a-p-xl-12 {
        padding: .75rem!important
    }

    .a-px-xl-12 {
        padding-left: .75rem!important;
        padding-right: .75rem!important
    }

    .a-py-xl-12 {
        padding-top: .75rem!important;
        padding-bottom: .75rem!important
    }

    .a-pl-xl-12 {
        padding-left: .75rem!important
    }

    .a-pt-xl-12 {
        padding-top: .75rem!important
    }

    .a-pr-xl-12 {
        padding-right: .75rem!important
    }

    .a-pb-xl-12 {
        padding-bottom: .75rem!important
    }
}

.a-m-20 {
    margin: 1.25rem!important
}

.a-mx-20 {
    margin-left: 1.25rem!important;
    margin-right: 1.25rem!important
}

.a-my-20 {
    margin-top: 1.25rem!important;
    margin-bottom: 1.25rem!important
}

.a-ml-20 {
    margin-left: 1.25rem!important
}

.a-mt-20 {
    margin-top: 1.25rem!important
}

.a-mr-20 {
    margin-right: 1.25rem!important
}

.a-mb-20 {
    margin-bottom: 1.25rem!important
}

.a-p-20 {
    padding: 1.25rem!important
}

.a-px-20 {
    padding-left: 1.25rem!important;
    padding-right: 1.25rem!important
}

.a-py-20 {
    padding-top: 1.25rem!important;
    padding-bottom: 1.25rem!important
}

.a-pl-20 {
    padding-left: 1.25rem!important
}

.a-pt-20 {
    padding-top: 1.25rem!important
}

.a-pr-20 {
    padding-right: 1.25rem!important
}

.a-pb-20 {
    padding-bottom: 1.25rem!important
}

@media (min-width: 36rem) {
    .a-m-sm-20 {
        margin:1.25rem!important
    }

    .a-mx-sm-20 {
        margin-left: 1.25rem!important;
        margin-right: 1.25rem!important
    }

    .a-my-sm-20 {
        margin-top: 1.25rem!important;
        margin-bottom: 1.25rem!important
    }

    .a-ml-sm-20 {
        margin-left: 1.25rem!important
    }

    .a-mt-sm-20 {
        margin-top: 1.25rem!important
    }

    .a-mr-sm-20 {
        margin-right: 1.25rem!important
    }

    .a-mb-sm-20 {
        margin-bottom: 1.25rem!important
    }

    .a-p-sm-20 {
        padding: 1.25rem!important
    }

    .a-px-sm-20 {
        padding-left: 1.25rem!important;
        padding-right: 1.25rem!important
    }

    .a-py-sm-20 {
        padding-top: 1.25rem!important;
        padding-bottom: 1.25rem!important
    }

    .a-pl-sm-20 {
        padding-left: 1.25rem!important
    }

    .a-pt-sm-20 {
        padding-top: 1.25rem!important
    }

    .a-pr-sm-20 {
        padding-right: 1.25rem!important
    }

    .a-pb-sm-20 {
        padding-bottom: 1.25rem!important
    }
}

@media (min-width: 48rem) {
    .a-m-md-20 {
        margin:1.25rem!important
    }

    .a-mx-md-20 {
        margin-left: 1.25rem!important;
        margin-right: 1.25rem!important
    }

    .a-my-md-20 {
        margin-top: 1.25rem!important;
        margin-bottom: 1.25rem!important
    }

    .a-ml-md-20 {
        margin-left: 1.25rem!important
    }

    .a-mt-md-20 {
        margin-top: 1.25rem!important
    }

    .a-mr-md-20 {
        margin-right: 1.25rem!important
    }

    .a-mb-md-20 {
        margin-bottom: 1.25rem!important
    }

    .a-p-md-20 {
        padding: 1.25rem!important
    }

    .a-px-md-20 {
        padding-left: 1.25rem!important;
        padding-right: 1.25rem!important
    }

    .a-py-md-20 {
        padding-top: 1.25rem!important;
        padding-bottom: 1.25rem!important
    }

    .a-pl-md-20 {
        padding-left: 1.25rem!important
    }

    .a-pt-md-20 {
        padding-top: 1.25rem!important
    }

    .a-pr-md-20 {
        padding-right: 1.25rem!important
    }

    .a-pb-md-20 {
        padding-bottom: 1.25rem!important
    }
}

@media (min-width: 62rem) {
    .a-m-lg-20 {
        margin:1.25rem!important
    }

    .a-mx-lg-20 {
        margin-left: 1.25rem!important;
        margin-right: 1.25rem!important
    }

    .a-my-lg-20 {
        margin-top: 1.25rem!important;
        margin-bottom: 1.25rem!important
    }

    .a-ml-lg-20 {
        margin-left: 1.25rem!important
    }

    .a-mt-lg-20 {
        margin-top: 1.25rem!important
    }

    .a-mr-lg-20 {
        margin-right: 1.25rem!important
    }

    .a-mb-lg-20 {
        margin-bottom: 1.25rem!important
    }

    .a-p-lg-20 {
        padding: 1.25rem!important
    }

    .a-px-lg-20 {
        padding-left: 1.25rem!important;
        padding-right: 1.25rem!important
    }

    .a-py-lg-20 {
        padding-top: 1.25rem!important;
        padding-bottom: 1.25rem!important
    }

    .a-pl-lg-20 {
        padding-left: 1.25rem!important
    }

    .a-pt-lg-20 {
        padding-top: 1.25rem!important
    }

    .a-pr-lg-20 {
        padding-right: 1.25rem!important
    }

    .a-pb-lg-20 {
        padding-bottom: 1.25rem!important
    }
}

@media (min-width: 75rem) {
    .a-m-xl-20 {
        margin:1.25rem!important
    }

    .a-mx-xl-20 {
        margin-left: 1.25rem!important;
        margin-right: 1.25rem!important
    }

    .a-my-xl-20 {
        margin-top: 1.25rem!important;
        margin-bottom: 1.25rem!important
    }

    .a-ml-xl-20 {
        margin-left: 1.25rem!important
    }

    .a-mt-xl-20 {
        margin-top: 1.25rem!important
    }

    .a-mr-xl-20 {
        margin-right: 1.25rem!important
    }

    .a-mb-xl-20 {
        margin-bottom: 1.25rem!important
    }

    .a-p-xl-20 {
        padding: 1.25rem!important
    }

    .a-px-xl-20 {
        padding-left: 1.25rem!important;
        padding-right: 1.25rem!important
    }

    .a-py-xl-20 {
        padding-top: 1.25rem!important;
        padding-bottom: 1.25rem!important
    }

    .a-pl-xl-20 {
        padding-left: 1.25rem!important
    }

    .a-pt-xl-20 {
        padding-top: 1.25rem!important
    }

    .a-pr-xl-20 {
        padding-right: 1.25rem!important
    }

    .a-pb-xl-20 {
        padding-bottom: 1.25rem!important
    }
}

.a-m-30 {
    margin: 1.875rem!important
}

.a-mx-30 {
    margin-left: 1.875rem!important;
    margin-right: 1.875rem!important
}

.a-my-30 {
    margin-top: 1.875rem!important;
    margin-bottom: 1.875rem!important
}

.a-ml-30 {
    margin-left: 1.875rem!important
}

.a-mt-30 {
    margin-top: 1.875rem!important
}

.a-mr-30 {
    margin-right: 1.875rem!important
}

.a-mb-30 {
    margin-bottom: 1.875rem!important
}

.a-p-30 {
    padding: 1.875rem!important
}

.a-px-30 {
    padding-left: 1.875rem!important;
    padding-right: 1.875rem!important
}

.a-py-30 {
    padding-top: 1.875rem!important;
    padding-bottom: 1.875rem!important
}

.a-pl-30 {
    padding-left: 1.875rem!important
}

.a-pt-30 {
    padding-top: 1.875rem!important
}

.a-pr-30 {
    padding-right: 1.875rem!important
}

.a-pb-30 {
    padding-bottom: 1.875rem!important
}

@media (min-width: 36rem) {
    .a-m-sm-30 {
        margin:1.875rem!important
    }

    .a-mx-sm-30 {
        margin-left: 1.875rem!important;
        margin-right: 1.875rem!important
    }

    .a-my-sm-30 {
        margin-top: 1.875rem!important;
        margin-bottom: 1.875rem!important
    }

    .a-ml-sm-30 {
        margin-left: 1.875rem!important
    }

    .a-mt-sm-30 {
        margin-top: 1.875rem!important
    }

    .a-mr-sm-30 {
        margin-right: 1.875rem!important
    }

    .a-mb-sm-30 {
        margin-bottom: 1.875rem!important
    }

    .a-p-sm-30 {
        padding: 1.875rem!important
    }

    .a-px-sm-30 {
        padding-left: 1.875rem!important;
        padding-right: 1.875rem!important
    }

    .a-py-sm-30 {
        padding-top: 1.875rem!important;
        padding-bottom: 1.875rem!important
    }

    .a-pl-sm-30 {
        padding-left: 1.875rem!important
    }

    .a-pt-sm-30 {
        padding-top: 1.875rem!important
    }

    .a-pr-sm-30 {
        padding-right: 1.875rem!important
    }

    .a-pb-sm-30 {
        padding-bottom: 1.875rem!important
    }
}

@media (min-width: 48rem) {
    .a-m-md-30 {
        margin:1.875rem!important
    }

    .a-mx-md-30 {
        margin-left: 1.875rem!important;
        margin-right: 1.875rem!important
    }

    .a-my-md-30 {
        margin-top: 1.875rem!important;
        margin-bottom: 1.875rem!important
    }

    .a-ml-md-30 {
        margin-left: 1.875rem!important
    }

    .a-mt-md-30 {
        margin-top: 1.875rem!important
    }

    .a-mr-md-30 {
        margin-right: 1.875rem!important
    }

    .a-mb-md-30 {
        margin-bottom: 1.875rem!important
    }

    .a-p-md-30 {
        padding: 1.875rem!important
    }

    .a-px-md-30 {
        padding-left: 1.875rem!important;
        padding-right: 1.875rem!important
    }

    .a-py-md-30 {
        padding-top: 1.875rem!important;
        padding-bottom: 1.875rem!important
    }

    .a-pl-md-30 {
        padding-left: 1.875rem!important
    }

    .a-pt-md-30 {
        padding-top: 1.875rem!important
    }

    .a-pr-md-30 {
        padding-right: 1.875rem!important
    }

    .a-pb-md-30 {
        padding-bottom: 1.875rem!important
    }
}

@media (min-width: 62rem) {
    .a-m-lg-30 {
        margin:1.875rem!important
    }

    .a-mx-lg-30 {
        margin-left: 1.875rem!important;
        margin-right: 1.875rem!important
    }

    .a-my-lg-30 {
        margin-top: 1.875rem!important;
        margin-bottom: 1.875rem!important
    }

    .a-ml-lg-30 {
        margin-left: 1.875rem!important
    }

    .a-mt-lg-30 {
        margin-top: 1.875rem!important
    }

    .a-mr-lg-30 {
        margin-right: 1.875rem!important
    }

    .a-mb-lg-30 {
        margin-bottom: 1.875rem!important
    }

    .a-p-lg-30 {
        padding: 1.875rem!important
    }

    .a-px-lg-30 {
        padding-left: 1.875rem!important;
        padding-right: 1.875rem!important
    }

    .a-py-lg-30 {
        padding-top: 1.875rem!important;
        padding-bottom: 1.875rem!important
    }

    .a-pl-lg-30 {
        padding-left: 1.875rem!important
    }

    .a-pt-lg-30 {
        padding-top: 1.875rem!important
    }

    .a-pr-lg-30 {
        padding-right: 1.875rem!important
    }

    .a-pb-lg-30 {
        padding-bottom: 1.875rem!important
    }
}

@media (min-width: 75rem) {
    .a-m-xl-30 {
        margin:1.875rem!important
    }

    .a-mx-xl-30 {
        margin-left: 1.875rem!important;
        margin-right: 1.875rem!important
    }

    .a-my-xl-30 {
        margin-top: 1.875rem!important;
        margin-bottom: 1.875rem!important
    }

    .a-ml-xl-30 {
        margin-left: 1.875rem!important
    }

    .a-mt-xl-30 {
        margin-top: 1.875rem!important
    }

    .a-mr-xl-30 {
        margin-right: 1.875rem!important
    }

    .a-mb-xl-30 {
        margin-bottom: 1.875rem!important
    }

    .a-p-xl-30 {
        padding: 1.875rem!important
    }

    .a-px-xl-30 {
        padding-left: 1.875rem!important;
        padding-right: 1.875rem!important
    }

    .a-py-xl-30 {
        padding-top: 1.875rem!important;
        padding-bottom: 1.875rem!important
    }

    .a-pl-xl-30 {
        padding-left: 1.875rem!important
    }

    .a-pt-xl-30 {
        padding-top: 1.875rem!important
    }

    .a-pr-xl-30 {
        padding-right: 1.875rem!important
    }

    .a-pb-xl-30 {
        padding-bottom: 1.875rem!important
    }
}

.a-m-40 {
    margin: 2.5rem!important
}

.a-mx-40 {
    margin-left: 2.5rem!important;
    margin-right: 2.5rem!important
}

.a-my-40 {
    margin-top: 2.5rem!important;
    margin-bottom: 2.5rem!important
}

.a-ml-40 {
    margin-left: 2.5rem!important
}

.a-mt-40 {
    margin-top: 2.5rem!important
}

.a-mr-40 {
    margin-right: 2.5rem!important
}

.a-mb-40 {
    margin-bottom: 2.5rem!important
}

.a-p-40 {
    padding: 2.5rem!important
}

.a-px-40 {
    padding-left: 2.5rem!important;
    padding-right: 2.5rem!important
}

.a-py-40 {
    padding-top: 2.5rem!important;
    padding-bottom: 2.5rem!important
}

.a-pl-40 {
    padding-left: 2.5rem!important
}

.a-pt-40 {
    padding-top: 2.5rem!important
}

.a-pr-40 {
    padding-right: 2.5rem!important
}

.a-pb-40 {
    padding-bottom: 2.5rem!important
}

@media (min-width: 36rem) {
    .a-m-sm-40 {
        margin:2.5rem!important
    }

    .a-mx-sm-40 {
        margin-left: 2.5rem!important;
        margin-right: 2.5rem!important
    }

    .a-my-sm-40 {
        margin-top: 2.5rem!important;
        margin-bottom: 2.5rem!important
    }

    .a-ml-sm-40 {
        margin-left: 2.5rem!important
    }

    .a-mt-sm-40 {
        margin-top: 2.5rem!important
    }

    .a-mr-sm-40 {
        margin-right: 2.5rem!important
    }

    .a-mb-sm-40 {
        margin-bottom: 2.5rem!important
    }

    .a-p-sm-40 {
        padding: 2.5rem!important
    }

    .a-px-sm-40 {
        padding-left: 2.5rem!important;
        padding-right: 2.5rem!important
    }

    .a-py-sm-40 {
        padding-top: 2.5rem!important;
        padding-bottom: 2.5rem!important
    }

    .a-pl-sm-40 {
        padding-left: 2.5rem!important
    }

    .a-pt-sm-40 {
        padding-top: 2.5rem!important
    }

    .a-pr-sm-40 {
        padding-right: 2.5rem!important
    }

    .a-pb-sm-40 {
        padding-bottom: 2.5rem!important
    }
}

@media (min-width: 48rem) {
    .a-m-md-40 {
        margin:2.5rem!important
    }

    .a-mx-md-40 {
        margin-left: 2.5rem!important;
        margin-right: 2.5rem!important
    }

    .a-my-md-40 {
        margin-top: 2.5rem!important;
        margin-bottom: 2.5rem!important
    }

    .a-ml-md-40 {
        margin-left: 2.5rem!important
    }

    .a-mt-md-40 {
        margin-top: 2.5rem!important
    }

    .a-mr-md-40 {
        margin-right: 2.5rem!important
    }

    .a-mb-md-40 {
        margin-bottom: 2.5rem!important
    }

    .a-p-md-40 {
        padding: 2.5rem!important
    }

    .a-px-md-40 {
        padding-left: 2.5rem!important;
        padding-right: 2.5rem!important
    }

    .a-py-md-40 {
        padding-top: 2.5rem!important;
        padding-bottom: 2.5rem!important
    }

    .a-pl-md-40 {
        padding-left: 2.5rem!important
    }

    .a-pt-md-40 {
        padding-top: 2.5rem!important
    }

    .a-pr-md-40 {
        padding-right: 2.5rem!important
    }

    .a-pb-md-40 {
        padding-bottom: 2.5rem!important
    }
}

@media (min-width: 62rem) {
    .a-m-lg-40 {
        margin:2.5rem!important
    }

    .a-mx-lg-40 {
        margin-left: 2.5rem!important;
        margin-right: 2.5rem!important
    }

    .a-my-lg-40 {
        margin-top: 2.5rem!important;
        margin-bottom: 2.5rem!important
    }

    .a-ml-lg-40 {
        margin-left: 2.5rem!important
    }

    .a-mt-lg-40 {
        margin-top: 2.5rem!important
    }

    .a-mr-lg-40 {
        margin-right: 2.5rem!important
    }

    .a-mb-lg-40 {
        margin-bottom: 2.5rem!important
    }

    .a-p-lg-40 {
        padding: 2.5rem!important
    }

    .a-px-lg-40 {
        padding-left: 2.5rem!important;
        padding-right: 2.5rem!important
    }

    .a-py-lg-40 {
        padding-top: 2.5rem!important;
        padding-bottom: 2.5rem!important
    }

    .a-pl-lg-40 {
        padding-left: 2.5rem!important
    }

    .a-pt-lg-40 {
        padding-top: 2.5rem!important
    }

    .a-pr-lg-40 {
        padding-right: 2.5rem!important
    }

    .a-pb-lg-40 {
        padding-bottom: 2.5rem!important
    }
}

@media (min-width: 75rem) {
    .a-m-xl-40 {
        margin:2.5rem!important
    }

    .a-mx-xl-40 {
        margin-left: 2.5rem!important;
        margin-right: 2.5rem!important
    }

    .a-my-xl-40 {
        margin-top: 2.5rem!important;
        margin-bottom: 2.5rem!important
    }

    .a-ml-xl-40 {
        margin-left: 2.5rem!important
    }

    .a-mt-xl-40 {
        margin-top: 2.5rem!important
    }

    .a-mr-xl-40 {
        margin-right: 2.5rem!important
    }

    .a-mb-xl-40 {
        margin-bottom: 2.5rem!important
    }

    .a-p-xl-40 {
        padding: 2.5rem!important
    }

    .a-px-xl-40 {
        padding-left: 2.5rem!important;
        padding-right: 2.5rem!important
    }

    .a-py-xl-40 {
        padding-top: 2.5rem!important;
        padding-bottom: 2.5rem!important
    }

    .a-pl-xl-40 {
        padding-left: 2.5rem!important
    }

    .a-pt-xl-40 {
        padding-top: 2.5rem!important
    }

    .a-pr-xl-40 {
        padding-right: 2.5rem!important
    }

    .a-pb-xl-40 {
        padding-bottom: 2.5rem!important
    }
}

.a-m-50 {
    margin: 3.125rem!important
}

.a-mx-50 {
    margin-left: 3.125rem!important;
    margin-right: 3.125rem!important
}

.a-my-50 {
    margin-top: 3.125rem!important;
    margin-bottom: 3.125rem!important
}

.a-ml-50 {
    margin-left: 3.125rem!important
}

.a-mt-50 {
    margin-top: 3.125rem!important
}

.a-mr-50 {
    margin-right: 3.125rem!important
}

.a-mb-50 {
    margin-bottom: 3.125rem!important
}

.a-p-50 {
    padding: 3.125rem!important
}

.a-px-50 {
    padding-left: 3.125rem!important;
    padding-right: 3.125rem!important
}

.a-py-50 {
    padding-top: 3.125rem!important;
    padding-bottom: 3.125rem!important
}

.a-pl-50 {
    padding-left: 3.125rem!important
}

.a-pt-50 {
    padding-top: 3.125rem!important
}

.a-pr-50 {
    padding-right: 3.125rem!important
}

.a-pb-50 {
    padding-bottom: 3.125rem!important
}

@media (min-width: 36rem) {
    .a-m-sm-50 {
        margin:3.125rem!important
    }

    .a-mx-sm-50 {
        margin-left: 3.125rem!important;
        margin-right: 3.125rem!important
    }

    .a-my-sm-50 {
        margin-top: 3.125rem!important;
        margin-bottom: 3.125rem!important
    }

    .a-ml-sm-50 {
        margin-left: 3.125rem!important
    }

    .a-mt-sm-50 {
        margin-top: 3.125rem!important
    }

    .a-mr-sm-50 {
        margin-right: 3.125rem!important
    }

    .a-mb-sm-50 {
        margin-bottom: 3.125rem!important
    }

    .a-p-sm-50 {
        padding: 3.125rem!important
    }

    .a-px-sm-50 {
        padding-left: 3.125rem!important;
        padding-right: 3.125rem!important
    }

    .a-py-sm-50 {
        padding-top: 3.125rem!important;
        padding-bottom: 3.125rem!important
    }

    .a-pl-sm-50 {
        padding-left: 3.125rem!important
    }

    .a-pt-sm-50 {
        padding-top: 3.125rem!important
    }

    .a-pr-sm-50 {
        padding-right: 3.125rem!important
    }

    .a-pb-sm-50 {
        padding-bottom: 3.125rem!important
    }
}

@media (min-width: 48rem) {
    .a-m-md-50 {
        margin:3.125rem!important
    }

    .a-mx-md-50 {
        margin-left: 3.125rem!important;
        margin-right: 3.125rem!important
    }

    .a-my-md-50 {
        margin-top: 3.125rem!important;
        margin-bottom: 3.125rem!important
    }

    .a-ml-md-50 {
        margin-left: 3.125rem!important
    }

    .a-mt-md-50 {
        margin-top: 3.125rem!important
    }

    .a-mr-md-50 {
        margin-right: 3.125rem!important
    }

    .a-mb-md-50 {
        margin-bottom: 3.125rem!important
    }

    .a-p-md-50 {
        padding: 3.125rem!important
    }

    .a-px-md-50 {
        padding-left: 3.125rem!important;
        padding-right: 3.125rem!important
    }

    .a-py-md-50 {
        padding-top: 3.125rem!important;
        padding-bottom: 3.125rem!important
    }

    .a-pl-md-50 {
        padding-left: 3.125rem!important
    }

    .a-pt-md-50 {
        padding-top: 3.125rem!important
    }

    .a-pr-md-50 {
        padding-right: 3.125rem!important
    }

    .a-pb-md-50 {
        padding-bottom: 3.125rem!important
    }
}

@media (min-width: 62rem) {
    .a-m-lg-50 {
        margin:3.125rem!important
    }

    .a-mx-lg-50 {
        margin-left: 3.125rem!important;
        margin-right: 3.125rem!important
    }

    .a-my-lg-50 {
        margin-top: 3.125rem!important;
        margin-bottom: 3.125rem!important
    }

    .a-ml-lg-50 {
        margin-left: 3.125rem!important
    }

    .a-mt-lg-50 {
        margin-top: 3.125rem!important
    }

    .a-mr-lg-50 {
        margin-right: 3.125rem!important
    }

    .a-mb-lg-50 {
        margin-bottom: 3.125rem!important
    }

    .a-p-lg-50 {
        padding: 3.125rem!important
    }

    .a-px-lg-50 {
        padding-left: 3.125rem!important;
        padding-right: 3.125rem!important
    }

    .a-py-lg-50 {
        padding-top: 3.125rem!important;
        padding-bottom: 3.125rem!important
    }

    .a-pl-lg-50 {
        padding-left: 3.125rem!important
    }

    .a-pt-lg-50 {
        padding-top: 3.125rem!important
    }

    .a-pr-lg-50 {
        padding-right: 3.125rem!important
    }

    .a-pb-lg-50 {
        padding-bottom: 3.125rem!important
    }
}

@media (min-width: 75rem) {
    .a-m-xl-50 {
        margin:3.125rem!important
    }

    .a-mx-xl-50 {
        margin-left: 3.125rem!important;
        margin-right: 3.125rem!important
    }

    .a-my-xl-50 {
        margin-top: 3.125rem!important;
        margin-bottom: 3.125rem!important
    }

    .a-ml-xl-50 {
        margin-left: 3.125rem!important
    }

    .a-mt-xl-50 {
        margin-top: 3.125rem!important
    }

    .a-mr-xl-50 {
        margin-right: 3.125rem!important
    }

    .a-mb-xl-50 {
        margin-bottom: 3.125rem!important
    }

    .a-p-xl-50 {
        padding: 3.125rem!important
    }

    .a-px-xl-50 {
        padding-left: 3.125rem!important;
        padding-right: 3.125rem!important
    }

    .a-py-xl-50 {
        padding-top: 3.125rem!important;
        padding-bottom: 3.125rem!important
    }

    .a-pl-xl-50 {
        padding-left: 3.125rem!important
    }

    .a-pt-xl-50 {
        padding-top: 3.125rem!important
    }

    .a-pr-xl-50 {
        padding-right: 3.125rem!important
    }

    .a-pb-xl-50 {
        padding-bottom: 3.125rem!important
    }
}

.a-lh-16 {
    line-height: 1rem!important
}

/** flex **/
.d-flex {
    display: -ms-flexbox!important;
    display: flex !important;
}

.flex-row            { flex-direction: row !important; }
.flex-column         { flex-direction: column !important; }
.flex-row-reverse    { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap         { flex-wrap: wrap !important; }
.flex-nowrap       { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-fill         { flex: 1 1 auto !important; }
.flex-grow-0       { flex-grow: 0 !important; }
.flex-grow-1       { flex-grow: 1 !important; }
.flex-shrink-0     { flex-shrink: 0 !important; }
.flex-shrink-1     { flex-shrink: 1 !important; }

.justify-content-start   { justify-content: flex-start !important; }
.justify-content-end     { justify-content: flex-end !important; }
.justify-content-center  { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around  { justify-content: space-around !important; }

.align-items-start    { align-items: flex-start !important; }
.align-items-end      { align-items: flex-end !important; }
.align-items-center   { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch  { align-items: stretch !important; }

/** button **/
.a-btn {
    border-radius: .125rem;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    font-size: .75rem;
    font-weight: 500;
    padding: .1875rem .625rem;
    line-height: 1.5;
    font-family: PwC Helvetica Neue
}

.a-btn.a-btn-sm {
    font-size: .75rem;
    min-height: 1.5rem
}

.a-btn.a-btn-md {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: .75rem;
    min-height: 1.875rem
}

.a-btn.a-btn-lg {
    font-size: .875rem;
    padding: .40625rem 1.25rem;
    min-height: 2.125rem
}

.a-btn.a-btn-xl {
    font-size: 1rem;
    padding: .8125rem 1.25rem;
    min-height: 3.125rem
}

.a-btn.a-btn-primary {
    background-color: var(--theme-color-control);
    color: var(--theme-color-purewhite);
    outline-color: #000;
    outline-color: -webkit-focus-ring-color
}

.a-btn.a-btn-primary:hover {
    background-color: var(--theme-color-btnprihover)
}

.a-btn.a-btn-primary:active {
    background-color: var(--theme-color-btnpriactive)
}

.a-btn.a-btn-primary.a-no-interaction {
    cursor: default
}

.a-btn.a-btn-primary.a-no-interaction:active,.a-btn.a-btn-primary.a-no-interaction:hover {
    background-color: var(--theme-color-control)
}

.a-btn.a-btn-primary:disabled:not(.a-no-interaction) {
    opacity: var(--theme-color-disableopacity);
    cursor: not-allowed;
    background-color: var(--theme-color-btndisablebg);
    color: var(--theme-color-btndisabletext)
}

.a-btn.a-btn-primary:disabled:not(.a-no-interaction):hover {
    background-color: var(--theme-color-btndisablebg)
}

.a-btn.a-btn-primary:disabled:not(.a-no-interaction):focus {
    outline: none
}

.a-btn.a-btn-primary:disabled:not(.a-no-interaction):active {
    background-color: var(--theme-color-btndisablebg)
}

.a-btn.a-btn-primary.a-btn-negative {
    background-color: var(--theme-color-btnneg);
    color: var(--theme-color-purewhite)
}

.a-btn.a-btn-primary.a-btn-negative:hover {
    background-color: var(--theme-color-btnneghover)
}

.a-btn.a-btn-primary.a-btn-negative:active {
    background-color: var(--theme-color-btnnegactive)
}

.a-btn.a-btn-primary.a-btn-negative.a-no-interaction:active,.a-btn.a-btn-primary.a-btn-negative.a-no-interaction:hover {
    background-color: var(--theme-color-btnneg)
}

.a-btn.a-btn-primary.a-btn-negative:disabled:not(.a-no-interaction) {
    opacity: var(--theme-color-disableopacity);
    cursor: not-allowed;
    background-color: var(--theme-color-btndisablenegative)
}

.a-btn.a-btn-primary.a-btn-negative:disabled:not(.a-no-interaction):hover {
    background-color: var(--theme-color-btndisablenegative);
    color: var(--theme-color-btndisabletext)
}

.a-btn.a-btn-primary.a-btn-negative:disabled:not(.a-no-interaction):focus {
    outline: none
}

.a-btn.a-btn-primary.a-btn-negative:disabled:not(.a-no-interaction):active {
    background-color: var(--theme-color-btndisablenegative);
    color: var(--theme-color-btndisabletext)
}

.a-btn.a-btn-primary.a-btn-gray {
    background-color: var(--theme-color-btngray);
    color: var(--theme-color-btngraytext)
}

.a-btn.a-btn-primary.a-btn-gray:hover {
    background-color: var(--theme-color-btngrayhover)
}

.a-btn.a-btn-primary.a-btn-gray:active {
    background-color: var(--theme-color-btngrayactive)
}

.a-btn.a-btn-primary.a-btn-gray.a-no-interaction:active,.a-btn.a-btn-primary.a-btn-gray.a-no-interaction:hover {
    background-color: var(--theme-color-btngray)
}

.a-btn.a-btn-primary.a-btn-gray:disabled:not(.a-no-interaction) {
    opacity: var(--theme-color-disableopacity);
    cursor: not-allowed;
    background-color: var(--theme-color-btndisablegray)
}

.a-btn.a-btn-primary.a-btn-gray:disabled:not(.a-no-interaction):active,.a-btn.a-btn-primary.a-btn-gray:disabled:not(.a-no-interaction):hover {
    background-color: var(--theme-color-btndisablegray)
}

.a-btn.a-btn-secondary {
    background-color: transparent;
    border: .0625rem solid var(--theme-color-control)
}

.a-btn.a-btn-secondary,.a-btn.a-btn-secondary .Appkit4-icon,.a-btn.a-btn-secondary:hover {
    color: var(--theme-color-control)
}

.a-btn.a-btn-secondary:hover {
    background-color: var(--theme-color-btnsechover)
}

.a-btn.a-btn-secondary:active {
    background-color: var(--theme-color-btnsecactive);
    color: var(--theme-color-control)
}

.a-btn.a-btn-secondary.a-btn-md,.a-btn.a-btn-secondary.a-btn-sm {
    padding: 0 .5625rem
}

.a-btn.a-btn-secondary.a-btn-lg {
    padding: .34375rem 1.1875rem
}

.a-btn.a-btn-secondary.a-btn-xl {
    padding: .75rem 1.1875rem
}

.a-btn.a-btn-secondary.a-no-interaction {
    cursor: default
}

.a-btn.a-btn-secondary.a-no-interaction:active,.a-btn.a-btn-secondary.a-no-interaction:hover {
    background-color: transparent
}

.a-btn.a-btn-secondary.active {
    background-color: var(--theme-color-btnsecactive);
    color: var(--theme-color-control)
}

.a-btn.a-btn-secondary:disabled:not(.a-no-interaction) {
    opacity: var(--theme-color-disableopacity);
    cursor: not-allowed;
    border-color: var(--theme-color-btndisablesecondaryborder);
    color: var(--theme-color-btndisablesecondarytext)
}

.a-btn.a-btn-secondary:disabled:not(.a-no-interaction):hover {
    background-color: transparent
}

.a-btn.a-btn-secondary:disabled:not(.a-no-interaction):focus {
    outline: none
}

.a-btn.a-btn-secondary:disabled:not(.a-no-interaction):active {
    background-color: transparent
}

.a-btn.a-btn-secondary:disabled:not(.a-no-interaction) .Appkit4-icon {
    color: var(--theme-color-btndisablesecondarytext)
}

.a-btn.a-btn-secondary.a-btn-negative {
    background-color: transparent;
    border-color: var(--theme-color-btnneg);
    color: var(--theme-color-btnneg)
}

.a-btn.a-btn-secondary.a-btn-negative:hover {
    background-color: var(--theme-color-btnsecneghover)
}

.a-btn.a-btn-secondary.a-btn-negative:active {
    background-color: var(--theme-color-btnsecnegactive)
}

.a-btn.a-btn-secondary.a-btn-negative.a-no-interaction:active,.a-btn.a-btn-secondary.a-btn-negative.a-no-interaction:hover {
    background-color: transparent
}

.a-btn.a-btn-secondary.a-btn-negative.active {
    background-color: var(--theme-color-btnneg);
    border: .0625rem solid var(--theme-color-btnneg);
    color: var(--theme-color-light)
}

.a-btn.a-btn-secondary.a-btn-negative:disabled:not(.a-no-interaction) {
    opacity: var(--theme-color-disableopacity);
    cursor: not-allowed;
    border-color: var(--theme-color-btndisablenegativeborder);
    color: var(--theme-color-btndisablenegativetext)
}

.a-btn.a-btn-secondary.a-btn-negative:disabled:not(.a-no-interaction):hover {
    background-color: transparent
}

.a-btn.a-btn-secondary.a-btn-negative:disabled:not(.a-no-interaction):focus {
    outline: none
}

.a-btn.a-btn-secondary.a-btn-negative:disabled:not(.a-no-interaction):active {
    background-color: transparent
}

.a-btn.a-btn-secondary.a-btn-gray {
    background-color: transparent;
    border-color: var(--theme-color-btnsecgray);
    color: var(--theme-color-btnsecgraytext)
}

.a-btn.a-btn-secondary.a-btn-gray:hover {
    background-color: var(--theme-color-btnsecgrayhover)
}

.a-btn.a-btn-secondary.a-btn-gray:active {
    background-color: var(--theme-color-btnsecgrayactive)
}

.a-btn.a-btn-secondary.a-btn-gray.a-no-interaction:active,.a-btn.a-btn-secondary.a-btn-gray.a-no-interaction:hover {
    background-color: transparent
}

.a-btn.a-btn-secondary.a-btn-gray.active {
    background-color: var(--theme-color-description);
    border: .0625rem solid var(--theme-color-description);
    color: var(--theme-color-light)
}

.a-btn.a-btn-secondary.a-btn-gray:disabled:not(.a-no-interaction) {
    opacity: var(--theme-color-disableopacity);
    cursor: not-allowed;
    border-color: var(--theme-color-btndisablegrayborder);
    color: var(--theme-color-btndisablegraytext)
}

.a-btn.a-btn-secondary.a-btn-gray:disabled:not(.a-no-interaction):hover {
    background-color: transparent
}

.a-btn.a-btn-secondary.a-btn-gray:disabled:not(.a-no-interaction):focus {
    outline: none
}

.a-btn.a-btn-secondary.a-btn-gray:disabled:not(.a-no-interaction):active,.a-btn.a-btn-transparent {
    background-color: transparent
}

.a-btn.a-btn-transparent {
    color: var(--theme-color-control);
    outline-color: #000;
    outline-color: -webkit-focus-ring-color
}

.a-btn.a-btn-transparent:hover {
    background-color: var(--theme-color-control);
    color: var(--theme-color-purewhite)
}

.a-btn.a-btn-transparent:active {
    background-color: var(--theme-color-btnpriactive);
    color: var(--theme-color-purewhite)
}

.a-btn.a-btn-transparent.a-no-interaction {
    cursor: default
}

.a-btn.a-btn-transparent.a-no-interaction:active,.a-btn.a-btn-transparent.a-no-interaction:hover {
    background-color: transparent;
    color: var(--theme-color-control)
}

.a-btn.a-btn-transparent:disabled:not(.a-no-interaction) {
    cursor: not-allowed;
    opacity: var(--theme-color-disableopacity)
}

.a-btn.a-btn-transparent:disabled:not(.a-no-interaction),.a-btn.a-btn-transparent:disabled:not(.a-no-interaction):hover {
    background-color: transparent;
    color: var(--theme-color-btndisablesecondarytext)
}

.a-btn.a-btn-transparent:disabled:not(.a-no-interaction):focus {
    outline: none
}

.a-btn.a-btn-transparent:disabled:not(.a-no-interaction):active {
    background-color: transparent;
    color: var(--theme-color-btndisablesecondarytext)
}

.a-btn.a-btn-transparent.a-btn-negative {
    color: var(--theme-color-btnneg)
}

.a-btn.a-btn-transparent.a-btn-negative:hover {
    background-color: var(--theme-color-btnneg);
    color: var(--theme-color-purewhite)
}

.a-btn.a-btn-transparent.a-btn-negative:active {
    background-color: var(--theme-color-btnnegactive);
    color: var(--theme-color-purewhite)
}

.a-btn.a-btn-transparent.a-btn-negative.a-no-interaction:active,.a-btn.a-btn-transparent.a-btn-negative.a-no-interaction:hover {
    background-color: transparent;
    color: var(--theme-color-btnneg)
}

.a-btn.a-btn-transparent.a-btn-negative:disabled:not(.a-no-interaction) {
    opacity: var(--theme-color-disableopacity);
    cursor: not-allowed;
    color: var(--theme-color-btndisablenegativetext)
}

.a-btn.a-btn-transparent.a-btn-negative:disabled:not(.a-no-interaction):hover {
    background-color: transparent;
    color: var(--theme-color-btndisablenegativetext)
}

.a-btn.a-btn-transparent.a-btn-negative:disabled:not(.a-no-interaction):focus {
    outline: none
}

.a-btn.a-btn-transparent.a-btn-negative:disabled:not(.a-no-interaction):active {
    background-color: transparent;
    color: var(--theme-color-btndisablenegativetext)
}

.a-btn.a-btn-transparent.a-btn-gray {
    color: var(--theme-color-btnsecgraytext)
}

.a-btn.a-btn-transparent.a-btn-gray:hover {
    color: var(--theme-color-font);
    background-color: var(--theme-color-btntrsgrayhover)
}

.a-btn.a-btn-transparent.a-btn-gray:active {
    color: var(--theme-color-font);
    background-color: var(--theme-color-btngrayactive)
}

.a-btn.a-btn-transparent.a-btn-gray.a-no-interaction:active,.a-btn.a-btn-transparent.a-btn-gray.a-no-interaction:hover {
    background-color: transparent
}

.a-btn.a-btn-transparent.a-btn-gray:disabled:not(.a-no-interaction) {
    opacity: var(--theme-color-disableopacity);
    cursor: not-allowed;
    color: var(--theme-color-btndisablegraytext)
}

.a-btn.a-btn-transparent.a-btn-gray:disabled:not(.a-no-interaction):hover {
    background-color: transparent;
    color: var(--theme-color-btndisablegraytext)
}

.a-btn.a-btn-transparent.a-btn-gray:disabled:not(.a-no-interaction):focus {
    outline: none
}

.a-btn.a-btn-transparent.a-btn-gray:disabled:not(.a-no-interaction):active {
    background-color: transparent;
    color: var(--theme-color-btndisablegraytext)
}

/** form **/
.a-form-label {
    font-size: .75rem;
    line-height: 1.1875rem
}
.a-text-input {
    width: 100%;
    height: 2.125rem;
    line-height: normal;
    border-radius: .125rem;
    background-color: var(--theme-color-input);
    color: var(--theme-color-font);
    padding: 0 .625rem;
    font-size: .875rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: .0625rem solid var(--theme-color-fieldborder)
}

.a-text-input.a-input-sm {
    height: 1.5rem
}

.a-text-input.a-input-lg {
    height: 3.125rem;
    font-size: 1rem
}

.a-text-input+.Appkit4-icon {
    cursor: default
}

.a-text-input:disabled {
    background-color: var(--theme-color-input);
    color: var(--theme-color-fieldbutton);
    opacity: var(--theme-color-disableopacity);
    border-color: var(--theme-color-fieldborderdisable)
}

.a-text-input:disabled,.a-text-input:disabled+.Appkit4-icon {
    cursor: not-allowed
}

.a-text-input:disabled::-moz-placeholder {
    color: var(--theme-color-disableplaceholder)!important;
    opacity: 1
}

.a-text-input:disabled:-ms-input-placeholder {
    color: var(--theme-color-disableplaceholder)!important;
    opacity: 1
}

.a-text-input:disabled::placeholder {
    color: var(--theme-color-disableplaceholder)!important;
    opacity: 1
}

.a-text-input:disabled:-ms-input-placeholder {
    opacity: var(--theme-color-disableopacity)!important;
    color: var(--theme-color-disableplaceholderie)!important
}

.a-text-input:disabled.a-input-secondary {
    background-color: var(--theme-color-search)
}

.a-text-input:not(:disabled):active,.a-text-input:not(:disabled):focus {
    border: none;
    box-shadow: 0 0 0 .125rem var(--theme-color-control);
    background-color: var(--theme-color-search);
    outline: 0
}

.a-text-input:not(:disabled):active~.a-icon,.a-text-input:not(:disabled):focus~.a-icon {
    opacity: 1
}

.a-text-input:not(:disabled).a-input-secondary {
    background-color: var(--theme-color-search)
}

.a-text-input:not(:disabled).a-input-error {
    border: none;
    box-shadow: 0 0 0 .125rem #c52a1a
}

.a-text-input:not(:disabled).a-input-error:active,.a-text-input:not(:disabled).a-input-error:focus {
    box-shadow: 0 0 0 .125rem #c52a1a
}

.a-text-input:not(:disabled)::-moz-placeholder {
    color: var(--theme-color-placeholder);
    opacity: var(--theme-color-disableopacity)
}

.a-text-input:not(:disabled):-ms-input-placeholder {
    color: var(--theme-color-placeholder);
    opacity: var(--theme-color-disableopacity)
}

.a-text-input:not(:disabled)::placeholder {
    color: var(--theme-color-placeholder);
    opacity: var(--theme-color-disableopacity)
}

.a-text-input:not(:disabled)::-webkit-input-placeholder {
    color: var(--theme-color-placeholder)!important
}

.a-text-input:not(:disabled):-ms-input-placeholder {
    opacity: 1!important;
    color: var(--theme-color-placeholderie)!important
}

.a-input-with-icon {
    width: 100%;
    position: relative;
    display: inline-block
}

.a-input-with-icon .a-text-input {
    width: 100%
}

.a-input-with-icon .a-icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.a-input-with-icon .a-icon.icon-search-outline {
    opacity: var(--theme-color-disableopacity);
    color: var(--theme-color-placeholder)
}

.a-input-with-icon .a-icon.icon-circle-delete-outline {
    opacity: var(--theme-color-disableopacity)
}

.a-input-with-icon.a-lf .a-text-input {
    padding-left: 2.25rem
}

.a-input-with-icon.a-lf .a-icon {
    left: .625rem
}

.a-input-with-icon.a-rt .a-text-input {
    padding-right: 2.25rem
}

.a-input-with-icon.a-rt .a-icon {
    right: .625rem
}

.a-input-with-icon.a-both .a-text-input {
    padding: 0 2.25rem
}

.a-input-with-icon.a-both .a-icon.a-icon-lf {
    left: .625rem
}

.a-input-with-icon.a-both .a-icon.a-icon-rt {
    right: .625rem
}

.a-input-with-icon.a-input-sm .a-icon {
    font-size: .625rem
}

.a-input-with-icon.a-input-sm .a-text-input {
    height: 1.5rem
}

.a-input-with-icon.a-input-sm.a-lf .a-text-input {
    padding-left: 1.875rem
}

.a-input-with-icon.a-input-sm.a-rt .a-text-input {
    padding-right: 1.875rem
}

.a-input-with-icon.a-input-sm.a-both .a-text-input {
    padding: 0 1.875rem
}

.a-input-with-icon.a-input-lg .a-icon {
    font-size: 1.5rem
}

.a-input-with-icon.a-input-lg .a-text-input {
    height: 3.125rem;
    font-size: 1rem
}

.a-input-with-icon.a-input-lg.a-lf .a-text-input {
    padding-left: 2.75rem
}

.a-input-with-icon.a-input-lg.a-rt .a-text-input {
    padding-right: 2.75rem
}

.a-input-with-icon.a-input-lg.a-both .a-text-input {
    padding: 0 2.75rem
}

.a-field-length-validation.a-error-overflow .a-validation-box {
    color: #e0301e
}

/** panel **/
apw-panel {
    height: auto;
}
.a-panel {
    font-size: .875rem;
    border-radius: .125rem;
    background-color: var(--theme-color-panel);
    -o-box-shadow: 0 .0625rem .125rem .0625rem rgba(0,0,0,.08);
    -ms-box-shadow: 0 .0625rem .125rem .0625rem rgba(0,0,0,.08);
    box-shadow: 0 .0625rem .125rem .0625rem rgba(0,0,0,.08);
    padding: 0 1.25rem
}

/** table **/
.ap-table{
    position: relative;
    width: 100%;
    padding: var(--spacing-2) var(--spacing-3);
    box-shadow: inset 0 0 0 0.0625rem var(--color-background-border);
    border-radius: var(--border-radius-3);
    background-color: var(--color-background-container);
    letter-spacing: -0.025rem;
}
.ap-table:before,
.ap-table:after {
    content: "";
    display: block;
    position: absolute;
    /* z-index: 100; */
    z-index: 6;
    width: calc(100% - 1rem);
    height: 0.5rem;
    margin: 0 auto;
    background: var(--color-background-container);
}
.ap-table::before {
    top: 0.0625rem;
}
.ap-table::after {
    bottom: 0.0625rem;
}

.ap-table .ap-table-wrapper {
    overflow: auto;
    width: 100%;
    height: auto;
}
.ap-table .ap-table-wrapper table{
    border-spacing: 0 var(--spacing-2);
    width: 100%;
    font-size: .875rem;
    border-collapse: separate;
}
.ap-table table thead{
    position: sticky;
    display: table-row-group;
    /* z-index: 100; */
    z-index: 6;
    top: var(--spacing-2);
    background: var(--color-background-container);
    vertical-align: revert;
}
.ap-table table thead * {
    vertical-align: revert;
}
.ap-table table thead th {
    line-height: 1.5rem;
    font-size: .875rem;
    font-weight: var(--font-weight-2);
    color: var(--color-text-heading);
    transition: background-color 0.3s;
    padding: 0px;
}
.ap-table.ap-table-condensed tbody tr {
    height: 2rem !important;
}
.ap-table.ap-table-striped tbody tr:nth-child(odd) {
    background-color: var(--color-background-selected);
}
.ap-table table tbody tr:hover,
.ap-table table tbody tr.selected {
    background-color: var(--color-background-hover);
}
.ap-table.ap-table-striped tbody tr:nth-child(odd):hover,
.ap-table.ap-table-striped tbody tr:nth-child(odd).selected {
    background-color: var(--color-background-hover-selected);
}

.ap-table table tbody tr td {
    line-height: 1.5rem;
    padding: var(--spacing-4);
    vertical-align: middle;
}
.ap-table.ap-table-condensed tbody tr td {
    padding-top: var(--spacing-2) !important;
    padding-bottom: var(--spacing-2) !important;
}
.ap-table table tbody tr td:first-child {
    border-top-left-radius: var(--border-radius-2);
    border-bottom-left-radius: var(--border-radius-2);
}
.ap-table table tbody tr td:last-child {
    border-top-right-radius: var(--border-radius-2);
    border-bottom-right-radius: var(--border-radius-2);
}

/** 横スクロールバーに被るため調整用にカスタム */
.ap-table-none-after:after {
    display: none;
}

.third-panel-search {
    background-color: var(--theme-color-navheader)!important
}

.table-header-3 {
    background-color: var(--theme-color-tableheader3)!important
}

.tbody-customize {
    background-color: var(--theme-color-tablebodyregular)
}

.tbody-customize tr:nth-child(2n) {
    background-color: var(--theme-color-table2nLine)
}

.tbody-customize tr:nth-child(2n) tr:hover {
    background-color: var(--theme-color-dptoday);
    color: var(--theme-color-tablehovertext)
}

.tbody-regular {
    background-color: var(--theme-color-tablebodyregular)
}

.tbody-hover tr:hover,.tbody-regular tr:hover {
    background-color: var(--theme-color-dptoday);
    color: var(--theme-color-tablehovertext)
}

.table-search-panel-wrapper {
    background-color: var(--theme-color-paginationpanelbg)
}

/** アラートメッセージ **/
.o-top-message{
    z-index: 9900;
    opacity: .5 !important;
    background-color: #e86153 !important;
    position: fixed;
    top: 0;
    right: 0;
    left:0;
}
.o-top-message-success{
    background-color: #4dacf1 !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -0.125rem;
    line-height: 1.25;
    color: #007bff;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}


/*** header **/
.p-header-wrap {
    width: 100%;
    border-bottom: 1px solid var(--project-color-03);
    height: 6.375rem;
}
.p-header-wrap .dropdown-menu:before {
  content: "";
  position: absolute;
  top: -14px;
  right: 28px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 14px 14px;
  border-color: transparent transparent rgba(70, 70, 70, 0.93) transparent;
}

.p-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 6.375rem;
  background: var(--theme-color-ffffff);
  border-bottom: 1px solid var(--project-color-03);
}

/* line 2, ../scss/object/utility/_override.scss */
.p-header__name img {
  max-width: 40px;
  display: inline-block;
}
/* line 6, ../scss/object/utility/_override.scss */
.p-header__name .name_text {
  margin: 0 0 0 0.6em;
  font-size: 18px;
  font-weight: bold;
}

/* line 13, ../scss/object/project/_header.scss */
.p-header__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  background: transparent;
}
/* line 21, ../scss/object/project/_header.scss */
.p-header__button .Appkit4-icon {
  font-size: 2.25rem;
}
/* line 27, ../scss/object/project/_header.scss */
.p-header__user > button {
  background-color: transparent;
}
/* line 30, ../scss/object/project/_header.scss */
.p-header__user > button .a-icon {
  font-size: 0.75rem;
  color: var(--theme-color-tabfont);
}
/* line 36, ../scss/object/project/_header.scss */
.p-header__user .user-image {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
/* line 46, ../scss/object/project/_header.scss */
.p-header__user .user-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 58, ../scss/object/project/_header.scss */
.p-header__user.show .a-icon {
  transform: rotate(180deg);
}
/* line 69, ../scss/object/project/_header.scss */
.p-header__user .dropdown-menu:before {
  content: "";
  position: absolute;
  top: -14px;
  right: 28px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 14px 14px;
  border-color: transparent transparent rgba(70, 70, 70, 0.93) transparent;
}
/* line 81, ../scss/object/project/_header.scss */
.p-header__user .dropdown-menu.a-user-setting-panel-one {
  width: auto;
  min-width: 14.0625rem;
  padding: 1.5625rem;
}
/* line 87, ../scss/object/project/_header.scss */
.p-header__user .dropdown-menu .user-infor-list {
  border: none;
}
/* line 90, ../scss/object/project/_header.scss */
.p-header__user .dropdown-menu .user-infor-list .user-infor-list-item {
  margin-top: 1em;
  padding: 0;
}
/* line 94, ../scss/object/project/_header.scss */
.p-header__user .dropdown-menu .user-infor-list .user-infor-list-item:hover, .p-header__user .dropdown-menu .user-infor-list .user-infor-list-item:active {
  background: transparent;
  font-weight: normal;
}
/* line 100, ../scss/object/project/_header.scss */
.p-header__user .dropdown-menu .user-infor-list .user-infor-list-item:first-of-type {
  margin-top: 0;
}
/* line 104, ../scss/object/project/_header.scss */
.p-header__user .dropdown-menu .user-infor-list .user-infor-list-item > button {
  display: block;
  width: 100%;
  background: transparent;
  text-align: left;
  color: inherit;
}


/*** header **/

/** ダッシュボードお知らせ ***/
.modal-body-notification-content {
  max-height: 250px;
  width: 800px;
  overflow-y: auto;
}
/** ダッシュボードお知らせ ***/

/*** サイドバー ***/
/* line 1, ../scss/object/project/_sidebar.scss */
.p-sidebar {
  max-width: 240px;
  width: 15rem;
  min-width: 15rem;
  height: calc(100vh - 6.375rem); /** サイドバーの高さ設定でコンテントの高さを調整 **/
  color: var(--theme-color-ffffff);
  transition: 0.2s width;
}
/* line 10, ../scss/object/project/_sidebar.scss */
.p-sidebar__fixed {
  position: fixed;
  left: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  max-width: 240px;
  width: 15rem;
  height: inherit;
  background: var(--theme-color-2d2d2d);
  transition: 0.2s width;
}
/* line 27, ../scss/object/project/_sidebar.scss */
.p-sidebar .p-nav__item-text {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
/* line 33, ../scss/object/project/_sidebar.scss */
.p-sidebar .p-nav__item-text > span {
  display: inline-block;
  transition: 0.2s transform;
}
/* line 39, ../scss/object/project/_sidebar.scss */
.p-sidebar.is-active {
  max-width: 80px;
  width: 5rem;
  min-width: 5rem;
}
/* line 44, ../scss/object/project/_sidebar.scss */
.p-sidebar.is-active .p-sidebar__fixed {
  width: 5rem;
}
/* line 49, ../scss/object/project/_sidebar.scss */
.p-sidebar.is-active .p-nav__item-text > span {
  transform: translateX(-100%);
}
/* line 55, ../scss/object/project/_sidebar.scss */
.p-sidebar__top {
  overflow: auto;
  height: 100%;
}
/* line 60, ../scss/object/project/_sidebar.scss */
.p-sidebar__bottom {
  flex-shrink: 0;
  width: 100%;
}
/* line 65, ../scss/object/project/_sidebar.scss */
.p-sidebar__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 9.375rem;
}
/* line 73, ../scss/object/project/_sidebar.scss */
.p-sidebar__logo {
  max-width: 82%;
  text-align: center;
  font-size: 0.75rem;
}
/* line 78, ../scss/object/project/_sidebar.scss */
.p-sidebar__logo img {
  width: 100%;
  height: auto;
}
/* line 86, ../scss/object/project/_sidebar.scss */
.p-sidebar__nav li > .p-sidebar__nav-inner {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 1rem 1rem;
  font-size: 0.875rem;
  transition: 0.3s background-color;
}
/* line 94, ../scss/object/project/_sidebar.scss */
.p-sidebar__nav li > .p-sidebar__nav-inner.is-current {
  background: var(--theme-color-control);
}
/* line 100, ../scss/object/project/_sidebar.scss */
.p-sidebar__nav li > a:hover {
  background: var(--theme-color-control);
}
/* line 106, ../scss/object/project/_sidebar.scss */
.p-sidebar__nav .Appkit4-icon {
  font-size: 1.125rem;
  margin-right: 0.625rem;
  margin-left: 0;
}
/* line 113, ../scss/object/project/_sidebar.scss */
.p-sidebar__box {
  border-top: 1px solid var(--project-color-01);
  padding: 2rem 0;
}

/* line 1, ../scss/object/project/_sidemenu.scss */
.p-sidemenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 9, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 2.75rem;
  height: 2.75rem;
  background: transparent;
  color: var(--theme-color-ffffff);
}
/* line 19, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__close .Appkit4-icon {
  font-size: 0.75rem;
}
/* line 22, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__close .Appkit4-icon:before {
  font-weight: bold;
}
/* line 28, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__background {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
/* line 40, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__inner {
  position: relative;
  top: 0;
  z-index: 2;
  transform: translateX(-100%);
  transition: 0.3s transform;
  width: 80.53333%;
  height: 100%;
  overflow: auto;
  background: var(--theme-color-2d2d2d);
  color: var(--theme-color-ffffff);
}
/* line 53, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__inner.is-show {
  transform: translateX(0);
}
/* line 58, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__top {
  padding-bottom: 1.25rem;
}
/* line 66, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__user {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--project-color-01);
  padding: 0.9375rem 1.875rem;
  background: transparent;
  color: inherit;
  text-align: left;
}
/* line 77, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__user-icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
/* line 87, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__user-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 94, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__user-name {
  position: relative;
  width: 100%;
  font-size: 0.875rem;
  margin-left: 1.25rem;
}
/* line 100, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__user-name:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.7em;
  height: 0.7em;
  border-bottom: 2px solid var(--project-color-07);
  border-right: 2px solid var(--project-color-07);
  margin-top: -2px;
  transform: translateY(-50%) rotate(45deg);
}
/* line 118, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__user.is-active .p-sidemenu__user-name:after {
  margin-top: 2px;
  transform: translateY(-50%) rotate(225deg);
}
/* line 126, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__dropdown {
  display: none;
}
/* line 131, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__list li {
  width: 100%;
  border-bottom: 1px solid var(--project-color-01);
}
/* line 135, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__list li a, .p-sidemenu__list li button {
  display: block;
  width: 100%;
  padding: 0.9375rem;
  color: var(--project-color-07);
  background-color: transparent;
  text-align: left;
}
/* line 143, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__list li a:hover, .p-sidemenu__list li button:hover {
  color: var(--theme-color-ffffff);
}
/* line 151, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__nav li > .p-sidebar__nav-inner {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 1rem 1rem;
  font-size: 0.875rem;
  transition: 0.3s background-color;
}
/* line 159, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__nav li > .p-sidebar__nav-inner.is-current {
  background: var(--theme-color-control);
}
/* line 164, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__nav li > .p-sidebar__nav-inner > a:hover {
  background: var(--theme-color-control);
}
/* line 170, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__nav .Appkit4-icon {
  font-size: 1.125rem;
  margin-right: 0.625rem;
  margin-left: 0;
}
/* line 177, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__tool {
  display: flex;
  align-items: center;
  padding: 0 0.75rem 1.875rem;
}
/* line 183, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__language {
  margin-right: 1.25rem;
}
/* line 187, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__language .a-dropdown .a-dropdown-toggle {
  border: 1px solid var(--theme-color-search);
  background: transparent;
}
/* line 191, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__language .a-dropdown .a-dropdown-toggle .a-icon {
  color: var(--theme-color-search);
}
/* line 198, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__link {
  margin-right: 1.25rem;
}
/* line 201, ../scss/object/project/_sidemenu.scss */
.p-sidemenu__link a {
  color: inherit;
}

@media (max-width: 768px) {
  /* line 23, ../scss/object/utility/_display.scss */
  .u-display-none-sp {
    display: none !important;
  }
}
/*** サイドバー ***/