body {width: 100%; position: relative;line-height:1;position: relative; margin:0px auto; line-height:1; padding:0px 0; font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;} h1, h2, h3, h4, h5, h6 {font-weight: normal;} .bravPicciot p, .BravPicciot a,.BravPicciot h1,.BravPicciot h2,.BravPicciot h3,.BravPicciot h4,.BravPicciot h5,.BravPicciot h6 {margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;} ul, li, ol {padding-inline-start:0; list-style-type:none;} button {border: none;} input, textarea, button, a {border-radius: 2px;} .Explorer {min-height: 100%;width: 100%;position: relative; background-color: #f1f1f1; overflow-x: hidden;} .HeaderTop {top: 0 !important;} header {width: 100%; min-width: 990px; height: 60px; background-color: #ffffff; text-align: center; z-index: 999; position: fixed; top: 0; left: 0;} header ul {width: 990px; height: 60px; background-color: transparent; text-align: center; display: inline-block; margin: 0;} header ul li {background-color: transparent; text-align: center; display: inline-block;} header .BrandLi {width: 130px; height: 20px;vertical-align: top;margin-top: 20px; height: 20px; float: left;} header .BrandLi a {text-decoration: none;font-size: 18px; color: #292929;} header .BrandLi a span {font-size: 20px;} header .MenuLi {padding: 25px;height: 20px;} header .DeployLi {float: right; margin: 20px 0px 0 0;} header .MenuLi a {font-size: 14px;font-weight: bold;text-decoration: none; color: #545454;} header .MenuLi a:hover {color: #000000;} header .ConnLi {width: 40px; float: right; margin-top: 15px;} header .ConnLi span {width: 30px; height: 30px; border-radius: 99%; background-color: #00ff00; display: inline-block;} header .SearchLi {display: inline-block; width: 430px;margin: 15px 0px 0 0; text-align: center; float: left;} header .SearchLi input {width: 300px; background-color: #ffffff; border: 1px solid #bbbbbb; height: 30px; font-size: 13px; outline: none; color: #000000; font-weight: normal; padding: 0 0 0 10px;} header .SearchLi input:hover, .Main .MainLoad input:focus, .Main .MainLoad input:active {background-color: #ffffff; border-bottom: 2px solid #f1f1f1;} header .SearchLi a {width: 40px; display: inline-block; border: none; background-color: #292929; height: 30px; vertical-align: top;} header .SearchLi a:hover {background-color: #000000;} header .SearchLi a .search {position: relative;width: 20px ;margin: 0 auto;padding: 1px;text-align: center;margin-top: 6px;} header .DeployLi a {margin:0 0px 0 10px;font-weight: bold;font-size: 11px;width: auto;padding: 4px 15px;} header .ChangeViewDtoW {text-decoration: none;font-size: 15px !important;} .FixedNav {position: fixed; top:0;} .search__circle {width: 10px;height: 10px;border: 2px solid #fff;border-radius: 100px;} .search__rectangle {position: absolute;right: 2px;bottom: 2px;width: 7px;-webkit-transform: rotate(36deg);transform: rotate(36deg);border: 1px solid #fff;border-top-right-radius: 12px;border-bottom-right-radius: 12px;} .Main {width: 100%; background-color: transparent; text-align: center; position: relative;min-width: 990px;} .DFOList {width: 100%; min-width: 990px; background-color: #f1f1f1; padding: 50px 0; text-align: center; display: inline-block; margin-top: 60px;} .DFOListFixed {margin-top: 55px;} .DFOList .DFOLister {width: 990px; margin: 0 auto; display: inline-block;} .DFOList .DFOLister .DFOInfo {width: 100%; display: inline-block; border-bottom: 1px solid #ffffff; margin-bottom: 10px;} .DFOMAinNavBox {width: 990px; margin: 0 auto; display: inline-block;} .DFOList .DFOLister .DFOInfo .DFOOpener {margin: 0; display: inline-block; height: 80px; text-align: left;width:530px; vertical-align: top;} .DFOList .DFOLister .DFOInfo .DFOOpener:hover .DFOName h5, .DFOList .DFOLister .DFOInfo .DFOOpener .DFOName:hover h5, .DFOList .DFOLister .DFOInfo .DFOOpener .DFOName h5:hover {text-decoration: underline;} .DFOList .DFOLister .DFOInfo .DFOAddressOpener {margin: 0; display: inline-block; height: 80px; text-align: right;width: 100px;vertical-align: top; margin-left: 10px;} .DFOList .DFOLister .DFOInfo .DFOAddressOpener .DFOMinInfo {width: 100px; display: inline-block; margin: 15px 0 0 0; vertical-align: top; text-align: center;} .DFOList .DFOLister .DFOInfo .DFOAddressOpener .DFOMinInfo h5 {font-size: 12px; width: 100px; font-weight: bold; color: #292929;line-height: 1.1; word-break: break-all;margin: 0;display: inline-block; min-height: 20px;} .DFOList .DFOLister .DFOInfo .DFOAddressOpener .DFOMinInfo h6 {font-size: 13px; width: 100px; color: #292929;line-height: 1; word-break: break-all;margin: 0;display: inline-block; margin: 0 0 10px 0;} .DFOList .DFOLister .DFOInfo .DFOAddressOpener:hover .DFOMinInfo h5, .DFOList .DFOLister .DFOInfo .DFOAddressOpener:hover .DFOMinInfo h6, .DFOAddressOpener .DFOMinInfo:hover h5, .DFOAddressOpener .DFOMinInfo:hover h6, .DFOAddressOpener h5:hover, .DFOAddressOpener h6:hover {text-decoration: underline;} .DFOList .DFOLister .DFOInfo .DFOENSOpener {margin: 0; display: inline-block; height: 80px; text-align: center;width: 220px;vertical-align: top;margin-left: 10px;} .DFOList .DFOLister .DFOInfo .DFOENSOpener .DFOMinInfo {width: 220px; display: inline-block; margin: 15px 0 0 0; vertical-align: top; text-align: center;} .DFOList .DFOLister .DFOInfo .DFOENSOpener .DFOMinInfo h5 {font-size: 12px; width: 220px; font-weight: bold; color: #292929;line-height: 1.1; word-break: break-all;margin: 0;display: inline-block;min-height: 20px;} .DFOList .DFOLister .DFOInfo .DFOENSOpener .DFOMinInfo h6 {font-size: 13px; width: 220px; color: #292929;line-height: 1; word-break: break-all;margin: 0;display: inline-block; margin: 0 0 10px 0;} .DFOList .DFOLister .DFOInfo .DFOENSOpener:hover .DFOMinInfo h5, .DFOList .DFOLister .DFOInfo .DFOENSOpener:hover .DFOMinInfo h6, .DFOENSOpener .DFOMinInfo:hover h5, .DFOENSOpener .DFOMinInfo:hover h6, .DFOENSOpener h5:hover, .DFOENSOpener h6:hover {text-decoration: underline;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOIcon {width: 35px; height: 35px; display: inline-block; margin: 15px 10px 0 10px; vertical-align: middle;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOIcon img {width: 35px; height: 35px; display: inline-block; margin: 0;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOName {width: 200px; display: inline-block; margin: 15px 10px 0 10px; vertical-align: middle;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOName h5 {font-size: 16px; font-weight: bold; color: #292929;line-height: 1;width: 200px; word-break: break-all;margin: 0;display: inline-block;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOMinInfo {width: 105px; display: inline-block; margin: 15px 0 0 10px; vertical-align: top; text-align: center;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOMinInfo h5 {font-size: 12px;font-weight: bold; width: 100px; color: #292929;line-height: 1.1; word-break: break-all;display: inline-block;margin: 0;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOMinInfo h6 {font-size: 13px; width: 100px; color: #292929;line-height: 1; word-break: break-all;margin: 0;display: inline-block; margin: 0 0 10px 0;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOENSInfo {width: 220px; display: inline-block; margin: 15px 10px 0 10px; vertical-align: top; text-align: center;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOENSInfo h5 {font-size: 13px;font-weight: bold; width: 220px; color: #292929;line-height: 1.1; word-break: break-all;display: inline-block;margin: 0;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOENSInfo h6 {font-size: 13px; width: 220px; color: #292929;line-height: 1; word-break: break-all;margin: 0;display: inline-block; margin: 0 0 10px 0;} .DFOInfo .DFOOpened {width: 100%;} .DFOEditKill {width: 250px; display: inline-block; text-align: right;} .EditDFOYo {background-color: #007bff; color: #ffffff; padding: 5px 10px; font-size: 11px; font-weight: bold;display: inline-block;vertical-align: top; margin: 25px 40px 0px 0px; text-decoration: none;} .EditDFOYoBl {background-color: #000000;} .CloseDFOYo {color: #ffffff; font-size: 42px; display: inline-block; vertical-align: top;line-height: 0;margin-top: 33px; text-decoration: none; font-family: "arial" !important;} .DFOOpened .DFONavigator {width: 100%; text-align: center; padding: 0 0 0 0; margin: 0 0 20px 0; background-color: #f1f1f1; height: 37px;} .DFOOpened .DFONavigator li {width: 175px; margin: 0; height: 35px; font-size: 14px; font-weight: bold; display: inline-block; text-align: center; max-width: 330px;} .DFOOpened .DFONavigator li a {width: 100%; height: 20px; display: inline-block; text-align: center; text-decoration: none; padding: 10px 0 5px 0; color: #292929; border-bottom: 0px; background-color: #f1f1f1; border-radius: 0;} .DFOOpened .DFONavigator li a:hover, .DFOOpened .DFONavigator li .selected {background-color: #8653f6 !important; color: #ffffff !important;} .DFOOpened .DFOSubNavigator {top:165px; background-color: #d6d6d6; height: 25px;} .DFOOpened .DFOSubNavigator li {height: 25px;} .DFOOpened .DFOSubNavigator li a {height: 15px; font-size: 13px; background-color: #d6d6d6;padding: 5px 0 5px 0;} .DFOOpened .DFOSubNavigator li a:hover, .DFOOpened .DFOSubNavigator li .selected {background-color: #010101 !important;} .DFOOpened .DFOOverview {width: 100%; display: inline-block; margin:0px 0 5px 0} .DFOOpened .DFOOverview .DFOHosting {width: 100%; margin-top: 40px; text-align: left; padding: 20px 0; display: inline-block; text-decoration: none; text-align: center;list-style-type:none;background-color: #dadada;border-radius: 25px;} .DFOOpened .DFOOverview .DFOHosting .HostingCategoryTitle {width: 89%; text-align: left; margin: 5px auto; display: block;padding: 5px 5%;} .DFOOpened .DFOOverview .DFOHosting li p {font-size: 12.5px; width: 230px; display: inline-block; line-height: 1.3;} .DFOOpened .DFOOverview .DFOHosting h2, .ProposalsActiveIndex > h2, .ProposalsOldIndex > h2 {font-size: 30px; display: inline-block; color: #292929; font-family: 'Courier New', Courier, monospace; width: 100%;text-align: left; margin: 15px 0; font-weight: bold;} .DFOOpened .DFOOverview .DFOHosting li {display: inline-block; text-decoration: none;list-style-type:none; vertical-align: top;} .DFOOpened .DFOOverview .DFOHosting li > p {font-size: 12.5px; width: 170px; display: inline-block; line-height: 1.3;margin-block-start: 0;margin-block-end: 0; margin: 10px 0 10px 30px;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfoG {width: 100%; padding: 10px 0;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo05 {width: 170px; display: inline-block; text-decoration: none; padding: 10px 5px 10px 5px;list-style-type:none; vertical-align: top; text-align: left;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo1 {width: 280px; display: inline-block; text-decoration: none; padding: 0px 5px 0px 5px;list-style-type:none; vertical-align: top; text-align: left;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfoAll {width: 880px; display: inline-block; text-decoration: none; padding: 0px 5px 0px 5px;list-style-type:none; vertical-align: top; text-align: left;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo3 {width: 375px; margin: 10px auto; display: inline-block; text-decoration: none; padding: 10px 5px 10px 5px;list-style-type:none; vertical-align: top; text-align: left;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo2 {width: 460px;margin: 10px auto; display: inline-block; text-decoration: none; padding: 10px 5px 10px 5px;list-style-type:none; vertical-align: top; text-align: left;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo025 {width: 90px;margin: 10px auto; display: inline-block; text-decoration: none; padding: 2px 5px 2px 5px;list-style-type:none; vertical-align: top; text-align: left;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfosub .DFOTitleSection {background-color: #f1f1f1; margin: 10px 5px; padding: 15px; border-radius: 26px;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfosub .DFOTitleSection span {width: auto !important;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfoAll {background-color: #f1f1f1; border-radius: 26px;} .DFOOpened .DFOOverview .DFOHosting .HostingCategoryTitle h2 span {font-size: 18px;} .DFOWalletBalanceSingleT {width: 100%; text-align: left;} .DFOWalletBalanceSingleT img, .DFOWalletBalanceSingleT aside {width: 20px; height: 20px;font-size: 20px; display: inline-block; vertical-align: middle; margin: 0px 5px;} .DFOWalletBalanceSingleT img {border-radius: 50%;} .DFOWalletBalanceSingleT h3 {font-size: 16px;display: inline-block; vertical-align: middle; font-weight: bold;} .DFOOpened .DFOOverview .DFOHosting .DFOHostingBig {width: 210px;} .DFOOpened .DFOOverview .DFOHosting .DFOHostingMid {width: 190px;} .DFOOpened .DFOOverview .DFOHosting .DFOHostingTitle {font-size: 17px;font-weight: normal; width: 100%;line-height: 1.1; word-break: break-all;display: inline-block; margin: 8px 0;} .DFOOpened .DFOOverview .DFOHosting .DFOHostingTag {font-size: 13px;font-weight: normal; line-height: 1.1; display: inline-block; margin: 5px 5px; background-color: #5f5f5f; border-radius: 20px; color: #ffffff; text-decoration: none; position: relative;} .DFOOpened .DFOOverview .DFOHosting .DFOHostingTag4 {background-color: transparent; padding: 0px;} .DFOOpened .DFOOverview .DFOHosting .DFOHostingTitleTTT {word-break: keep-all;} .DFOOpened .DFOOverview .DFOHosting .DFOHostingTag img {width: 15px; height: 15px; display: inline-block; margin-right: 5px; vertical-align: bottom;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection {width: 100%; text-align: left; color: #292929;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection p {color: #292929; margin: 3px 0; font-size: 12px;font-weight: normal; line-height: 1.1; text-decoration: none; width: 100%; display: inline-block;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo1 .DFOTitleSection {width: 240px;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection span {color: #292929; margin: 3px 0; font-size: 20px; line-height: 1.1; width: 100%; display: inline-block; font-weight: bold;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo05 .DFOTitleSection {width: 160px;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo3 .DFOTitleSection {width: 325px;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo2 .DFOTitleSection {width: 420px;} .TheDappInfo3 h6 {font-size: 16px;font-weight: bold;} .DFOOpened .DFOOverview .DFOHosting .OkBoomer {margin: 10px 0; border-radius: 10px;font-size: 13px;font-weight: normal;line-height: 1.3;text-decoration: none;display: inline-block;padding: 10px;max-width: 85%;color: #888888;background-color: #dedede;position: relative;} .DeployNewWhat .OkBoomer {margin: 10px 0;font-size: 13px;font-weight: normal;line-height: 1.3;text-decoration: none;display: inline-block;padding: 10px;max-width: 85%;color: #888888;background-color: #dedede;position: relative;border-radius: 10px;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection .DFOLabelTitleInfo {color: #292929; margin: 3px 0; font-size: 12px; line-height: 1.1; width: 100%; display: inline-block; min-height: 20px;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection .DFOLabelTitleInfoM {color: #292929; margin: 3px 0; font-size: 20px; line-height: 1.1; width: 100%; display: inline-block; min-height: 25px;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection .DFOLabelTitleInfosmall {font-size: 13px; font-weight: normal;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection span {color: #292929; margin: 3px 0; font-size: 16px; line-height: 1.1; width: 100%; display: inline-block; font-weight: bold;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection span aside {display: inline; font-size: 12px;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection p aside {display: inline; font-size: 11px;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection figure, .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection figure img {width: 70px; height: 70px;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection .DFOLabelTitleInfoS {margin: 1px;} .DFOOpened .DFOOverview .DFOFunctionList {width: 990px;padding: 0 0; display: inline-block; text-decoration: none; text-align: center;list-style-type:none; margin-top: 40px;} .DFOOpened .DFOOverview .DFOFunctionList > li {width: 100%; display: inline-block; text-decoration: none; margin: 0 0 20px 0;list-style-type:none; vertical-align: top; text-align: left; background-color: #dadada; padding: 20px 0; border-radius: 28px;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionEmoji {width: 25px; min-height: 60px;margin: 0 5px 0 15px; vertical-align: top; display: inline-block;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionEmoji h4 {font-size: 22px;color: #292929;line-height: 1.1; word-break: break-all;display: inline-block; margin: 10px 0px;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionTitle {width: 230px;margin: 0 40px 0 0; vertical-align: top; display: inline-block; min-height: 60px;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionTitle h5 {font-size: 18px;font-weight: bold;color: #292929;line-height: 1.1; word-break: break-all;display: inline-block; margin: 10px 0px;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionDescription {width: 470px;margin: 0 20px 0 0; vertical-align: top; display: inline-block; } .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionDescription p {font-size: 14px;color: #292929;line-height: 1.3;display: inline; margin: 10px 0px; word-break: break-all;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionDescription p > a {text-decoration: underline;color: #888888;font-weight: bold;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionLastUpdate {width: 110px;margin: 0 0 0 35px; vertical-align: top; display: inline-block; text-align: center;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionLastUpdate h6 {font-size: 13px; margin: 5px 0 0 0;display: inline-block; font-weight: bold;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionLastUpdate a {font-size: 12px; font-weight: bold;margin: 5px 0px; display: inline-block; color: #292929;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOBtnViewSection {width: 170px;margin: 1px 0 0 10px; vertical-align: top; display: inline-block;min-height: 60px;text-align: center;} .OkBoomer .BoomerTriangle {position: absolute;top: -8px;left: 8%;text-align: center;padding:0;width: 0;} .BoomerTriangle {width: 0;height: 0;border-style: solid;border-width: 0 4.5px 9px 4.5px;border-color: transparent transparent #dedede transparent; display: inline-block; position: absolute;} .DFOOpened .DFOOverview .DFOStateList {width: 990px;padding: 0 0; display: inline-block; text-decoration: none; text-align: center;list-style-type:none; margin-top: 40px;} .state h2 {font-size: 15px;} .DFOOpened .DFOOverview .DFOStateList li {width: 100%; display: inline-block; text-decoration: none; padding: 0; margin: 0 0 5px 0;list-style-type:none; vertical-align: top; text-align: left;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState {width: 850px; display: block; margin: 20px auto; text-align: center; padding: 20px 0; background-color: #dadada; border-radius: 28px;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateTN {width: 350px;display: inline-block; margin: 0 40px 0 0; vertical-align: top;text-align: left;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateN {width: 350px; display: inline-block; margin: 0; font-size: 16px; font-weight: bold; word-break: break-all; vertical-align: top;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateT {width: 350px; display: inline-block; margin: 10px 0 0 0; font-size: 13px; word-break: break-all; vertical-align: top;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV {width: 300px; display: inline-block; margin: 0 0 0 40px; vertical-align: top; text-align: left;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV span {font-size: 13px; word-break: break-all;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV input[type=number],.DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV input[type=text] {height: 20px;border: 2px solid #f2f2f2; font-size: 13px; color: #545454; background-color: #f9f9f9; width: 180px; margin: 0px 30px 10px 5px;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV label {font-size: 13px;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV a {color: #191919;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV .LinkVisualButton {margin: 0 5px; vertical-align: top;} .DFOTitleSection .DFOHostingTitle img {width: 20px;display: inline-block;height: 20px;vertical-align: bottom;margin-right: 5px;} .DFOOpened .DFOOverview .IndexShowCode {width: 100%; display: inline-block; text-align: center; background-color: #545454;} .DFOOpened .DFOOverview .IndexShowCode .IndexShowCodeEditorBox {width: 480px; display: inline-block; margin: 0px 5px; text-align: center;} .DFOOpened .DFOOverview .IndexShowCode .IndexShowCodeEditorBox h5 {font-size: 14px;color: #f1f1f1;font-weight: bold;} .DFOOpened .DFOOverview .IndexShowCode .IndexShowCodeEditorBox .editor, .DFOOpened .DFOOverview .IndexShowCode .IndexShowCodeEditorBox .NewProposaleditor {width: 480px; height: 450px; display: inline-block;} .DFOFunctionQuery {width: 100%; display: inline-block; margin: 5px 0 0 0;background-color: #545454;} .DFOFunctionQueryFX {width: 100%;display: inline-block; padding: 5px 0 0 0; text-align: center;} .DFOFunctionQueryFX .DFOFunctionMethod {width: 240px;margin: 0 20px 0 0; vertical-align: top; display: inline-block; min-height: 60px; text-align: left;} .DFOFunctionQueryFX .DFOFunctionMethod h6 {font-size: 12px;color: #f1f1f1;line-height: 1.1; word-break: break-all;display: inline-block; margin: 15px 0px;} .DFOFunctionQueryFX .DFOBtnReadSection {width: 240px;margin: 0 0 0 10px; vertical-align: top; display: inline-block;min-height: 60px;text-align: left;} .DFOFunctionQueryFX .DFOBtnReadSection ul li {margin: 10px 0;} .DFOFunctionQueryFX .DFOBtnReadSection ul li input[type=number],.DFOFunctionQueryFX .DFOBtnReadSection ul li input[type=text] {height: 20px; font-size: 15px;} .DFOFunctionQueryFX .DFOBtnReadSection input {width: 150px; height: 18px;border: 1px solid #f1f1f1; font-size: 10px; color: #545454; background-color: #f9f9f9;} .DFOFunctionQueryFX .DFOBtnResultSection {width: 180px;margin: 0 0 0 20px; vertical-align: top; display: inline-block;min-height: 60px; text-align: right;} .DFOFunctionQueryFX .DFOBtnResultSection h5 {font-size: 14px;font-weight: bold; width: 135px; color: #f1f1f1;line-height: 1.1; word-break: break-all;margin: 10px 0 0 0;display: inline-block;} .DFOFunctionQueryFX .DFOBtnResultSection h6 {font-size: 12px; width: 135px; color: #f1f1f1;line-height: 1; word-break: break-all;margin: 10px 0 0 0;;display: inline-block;} .DFOHostingTitleG {color: #00bd3a !important;} .DFOHostingTitleS {font-size: 13px !important;} .NewProposalIndex {width: 100%; display: inline-block; text-align: center;} .NewProposalIndex .NewProposalCode {text-align: left; width: 700px; display: inline-block; text-align: center;} .CodeEditorOptionsFrom {padding: 7px 0; display: inline-block; width: 300px;} .CodeEditorOptionsCoding {padding: 7px 0 1px 0;display: inline-block; width: 300px;} .CodeEditorOptionsSelect {background-color: #545454;color: #f1f1f1; border: none;} .CodeEditorOptionsWhat {display: inline-block; font-size: 11px; color: #f1f1f1; font-weight: bold; margin: 5px 3px 5px 10px;vertical-align: middle;} .CodeEditorOptionsLoad {display: inline-block; color: #f1f1f1; width: 160px;} .CodeEditorOptionsInputNum {display: inline-block; color: #f1f1f1; background-color: #545454; border: 1px solid #616060; width: 50px;} .CodeEditorOptionsInput {display: inline-block; color: #f1f1f1; background-color: #545454; border: 1px solid #616060; width: 90px;} .CodeEditorOptionsLoadBtn {background-color: #f1f1f1; font-size: 10px; margin-left: 5px; padding: 2px 4px;} .NewProposalIndex .DFOItOptions {width: 290px;display: inline-block; vertical-align: top; margin: 20px 0 0 0;} .NewProposalIndex .DFOItOptions select {height: 20px; background-color: #ffffff; color: #292929; border-radius: 0;font-size: 11px; text-align: center; margin: 10px auto 0 auto;display: block; font-weight: bold;border: none; width: 190px;} .NewProposalIndex .DFOItOptions label {width: 120px;font-size: 11.5px;display: inline-block;margin: 15px 45px 0px 0px;text-align: left;} .NewProposalIndex .DFOItOptions p {width:190px; font-size: 13px; display: inline-block; margin: 15px 0 0px 0; font-weight: bold;} .NewProposalIndex .DFOItOptions input[type="checkbox"] {width: 15px; display: inline-block;} .NewProposalIndex .DFOItOptions input[type="text"], .NewProposalIndex .DFOItOptions input[type="number"] {width: 190px; display: inline-block; text-align: left; height: 20px; border:none; margin: 10px 0 0 0;} .NewProposalIndex .DFOItOptions textarea {width: 190px; display: inline-block; text-align: left; height: 70px;border:none; padding: 1%; margin: 10px 0 0 0;} .NewProposalIndex .DFOItOptions a {width: 190px; height: 12px; background-color: #007bff;color: #f1f1f1; font-size: 11px; border: none; font-weight: bold; margin: 10px 0 0 0;padding: 7px 0; text-decoration: none; display: inline-block;} .NewProposalIndex .DFOItOptions h4 {line-height: 1;margin: 25px 0 0px 0;font-size: 13px;font-weight: bold;} .NewProposalIndex .DFOItOptions .disabled {background-color: #d6d6d6;color: #5f5f5f;} .LinkVisualButtonPre {background-color: #888888; color: #2f2f2f;} .NewProposalIndex {width: 100%; display: inline-block; text-align: center; min-height: 600px;} .ProposalsIndex, .DraftsIndex, .DraftsOldIndex {width: 100%; display: inline-block; text-align: center;margin-top: 40px;} .ProposalsActiveIndex, .DraftsActiveIndex {width: 100%; margin: 10px 0;} .ProposalsOldIndex {width: 100%; margin: 10px 0 0 0;} .ProposalsActiveIndex h4, .ProposalsOldIndex h4, .DraftsActiveIndex h4, .DraftsOldIndex h4 {font-size: 20px;} .ProposalsActiveIndex > ul, .ProposalsOldIndex > ul, .DraftsActiveIndex > ul, .DraftsOldIndex > ul {width: 100%; padding: 0; display: inline-block; text-decoration: none; text-align: center;} .ProposalsActiveIndex > ul > li, .ProposalsOldIndex > ul > li, .DraftsActiveIndex > ul > li, .DraftsOldIndex > ul > li {width: 100%; display: inline-block; text-decoration: none; padding: 20px 0 20px 0;margin: 25px 0 0 0;; vertical-align: top; text-align: left; border-radius: 28px; background-color: #dadada;} .ProposalAction {width: 150px;margin: 0 20px 0 0; vertical-align: top; text-align: center; float: right;} .DraftAction {width: 150px;margin: 0 0 0 0; vertical-align: top; text-align: center; float: right;} .ProposalAction h6 {font-size: 15px; color: #292929; font-weight: bold; vertical-align: top;margin: 0;} .DraftsOldIndex .DraftAction p {font-size: 12px;} .DraftAction .DraftActionTransaction {background-color: #007bff;} .ProposalPool {width: 220px;margin: 0 15px 0 15px; vertical-align: top; text-align: left; float: right;} .ProposalPool h6 {font-size: 15px; color: #292929; font-weight: bold; vertical-align: top;margin: 0;} .ProposalPool .LinkVisualStandard {font-size: 12px; color: #292929; margin: 15px 5px 0 0; font-weight: bold; display: inline; text-decoration: underline;} .ProposalPool > p {font-size: 14px; margin: 10px 0 5px 0;} .ProposalPool > p > span {font-size: 9px;} .ProposalPool > p > a {color: #292929;} .ProposalsActiveIndex .ProposalAction {width: 250px; text-align: left;} .ProposalsActiveIndex .ProposalAction .LinkVisualStandard {font-size: 11px;margin: 6px 5px 0 0;} .ProposalsActiveIndex .ProposalAction .LinkVisualButton {margin: 5px 5px 0px 0px;} .ProposalsActiveIndex .ProposalAction p {font-size: 16px; margin: 5px 0;} .ProposalsActiveIndex .ProposalAction p a {font-size: 14px; color: #616060;} .ProposalsOldIndex .ProposalBio {width: 650px;} .DraftsActiveIndex .DraftBio,.DraftsOldIndex .DraftBio {width: 600px;} .ProposalsOldIndex .ProposalPool {width: 250px;} .ProposalsOldIndex .ProposalPool > .LinkVisualStandard {margin: 6px 5px 0 0;} .ProposalsOldIndex .ProposalPool > p {margin: 5px 0 5px 0;} .ProposalsOldIndex .ProposalPool h6 {font-size: 16px;} .ProposalsOldIndex .ProposalPool section {width: 100%; display: inline-block; text-align: left;} .ProposalsOldIndex .ProposalPool .ProposalPoolWithdraw {background-color: #007bff;} .ProposalBio, .DraftBio {width: 650px; display: inline-block; margin: 0; padding: 0 20px 0 30px; min-height: 120px;} .ProposalBio p, .DraftBio p {font-size: 14px;line-height: 1.3;} .ProposalBio p > a, .DraftBio p > a {text-decoration: underline; color: #888888; font-weight: bold;} .DFOFunctionList b, .DFOFunctionList b {text-decoration: underline; color: #191919; font-weight: bold;} .ProposalBio b, .ProposalBio b {text-decoration: underline; color: #191919; font-weight: bold;} .ProposalBio h5, .DraftBio h5 {font-size: 18px; margin: 0; word-break: break-all;} .ProposalBio h5 span, .DraftBio h5 span {font-weight: bold;} .ProposalVote {width: 100%; display: inline-block; margin: 5px 0 0 0;background-color: #545454;} .ProposalVoteINFO {width:615px; display: inline-block; padding: 15px 0; vertical-align: top;} .ProposalVote h6 {width: 100%; font-size: 15px;font-weight: bold; text-align: left; margin: 8px 0 15px 0; color: #f1f1f1;} .ProposalVoteToken {width: 180px;margin: 5px 0 5px 15px; vertical-align: top; text-align: left; display: inline-block;vertical-align: top;} .ProposalVote .ProposalPoolReview {width: 100%; margin: 10px 0 4px 0; height: 15px; text-align: left;} .ProposalVote .ProposalPoolReview .ProposalPoolReviewEm {width: 20px; display: inline-block; margin: 0 5px; text-align: center;} .ProposalVote .ProposalPoolReview .ProposalPoolReviewPercentage {width: 130px; display: inline-block; margin: 0 10px; text-align: left;} .ProposalVote .ProposalPoolReview .ProposalPoolReviewEm p {font-size: 12px; vertical-align: top; margin-top: 3px;display: inline-block;} .ProposalVote .ProposalPoolReview .ProposalPoolReviewPercentage .ProposalPoolReviewPercentageN {max-width: 100%; width: 70%; text-align: center; font-size: 11px; font-weight: bold; background-color: #ff0000; height: 10px; vertical-align: top; margin-top: 1px; color: #f1f1f1;display: inline-block; padding: 2px 0;} .ProposalVote .ProposalPoolReview .ProposalPoolReviewPercentage .ProposalPoolReviewPercentageY {max-width: 100%; width: 30%;text-align: center; font-size: 11px; font-weight: bold; background-color: #00bd3a; height: 10px; vertical-align: top; margin-top: 1px; color: #f1f1f1; display: inline-block; padding: 2px 0;} .ProposalVoteToken > p {width: 100%; display: inline-block; font-size: 11px; color: #eaeaea; word-break: break-all; margin: 4px 40px;} .ProposalVoteBalances {width:200px; padding: 5px 0 10px 20px; border-left: 1px solid #292929; display: inline-block;vertical-align: top; border-right: 1px solid #292929;} .ProposalVoteBalances p {width: 100%; display: inline-block; font-size: 12px; color: #eaeaea; word-break: break-all; margin: 5px 0px;} .ProposalVoteBalances h6 {margin: 8px 0 5px 0; font-size: 14px;} .ProposalVoteVoting {width: 339px; display: inline-block; padding: 0 15px 0 20px; vertical-align: top; text-align: center; margin: 10px 0 0 0;} .ProposalVoteVoting h6 {margin: 10px 0 10px 0; font-size: 14px; color: #f1f1f1; width: 100%; text-align: center;} .ProposalVoteVotingNew, .ProposalVoteVotingExit {width: 100%; text-align: right; margin: 10px 0 10px 0;padding: 5px 0 10px 0;} .ProposalVoteVotingNew select {background-color: #2f2f2f;color: #f1f1f1;height: 25px;font-size: 10px;font-weight: bold;width: 80px;border: none;vertical-align: top;margin: 0 5px 0 0;} .ProposalVoteVotingExit select {background-color: #2f2f2f;color: #f1f1f1;height: 25px;font-size: 10px;font-weight: bold;width: 40px;border: none;vertical-align: top;margin: 0 5px 0 0;} .ProposalVoteVotingNew input, .ProposalVoteVotingExit input {width: 80px;height: 25px;background-color: #292929;border: 1px solid #616060;vertical-align: top;font-size: 10px;font-weight: bold;margin: 0 5px 0 0px; color: #f1f1f1;} .ProposalVoteVotingExit p ,.ProposalVoteVotingNew p {font-size: 12px; display: inline-block; margin:6px 5px 0 0; font-weight: bold; vertical-align: top; color: #f1f1f1;} .AllViewCode {width: 100%; height: 600px; background-color: #545454; display: inline-block; margin:0;} .ProposalsOldIndex .ProposalVoteINFO {width: 100%;} .ProposalsOldIndex .ProposalVoteToken {width: 470px;} .LinkVisualEthscan {float: none !important;} .ProposalsOldIndex .ProposalPoolReview .ProposalPoolReviewPercentage {width: 410px;} .SideViewCode {width: 700px; display: inline-block; background-color: #292929; margin: 20px 0 0px 0; vertical-align: top;min-height: 600px;} .NewProposaleditor {width: 700px; display: inline-block; background-color: #292929; height: 600px; text-align: left;} .LinkVisualStandard {color: #292929;font-size: 10px;font-weight: bold; line-height: 1.1; text-decoration: underline; width: 100%; display: inline-block;} .LinkVisualButton {display: inline-block;background-color: #545454;color: #f1f1f1;font-size: 10px;height: 12px;width: 75px;padding: 4px 5px;font-weight: bold;text-decoration: none;text-align: center;} .LinkVisualPropose {width: auto;} .LinkVisualClassic {display: inline-block; text-align: center; font-size: 9px; width: 100%; margin-top: 5px; color: #545454;} .DFOHosting .LinkVisualStandard {font-size: 16px; font-weight: bold; text-decoration: none; display: inline; word-break: break-all;} .DFOHosting .LinkVisualStandard:hover {text-decoration: underline;} .DFOHosting .LinkVisualStandard aside {font-size: 12px; display: inline;} .DFOHosting .LinkVisualStandardO {font-weight: normal;} .DFOHosting .LinkVisualButton {margin: 3px 5px;} .MiiiiFunctionalities span {margin-left: 20px !important;} .DFOHosting .EditDFOYoYO {background-color: #8d40ff;color: #ffffff;padding: 2px 6px;border-radius: 50%;font-size: 11px;font-weight: bold;display: inline-block;vertical-align: top;margin: 4px 0px 0px 0px;text-decoration: none;} .LinkVisualButtonB {background-color: #007bff;} .LinkVisualButtonG {background-color: #00bd3a;} .LinkVisualButtonU {background-color: #ff00ff;} .LinkVisualButtonO {background-color: #ffb004;} .TorginiOpenCode {font-size: 14px !important;} .TorginiOpenCode img {width: 15px !important; height: 15px !important;} .TheDappInfo2 .LinkVisualButton, .TheDappInfo3 .LinkVisualButton {float: right; margin: 0px 30px 0px 0px;} .DFOFxTools {width: 85px; margin: 5px 5px 0 0; display: inline-block; vertical-align: top;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOBtnViewSection .LinkVisualButton {margin: 5px 0 0 5px;} .DFOFunctionQueryFX .DFOBtnReadSection .LinkVisualButton {margin: 15px 5px;background-color: #292929;} .ProposalAction .LinkVisualButton, .DraftAction .LinkVisualButton {margin: 5px 0px 0px 4px;width: 90px;} .DraftsOldIndex .DraftAction .LinkVisualButton {vertical-align: middle;} .ProposalsActiveIndex > span, .ProposalsOldIndex > span {font-size: 12px;} .ProposalsActiveIndex > h4, .ProposalsOldIndex > h4 {font-size: 18px; font-weight: bold;} .ProposalsOldIndex .ProposalPool .LinkVisualButton {width: 90px; margin: 5px 5px 5px 0px;} .ProposalVoteVotingNew .LinkVisualButton, .ProposalVoteVotingExit .LinkVisualButton {width: 70px;height: 12px;border: none;font-weight: bold;font-size: 10px; color: #f1f1f1;background-color: #007bff; padding: 7px 0;} .Main .MainLoader {width: 100%; position: fixed; top: 0; left: 0; background-color: #f1f1f1; z-index: 88888888; height: 100%; overflow: hidden;} .Main .MainLoader .MainLoaderAll {width: 990px; margin: 150px auto 0 auto; display: inline-block; vertical-align: middle;} .Main .MainLoader figure {text-align: center; display: inline-block; width: 290px; margin-block-start: 0;margin-block-end: 0;margin-inline-start: 0;margin-inline-end: 0;vertical-align: top;} .Main .MainLoader figure > div {width: 290px; height: 200px; display: inline-block;} .Main .MainAwesome {width: 100%; position: fixed; margin: 0 auto; text-align: center; min-width: 990px; top: 40px;} .Main .MainAwesome .DFOTitle {width: 500px; margin: 0 auto;text-align: left; display: inline-block;vertical-align: top;} .Main .MainAwesome h4 {font-size: 28px; text-align: left; color: #f1f1f1; display: inline-block; margin: 40px 0px 0 10px; line-height: 1.3;} .Main .MainAwesome h6 {font-size: 13.5px; text-align: left; color: #f1f1f1; display: inline-block; line-height: 1.3; margin: 15px 0px 0 10px;} .Main .MainAwesome h6 a {font-weight: bold; text-decoration: underline;} .Main .MainAwesome img {width: 350px; display: inline-block;margin-left: 50px;} .Main .MainAwesome .MainBtn, .UnderstandingDFO .MainBtn {width: 100%; display: inline-block; margin: 20px 0 10px 0; text-align: center; clear: both; text-align: left;} .Main .MainAwesome .MainBtn a, .UnderstandingDFO .MainBtn a {margin: 0 5px; display: inline-block; padding: 10px 20px; text-decoration: underline; color: #ff00ff; font-size: 14px;font-weight: bold;} .Main .MainAwesome .MainBtn a:hover, .UnderstandingDFO .MainBtn a:hover {background-color: #ff00ff; color: #000000; text-decoration: none;} .Main .MainMsg {width: 100%; background-color: #00ffff; position: fixed; min-height: 30px; padding: 5px 0; bottom: 0; left: 0; z-index: 9999999999; } .Main .MainMsg button {position: absolute;top: 0;right: 0;background-color: transparent;border: none;text-decoration: underline;font-size: 12px;color: #2f2f2f;} .Main .MainMsg_warning {background-color: #ff00ff;} .Main .MainMsg_error {background-color: #ff0000;} .Main .MainMsg_success {background-color: #00ff00;} .Main .MainMsg a {font-size: 16px; color: #000000; font-weight: bold;} .BravPicciot {width: 78%; background-color: #4d4954; padding: 20px 10%; border-radius: 28px; display: inline-block; margin: 10px auto; position: relative;} .BravPicciot input {width: 100px; background-color: #000000; border: none; font-size: 14px; padding: 5px 10px; color: #ffffff; margin: 10px 10px 10px 5px; border-radius: 10px;} .BravPicciot .AMeMoPiach {width: 10px; display: inline-block; margin: 5px 0;} .BravPicciot select {width: 100px; background-color: #000000; border: none; font-size: 14px; padding: 5px 10px; color: #ffffff; margin: 10px 10px 10px 5px; border-radius: 10px;} .MarioTorginiProposal {width: 140px !important;margin-left: 10px !important;} .BravPicciot p {font-size: 14px !important; color: #f1f1f1 !important;} .BravPicciot span {color: #f1f1f1 !important; font-size: 15px !important;} .BravPicciot span b {min-width: 110px; display: inline-block; margin-left: 10px;} .BravPicciot h5 {color: #f1f1f1 !important; font-size: 20px !important; padding: 5px 5px 5px 5px; line-height: 1;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;} .PikaPikaYaYa {position: absolute; width: 185px; height: 220px; overflow: hidden; background-color: #000000; z-index: 99999999999;} .PikaPikaSearch {position: absolute !important; top:0 !important; left: 0 !important; width: 185px !important; height: 40px !important; font-size: 13px; color: #f1f1f1; text-align: center;} .PikaPikaSearch input {width: 185px !important; height: 30px !important; font-size: 13px; color: #f1f1f1; margin: 0 !important; padding: 10px; display: inline-block; border-bottom: 1px solid #7901ff; border-radius: 0;} .PikaPikaFind {position: absolute; top:30px; left: 0; width: 185px; height: 190px; overflow-x: hidden; overflow-y: scroll; background-color: #2f2f2f;} .PikaPikaSelectedBoomer {width: 100%; background-color: #2f2f2f; margin: 5px 0; padding: 5px 0; border: 1px solid #000000; display: block;} .PikaPikaSelectedBoomer img {width: 30px; height: 30px; display: inline-block; margin: 0 10px; vertical-align: middle;} .PikaPikaSelectedBoomer p {width: 120px !important; height: 20px !important; display: inline-block !important; color: #f1f1f1 !important; font-size: 12px !important; vertical-align: text-bottom;} .PikaPikaSelectedBoomer p b {font-size: 14px;} .PikaPikaFindaaaaaaaaa {width: 100%; display: inline-block; padding: 10px 0; margin: 5px 0; border-bottom: 1px solid #000000;} .PikaPikaFindaaaaaaaaa img {width: 30px; height: 30px; display: inline-block; margin: 0 10px; vertical-align: middle;} .PikaPikaFindaaaaaaaaa p {width: 120px !important; height: 20px !important; display: inline-block !important; color: #f1f1f1 !important; font-size: 12px !important; vertical-align: middle; margin: 0 !important;} .PikaPikaFindaaaaaaaaa p b {font-size: 14px;} .tokenPicker .tokenpickerSelector {font-size: 13px; background-color: #7901ff; color: #f1f1f1; font-weight: bold; text-decoration: none; padding: 5px 8px; display: inline-block; max-width: 90px; margin: 10px 0;} .BrandLiInfo {background-color: #000000;color: #ffffff !important;border-radius: 99px;width: 20px;height: 20px;display: inline-block; font-family: "arial";} .GIGIMIO {font-size: 12.5px !important;width: 311px !important;display: inline-block !important;line-height: 1.3 !important;margin-block-start: 0 !important;margin-block-end: 0 !important;margin: 10px 0 10px 0px !important;} .WOWDescription {display: inline-block !important; width: 100% !important; font-size: 14px !important; margin: 30px 0 15px 0; padding: 7px 0px; background-color: #8d40ff; color: #f1f1f1 !important; text-align: center !important;} .WOWDescription2 {display: inline-block !important; width: 70% !important; font-size: 14px !important; margin: 30px 50px 15px 50px; padding: 7px 4.5%; line-height: 1.3; background-color: #8d40ff; color: #f1f1f1 !important; text-align: center !important;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV .LinkVisualButtonB {color: #f1f1f1;} .sequentialOps {width: 600px; padding: 25px; background-color: #ffffff; border: 2px solid #bbbbbb;display: inline-block; max-height: 500px; overflow: auto;} .sequentialOps h3 {font-size: 23px; width: 100%; display: inline-block; text-align: center; font-weight: bold; margin: 10px auto;} .sequentialOps ol {width: 550px; display: inline-block; text-align: left;} .sequentialOps ol li {width: 100%;padding: 5px 0;border-bottom: 1px solid #f1f1f1; list-style-type: decimal;} .sequentialOps ol li p {font-size: 16px; max-width: 500px; margin-right: 10px; display: inline-block;} .sequentialOps ol li span {font-size: 18px;width: 30px;text-align: center;display: inline-block; vertical-align: middle;} .sequentialOps .LetsGoPika {width: 150px; text-align: center; display: inline-block;} .sequentialOps .LetsGoPika a {font-size: 13px; padding: 10px 10px; display: inline-block; color: #616060; font-weight: bold; text-decoration: none;margin: 2px 4px;} .sequentialOps .LetsGoPika .LinkVisualButtonB {background-color: #007bff; color: #ffffff;} .sequentialOps .emergency {background-color: #ff0000;} .sequentialOps .LetsGoPika .disabled {background-color: transparent !important; color: #616060 !important;} .sequentialOps aside {display: inline-block;width: 90%;padding: 10px 3%;font-size: 13px;background-color: #8d40ff;color: #f1f1f1;font-weight: bold;} .NewProposalIndex .AllertBanner p {color: #f1f1f1; text-align: center; font-size: 15px; line-height: 1.3;} .NewProposalIndex .AllertBanner {width: 830px;padding: 8px 51px;background-color: #8d40ff;text-align: center;margin: 10px 0;} .Nav {width: 100%; text-align: center; display: inline-block; padding: 30px 0 30px 0;} .NavFixed {padding: 90px 0 30px 0;} .NavAll {width: 100%; text-align: center; display: inline-block;} .NavDeploy {width: 900px; text-align: center; padding: 0; margin: 100px auto 0 auto;} .NavDeploy h2 {color: #000000; font-size: 40px; font-weight: bold; margin-bottom: 80px;} .NavDeploy h4 {font-size: 18px; color: #000000;} .NavDeploy p {font-size: 14px; color: #000000; text-decoration: none; line-height: 1.3; width: 250px; text-align: left; display: inline-block;vertical-align: middle;} .NavDeploy p span {font-weight: bold; font-size: 18px;line-height: 1.8;} .NavDeploy .LinkVisualButton {width: 100%;height: 18px;background-color: #007bff;color: #f1f1f1;font-size: 13px;border: none;padding: 11px 0; font-weight: bold; text-decoration: none;} .DeployNewWhat .OkBoomer {width: 420px; font-size: 13px; border-radius: 10px;} .DeployNewWhat .METADATACHANGE {display: none;} .DeployNewWhat2 .METADATACHANGE {display: inline-block; font-size: 30px; margin: 80px auto 30px auto; text-align: center;} .DeployNewWhat h5 {font-size: 20px;margin: 10px 0px;display: inline-block;} .DeployNewWhat .METADATACHANGECLOSE {display: none;} .DeployNewWhat2 .METADATACHANGECLOSE {position: absolute; top:0; left:0; padding: 10px 20px; font-size: 15px; background-color: #5f5f5f; display: inline-block; color: #f1f1f1; text-decoration:none; font-weight: bold;} .DeployNewWhat .EmergencyDescription {width: 400px; display: inline-block; margin: 30px 0 15px 0; padding: 10px 20px; background-color: #8d40ff; color: #f1f1f1;} .DeployNewWhat {width: 450px; margin-left: 150px; display: inline-block; vertical-align: middle;} .DeployNewWhat div {text-align: left;display: inline-block; padding: 15px 0; width: 100%;} .DeployNewWhat2 {position: fixed; width: 100% !important; height: 100% !important; display: inline-block; top: 0; left: 0; z-index: 1000000000000; background-color: #f1f1f1; overflow-y: scroll; padding: 0px 0px 50px 0;} .DeployNewWhat2 .OkBoomer {width: 420px; font-size: 13px; max-width: 100%; margin-bottom: 20px;border-radius:10px} .DeployNewWhat2 .OkBoomer .BoomerTriangle {left: 6%;} .DeployNewWhat .LabelSPEC {width: 430px !important; text-align: center !important; margin: 10px 0;} .DeployNewWhat2 .LabelSPEC {width: 100% !important; text-align: center !important; margin: 10px 0;} .DeployNewWhat .LabelSPECWRITE {width: 430px; height: 100px; border: none; font-size: 14;} .DeployNewWhat2 .LabelSPECWRITE {width: 420px; height: 100px; border: none; font-size: 14;} .DeployNewWhat2 h5 {font-size: 20px;margin: 10px 0px;display: inline-block;} .DeployNewWhat2 .EmergencyDescription {width: 400px; display: inline-block; margin: 30px 0 15px 0; padding: 10px 20px; background-color: #8d40ff; color: #f1f1f1;} .DeployNewWhat2 div {text-align: left;display: inline-block; padding: 8px 0; width: 100%; text-align: center;} .DeployNewWhat2 div label {width: 200px; text-align: left;} .DeployNewWhat2 div input {width: 210px; margin-left: 15px;} .DeployNewWhat2 > .DeployNewWhat3 {width: 430px; margin: 0 auto;} .PROPOSEmetadata {padding: 20px 0px 50px 0px; text-align: center;} .DFOGovernanceSelector {width: 500px; margin-left: 100px; display: inline-block; vertical-align: top;} .DFOGovernanceSelector ul {width: 100%; text-align: center;} .DFOGovernanceSelector ul li {width: 130px; padding: 10px; margin: 0 8px; display: inline-block; vertical-align: top;} .DFOGovernanceSelector ul li:hover, .DFOGovernanceSelector ul .selected {background-color: #292929;} .DFOGovernanceSelector ul li a {width: 100%; display: inline-block; vertical-align: top;} .DFOGovernanceSelector ul li a p {width: 100%; display: inline-block; font-size: 14px; text-align: left;} .DFOGovernanceSelector ul li a h6 {width: 100%; display: inline-block; font-size: 18px; text-align: left; font-weight: bold; margin: 0; color: #000000;} .DFOGovernanceSelector ul li:hover h6, .DFOGovernanceSelector ul li:hover p, .DFOGovernanceSelector ul .selected p, .DFOGovernanceSelector ul .selected h6 {color: #f1f1f1;} .DFOGovernanceSelector ul .selected {position: relative;} .DFOGovernanceSelector ul .SelectedTriangle {display: none;} .DFOGovernanceSelector .OkBoomer {margin: 10px 0;font-size: 13px;font-weight: normal;line-height: 1.3;text-decoration: none;display: inline-block;padding: 10px;max-width: 85%;color: #888888; background-color: #dedede;position: relative; border-radius: 10px;} .DFOGovernanceSelector ul .selected .SelectedTriangle {width: 0;height: 0;border-style: solid;border-width: 13.0px 7.5px 0 7.5px;border-color: #000000 transparent transparent transparent; border-style: inset; -webkit-transform:rotate(360deg); display: inline-block; position: absolute;bottom: -13px;left: 65px;} .InsertDfoName label, .InsertDfoSubdomain label, .InsertTokenName label, .InsertTokenSupply label, .InsertSurveyLength label, .InsertSurveyQuorum label, .InsertSurveyMinStake label, .InsertSurveyEmergencyLength label, .InsertSurveyEmergencyPenalty label, .InsertSurveySingleReward label, .InsertSurveyCommunityStake label {width: 150px; display: inline-block; font-size: 15px;color: #000000; font-weight: bold;} .InsertDfoName input, .InsertDfoSubdomain input, .InsertTokenName input, .InsertTokenSupply input, .InsertSurveyLength input, .InsertSurveyQuorum .SurveyQuorumHow, .InsertSurveyMinStake input,.InsertSurveyEmergencyLength input, .InsertSurveyEmergencyPenalty input, .InsertSurveySingleReward input, .InsertSurveyCommunityStake input {width: 150px;height: 25px;border: none;} .InsertTokenSupply aside {display: inline-block;width: 300px;margin: 30px auto 0px auto;font-size: 13px;padding: 10px 5px;text-align: center;color: #ffffff;background-color: #8d40ff;} .InsertTokenSupply aside span {font-size: 11px; font-weight: bold;} .DFOGovernanceSelector .DeployNewWhat {margin-left: 0; width: 465px;} .DeployNewWhat2 {margin-left: 0; width: 465px;} .InsertDfoSubdomain span, .InsertSurveyLength span, .InsertSurveyQuorum span, .InsertSurveyMinStake span, .InsertSurveyEmergencyPenalty span, .InsertSurveyEmergencyLength span, .InsertSurveyCommunityStake span, .InsertSurveySingleReward span {font-size: 12px;} .GovernSelectorPage span {font-size: 12px; margin-left: 5px;} .GovernSelectorPage .GigiImputabene {width: 150px;height: 25px;border: none;} .InsertSurveyQuorum .SurveyQuorumYN {margin: 0 12px 0 -26px;font-size: 20px;} .DeployActions {width: 100%; margin-top: 60px; text-align: center;} .DeployActions .DeployNextPrev {font-size: 12px; text-decoration: none; background-color: #007bff; color: #f1f1f1; font-weight: bold; padding: 5px 10px; margin: 0 10px;} .DeployActions .DeployOLNYPrev {background-color: #545454;} .DFOFunctionIndexIcon {width: 100%; display: inline-block; background-color: #545454;} .DFOFunctionIndexIcon ul {width: 100%;padding: 10px 0;} .DFOFunctionIndexIcon ul li {width: 450px; text-align: center; display: inline-block; vertical-align: middle;} .DFOFunctionIndexIcon ul li p {font-size: 11px; line-height: 1.3; color: #f1f1f1; display: inline-block; width: 250px; text-align: left;} .DFOFunctionIndexIcon ul li section {width: 100%; display: inline-block; padding: 10px 0; text-align: left;} .DFOFunctionIndexIcon ul li section .DFOFunctionIndexIconSelector {width: 20px; text-align: left; display: inline-block;} .DFOFunctionIndexIcon ul li section label {font-size: 13px; font-weight: bold; display: inline-block; color: #f1f1f1;} .DFOFunctionIndexIcon ul li section a {margin: 0px 5px 0 -35px; background-color: #292929; color: #ffffff; font-size: 10px;height: 12px;width: 70px;padding: 4px 0px;font-weight: bold;display: inline-block; text-align: center;} .DFOFunctionIndexIcon ul li section .DFOFunctionIndexIconText {width: 120px; background-color: #191919; color: #9e9e9e; border: 1px solid #000000; height: 20px; margin-left: 10px;display: inline-block;} .DFOFunctionIndexIcon ul li section .DFOFunctionIndexIconUpload {width: 120px; color: #9e9e9e;height: 20px; margin-left: 10px;display: inline-block;} .DFOFunctionIndexIcon aside {padding: 15px 0;} .stakingEdit .TheDappInfo1, .stakingEdit .TheDappInfo2 {margin: 10px; display: inline-block;} .stakingEdit .TheDappInfo2 .bravPicciot,.stakingEdit .TheDappInfo1 .bravPicciot {width: 78% !important;} .StakeBigBoss {width: 100%; position: fixed; top: 0; left: 0; background-color: #7901ff; opacity: 0.9; } .NavDeploy > h2 {line-height: 1; font-size: 40px; font-weight: normal;} .NoWeb3 {width: 100%;text-align: center;min-width: 100%;height: 100%;padding-top: 0px;background-color: #030303;} .NoWeb3 h1 {width: 300px; height: 300px; display: inline-block; margin-top: 100px; text-align: center;} .NoWeb3 h1 img {width: 300px; height: 300px; display: inline-block;} .NoWeb3 .DisclamerWeb3 {width: 100%; text-align: center; display: inline-block; margin: 0 auto; } .NoWeb3 .DisclamerWeb3 h2 {font-size: 60px;font-weight: bold;color: #7901ff;margin: 0 auto; display: inline-block; margin-block-end: 0;margin-block-start: 0;} .NoWeb3 .DisclamerWeb3 p {font-size: 16px; color: #7901ff; line-height: 1.4;} .NoWeb3 .DisclamerWeb3 p a {font-size: 15px; color: #ff00ff; font-weight: bold; padding: 0 3px;} .NoWeb3 .DisclamerWeb3 p a:hover {color: #ffffff; background-color: #ff00ff; text-decoration: none;} .ComEXTLink {width: 100%; margin-top: 10px; display: inline-block; text-align: left;} .LuiQuelloLi {font-size: 12px; word-break: break-all; font-weight: bold;} .NoWeb3, .BrandLi {font-family: "Courier New", "Lucida Console", "Courier", "Times", "Arial" !important;} .BODL {font-weight: bold !important;} .Pistombrillo {width: 100% !important; font-size: 12px !important; text-align: left !important; font-weight: normal; display: inline-block !important; margin: 5px 0 !important; line-height: 1.3;} .DFOFunctionQuery .NewProposaleditor {width: 990px;} .AllViewCode .NewProposaleditor {width: 990px;} .LinkVisualButtonBIGGA {width: 100%; display: inline-block; font-size: 13px; padding: 8px 0; margin: 8px 0 !important;} .lds-ellipsis {display: inline-block;position: relative;width: 80px;height: 35px;} .lds-ellipsis div {position: absolute;top: 10px;width: 13px;height: 13px;border-radius: 50%;background: #7901ff;animation-timing-function: cubic-bezier(0, 1, 1, 0);} .lds-ellipsis div:nth-child(1) {left: 8px;animation: lds-ellipsis1 0.6s infinite;} .lds-ellipsis div:nth-child(2) {left: 8px;animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(3) {left: 32px;animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(4) {left: 56px;animation: lds-ellipsis3 0.6s infinite;} .LoaderChainPull {min-width: 290px; width: 100%;height: 40px; display: inline-block;vertical-align: top; text-align: left; text-align: center;display: inline-block;vertical-align: top;} .LoaderChainPull h5 {font-size: 15px !important;margin: 10px 0 !important;color: #7901ff !important;display: inline-block!important;vertical-align: top!important; font-weight: bold!important;} .loaderMinimino {border: 2px solid #f3f3f3;border-radius: 50%;border-top: 2px solid #ff00ff;width: 15px !important;height: 15px !important;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;display: inline-block; vertical-align: middle;} @-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg);}} @keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg);}} @keyframes lds-ellipsis1 {0% {transform: scale(0);}100% {transform: scale(1);}} @keyframes lds-ellipsis3 {0% {transform: scale(1);}100% {transform: scale(0);}} @keyframes lds-ellipsis2 {0% {transform: translate(0, 0);}100% {transform: translate(24px, 0);}} @-webkit-keyframes dash {to {stroke-dashoffset: 136;}} @keyframes dash {to {stroke-dashoffset: 136;}} @-webkit-keyframes rotate {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes rotate {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} .LoaderChainPush .lds-ellipsis div {background-color: #8d40ff;} .Editing {background-color: #7901ff; color: #f1f1f1;} .LinkVisualUni {background-color: rgb(255, 0, 122); font-weight: bold;} .LinkVisualUniPEN {background-color: #9999FF;} .LinkVisualEthscan {font-weight: bold;} .Pistombrillo input {background-color: #eaeaea; border: 1px solid #bbbbbb; font-size: 13px; width: 200px; padding: 5px 5px; margin: 10px 0;} .LLinkVisualButtonSpecial {font-size: 11px !important; background-color: transparent !important; color: #5f5f5f !important; text-decoration: underline !important; padding: 5px 6px !important;} .USDVALUE {font-size: 14px !important; font-weight: normal !important;} .KingJulianAlwaysWatchingYou {margin: 10px 0;} .MutoStai {margin: 10px auto 4px auto;} .MutoStai p {font-size: 11px !important; line-height: 1.3;} .DFObrandICON {width: 90%; display: inline-block;} .MOREINFOSOON {text-decoration: underline;color: #888888;font-weight: bold; margin: 0 3px;} .InfoCexSub {width: 100%; margin: 10px auto !important; display: inline-block; font-weight: bold;} .DFOLabelTitleInfosmall a, .DFOTitleSection > span > a {color: #333333;} .StakeBigBoss .statusBox h3 {color: #f1f1f1;} .StakeBigBoss .stakingInfo h3 {line-height: 0;} .HostingCategoryTitle25 {text-align: center !important;} .SpecialMetadataBTN {margin: 10px auto !important; display: inline-block; font-size: 13px; width: auto; height: auto; padding: 7px 5px;} .stakingEdit .TheDappInfoSub {margin: 20px 0;} .DFOLabelTitleInfo4 {line-height: 1.4 !important;} .METADATAINFOOOOOO span {font-size: 13px; vertical-align: middle; margin-right: 5px;margin-block-start: 0;margin-block-end: 0; line-height: 1;} .METADATAINFOOOOOO input {vertical-align: middle;} .ORDERINFOOOOOO, .METADATAINFOOOOOO {background-color: #d6d6d6; border-radius: 8px; padding: 7px 10px; margin: auto 5px; cursor: pointer;} .ORDERINFOOOOOO select {background-color: #d6d6d6;border: none; font-weight: bold;} .ListOrderPanel {width: 100%; text-align: center; margin: 5px auto 35px auto;} .ListOrderPanel p {font-size: 13px; color: #191919; margin: auto 5px; vertical-align: middle; display: inline-block;vertical-align: middle; display: inline-block;margin-block-start: 0;margin-block-end: 0; line-height: 1;} .BazTokenSelector {width: 100%; display: inline-block; margin: 10px auto; text-align: center;} .BazTokenSelector a {padding: 10px 20px; text-decoration: none; font-weight: bold; display: inline-block; margin: 5px; border-radius: 6px;} .BazSelectorContainer {position: fixed; bottom: 1%; left: 5%; width: 90%; overflow-y: scroll;overflow-x: hidden; height: 60%; margin: auto; z-index: 100000000000; border-radius: 10px; } .BazSelectorContainerClose {position: fixed; border-radius: 50%; width: 30px; height: 30px; top: 20px; left: 5px;top: 10%;left: 48%;z-index: 10000000000;} .BazSelectorContainerClose a {font-size: 18px; padding: 0;} .BazSelectorContainerMenu {display: inline-block; width: 100%;} .BazSelectorContainerMenuintern {width: 100%;} .BazSelectorContainerMenu li {width: 33.3%; display: inline-block; height: 32px;} .BazSelectorContainerMenu li a {padding: 8px 0; width: 100%; margin: 0; font-size: 11px !important; font-weight: bold;} .BazSelectorContainerObjects {width: 95%; display: inline-block; margin-top: 20px; text-align: left;} .BazSelectorContainerObjects li {display: inline-block; width: 110px; margin: 10px;word-wrap: break-word;} .BazSelectorContainerObjects li a {font-size: 11px; font-weight: normal; padding: 3px 6px; margin: 0; border-radius: 0; display: inline-block;} .BazSelectorContainerObjects li a img {width: 20px; height: 20px; vertical-align: middle; display: inline-block;} .BazSelectorContainerObjects li a p {display: inline-block !important; width: 80px !important; margin-left: 4px !important; line-height: auto !important; width: auto !important;} .BazzPreDescDisabled {display: none;} .DarkMode, .DarkMode .ProposalVote, .DarkMode .NewProposalIndex .DFOItOptions input[type="text"], .DarkMode .LabelSPECWRITE, .DarkMode .NewProposalIndex .DFOItOptions textarea, .DarkMode .NewProposalIndex .DFOItOptions select, .DarkMode .DFOFunctionQuery, .DarkMode .InsertDfoName input, .DarkMode .InsertDfoSubdomain input, .DarkMode .InsertTokenName input, .DarkMode .InsertTokenSupply input, .DarkMode .InsertSurveyLength input, .DarkMode .InsertSurveyQuorum .SurveyQuorumHow, .DarkMode .InsertSurveyMinStake input, .DarkMode .InsertSurveySingleReward input, .DarkMode .InsertSurveyCommunityStake input, .DarkMode .sequentialOps, .DarkMode .DFOFunctionIndexIcon, .DarkMode .MainLoaderAll .sequentialOps, .DarkMode .InsertSurveyEmergencyLength input, .DarkMode .InsertSurveyEmergencyPenalty input, .DarkMode .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV input,.DarkMode .GigiImputabene {background-color: #000000;} .DarkMode .DFOInfo .DFOOpened, .DarkMode .DeployNewWhat2, .DarkMode .DFOOpened .DFONavigator,.DarkMode .TheDappInfoAll, .DarkMode .DFOOpened .DFONavigator li, .DarkMode .Explorer, .DarkMode .DFOOpened .DFONavigator li a, .DarkMode .DFOList, .DarkMode header .SearchLi input,.DarkMode header .SearchLi a, .DarkMode .MainLoader, .DarkMode .BravPicciot {background-color:#292929 !important;} .DarkMode .HeaderDFO {background-color: #010101;} .DarkMode .OkBoomer {background-color: #383838;} .DarkMode .OkBoomer a {color: #888888; font-weight: bold;} .DarkMode .MutoStai p a {color: #888888; font-weight: bold;} .DarkMode .BoomerTriangle {border-color: transparent transparent #383838 transparent;} .DarkMode .NewProposalIndex .DFOItOptions .disabled {background-color: #3e3e3e;color: #9e9e9e;} .DarkMode header .BrandLi a, .DarkMode header .DeployLi a, .DarkMode header .SearchLi input, .DarkMode .DFOList .DFOLister .DFOInfo .DFOOpener .DFOName h5, .DarkMode .DFOOpened .DFONavigator li a, .DarkMode .DFOList .DFOLister .DFOInfo .DFOOpener .DFOName h6, .DarkMode .DFOList .DFOLister .DFOInfo .DFOOpener .DFOENSInfo h6, .DarkMode .DFOList .DFOLister .DFOInfo .DFOOpener .DFOENSInfo h5, .DarkMode .DFOList .DFOLister .DFOInfo .DFOOpener .DFOMinInfo h5, .DarkMode .DFOList .DFOLister .DFOInfo .DFOOpener .DFOMinInfo h6, .DarkMode .DFOOpened .DFOOverview .DFOHosting .DFOHostingTitle, .DarkMode .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection p, .DarkMode .DFOHosting .LinkVisualStandard, .DarkMode .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection span,.DarkMode .NewProposalIndex .DFOItOptions h4, .DarkMode .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionDescription p, .DarkMode .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionLastUpdate h6,.DarkMode .DFOFunctionList b, .DarkMode .ProposalBio b, .DarkMode .ProposalBio b,.DarkMode .DFOFunctionList b,.DarkMode .sequentialOps h3,.DarkMode .DeployNewWhat h5,.DarkMode .DeployNewWhat2 h5 .DarkMode .InsertSurveyEmergencyLength label, .DarkMode .InsertSurveyEmergencyLength span,.DarkMode .InsertSurveyEmergencyPenalty label, .DarkMode .emergencySurveyLength, .DarkMode .InsertSurveyEmergencyPenalty span, .DarkMode .InsertDfoName label, .DarkMode .InsertDfoSubdomain label, .DarkMode .InsertTokenName label, .DarkMode .InsertTokenSupply label, .DarkMode .InsertSurveyLength label, .DarkMode .InsertSurveyQuorum label, .DarkMode .InsertSurveyMinStake label, .DarkMode .InsertSurveyEmergencyLength label, .DarkMode .InsertSurveyEmergencyPenalty label, .DarkMode .InsertSurveySingleReward label, .DarkMode .InsertSurveyCommunityStake label .DarkMode .InsertSurveyEmergencyPenalty span, .DarkMode .ProposalsIndex, .DraftsIndex, .DraftsOldIndex span, .DarkMode .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionLastUpdate a, .DarkMode .ProposalsActiveIndex h4, .DarkMode .ProposalsOldIndex h4, .DarkMode .DraftsActiveIndex h4, .DarkMode .DraftsOldIndex h4, .DarkMode .ProposalBio h5, .DarkMode .DraftBio h5, .DarkMode .ProposalBio p, .DarkMode .DraftBio p, .DarkMode .ProposalPool > p, .DarkMode .ProposalPool .LinkVisualStandard, .DarkMode .ProposalPool, .DarkMode .ProposalAction h6, .DarkMode .DraftsOldIndex .DraftAction p, .DarkMode .NewProposalIndex .DFOItOptions p, .DarkMode .NewProposalIndex .DFOItOptions label, .DarkMode .NewProposalIndex .DFOItOptions input[type="text"], .DarkMode .NewProposalIndex .DFOItOptions textarea, .DarkMode .NewProposalIndex .DFOItOptions select, .DarkMode .DFOList .DFOLister .DFOInfo .DFOAddressOpener .DFOMinInfo h6, .DarkMode .DFOList .DFOLister .DFOInfo .DFOAddressOpener .DFOMinInfo h5, .DarkMode .DFOList .DFOLister .DFOInfo .DFOENSOpener .DFOMinInfo h5, .DarkMode .DFOList .DFOLister .DFOInfo .DFOENSOpener .DFOMinInfo h6,.DarkMode .ProposalPool h6 span, .DarkMode .ProposalPool > p > a, .DarkMode .LinkVisualClassic, .DarkMode .NavDeploy h2, .DarkMode .NavDeploy p, .DarkMode .InsertDfoName label, .DarkMode .InsertDfoSubdomain label, .DarkMode .InsertTokenName label, .DarkMode .InsertTokenSupply label, .DarkMode .InsertSurveyLength label, .DarkMode .InsertSurveyQuorum label, .DarkMode .InsertSurveyMinStake label, .DarkMode .InsertSurveySingleReward label, .DarkMode .InsertSurveyCommunityStake label, .DarkMode .InsertDfoSubdomain span, .DarkMode .InsertSurveyLength span, .DarkMode .InsertSurveyQuorum span, .DarkMode .InsertSurveyMinStake span, .DarkMode .InsertSurveyCommunityStake span, .DarkMode .InsertSurveySingleReward span, .DarkMode .DFOGovernanceSelector ul li a h6, .DarkMode .InsertDfoName input, .DarkMode .InsertDfoSubdomain input, .DarkMode .InsertTokenName input, .DarkMode .InsertTokenSupply input, .DarkMode .InsertSurveyLength input, .DarkMode .InsertSurveyQuorum .SurveyQuorumHow, .DarkMode .InsertSurveyMinStake input, .DarkMode .InsertSurveySingleReward input, .DarkMode .InsertSurveyCommunityStake input, .DarkMode .ProposalsActiveIndex .ProposalAction p, .DarkMode .ProposalAction p a, .DarkMode .DFOOpened .DFOOverview .DFOHosting li p, .DarkMode .MainLoaderAll .sequentialOps p, .DarkMode .InsertSurveyEmergencyLength input, .DarkMode .InsertSurveyEmergencyPenalty input, .DarkMode .DFOSingleStateT, .DarkMode .DFOSingleStateN, .DarkMode .DFOSingleStateV span, .DarkMode .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV input, .DarkMode .state h2, .DarkMode .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV a, .DarkMode .DFOWalletBalanceSingleT h3, .DarkMode .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection .DFOLabelTitleInfoM, .DarkMode .DFOHosting h4,.DarkMode .Pistombrillo, .DarkMode .GigiImputabene,.DarkMode .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV label, .DarkMode .DFOLabelTitleInfosmall a, .DarkMode .DFOTitleSection > span > a, .DarkMode .LabelSPECWRITE {color: #f1f1f1} .DarkMode .DFOOpened .DFONavigator, .DarkMode .DFOOpened .DFONavigator li a {background-color: #010101} .DarkMode .DFOOpened .DFOSubNavigator, .DarkMode .DFOOpened .DFOSubNavigator li a {background-color: #212121 !important;} .DarkMode .DFOGovernanceSelector ul .selected .SelectedTriangle {border-color: #8653f6 transparent transparent transparent !important; border-style: solid;} .DarkMode .DFOGovernanceSelector ul .selected, .DarkMode .BrandLiInfo {background-color: #8653f6;} .DarkMode .sequentialOps, .DarkMode .MainLoaderAll .sequentialOps, .DarkMode .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV input, .DarkMode .LabelSPECWRITE {border: 2px solid #191919;} .DarkMode header .SearchLi a, .DarkMode header .SearchLi input {border-radius: 0;} .DarkMode header .SearchLi input {border: none; height: 30px;} .DarkMode .DFOList .DFOLister .DFOInfo, .DarkMode .sequentialOps ol li, .DarkMode .MainLoaderAll .sequentialOps ol li {border-bottom: 1px solid #616060;} .DarkMode .DFOOpened .DFOOverview .DFOHosting h2, .DarkMode .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionTitle h5, .DarkMode .ProposalBio h5, .DarkMode .DFOOpened .DFOOverview .DFOHosting h2,.DarkMode .ProposalsActiveIndex > h2, .DarkMode .ProposalsOldIndex > h2, .DarkMode .NavDeploy > h2 > b, .DarkMode .TheDappInfo3 h6, .METADATACHANGE {color: #8653f6; font-weight: bold;} .DarkMode .DFOOpened .DFOSubNavigator li a:hover,.DarkMode .DFOOpened .DFOSubNavigator li .selected {background-color: #333333 !important;} .DarkMode .DFOOpened .DFOOverview .DFOHosting, .DarkMode .DFOOpened .DFOOverview .DFOFunctionList li, .DarkMode .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState, .DarkMode .ProposalsActiveIndex > ul > li, .DarkMode .ProposalsOldIndex > ul > li, .DarkMode .DraftsActiveIndex > ul > li, .DarkMode .DraftsOldIndex > ul > li {background-color: #333333;} .DarkMode .DFOOpened .DFOOverview .DFOHosting .TheDappInfosub .DFOTitleSection {background-color: #292929;} .DarkMode .DFOOpened .DFONavigator li a:hover,.DarkMode .DFOOpened .DFONavigator li .selected {background-color: #8653f6 !important;} .DarkMode .DFOFunctionQueryFX .DFOBtnReadSection ul li {background-color: transparent !important;} .DarkMode .DFOFunctionQueryFX .DFOBtnReadSection ul li input[type=number],.DarkMode .DFOFunctionQueryFX .DFOBtnReadSection ul li input[type=text] {background-color: #333333; color: #f1f1f1; border: none;} .DarkMode .LLinkVisualButtonSpecial {color: #616060 !important;} .DarkMode .Pistombrillo input {background-color: #3e3e3e; border: 1px solid #333333; color: #f1f1f1;} .DarkMode .ORDERINFOOOOOO, .DarkMode .METADATAINFOOOOOO, .DarkMode .ListOrderPanel p, .DarkMode .ORDERINFOOOOOO select {background-color: #191919; color: #f1f1f1;} .TheDappInfosub {position: relative;} .ChiudiQuella {position: absolute;top: 5px;left: 15px;background-color: #f30303;width: 15px;height: 15px;font-size: 15px;text-align: center;border-radius: 50%;color: #ffffff; text-decoration: none; cursor: pointer;} .ChiudiQuellaGigi {top: -3px;left: -6px;} .LinkVisualButtonBIGGAMaNNTROP {font-size: 14px; height: auto; padding: 10px; width: 100%;} .LinkVisualButtonBIGGAMaNNTROPAAAA {font-size: 14px; height: auto; padding: 10px; width: 300px;} .BravPicciot .OVaglio {display: inline-block; width: 170px;vertical-align: top;} .OVaglio span {width: 100px !important; font-size: 12px !important;} .OVaglio aside {color: #f1f1f1;} .STAKEALL {background-color: #170021; position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow-y: scroll; overflow-x: hidden; z-index: 9999999999999999; opacity: 1 !important;} .DFOTitleSectionB .LinkVisualStandard {font-size: 11px !important; text-decoration: underline !important;margin: 2px 3px;} .TheDappInfo1B {width: 200px;} .LinkVisualEthscam {max-width: 90%; width: auto; padding: 4px 11px;} .VerifiedIcon img {border-radius: 50% !important;} .DFOListOpenAfter {position: absolute; left: 0; top: 117px; margin-bottom: 0; padding-bottom: 10px; margin-top: 0;} .DFOListOpenAfter {position: absolute; left: 0; top: 117px; margin-bottom: 0; padding-bottom: 10px; margin-top: 0;} .DFOMAinNavAfter {position: fixed; top: 60px; left:0;width: 100%; background-color: #545454 !important;z-index: 10000;} .DFOMAinNavAfter {position: fixed; top: 60px; left:0;width: 100%; background-color: #8653f6 !important;z-index: 10000;} .DFONavigatorAfter {position: fixed; top: 130px; left:0; z-index: 10000;} .DFOMAinNavAfter .DFOIcon {width: 40px !important; height: 40px !important;} .DFOMAinNavAfter .DFOIcon img {width: 40px !important; height: 40px !important;} .DFOMAinNavAfter .DFOName {width: 250px !important;} .DFOMAinNavAfter .DFOName h5 {font-size: 20px !important; color: #ffffff !important;} .DFOMAinNavAfter .DFOMinInfo {width: 300px !important; text-align: center;} .DFOMAinNavAfter .DFOMinInfo figure {display: inline-block;width: 30px;height: 30px;margin: 0;} .DFOMAinNavAfter .DFOMinInfo section {display: inline-block;width: 245px; text-align: left;} .DFOMAinNavAfter .DFOMinInfo h5 {font-size: 11px !important; margin: 5px 0 0 0 !important; color: #ffffff !important;} .DFOMAinNavAfter .DFOMinInfo h6 {font-size: 9px !important; color: #ffffff !important;} .DFOMAinNavAfter .DFOMinInfo figure {display: inline-block;width: 40px;height: 30px;margin: 0;margin-right: 10px;} .DFOMAinNavAfter .DFOMinInfo figure img {display: inline-block;width: 25px;height: 25px; margin: 0;border-radius: 100%; vertical-align: middle;margin-top: 3px;} .DFOMAinNavAfter .DFOMinInfo section {display: inline-block;width: 245px; text-align: left; vertical-align: top;} .DFOMAinNavAfter .DFOMinInfo section h5 {font-size: 13px !important; display: inline-block !important; width: 100% !important;margin: 5px 0 !important;} .DFOMAinNavAfter .DFOMinInfo section h6 {font-size: 9px !important; display: inline-block !important; width: 100% !important;margin: 2px 0 !important; color: #9e9e9e;} .DFOMAinNavAfter .DFOMinInfo section h5 aside {display: inline; font-size: 10px;} .DFOMAinNavAfter .DFOOpener {height: 70px !important; width: 700px !important} .DFOMAinNavAfter .DFOENSOpener, .DFOMAinNavAfter .DFOAddressOpener, .DFOMAinNavAfter .DFOMinInfoOp {display: none !important;} .DFOListOpenAfter .DFOInfo {border-bottom: 0 !important;} .DFOListOpenAfter .DFOENSOpener .DFOMinInfo, .DFOListOpenAfter .DFOENSOpener .DFOMinInfo h6, .DFOListOpenAfter .DFOENSOpener .DFOMinInfo h5 {width: 160px !important;} .BETABANNER {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; z-index: 9999999999999999999; background-color: #8d40ffeb; overflow: hidden;} .BETABANNER section {width: 700px; display: inline-block; color: #ffffff;} .BETABANNER h1 {font-size: 100px; line-height: 0.4;} .BETABANNER h2 {font-size: 30px; font-weight: bold; line-height: 1.5;} .BETABANNER h2 span {color: #ffb004;} .BETABANNER h3 {font-size: 18px; line-height: 1.3;} .BETABANNER p {font-size: 14px; line-height: 1.3;} .BETABANNER p a {text-decoration: underline; color: #ffb004; font-weight: bold;} .BETABANNER section > a {font-size: 15px; padding: 10px 15px; background-color: #ffb004; color: #ffffff; font-weight: bold; text-decoration: none; margin-top: 25px; display: inline-block;} .BETABANNER section > a:hover {background-color: #fccb63;} .ConnectButton {background-color: #7901ff; padding: 5px 8px; font-size: 18px; color: #f1f1f1; text-decoration: none; border-radius: 9px;display: inline-block;} .NoWeb3 p {font-size: 15px;color: #ffffff;margin-top: 15px;display: inline-block;} .NoWeb3 p a {color: #ffffff; font-weight: bold;} .switchTools .BalanceLabel {color: #b9b9b9;font-size: 11px;text-align: right; width: 85%; font-weight: bold;} .switchTools .BalanceLabel span {margin: auto 2px} @media only screen and (min-width: 640px) { .BazTokenSelector {width: 100%; display: inline-block; margin: 10px auto; text-align: center;} .BazTokenSelector a {padding: 10px 20px; text-decoration: none; font-weight: bold; display: inline-block; margin: 5px; border-radius: 6px;} .BazSelectorContainer {position: fixed; bottom: 1%; left: 5%; width: 90%; overflow-y: scroll;overflow-x: hidden; height: 60%; margin: auto; z-index: 10; border-radius: 10px;} .BazSelectorContainerClose {position: fixed; border-radius: 50%; width: 40px; height: 40px; top: 70px; left: 5px;top: 14%;left: 48%;} .BazSelectorContainerClose a {font-size: 25px; padding: 0;} .BazSelectorContainerMenu {display: inline-block; width: 100%;} .BazSelectorContainerMenuintern {width: 100%;} .BazSelectorContainerMenu li {width: 33.3%; display: inline-block; height: 32px;} .BazSelectorContainerMenu li a {padding: 8px 0; width: 100%; margin: 0; font-size: 13px; font-weight: bold;} .BazSelectorContainerObjects {width: 95%; display: inline-block; margin-top: 20px; text-align: left;} .BazSelectorContainerObjects li {display: inline-block; width: 120px; margin: 10px;word-wrap: break-word;} .BazSelectorContainerObjects li a {font-size: 13px; font-weight: normal; padding: 3px 6px; margin: 0; border-radius: 0; display: inline-block;} .BazSelectorContainerObjects li a img {width: 20px; height: 20px; vertical-align: middle;} .BazSelectorContainerObjects li a p {display: inline;} .BazzPreDescDisabled {display: none;} } @media only screen and (min-width: 890px) { .BazSelectorContainer {width: 50%; left: 25%;} .BazSelectorContainerMenuintern {width: 100%;} } .BazTokenSelector a {background-color: #5f5f5f; color: #f1f1f1;} .BazSelectorContainer {background-color: #383838; color: #444444; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.01) 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 4px 8px, rgba(0, 0, 0, 0.04) 0px 16px 24px, rgba(0, 0, 0, 0.01) 0px 24px 32px; border: 10px solid #010101 !important;} .BazSelectorContainer:focus {border: none;} .BazSelectorContainerMenu {background-color: #030303;} .BazSelectorContainerClose {background-color: #bab9b9;} .BazSelectorContainerMenu .selected {background-color: #ffffff;} .BazSelectorContainerMenu .selected a {color: #000000;} .BazSelectorContainerMenu a {background-color: transparent;} .BazSelectorContainerObjects li a {background-color: transparent; color: #f1f1f1; font-weight: bold;} .BazSelectorContainerObjects li a p {color: #f1f1f1 !important;} .TheDappInfoXYZ {display: none !important;} @media only screen and (max-device-width: 750px) { .TheDappInfoXYZ {display: inline-block !important;} .Main {min-width: 100%;} header {min-width: 100%; text-align: center;height: 45px;} header ul {width: 95%; height: 45px;} header .BrandLi {width: 60%; text-align: left;margin-top: 13px;} header .BrandLi .BrandLiInfo {text-align: center;} header .SearchLi {display: none;} header .DeployLi {float: right; margin-top: 13px;} header .DeployLi .walletEnablerButton {display: none;} .DFOList {margin-top: 10px; min-width: 100%;} .DFOList .DFOLister {width: 98%;} .DFOMAinNavBox {width: 100%;} .DFOList .DFOLister .DFOInfo .DFOOpener {width: 70%;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOName {width: 55%; word-break: break-all;} .DFOMAinNavAfter .DFOName {margin: 0px 10px 0 10px !important;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOName h5 {width: 98%;word-break: break-all; font-size: 13px; font-weight: bold;} .DFOMinInfoOp {display: none !important;} .DFOENSOpener {display: none !important;} .DFOList .DFOLister .DFOInfo .DFOAddressOpener {width: 20%;} .DFOList .DFOLister .DFOInfo .DFOAddressOpener .DFOMinInfo {width: 100%;} .DFOList .DFOLister .DFOInfo .DFOAddressOpener .DFOMinInfo h6 {width: 95%;font-size: 11px;} .DFOList .DFOLister .DFOInfo .DFOAddressOpener .DFOMinInfo h5 {width: 95%;font-size: 11px;} .DFOList .DFOLister .DFOInfo .DFOOpener .DFOIcon {margin:15px 10px 0 0} .DFOAddressOpener2 {display: none !important;} .BETABANNER {position: fixed;} .BETABANNER section {width: 95%;} .BETABANNER h1 {display:none;} .BETABANNER h2 {font-size: 22px;} .BETABANNER p {font-size: 11px;} .NoWeb3 h1 {margin: 0;width: 100%; height: auto;} .NoWeb3 .DisclamerWeb3 {width: 100%;} .NoWeb3 h1 img {width: 100%; height: auto;} .DFOMAinNavAfter {top: 40px;} .DFOMAinNavAfter .DFOOpener {width: 70%;} .DFOOpener .DFOMinInfo {display: none !important;} .DFOEditKill {display: none;} .DFONavigatorAfter {top: 90px;} .DFOOpened .DFONavigator li {width: 25%;height: 23px;} .DFOOpened .DFONavigator li a {font-size: 10.5px;font-weight: bold;padding: 5px 0 5px 0;height: 13px;} .DFOOpened .DFONavigator {height: 23px;margin: 0 0 0 0;} .DFOOpened .DFOSubNavigator {top: 113px;} .DFOOpened .DFOOverview .DFOFunctionList {margin-top: 0px;width: 95%;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionTitle {width: 80%; margin: 0 0px 0 0;min-height: 50px;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionEmoji h4 {font-size: 15px;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionEmoji {min-height: 40px;margin: 0 5px 0 10px;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionTitle h5 {font-size: 16px;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionDescription {width: 95%; margin-left: 2%;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionDescription p {font-size: 13px; word-break: normal;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOBtnViewSection {width: 90%;margin: 0px 5%;min-height: 50px;} .NewProposaleditor {width: 100% !important;height: 300px !important;} .DFOFxTools {width: 100%;} .DFOFunctionQueryFX .DFOFunctionMethod {width: 100%; text-align: center; min-height: auto;margin: 0 0 0 0;} .DFOFunctionQueryFX .DFOBtnReadSection {width: 100%;margin: 0;min-height: auto;text-align: center;} .DFOFunctionQueryFX .DFOBtnResultSection {width: 100%;margin: 0 0 10px 0;min-height: auto;text-align: center;} .DFOOpened .DFOOverview .DFOStateList {width: 95%; margin-top: 0;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState {width: 100%;margin: 5px auto;padding: 10px 0;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateTN {width: 90%;margin: 0 0 10px 0;text-align: center;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateN, .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateT {width: 100%;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateV {width: 100%;margin: 0 0 10px 0; text-align: center;word-break: break-all;} .DFOMAinNavAfter .DFOIcon, .DFOMAinNavAfter .DFOIcon img {width: 33px !important;height: 33px !important;} .DFOMAinNavAfter .DFOIcon {margin: 5px !important;} .DFOMAinNavAfter .DFOOpener {height: 50px !important; width: 100% !important;} .DFOMAinNavAfter .DFOName h5 {font-size: 15px !important;} .DFOListOpenAfter {top: 95px;} .DFOOpened .DFOOverview .DFOHosting {margin-top: 0;margin-bottom: 20px;} .DFOOpened .DFOOverview .DFOHosting h2, .ProposalsActiveIndex > h2, .ProposalsOldIndex > h2 {font-size: 20px !important; text-align: center !important;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo05 {width: 100px;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo2 {width: 95%;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo2 .DFOTitleSection {width: 90%;margin:5px 4%} .LinkVisualButton {width: 100px;padding: 8px 5px;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo1 .DFOTitleSection {width: 100%; text-align: center;} .DFOTitleSection > p {text-align: left;font-size: 13px;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo05 {width: 40%;padding: 0px 5px 10px 5px;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo1 {width: 40%;} .TheDappInfoX {display: none !important;} .TheDappInfo1B {width: 95% !important;text-align: center;} .TheDappInfo1B .DFOLabelTitleInfo {text-align: center;} .TheDappInfo1B img {width: 100px; display: block; margin: 5px auto;} .DFOOpened .DFOOverview .DFOHosting .HostingCategoryTitle h2 span {font-size: 13px; width: 100%;display: inline-block;margin: 5px;} .TheDappInfoY {width: 90% !important; margin: 0 2%;} .TheDappInfoY .DFOTitleSection {padding: 4% !important; width: 90% !important;} .TheDappInfoYY {width: 100% !important; text-align:center;} .TheDappInfoYY .DFOTitleSection {width: 90% !important; text-align: center !important;} .DFOOpened .DFOOverview .DFOHosting .DFOTitleSection figure, .DFOOpened .DFOOverview .DFOHostingY .DFOTitleSection figure img {width: 50px;height: 50px; display: inline-block;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfoAll {width: 90%;} .HostingCategoryTitleYYY .DFOTitleSection {width: 85% !important; margin: 0px 5px !important;} .DFOHostingBBBB .TheDappInfoYY {width: 90% !important;} .DFOHostingBBBB .DFOTitleSection {width: 85% !important;} .NewProposalIndex .AllertBanner {width: 90%;padding: 8px 5%;} .ProposalBio, .DraftBio {width: 90% !important;padding: 10px 5% !important; min-height: 40px;} .ProposalBio h5, .DraftBio h5 {text-align: center !important;} .ProposalBio p, .DraftBio p {width: 100% !important;} .ProposalAction, .ProposalPool {width: 90% !important;margin: 5px !important;} .ProposalVoteINFO {width: 100%!important;} .ProposalVoteToken {width: 90%!important;margin: 5px 5%!important;} .ProposalVoteToken > p {width: 90%!important; margin: 4px 5%!important;} .ProposalVote .ProposalPoolReview .ProposalPoolReviewPercentage {width: 70%!important;} .ProposalVoteBalances {width: 90%!important;margin: 5px 5%!important;border:none;padding: 5px 0 5px 0px!important;} .ProposalVoteVoting {width: 90%!important;margin: 5px 5%!important; padding:0!important;} .ProposalVoteVotingNew input, .ProposalVoteVotingExit input {width: 20%!important;} .AllViewCode {height: 300px;} .ProposalsIndex, .DraftsIndex, .DraftsOldIndex {margin-top: 0;} .ListOrderPanel p {display: none;} } @media only screen and (min-device-width: 751px) and (max-device-width: 1024px) { .Main {min-width: 700px !important;} header {min-width: 700px !important;} header ul {width: 95%;} header .SearchLi {width: 450px;} header .SearchLi input {width: 300px} .DFOList, .DFOOpened .DFOOverview {min-width: 700px !important;} .DFOList .DFOLister .DFOInfo {min-width: 700px !important;} .DFOList .DFOLister {width: 95%;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo1 {width:220px} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo05 {width:105px;} .DFOOpened .DFOOverview .DFOFunctionList {width: 100%;} .DFOOpened .DFOOverview .DFOFunctionList li .DFOFunctionDescription {width: 450px;margin: 0px 20px 0 35px;} .DFOOpened .DFOOverview .DFOStateList {width: 100%;} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState {width: 96%; padding: 20px 2%} .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateTN,.DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateN, .DFOOpened .DFOOverview .DFOStateList li .DFOSingleState .DFOSingleStateT {width: 200px; word-break: break-all;} .DFOFunctionQuery .NewProposaleditor {width: 100%;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfo1 .DFOTitleSection {width: 175px;} .DFOOpened .DFOOverview .DFOHosting .TheDappInfoAll {width: 700px;} .DFOOpened .DFOOverview .DFOHosting .DFOHostingTitle {font-size: 16px;} .AllViewCode .NewProposaleditor {width: 100%} .ProposalsOldIndex .ProposalBio,.ProposalBio, .DraftBio {width: 345px;} .ProposalBio p, .DraftBio p {word-break: break-all;} .NewProposalIndex .AllertBanner {width: 90%;padding: 8px 5%;} .DFOMAinNavBox {width: 100%;} .DFOMAinNavAfter .DFOOpener {width: 450px !important;} .DFOMAinNavAfter .DFOName {width: 160px !important;} .DFOMAinNavAfter .DFOName h5 {font-size:15px !important;} .DFOMAinNavAfter .DFOIcon, .DFOMAinNavAfter .DFOIcon img {width: 25px !important; height: 25px !important;} .DFOMAinNavAfter .DFOMinInfo {width: 215px !important} .DFOMAinNavAfter .DFOMinInfo section {width: 160px;} .Main .MainLoader .MainLoaderAll {width: 90%;} .DFOENSOpener {display: none !important;} .DFOAddressOpener2 {display: none !important;} .dFOMetadata .TheDappInfo1 {width: 65% !important;} .dFOMetadata .TheDappInfo1 .DFOTitleSection {width: 100% !important;} .NavDeploy {width: 100%;} .NavDeploy p {width: 170px;} .DeployNewWhat {margin-left: 50px;} .DFOGovernanceSelector {margin-left: 50px;} .DFOOverview .DeployNewWhat {margin-left: 0px;} } .switchActionMMINI {font-size: 10px; color: #616060;} .switchActionMMINI img {width: 10px !important;} .UnlockButtonPP {background-color: transparent !important;font-size: 10px;} .form-control {display: block;width: 100%;height: calc(1.5em + 0.75rem + 2px);padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .input-group-text {display: flex;align-items: center;padding: 0.375rem 0.75rem;margin-bottom: 0;font-size: 1rem;font-weight: 400;line-height: 1.5;text-align: center;white-space: nowrap;background-color: #e9ecef;border: 1px solid #ced4da;border-radius: 0.25rem;} .input-group-append {margin-left: -1px;} .input-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%;} .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {position: relative;flex: 1 1 auto;width: 1%;min-width: 0;margin-bottom: 0;} .ApplicationAll {width: 990px; display: block; text-align: center; margin: 80px auto 80px auto;} .ApplicationBox {width: 750px; display: inline-block; margin-left: 20px; vertical-align: top;} .ApplicationMenu {width: 150px; display: inline-block;} a {cursor: pointer !important;} a:disabled {cursor:wait !important;} .MobileMenu {display: none;} .spinner-border, .spinner-border-sm, .text-secondary {color: #7474f7 !important;} .fantasyMenu {font-size: 13px;z-index: 5; position: relative;} .fantasyMenuLi {position: relative; cursor: pointer;} .mr-2, .mx-2 {margin-right: 1rem;} .menuIconMap {vertical-align: middle; display: inline-block; width: 40px; height: 30px;} .menuIconEth {vertical-align: middle; display: inline-block; width: 30px; height: 30px;} .ChangeMod {display: inline-block; vertical-align: middle; font-size: 20px; cursor: pointer; text-decoration: none;} .ChangeMod:hover {text-decoration: none;} .BtnConnect, .BtnConnectAfter {font-size: 15px; padding: 4px 13px; display: inline-block; vertical-align: middle; margin: auto 5px auto 20px; background-color: transparent; border-radius: 8px; box-shadow: none; text-shadow: none; text-decoration: none; cursor: pointer;} .BtnConnect:hover, .BtnConnectAfter:hover {text-decoration: none;} .LogoM {background-image: url(./assets/images/covlogo.png); display: inline-block; height: 42px;width: 30px; vertical-align: middle; background-repeat: no-repeat;} .Ditone {width: 20px; height: 20px; display: none; position: absolute; left: -10px;top: 18px; background-image: url(./assets/images/indicator.png); background-repeat: no-repeat;} .fantasyMenuLi:hover .Ditone {display: block !important; z-index: 10;left: -15px;} .sidebar-menu-link-selected .Ditone {display: block !important; z-index: 10;} .infoList {font-size: 13px; margin-bottom: 5px;margin-block-start: 0em;margin-block-end: 0em;} .infoList p {margin: 0px;margin-block-start: 0em;margin-block-end: 0em; display: inline-block; width: 100%;padding: 4px 0;} .row {margin-left: 0; margin-right: 0;} .IndexRegular {display: inline-block; text-align: center;} .IndexRegular .IndexRegularContents {width: 95%; display: inline-block;} .IndexRegular .IndexRegularBTN {width: 95%; display: inline-block; margin-bottom: 0px;} .IndexRegular .IndexRegularText {width: 50%; display: inline-block; text-align: left;vertical-align: middle;} .IndexRegular .IndexRegularText p {width: 95%; font-size: 13px;} .IndexRegular .IndexRegularText h3 {width: 95%; font-size: 20px;} .IndexRegular .IndexRegularImg {width: 50%; display: inline-block; text-align: center;vertical-align: middle;} .IndexRegular .IndexRegularImg img {width: 90%; height: auto; display: inline-block;} .btn-Fantasy {border: 2px solid #4d4c4a; color: #ffffff;background-color: #4d4c4a;} .btn-Fantasy:hover {color: #ffffff; border-color: #4d4c4a;} .Footer {width: 100%; min-width: 100%; display: inline-block; text-align: center; position: fixed; bottom: 0; left: 0;} .Footer img {display: none;} .FooterP { width: 80%; margin: 20px auto 0px auto; display: inline-block; text-align: center;} .FooterP p {padding: 5px 5px 5px 5px; display: inline-block; width: 100%; font-size: 10px;} .FooterP p a {text-decoration: underline;} .page-container, .dapp-container, .DappBox {z-index: 5; position: relative;margin-bottom: 100px;} .card {background-color: transparent;} .navbar {z-index: 5;} .CoveExpl {width: 99%; margin: 30px auto; display: inline-block;} .CovDesc {width: 50%; text-align: left;display: inline-block;vertical-align: middle;} .CovDesc h3 {font-size: 24px; margin-bottom: 20px; display: inline-block; font-weight: bold; width: 100%;} .CovDesc p {font-size: 13px; margin-bottom: 10px; display: inline-block;} .CovLinks {margin-top: 10px; display: inline-block;} .CovLinks h5 {font-size: 15px; display: inline-block; font-weight: bold; width: 100%; margin-top: 20px;} .CovLinks a {font-size: 13px; display: inline-block; margin: 5px 5px; text-decoration: underline !important; cursor: pointer; color: #000000;} .ConnectBTN {display: inline-block;margin: 30px auto;text-align: center;cursor: pointer; background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);color: #ffffff !important;text-shadow: #c0c0c0 1px 1px;text-decoration: none;cursor: auto;box-shadow: none;border: 1px solid transparent;outline: none;opacity: 1;padding: 10px 30px;border-radius: 12px;font-weight: 500;text-decoration: none;display: inline-block;animation: slidebg 10s linear infinite;} .Web3 {width: 100%; font-size: 20px; text-align: center; font-weight: bold;} .Web3 a {text-decoration: underline !important; color: #7474f7; font-weight: bold;} .CovAMMs {width: 30%; display: inline-block; vertical-align: middle; background-color: #5f5b53; border-radius: 8px; margin-left: 8%; padding: 20px 2%;font-weight: bold !important;box-shadow: rgb(0 0 0 / 1%) 0px 0px 1px, rgb(0 0 0 / 4%) 0px 4px 8px, rgb(0 0 0 / 4%) 0px 16px 24px, rgb(0 0 0 / 1%) 0px 24px;} .CovAMMs h5 {font-size: 15px; display: inline-block; font-weight: bold; width: 100%; margin-bottom: 20px; color: #ffffff;} .CovAMMs a {font-size: 13px; display: inline-block; text-decoration: none !important; font-weight: bold !important; cursor: pointer; width: 100%; text-align: left;color: #ffffff !important;} .disclamer {font-size: 9px; color: #636363; width: 60%; text-align: center;} .disclamer a {text-decoration: underline !important;} .IndexRegularText iframe {border: 2px solid #9e6915; border-radius: 8px;} @keyframes slidebg {to {background-position:20vw;}} .DescCov {text-align: center; width: 80%; display: inline-block; margin: 30px auto;} .DescCov p {font-size: 14px;} .DescCov h2 {text-align: center; font-size: 30px; font-weight: bold !important;} .DescCov h5 {text-align: center; font-size: 20px;font-weight: bold !important; margin: 10px auto;} .CovTITLE {margin: 20px auto; display: inline-block; width: 90%; text-align: center;} .CovTITLE figure {width: 40%; display: inline-block; height: auto;} .CovTITLE figure img {width: 100%; display: inline-block; height: auto;} .LogoWUSD {width: 80%; margin: 10px auto;display: inline-block;} .LogoWUSD img {width: 100%; display: inline-block; height: auto;} .xTitle {width: 100%; display: inline-block; text-align: left; font-weight: bold; margin: 0px auto 10px auto; font-size: 17px;} .xTitle img {margin-right: 10px; width: 35px; height: 35px;} .HealthContainer {width:80%; display: inline-block; margin: 10px auto 40px auto;} .StatsIndicator {width: 45%; padding: 4px 0% 4px 5%; height: auto; display: inline-block;} .StatsBro {display: inline-block; text-align: left; width: 22%; padding-left: 3%; margin-right: 10% !important;vertical-align: top !important;} .StatsBroO {margin-bottom: 20px;} .StatsSis {width: 65%;text-align: left; display: inline-block; vertical-align: middle !important;} .StatsIndicator p, .StatsIndicator a {font-size: 13px;} .StatsIndicator h6 {font-size: 14px;} .StatsLink {display: inline-block; width: 90%; margin: 5px auto; text-align: center;} .StatsLink a {font-size: 11px; margin: 5px 5px; display: inline-block; padding: 2px 5px; border-radius: 5px; cursor: pointer;} .health-bar {border-radius: 8px; width: 100%;text-align: left;font-weight: bold;padding: 4px 0;font-size: 14px;} .health-bar aside {border-radius: 8px; text-align: center; padding: 5px 0;} .health-bar aside span {background-color: transparent; color: #ffffff;} .DappBox {border-radius: 20px;padding: 50px; text-align: center; display: inline-block; width: 680px;} .DappBox h6 {font-size: 18px; display: inline-block; margin: 10px auto; width: 100%;} .Web3Disclamer {display: inline-block; text-align: center; margin: 20px auto;} .DappMenu {width: 100%;display: inline-block;text-align: center;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0px;margin: 0px auto 40px auto;} .DappMenu li {display: inline-block;cursor: pointer;font-weight: bold;} .DappMenu li span {font-size: 15px; font-weight: bold;display: block;padding: 0.5rem 1rem;} .DappMenu .nav-selected {border-bottom: 8px #7474f7 solid;} .DappMenu .nav-selected span {font-weight: bold;} .SelectRegular {width: 100%; display: inline-block; font-size: 13px; font-weight: bold; padding: 7px 2%;border: 1px solid; border-radius: 8px; background-color: transparent;max-width: 370px;} .TextRegular {width: 100%; display: inline-block; font-size: 13px; font-weight: bold; padding: 7px 2%;border: 1px solid; border-radius: 8px; background-color: transparent;max-width: 370px;} .TextAreaRegular {width: 100%; display: inline-block; height: 100px; font-size: 13px; font-weight: bold; padding: 7px 2%;border: 1px solid; border-radius: 8px; background-color: transparent;max-width: 370px;} .QuestionRegular {width: 100%; display: inline-block; font-size: 14px; margin: 15px auto 0px auto;} .QuestionRegular input {display: inline-block; vertical-align: middle;} .QuestionRegular label {display: inline-block; margin: 0 0 0 10px; vertical-align: middle;} .Resultsregular {display: inline-block; margin: 10px auto; width: 100%;} .Resultsregular p {font-size: 16px;} .Resultsregular img {display: inline-block; margin: auto 5px; width: 25px; height: 25px;} .DisclamerRegular {width: 100%; display: inline-block; margin: 50px auto;} .DisclamerRegular p {display: inline-block; width: 80%; font-size: 15px;} .InputTokensRegular {display: inline-block; width: 80%; margin: 15px auto; max-width: 370px;} .InputTokensRegular p {display: inline-block; width: 80%; font-size: 15px; margin: 10px auto;} .InputTokenRegular {width: 100%;max-width: 370px;} .InputTokenRegular section {width: 100%; display: inline-block;} .InputTokenRegular aside {width: 100%; display: inline-block; margin-top: 3px; text-align: left;} .InputTokenRegular aside a {display: inline-block; padding: 2px 4px; background-color: #9e6915; color: #ffffff !important; border-radius: 8px; font-size: 10px; font-weight: bold;vertical-align: middle;} .InputTokenRegular aside p {display: inline-block; font-size: 12px; margin-left: 10px; vertical-align: middle; color: #5f5b53;} .InputTokenRegular img {width: 22px;height: 22px;margin-right: 5px;} .ApproveBTN {display: inline-block; padding: 8px 17px; background-color: #9e6915; color: #ffffff; border-radius: 20px; font-size: 16px; font-weight: bold; cursor: pointer;} .ApproveBTN:hover {color: #ffffff; text-decoration: none;} .ApproveBTN:disabled {font-weight: normal;} .Web3ActionBTN {display: inline-block; padding: 8px 17px; background-color: #7474f7; color: #ffffff; border-radius: 20px; font-size: 16px; font-weight: bold; cursor: pointer;} .Web3ActionBTN:hover {color: #ffffff; text-decoration: none;} .Web3ActionBTN:disabled {font-weight: normal !important;} .Rebalance {width: 100%; display: inline-block; text-align: center;} .Rebalance aside {width: 45%; padding-right: 5%; display: inline-block; text-align: left;} .Rebalance aside h6 {font-size: 18px; margin: 10px auto; display: inline-block; width: 100%;} .Rebalance aside p {font-size: 11.5px; margin: 2px auto; display: inline-block; width: 100%;} .CreditAction {width: 45%; display: inline-block; text-align: center;} .grimoireBox {z-index: 20; position: relative; display: inline-block; width: 85%; margin: 5px auto; border-radius: 12px;} .grimoireAll {width: 100%; display: inline-block; padding: 20px 2%; text-align: center;} .MintBurn {width: 100%; display: inline-block;} .PairSelector {width: 80%; margin: 10px auto; display: inline-block; vertical-align: middle;} .Web3BTNs {display: inline-block; width: 80%; margin: 15px auto; max-width: 370px; text-align: center;} .Web3BTNs a {margin: 5px 20px;} .GrimoureContent {width: 92%; margin: 5px auto; display: inline-block;text-align: left;} .GrimoureContent h1 {font-size: 35px; margin: 20px auto; display: inline-block; width: 100%; text-align: center; font-weight: bold !important;} .GrimoureContent article {width: 100%; display: inline-block; margin: 20px auto;} .GrimoureContent header {width: 80%; display: inline-block; margin: 10px auto;} .GrimoureContent span {width: 20%; display: inline-block; margin: 10px auto;vertical-align: top;} .GrimoureContent span img {display: inline-block; width: 90px; height: 90px;} .GrimoureContent h2 {font-size: 18px; font-weight: bold !important;} .GrimoureContent p {font-size: 13px; font-weight: normal !important;} .GrimoureContent figure {width: 100%; display: inline-block; margin: 10px auto;} .GrimoureContent figure img {display: inline-block; width: 100%; height: auto;} .GrimoureContent header h2 {font-size: 27px; font-weight: bold !important;} .GrimoureContent header p {font-size: 13px; font-weight: normal !important;} .ListOfThings {width: 100%; text-align: center; display: inline-block; margin: 20px auto;max-width: 600px;} .web2ActionBTN {display: inline-block; padding: 4px 13px; background-color: #9e6915; color: #ffffff; border-radius: 20px; font-size: 14px; font-weight: bold; cursor: pointer;} .web2ActionBTN:hover {color: #ffffff; text-decoration: none;} .web2ActionBTN:disabled {font-weight: normal !important;} .backActionBTN {display: inline-block; padding: 4px 13px; border:1px solid #9e6915; color: #9e6915; border-radius: 20px; font-size: 14px; font-weight: normal; cursor: pointer;} .backActionBTN:hover {color: #9e6915; text-decoration: none;} .backActionBTN:disabled {font-weight: normal !important;} .InputForm {width: 100%; display: inline-block; margin: 10px auto; text-align: center;} .CreateList {width: 95%; width: 600px; display: inline-block; text-align: center; margin: 10px auto;} .CreateList h6 {font-size: 20px; display: inline-block; width: 100%; text-align: center; margin: 15px auto;} .InputForm input, .InputForm textarea {margin: 10px auto 0px auto;} .InputForm p {font-size: 12px; display: block; margin: 5px auto; text-align: left; width: 300px;} .InputForm input[type="file"] {width: auto; text-align: center; margin: 10px auto;} .Web2ActionsBTNs {width: 300px; text-align: center; display: inline-block; margin: 20px auto;} .Web2ActionsBTNs a {margin: auto 10px;} .LoadInput input {margin-right:5px;} .TokenLoaded {margin: 20px auto; display: inline-block; text-align: center; width: 100%;} .TokenLoaded > div {width: 300px; text-align: center; display: inline-block; position: relative;} .TokenLoaded > div .backActionBTN {display: inline-block; position: absolute; z-index: 10; top: 4px; left: -50px;} .TokenLoaded img {width: 23px; height: 23px; margin: auto 5px; display: inline-block;} .TokenLoaded p {font-size: 12px; display: block; margin: 5px auto; text-align: center; width: 300px;} .CreateList p {font-size: 12px; display: block; margin: 5px auto; text-align: center; width: 300px;} .TextRegularS {width: 90%; display: inline-block; font-size: 13px; font-weight: bold; padding: 7px 2%;border: 1px solid; border-radius: 8px; background-color: transparent;max-width: 330px;} .CheckboxQuestions aside {width: 10%; display: inline-block; margin-left: 3px; font-size: 18px; } .CreateListS .TextRegular {width: 300px;} .InputForm .SpecialInputPerch input {margin: 0;} .InputForm .SpecialInputPerch {margin-top: 10px;} .PathSelected {width: 300px; text-align: center; margin: 5px auto; display: block;} .PathSelected p {width: auto; display: inline;} .MainExploration {width: 95%; display: inline-block; margin: 10px auto; width: 600px;} .SortSection {width: 100%; text-align: center; display: inline-block; margin: 10px auto; min-width: 600px;} .SortSection .SelectRegular {width: 45%; margin: 0 2.5%;} .SortSection .TextRegular {width: 45%; margin: 0 2.5%;} .ImgStand {width: 30px; height: 30px; display: inline-block;} .FarmContract, .FarmSetup, .IndexContract {width: 100%; display: inline-block; margin: 10px auto; min-width: 600px; border: 1px solid; border-radius: 12px; padding: 3%; text-align: left;} .InflationContract {width: 100%; display: inline-block; margin: 10px auto; min-width: 600px; border: 1px solid; border-radius: 12px; padding: 3%; text-align: left;} .FarmContractOpen {width: 100%; display: inline-block; margin: 10px auto; min-width: 600px; border-bottom: 1px solid; border-radius: 0px; padding: 3%; text-align: left;} .InflationContractOpen {width: 100%; display: inline-block; margin: 10px auto; min-width: 600px; border-radius: 0px; padding: 3%; text-align: left;} .FarmTitle {width: 40%; display: inline-block; margin-right: 1%; text-align: left;} .FarmTitle figure {display: inline-block; width: 40%; text-align: center;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px; margin-bottom: 5px; vertical-align: middle;} .FarmTitle figure img {display: inline-block; width: 45px; max-height: 90px; vertical-align: middle;} .FarmTitle aside h6 {font-size: 16px; text-align: center; display: inline-block; width: 95%;} .FarmTitle aside {width: 60%;display: inline-block;text-align: center;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px; margin-bottom: 5px; vertical-align: middle;} .FarmThings {width: 55%; margin-left: 4%; display: inline-block; vertical-align: middle;} .FarmThings p {display: inline-block; width: 95%; font-size: 14px; margin-bottom: 5px;} .FarmThings p a {text-decoration: underline !important;} .FarmSetupMain {width: 100%; display: inline-block;} .FarmSetupMain h5 {width: 40%; display: inline-block; font-size: 16px; vertical-align: top;} .FarmSetupMain h5 a {font-size: 11px; margin: 5px 5px; display: inline-block; padding: 2px 5px; border-radius: 5px; cursor: pointer;} .FarmSetupMain aside {width: 55%; display: inline-block;vertical-align: top; margin-left: 2%;} .FarmSetupMain aside p {font-size: 12px; width: 100%; text-align: right; margin-bottom: 5px;} .SetupFarmingInstructions {width: 100%; display: inline-block; margin-top: 10px; text-align: center;} .SetupFarmingInstructions p {display: inline-block; font-size: 16px; margin-bottom: 2px;} .SetupFarmingInstructions p span {font-size: 12px;} .SetupFarmingInstructions figure {display: inline-block; margin-right: 5px;} .SetupFarmingInstructions img {width: 40px; height: auto;} .SetupFarmingOthers {display: inline-block; width: 65%; margin: 0px 1%;vertical-align: middle;} .SetupFarmingOthers p {font-size: 13px; margin: 5px; display: inline-block;} .SetupFarmingOthers p span {font-size: 11px;} .SetupFarmingBotton {display: inline-block; width: 30%; vertical-align: middle; text-align: right;} .InflationContract h4 {font-size: 20px; display: inline-block; width: 70%; font-weight: bold; vertical-align: middle; margin-bottom: 20px;} .InflationContractLinks {display: inline-block; width: 28%; text-align: right;vertical-align: middle;} .InflationContractLinks a {font-size: 11px; margin: 5px 5px; display: inline-block; padding: 2px 5px; border-radius: 5px; cursor: pointer;} .InflationContract p {font-size: 13px; display: inline-block; vertical-align: middle; width: 60%;} .InflationContract .InflationContractButton {width: 30%; margin-left: 9%; display: inline-block; vertical-align: middle; text-align: right;} .InflationContractAll {width: 100%; display: inline-block;} .InflationContractOpen h3 {font-size: 30px; width: 70%; text-align: left; display: inline-block; font-weight: bold; vertical-align: middle;} .InflationContractOpenBack {width: 29%; text-align: right; display: inline-block; vertical-align: middle;} .TokenOperation {width: 95%; text-align: left; display: inline-block; margin: 10px auto; border: 1px solid; padding: 2%; border-radius: 12px;} .TokenOperation h6 {font-size: 20px; font-weight: bold; display: inline-block; width: 28%; vertical-align: middle; margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px; margin-bottom: 0;} .TokenOperation p {font-size: 16px; width: 100%; display: inline-block; margin-top: 20px;} .TokenOperation p img {width: 25px; margin: auto 5px; display: inline-block;} .TokenOperationLinks {display: inline-block; width: 71%; vertical-align: middle; text-align: left;} .TokenOperationLinks a {font-size: 11px; margin: 5px 5px; display: inline-block; padding: 2px 5px; border-radius: 5px; cursor: pointer;} .TokenOperationExecute {width: 100%; text-align: center; display: inline-block; margin: 30px auto;} .TokenOperationExecute h5 {font-size: 18px; font-weight: normal; vertical-align: middle; display: inline-block; margin: auto 5px;} .TokenOperationExecute .SelectRegular {width: 20%;margin: auto 5px; display: inline-block; vertical-align: middle;} .ExploreCreate {text-align: right;} .InputForm h5 {font-size: 16px; margin: 30px auto 5px auto;} .CheckboxQuestions {width: 100%; display: inline-block; margin: 10px auto;} .CheckboxQuestions label {width: 100%; display: inline-block; margin: 10px auto; text-align: center;} .CheckboxQuestions label h5 {display: inline-block;font-size: 16px; margin: auto 10px; vertical-align: middle;} .CheckboxQuestions label input[type="checkbox"] {display: inline-block;vertical-align: middle;} .SpecialInputPerch {width: 100%; display: inline-block;max-width: 370px; position: relative;} .SpecialInputPerch aside {position: absolute; right: 0; width: 40px; font-size: 18px; color: #9e6915; border-left: 1px solid #9e6915; top: 4px;} .TokenInflLoaded {width: 100%; display: inline-block; text-align: center; margin: 20px auto;} .TokenInflLoaded h5 {font-size: 18px; display: inline-block; margin: auto 10px auto auto; vertical-align: middle; font-weight: bold;} .TokenInflLoaded img {width: 40px; display: inline-block; height: auto; vertical-align: middle;} .IndexLogo {width: 100px; height: 100px; display: inline-block; vertical-align: middle;} .IndexLogo img {width: 100px; height: 100px;} .IndexLogoL {width: 150px; height: 150px; display: inline-block; vertical-align: middle;} .IndexLogoL img {width: 150px; height: 150px;} .IndexInfo {width: 400px; display: inline-block; margin-left: 50px; vertical-align: middle;} .IndexInfo h6 {font-size: 18px; width: 100%; display: inline-block;} .IndexTokens {display: inline-block; width: 100%; margin-top: 10px;} .IndexTokens p {display: inline-block; margin: 5px; font-size: 12px;} .IndexTokens img {width: 23px;} .IndexContractBTN {width: 100%; display: inline-block; text-align: right;} .IndexContractOpenInfo {width: 95%; display: inline-block; margin: 10px auto 0 auto; padding-bottom: 10px; position: relative;} .IndexContractOpenInfo .web2ActionBTN {position: absolute; top: -10px; right: 0;} .IndexThings {width: 450px; display: inline-block; margin-left: 40px; vertical-align: middle; text-align: left;} .IndexThings p {font-size: 12px; display: inline-block; width: 100%;} .IndexThings h3 {font-size: 20px;display: inline-block; width: 100%;} .IndexThings .StatsLink {width: 100%; margin: 5px 0; text-align: left;} .IndexContractOpenCollateral {width: 95%; display: inline-block; margin: 15px auto;} .IndexContractOpenCollateral h6 {width: 100%; display: inline-block; text-align: left;} .IndexContractOpenCollateralALL {width: 100%;display: inline-block; text-align: left;margin: 10px auto;} .IndexContractOpenCollateralSingle {width: 30%; display: inline-block; vertical-align: middle; margin: 10px; border: 1px solid;border-radius: 12px;} .IndexContractOpenCollateralSingleTITLE {width: 100%; display: inline-block; margin: 20px 0 5px 0; text-align: center;} .IndexContractOpenCollateralSingleTITLE img {display: inline-block; margin: auto 5px; vertical-align: middle; width: 30px;} .IndexContractOpenCollateralSingleTITLE p {display: inline-block;vertical-align: middle; font-size: 16px; margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;} .IndexSinglePerchBar {display: inline-block; width: 80%; border: 1px solid #7474f7; height: 33px; margin-top: 17px; border-radius: 12px; text-align: left;} .IndexSinglePerchBar span {font-size: 11px; font-weight: bold; margin-left: 5px; display: inline-block; vertical-align: middle;} .IndexSinglePerchBar aside {display: inline-block; height: 28px; vertical-align: middle; margin: 1px 1px; background-color: #7474f7; border-radius: 12px; min-width: 17%; max-width: 99%;} .IndexContractOpenCollateralSingle .StatsLink {width: 100%; text-align: center;} .IndexManageMB {width: 600px; margin: 20px auto; display: inline-block; text-align: center;} .ShowCollateralNeededBal {width: 100%; display: inline-block; margin: 10px auto; border: 1px solid; border-radius: 12px; padding: 5px;} .ShowCollateralNeededBal p {display: inline-block; width: auto; font-size: 13px;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px; margin: 2px 5px;} .ShowCollateralNeededBal h6 {display: inline-block; margin-top: 5px; width: 100%; font-size: 13px;} .COMINGSOONCOSIGIUDILI {width: 100%; display: inline-block; margin: 30px auto; text-align: center; font-size: 20px;} .IndexContractOpenStatistic {width: 95%; display: inline-block; margin: 30px auto; border: 1px solid; border-radius: 12px;} .IndexContractOpenStatistic p {font-size: 14px; display: inline-block; margin: 10px 10px; vertical-align: middle;} .IndexManageMB .Web3BTNs {width: 100%;} .success {position: absolute; top: 0; left: 0; z-index: 99999999999; background-color: #7474f7; padding: 25px 0; text-align: center; border-radius: 12px; width: 100%;} .success p {font-size: 18px; display: inline-block; color: #ffffff; font-weight: normal;} .success p a {font-size: 18px; display: inline-block; color: #ffffff; font-weight: bold; text-decoration: underline !important;} .success > a {font-size: 14px; position: absolute; bottom: 5px; left: 5px;z-index: 999999999999; color: #ffffff;} .ResultsregularS {font-size: 12px;} .InputForm .InputTokenRegular .input-group-append {margin-top: 10px;} .InputForm .InputTokensRegular {width: 100%;} .ReceiversList {width: 370px; display: inline-block; margin: 10px auto;} .ReceiverSingle {width: 100%; display: inline-block; margin: 5px auto;} .ReceiverSingle p {width: 80%; display: inline-block;} .ReceiverSingle .DeleteAddress {width: 15%; margin-left: 4%; display: inline-block; text-align: center;} .ReceiverSingle .TextRegular {width: 100%; display: inline-block;} .InputForm .Web2ActionsBTNs {width: 100%;} .CreateListOp {width: 100%; padding: 10px 10px; border: 1px solid #9e6915; border-radius: 12px;} .CreateListOp p {font-size: 15px;} .web2ActionBTN {text-decoration: none !important;} .dapp-container, .DappBox {background-color: #ffffff !important;box-shadow: rgb(0 0 0 / 1%) 0px 0px 1px, rgb(0 0 0 / 4%) 0px 4px 8px, rgb(0 0 0 / 4%) 0px 16px 24px, rgb(0 0 0 / 1%) 0px 24px;} .custom-control-label::before, .custom-file-label, .custom-select, .custom-select:focus {transition: none; background: url("./assets/images/arrowdownblack.png") right 0.75rem center/15px 10px no-repeat;} .wusd-pair-select, .token-filter-input {background-color: #ffffff !important; color: #000000;} .LogoM {background-position: 0 -50px;} .BtnConnect {border: 1px solid #7474f7; color: #7474f7;} .BtnConnectAfter {border: 1px solid #9e6915; color: #9e6915;} .TitleCov, .StatsIndicator a {color: #000000;} .fantasyMenu:hover, .fantasyMenu {color: #000000;} .form-check-label {color: #000000;} .IndexRegular {color: #000000;} .FooterP p {color: #636363;} .FooterP p a, .disclamer a, .FarmThings p a {font-weight: bold; color: #636363 !important;} .card {border: 1px solid #aaaaaa; color: #000000;} .StatsLink a, .FarmSetupMain h5 a, .InflationContractLinks a, .TokenOperationLinks a {border: 1px solid #9e6915; color: #9e6915;} .StatsLink a:hover, .FarmSetupMain h5 a:hover, .InflationContractLinks a:hover, .TokenOperationLinks a:hover {color: #9e6915;text-decoration: none !important;} .nav-item-selected {border-bottom: 8px solid #7474f7;} .health-bar {background-color: #ebebeb;} .SelectRegular {border-color: #9e6915; color: #9e6915;} .TextRegular, .TextAreaRegular {border-color: #9e6915; color: #9e6915;} .input-group-text {background-color: transparent;border-top: 1px solid #9e6915; border-right: 1px solid #9e6915; border-bottom: 1px solid #9e6915; border-left: 0px solid #9e6915; color: #000000;} .form-control, .form-control:focus {background-color: transparent;border-top: 1px solid #9e6915; border-left: 1px solid #9e6915; border-bottom: 1px solid #9e6915; border-right: 0px solid #9e6915; color: #000000;} .FarmContract, .IndexContract, .FarmContractOpen, .FarmSetup, .InflationContract, .TokenOperation, .IndexContractOpenInfo, .IndexContractOpenCollateralSingle, .IndexContractOpenStatistic, .ShowCollateralNeededBal {border-color: #ebebeb;} .IndexSinglePerchBar span {color: #ffffff;} .PrestoSelector {padding: 5px; margin: 2px 3px; border-radius: 8px; border: 1px solid #9e6915;} .PrestoSelector span {font-size: 14px; margin: auto 5px auto auto; display: inline-block; vertical-align: middle;} .FromETHPrestoDesc {width: 100%;} .FromETHPrestoDesc p {width: 100%;font-size: 12px;} .FromETHPrestoDesc img {width: 15px; height: 15px;} .InputTokenRegularS {position: relative;} .InputTokenRegularS .PrestoSelector {padding: 2px 5px; position: absolute; left: -80px; top: 2px;} .FarmSetup .Web3ActionBTN, .FarmSetup .ApproveBTN {padding: 4px 14px;} .BreefExpl {font-size: 11px;margin-top: 4px;margin-bottom: 5px;} .BreefRecap {font-size: 12px;margin-top: 4px;margin-bottom: 5px;} .BreefRecapB {font-size: 13px !important;margin: 15px auto; max-width: 500px; display: block;} .Web3ActionBTN .spinner-border, .Web3ActionBTN .spinner-border-sm, .ApproveBTN .spinner-border, .ApproveBTN .spinner-border-sm {color: #ffffff !important;} .Tranferpos {display: inline-block; width: 80%; margin: 5px auto; text-align: center;} .Tranferpos input {margin: 5px auto;} .DiffWallet {width: 390px; display: block; margin: 10px auto; text-align: center;} .BetaAllert {width: 100%;display: block;margin: 20px auto;text-align: center;padding: 10px;color: #ffffff;background-color: #7474f7;border-radius: 12px;} .MetamaskAddButton {color: #7474f7; border-radius: 8px; border: 1px solid #7474f7;padding: 2px 8px;font-size: 12px; margin-left: 5px; text-decoration: none !important;} .MetamaskAddButton:hover {color: #7474f7; border-radius: 8px; border: 1px solid #7474f7;padding: 2px 8px;font-size: 12px; margin-left: 5px; text-decoration: none !important;} .UnlockInfo {font-size: 14px !important;width: 90% !important;display: block !important;} .UnlockInfoBal {font-size: 12px !important;width: 90% !important;} .UnlockDiv, .Tranferpos {padding: 10px 8px; border: 1px solid #9e6915; border-radius: 12px;} .Web3ActionBTNV {display: inline-block; margin: 10px auto;} .BalanceImputPRCD {font-size: 13px; margin-left: 5px;} .BLKEMD {text-decoration: underline !important;} .hiddenLink {text-decoration: underline; font-size: 12px; color: #50555C; display: block; margin: 5px auto;} .hiddenLink:hover {color: #50555C;} .TokenSelectedB {padding: 10px; border: 1px solid #7474f7; display: inline-block;width: auto;border-radius: 12px;} .PrestoSelector {padding: 5px; margin: 2px 3px; border-radius: 8px; border: 1px solid #9e6915;} .PrestoSelector span {font-size: 14px; margin: auto 5px auto auto; display: inline-block; vertical-align: middle;} .FromETHPrestoDesc {width: 100%;} .FromETHPrestoDesc p {width: 100%;font-size: 12px;} .FromETHPrestoDesc img {width: 15px; height: 15px;} .InputTokenRegularS {position: relative;} .InputTokenRegularS .PrestoSelector {padding: 2px 5px; position: absolute; left: -80px; top: 2px;} .OnlyMobileVersion {display: none !important;} .HIDEO {display: none !important;} .SetupListITEM {padding: 20px; display: block; margin: 10px auto; border: 1px solid #7474F7; border-radius: 12px;} .SetupListITEM p {font-size: 14px;vertical-align: middle;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px; margin-inline-end: 0px;margin-bottom: 0rem; text-align: left;} .SetupListITEMINFO {width: 62%; display: inline-block; margin-right: 8%; vertical-align: middle;} .SetupListITEMACTIONS {width: 30%;display: inline-block;vertical-align: middle;} .SetupListITEMACTIONS .web2ActionBTN {display: block; width: 100%; text-align: center; font-size: 12px; padding: 4px 6px; margin: 5px auto;} .youDIDit {width: 80%; display: block; margin: 5px auto;} .youDIDit p {font-size: 13px; text-align: left;} .youDIDit .SuccessText {font-size: 20px; text-align: center; margin: 10px auto;} .youDIDit .SuccessTextNow {font-size: 25px; text-align: center; margin: 10px auto; color: #7474F7; font-weight: bold;} .youDIDit .SuccessTextLink {font-size: 11px; padding: 5px 8px; border: 1px solid #9e6915; color: #ffffff !important; display: inline-block; background-color: #9e6915; border-radius: 6px;} .youDIDit .SuccessTextLink a {color: #ffffff !important; text-decoration: none !important; font-weight: bold;font-size: 11px;} .Disclamerfinish {font-size: 10px !important; text-align: left; margin: 10px auto; background-color: #7474F7; font-weight: bold; padding: 12px 20px; border-radius: 12px; color: #ffffff !important;} .DarkMode .DappBox h1, .DarkMode .DappBox .aside, .DarkMode .DappBox input[type="file"], .DarkMode .DappBox p, .DarkMode .DappBox h2, .DarkMode .DappBox h3, .DarkMode .DappBox h4, .DarkMode .DappBox h5, .DarkMode .DappBox h6, .DarkMode .DappBox label, .DarkMode .DappBox span {color: #ffffff;} .DarkMode .DappBox .dapp-container, .DarkMode .DappBox {background-color: #2d2e40 !important;box-shadow: rgb(0 0 0 / 1%) 0px 0px 1px, rgb(0 0 0 / 4%) 0px 4px 8px, rgb(0 0 0 / 4%) 0px 16px 24px, rgb(0 0 0 / 1%) 0px 24px;} .DarkMode .DappBox .sidebar-menu-link, .DarkMode .DappBox .nav-link, .DarkMode .DappBox .fantasyMenu:hover, .DarkMode .DappBox .fantasyMenu, .DarkMode .DappBox .form-check-label, .DarkMode .DappBox .infoList, .DarkMode .DappBox .StatsBro, .DarkMode .DappBox .StatsBroO, .DarkMode .DappBox .IndexRegular, .DarkMode .DappBox .Web3, .DarkMode .DappBox .disclamer, .DarkMode .DappBox .TitleCov, .DarkMode .DappBox .xTitle, .DarkMode .DappBox .StatsIndicator a, .DarkMode .DappBox .QuestionRegular label,.DarkMode .DappBox .DisclamerRegular p, .DarkMode .DappBox .InputTokensRegular p, .DarkMode .DappBox .Resultsregular p, .DarkMode .DappBox .Resultsregular p, .DarkMode .DappBox .Rebalance aside h6, .DarkMode .DappBox .Rebalance aside p, .DarkMode .DappBox .FarmThings p, .DarkMode .DappBox .FarmTitle aside h6, .DarkMode .DappBox .FarmSetupMain h5 {color: #ffffff;} .DarkMode .DappBox .custom-control-label::before, .DarkMode .DappBox .custom-file-label, .DarkMode .DappBox .custom-select, .DarkMode .DappBox .custom-select:focus {transition: none; background: url("./assets/images/arrowdown.png") right 0.75rem center/15px 10px no-repeat;border-color: #9e6915 !important; box-shadow: none;} .DarkMode .DappBox .token-filter-input {border-color: #9e6915 !important;} .DarkMode .DappBox .wusd-pair-select, .DarkMode .DappBox .token-filter-input {background-color: #2d2e40 !important; color: #ffffff;} .DarkMode .DappBox .LogoM {background-position: 0 0px;} .DarkMode .DappBox .BtnConnect {border: 1px solid #7474f7; color: #7474f7;} .DarkMode .DappBox .BtnConnectAfter {border: 1px solid #9e6915; color: #9e6915;} .DarkMode .DappBox .FooterP p {color: #adadad;} .DarkMode .DappBox .FooterP p a, .DarkMode .DappBox .disclamer a, .DarkMode .DappBox .FarmThings p a {font-weight: bold; color: #adadad !important;} .DarkMode .DappBox .card {border: 1px solid #000000; color: #ffffff;} .DarkMode .DappBox .StatsLink a, .DarkMode .DappBox .FarmSetupMain h5 a, .DarkMode .DappBox .InflationContractLinks a, .DarkMode .DappBox .TokenOperationLinks a {border: 1px solid #9e6915; color: #9e6915;text-decoration: none;} .DarkMode .DappBox .StatsLink a:hover, .DarkMode .DappBox .FarmSetupMain h5 a:hover, .DarkMode .DappBox .InflationContractLinks a:hover, .DarkMode .DappBox .TokenOperationLinks a:hover {color: #9e6915; text-decoration: none !important;} .DarkMode .DappBox .nav-item-selected {border-bottom: 8px solid #7474f7;} .DarkMode .DappBox .health-bar {background-color: #1c1c27;} .DarkMode .DappBox .SelectRegular {border-color: #9e6915; color: #9e6915;} .DarkMode .DappBox .TextRegular, .DarkMode .DappBox .TextAreaRegular {border-color: #9e6915; color: #9e6915;} .DarkMode .DappBox .input-group-text {background-color: transparent;border-top: 1px solid #9e6915; border-right: 1px solid #9e6915; border-bottom: 1px solid #9e6915; border-left: 0px solid #9e6915; color: #ffffff;} .DarkMode .DappBox .form-control, .DarkMode .DappBox .form-control:focus {background-color: transparent;border-top: 1px solid #9e6915; border-left: 1px solid #9e6915; border-bottom: 1px solid #9e6915; border-right: 0px solid #9e6915; color: #ffffff;} .DarkMode .DappBox .FarmContract,.DarkMode .DappBox .IndexContract, .DarkMode .DappBox .FarmContractOpen, .DarkMode .DappBox .FarmSetup, .DarkMode .DappBox .InflationContract, .DarkMode .DappBox .TokenOperation, .DarkMode .DappBox .IndexContractOpenInfo, .DarkMode .DappBox .IndexContractOpenCollateralSingle, .DarkMode .DappBox .IndexContractOpenStatistic, .DarkMode .DappBox .ShowCollateralNeededBal {border-color: #4d4c4a;} @media only screen and (max-device-width: 750px) { .IndexRegularText iframe {display: none;} .page-container, .dapp-container, .DappBox {width: 270px !important; display: inline-block; margin: 0px auto;} .TitleCov {display: none;} .CovTITLE figure {width: 90%;} .DescCov p {font-size: 12px;} .page-container .FooterP {display: none;} .TextRegular {width: 100%;} .IndexRegular .IndexRegularImg {width: 90%;} .dapp-container, .page-container, .DappBox {padding: 2px !important;} .StatsBro {display: none;} .StatsSis {width: 95%;} .TextAreaRegular {max-width: 100%;} .nav-link {font-size: 10px;} .HealthContainer {width: 100%;display: inline-block;margin: 10px auto 40px auto;} .StatsIndicator {width: 50%;} .StatsLink {text-align: left;} .ApproveBTN {display: inline-block; margin: 10px auto; font-size: 13px;} .InputTokenRegular aside p {width: 75%; margin-left: 5%;} .StatsIndicator h6 {font-size: 14px;} .StatsIndicator p, .StatsIndicator a {font-size: 12px;} .Rebalance aside {width: 100%; padding-right: 0; text-align: center; margin-bottom: 15px;} .xTitle {font-size: 18px;} .xTitle img {width: 27px;height: 27px;} .CovDesc {width: 90%;} .CovAMMs {width: 90%; margin-top: 10px; margin-left: 0;} .Menuone li:hover .Ditone {display: none !important;} .Ditone {display: none !important;} .sidebar-menu-link-selected .Ditone {display: none !important;} .Menuone {display: none;} .sidemenu-active {display: inline-block; position: fixed; z-index: 30; right: 10px; top: 10px; background-color: #2d2e40; border-radius: 8px;top: 55px; border: 1px solid #9e6915;} .sidemenu-active {background-color: #ffffff; color: #000000;} .sidebar-menu-link {color: #000000 !important;} .MobileMenu {display: inline-block; font-size: 13px; background-color: #7474f7; padding: 3px 5px; border-radius: 5px; color: #ffffff;text-decoration: none;} .MobileMenu:hover, .MobileMenu:after {color: #ffffff; text-decoration: none;} .ChangeMod {position: fixed;top: 5px;left: 5px;z-index: 99999999999999999999999119;background-color: #7474f7;padding: 4px 4px;font-size: 10px;border-radius: 50%;} .ChangeMod {background-color: #ffffff;} .app-container {z-index: 0;} .app-container .row {z-index: 0;} .BtnConnect, .BtnConnectAfter {font-size: 10px;} .fantasyMenu, .fantasy .fantasyMenu {color: #ffffff;} .grimoireBox {max-width: 270px;width: 270px;} .GrimoureContent header {width: 100%; display: inline-block; margin: 10px auto;} .GrimoureContent span {width: 100%; display: inline-block; margin: 10px auto;vertical-align: top; text-align: center;} .GrimoureContent span img {text-align: center;} .IndexRegular {position: relative;} .IndexRegular .IndexRegularText {width: 80%; margin-top: 20px;} .IndexRegular .IndexRegularText h3 {width: 95%;font-size: 18px; margin-top: 20px; display: inline-block;} .IndexRegularImg {width: 65% !important;} .IndexRegular .IndexRegularText p {font-size: 10px;font-weight: bold;} .IndexRegular {display: inline-block !important; min-height: 300px !important; padding: 20px 20px 20px 20px !important;} .IndexThings, .IndexManageMB, .IndexContractOpenCollateralSingle {width: 90%;} .IndexThings {margin-left: auto; margin: 10px auto;} .ListOfThings, .IndexContract, .InflationContract, .InflationContractOpen {max-width: 95%;min-width: 95%;} .IndexInfo, .MainExploration {width: 90%;} .IndexLogo {margin: 10px auto; display: block;} .IndexInfo {width: 95%; display: block; margin: 5px auto;} .IndexInfo h6 {font-size: 12px;} .IndexContractBTN {text-align: center;} .InflationContract h4 {width: 100%; font-size: 15px; margin-bottom: 8px;} .InflationContractLinks {width: 100%; text-align: center;} .InflationContract p {display: none;} .InflationContract .InflationContractButton {width: 100%; text-align: center; margin-left: auto; margin: 10px auto;} .InflationContractOpen h3 {font-size: 15px;} .dapp-container, .DappBox {min-height: 300px;} .TokenOperation h6 {width: 100%; font-size: 15px; text-align: center; margin: 8px auto; margin-bottom: 8px;} .TokenOperationLinks, .CreateList {width: 100%;} .TokenOperation p {font-size: 13px;} .TokenOperation p img {width: 20px;} .CreateList p {width: 100%;} .InputForm input[type="file"] {width: 90%;} .Web2ActionsBTNs {width: 100%;} .TokenLoaded > div {width: 100%;} .CreateList .TokenLoaded > div .backActionBTN {left: -35px;} .CreateList .TokenLoaded {width: 90%;margin-left: 25px;} .ApplicationBox {width: 100%;margin-left: 0; margin: 0 auto; display: block;border-radius: 0 !important;} .ApplicationAll {width: 100%;margin: 0px auto 0px auto;border-radius: 0 !important;} .dapp-container, .DappBox {width: 100% !important;border-radius: 0 !important;} .app-container {width: 100% !important;border-radius: 0 !important;} .page-container-wrapper, .page-container {width: 100% !important;border-radius: 0 !important;} .Footer {display: none;} #root {padding-bottom: 0 !important;} .ApplicationMenu {position: absolute;} .fantasy .navbar {background-color: #2d2e40 !important;} .FooterP {width: 100%;} .DappMenu li span {font-size: 11px;font-weight: bold;display: block;padding: 0.2rem .5rem;} .DarkMode .DappBox .sidemenu-active {background-color: #2d2e40;} .DarkMode .DappBox .ChangeMod {background-color: #2d2e40} } @media only screen and (min-device-width: 751px) and (max-device-width: 1024px) { .Menuone {display: none;} .sidemenu-active {display: inline-block;} .Menuone li:hover .Ditone {display: none !important;} .Ditone {display: none !important;} .sidebar-menu-link-selected .Ditone {display: none !important;} .MobileMenu {display: inline-block;} .MobileMenu {display: inline-block; font-size: 15px; background-color: #7474f7; padding: 3px 5px; border-radius: 5px; color: #ffffff;text-decoration: none;} .MobileMenu:hover, .MobileMenu:after {color: #ffffff; text-decoration: none;} .sidemenu-active {display: inline-block; position: fixed; z-index: 30; right: 10px; top: 10px; background-color: #2d2e40; border-radius: 8px;top: 55px; border: 1px solid #9e6915;} .sidemenu-active {background-color: #ffffff; color: #000000;} .sidebar-menu-link {color: #000000 !important;} .fantasy .fantasyMenu {color: #ffffff;} .grimoireBox {max-width: 650px;width: 650px;} .ApplicationBox {width: 99%;margin-left: 0; margin: 0 auto; display: block;} .ApplicationAll {width: 100%;margin: 40px auto 20px auto;} .dapp-container, .DappBox {width: 100% !important; display: inline-block !important;;} .app-container {width: 100% !important; display: inline-block !important;;} .page-container-wrapper, .page-container {width: 100% !important;display: inline-block !important;} .ApplicationMenu {position: absolute;} .DarkMode .DappBox .sidemenu-active {background-color: #2d2e40;} }