/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

.app.light {
    /* background-image: url("/background21.png") !important; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* background: #ec6572 */
}

.app.light .MuiPaper-root.ohm-card {
    /* background: -o-linear-gradient(top, #0053ad3E1 0%, #FFDFAD 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#0053ad3E1), to(#FFDFAD));
	background: inherit;
	border: 1px solid #adb9c7;
	-webkit-box-shadow: inset -9px -12px 25px -3px #0d8ca5;
	box-shadow: inset -9px -12px 25px -3px rgba(255, 255, 255, 0.24);
	border-radius: 2rem; */
    background: #071320;
    border: 2px solid #d4af35;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 7px 11px 63px rgba(13,140,168, 0.1);
    box-shadow: 7px 11px 63px rgba(13,140,168, 0.1);
    border-radius: 2rem;
}

.app.light #choose-bond-view .ohm-card .bond-hero h4 {
    color: #00c9fe;
    font-weight: 400 !important;
}

.app.light .stake-wallet-notification .wallet-menu .connect-button {
    background: #d4af34;
    border-radius: 1.5rem;
    font-size: 1.25rem;
    line-height: 21px;
    color: #ffffff;
    height: 41px;
    width: 172px;
/*    border: 1px solid #00c9fe; */
    min-width: auto;
    font-weight: 400;
    margin-bottom: 12px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.app.light .stake-wallet-notification .MuiTypography-root.MuiTypography-h6 {
    font-size: 12px;
    line-height: 14px;
    color: #1617ae;
}


/* 
.app.light .MuiDrawer-paper {
	background: #b9b9ef;
} */

.app.light .stake-top-metrics h5 {
    font-size: 20px;
    line-height: 29px;
    color: #2F80ED;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.app.light .stake-top-metrics h4 {
    font-weight: 500;
    color: #2F80ED;
}

.app.light .MuiTypography-h6 {
    font-size: 1.25rem;
    line-height: 21px;
    font-weight: 400;
}

.app.light .branding-header .wallet-link {
    color: #e8e8e8;
}

.app.light .MuiTypography-body2 {
    font-size: 10px;
    line-height: 12px;
    color: #0197f6;
}

.app.light .MuiTypography-root .MuiTypography-body2 {
    font-size: 14px;
    line-height: 17px;
}

.app.light .card-header .MuiTypography-h5 {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 10px;
    color: #2F80ED;
}

.app.light .MuiButton-label path {
    fill: #75c2f6;
}

.app.light #ohm-menu-button {
    border: 1px solid #ed8c79;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1.5rem;
}

.app.light .dapp-topbar .MuiButton-containedSecondary {
    background-color: #d4af34;
}

.app.light .dapp-topbar .MuiButton-containedSecondary:hover {
    background-color: #b29700;
/*    border: 1px solid #f73f3f !important;*/
}

.app.light .dapp-topbar button {
    border: 1px solid #ed8c79;
    color: #29f8f6!;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.app.light .pending-txn-container .MuiButton-label span {
    color: #222;
}

.app.light .MuiTypography-body1 {
    font-size: 1rem;
}

.app.light .pending-txn-container .MuiButton-label {
    color: #ec6572;
}

.app.light .MuiToggleButton-label path {
    fill: #b29700;
}

.app.light .MuiToggleButton-root {
    background: rgb(32 29 32);
}

.app.light .MuiToggleButton-root:hover {
    border: 1px solid rgba(255, 153, 0, .5);
    background: #1a6577;
}

.app.light .stake-wallet-notification .wallet-menu .connect-button:hover {
    background: #1a6577;
}

.MuiPaper-root {
    color: #0c3b96;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    backdrop-filter: blur(33px);
    /* background-color: rgb(32 29 32 ); */
}

.app.light .MuiButton-fullWidth {
    background: #817f7d;
    border: 1px solid;
    color: #161616;
    font-size: 1.5rem;
    border: 1px solid rgba(255, 153, 0, 1);
}

.app.light .MuiButton-fullWidth:hover {
    background: #1a6577;
}

.app.light .MuiButton-outlinedPrimary {
    background: none;
    color: #0053ad;
    border: 1px solid rgb(255, 255, 255);
}

.app.light .MuiButton-outlinedPrimary:hover {
    background: #1a6577;
    border: 1px solid rgb(0, 255, 221);
}

.app.light .MuiTableCell-root {
    font-weight: 500;
    font-size: 16px;
}

.app.light .bond-name a p {
    font-size: 12px;
    line-height: 14px;
}

.app.light .MuiTableRow-root.MuiTableRow-head .MuiTableCell-root {
    font-size: 1.25rem;
    color: #77e0ff;
    font-weight: 300;
}

.app.light .MuiTypography-colorTextSecondary,
.app.light .MuiTab-textColorPrimary {
    color: #2F80ED;
}

.app.light #bond-view .MuiBackdrop-root .ohm-card {
    opacity: 1!important;
    height: auto;
    background-color: #24242699;
}

.app.light .jss2 {
    background: url(/static/media/light-back.png) no-repeat bottom;
}

.app.light .social-row svg path {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.app.light .social-row a:hover svg path {
    fill: #b29700;
}

.app.light #bond-view .MuiBackdrop-root {
    background: rgba(22, 22, 22, 0.8);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

#hades {
    background: rgba(22, 22, 22, 0.8);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.app.light .dapp-topbar .MuiButton-containedSecondary:hover {
    background-color: #1a6577;
    border: 1px solid f73f3f !important;
}

.app.light .MuiLink-root.active {
    -webkit-text-decoration-color: #e54c38;
    text-decoration-color: #2F80ED;
    color: #2F80ED;
}


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

.app.dark {
   // background-image: url("/backgrounddark.png") !important;
    background: linear-gradient(180deg,#273e46,#0c2d3c) 0% 0% / cover;
   //   background-attachment: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* -webkit-box-shadow: 7px 11px 63px rgba(255, 153, 0, 0.1);
	        box-shadow: 7px 11px 63px rgba(255, 153, 0, 0.1); */
}

.app.dark .MuiPaper-root.ohm-card {
    background: #071320;
    color: #FFFFFF;
    font-weight: 500 !important;
    border: 0px solid #ec6572;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 7px 11px 63px rgba(13,140,168, 0.1);
    box-shadow: 7px 11px 63px rgba(13,140,168, 0.1);
    border-radius: 2rem;
}

.app.dark .stake-wallet-notification .wallet-menu .connect-button {
    background-color: #d4af34;
    justify-content: center;
   /* display: flex;*/
   /* width: 240px; */
    font-size: 1.5rem;
    border-radius: 1.5rem;
  /*    line-height: 21px;*/
    color: #ffffff !important;
    height: 40px;
    border: 0px solid #d4af34;
    font-weight: 400;
    /*margin: 0 1rem 1rem 1rem;*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
      &:hover {
       background-color: #b29700;
      }
      &:focus {
        background-color: #b29700;
      }

}

.app.dark .stake-wallet-notification .MuiTypography-root.MuiTypography-h6 {
    font-size: 1rem;
    line-height: 14px;
    color: #d4af34;
}

.app.dark .MuiDrawer-paper {
    background: none;
    border-right: 1px solid #00c9fe;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    /* -webkit-box-shadow: 7px 11px 63px rgba(255, 153, 0, 0.1);
	        box-shadow: 7px 11px 63px rgba(255, 153, 0, 0.1); */
}

.app.dark .stake-top-metrics h5 {
    font-size: 20px;
    line-height: 29px;
    color: #2F80ED;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.MuiButton-containedPrimary {
    background-color: #1a6577;
    border-radius: 1.5rem;
    border: 0px solid #ed8c79 !important;
    color: #ffffff;
    m
}

.MuiButton-containedPrimary:hover {
    /*border: 1px solid #00c9fe; */
    background-color: #b29700;
}

.app.dark .stake-top-metrics h4 {
    font-weight: 500;
    color: #2F80ED;
}

.app.dark #treasury-dashboard-view .hero-metrics .ohm-card h5 {
    color: #29f8f6;
    padding: 0.5rem;
}

.app.dark .MuiTypography-h6 {
    font-size: 22px;
    line-height: 21px;
    font-weight: 400;
}

.app.dark .MuiLink-root.active {
    -webkit-text-decoration-color: #e54c38;
    text-decoration-color: #2F80ED;
}

.app.dark .branding-header .wallet-link {
    color: #e8e8e8;
}

.app.dark .MuiTypography-body2 {
    font-size: 16px;
    text-align: center;
/*    line-height: 12px;*/
    color: #0197f6;
}

.app.dark .MuiTypography-root .MuiTypography-body2 {
    font-size: 14px;
    line-height: 17px;
}

.app.dark .card-header .MuiTypography-h5 {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #29f8f5;
}

.app.dark .MuiButton-label path {
    fill: #75c2f6;
}

.app.dark #ohm-menu-button {
  /*  border: 1px solid #73c2fb;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1.5rem;
    background: #d4af34;
}

.app.dark #ohm-menu-button:hover path {
    fill: #0d8ca5;
}

.app.dark .dapp-topbar .MuiButton-containedSecondary:hover {
    background: #0d8ca5 !important;
    border: 1px solid #1a6575 !important;
}

.app.dark .dapp-topbar button {
    background: #1a6575;
    border: 1px solid #1a6575; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.app.dark .pending-txn-container .MuiButton-label span {
    color: #2F80ED;
}

.app.dark .MuiTypography-body1 {
    font-size: 1rem;
    font-weight: 400;
    color: #24d5d4;
}

.app.dark .MuiSkeleton-text {
    background: #24d5d4;
}

.app.dark .pending-txn-container .MuiButton-label {
    letter-spacing: 1px;
    color: #ffffff;
}

.app.dark .MuiToggleButton-label path {
    fill: #e54c38;
}

.app.dark .MuiToggleButton-root:hover {
    background: #b29700;
}

.app.dark .MuiToggleButton-root:hover .MuiToggleButton-label path {
    fill: #0053ad;
}

.app.dark .stake-wallet-notification .wallet-menu .connect-button:hover {
    background: #b29700;
}


/* .MuiPaper-root {
	color: #161616;
} */

.app.dark .MuiButton-fullWidth {
    background: #000;
    color: #0053ad;
    font-size: 1.25rem;
    border: 1px solid rgba(255, 153, 0, 1);
    font-weight: 400;
}

.app.dark .MuiButton-fullWidth:hover {
    background: #b29700;
}

.app.dark #hades .ohm-popover h3 {
    color: #0053ad;
}

.app.dark .MuiButton-outlinedPrimary {
    /* background: #000; */
    color: #0053ad;
    border: 1px solid #0053ad;
}

.app.dark .MuiButton-outlinedPrimary:hover {
    background: #b29700;
    border: 0px #b29700;
}

.app.dark .MuiTableCell-root {
    font-weight: 400;
    font-size: 16px;
}

.app.dark .bond-name a p {
    font-size: 12px;
    opacity: .5;
    line-height: 14px;
}

.app.dark .MuiTableRow-root.MuiTableRow-head .MuiTableCell-root {
    font-size: 1.25rem;
    color: #1617ae;
    font-weight: 300;
}

.app.dark .MuiTypography-colorTextSecondary,
.app.dark .MuiTab-textColorPrimary,
.app.dark .MuiTypography-h5 {
    color: #ec6572;
    font-size: 24px;
    line-height: 2rem;
    text-align: center;
}

.app.dark #bond-view .bond-price-data-row h3.price {
    color: #00c9fe;
}

.app.dark #bond-view .MuiBackdrop-root .ohm-card {
    background: #204220;
    backdrop-filter: blur(25px) !important;
    /* -webkit-box-sizing: border-box; */
    /* box-sizing: border-box; */
    /* -webkit-box-shadow: 7px 11px 63px rgba(255, 153, 0, 0.1); */
    /* box-shadow: 7px 11px 63px rgba(255, 153, 0, 0.1); */
}

.app.dark .jss2 {
    background: url(/static/media/light-back.png) no-repeat bottom;
}

.app.dark .social-row svg path {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    fill: #d4af34;
}

.app.dark .social-row a:hover svg path {
    fill: #b29700;
}

.app.dark #bond-view .MuiBackdrop-root {
    background: rgba(22, 22, 22, 0.8);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.app.dark #hades {
    background: rgba(22, 22, 22, 0.8);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.app.dark .dapp-topbar .MuiButton-containedSecondary:hover {
    background-color: #1a6577;
    border: 1px solid f73f3f !important;
}

.app.dark #choose-bond-view .ohm-card .bond-hero h4 {
    color: #00c9fe;
    font-weight: 400 !important;
}