main.min.css

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}html{height:100%;position:relative;min-width:350px}body{margin:0 auto;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:0;font-size:16px;width:100%;text-align:left;height:100%;color:#555;background:#343d48;min-width:745px}h1{font-size:30px;font-weight:400;margin:0}h2{font-size:24px;font-weight:400;margin:0;display:inline}h3{font-size:20pt;font-weight:400;margin:0}h4{font-size:16pt;font-weight:400;margin:0}h5{font-size:14px;font-weight:400;margin:0}h6{font-size:12px;font-weight:400;margin:0}li,ul{margin:0;padding:0}legend{text-align:left}td,th,tr{border:0;padding:3px;text-align:center}table{border-spacing:0;border:0;border-collapse:collapse;text-align:center;width:100%;font-size:15px}tr{margin-bottom:5px;background:#39424d;border-bottom:6px #343d48 solid}tr:hover{background:orange}td{padding:15px 10px;vertical-align:middle}th{padding:10px 5px;font-weight:400;font-size:12px;background:#343d48;color:#fff;text-align:center;font-weight:700}thead tr{border-bottom:1px #646b73 solid}p{margin:5px;padding:0}hr{height:1px;border:none;background:#646b73}hr:first-of-type{height:2px}pre{padding-left:15px}button,button:disabled:hover,input[type=button],input[type=submit]{font-size:13px;cursor:pointer;padding:5px 10px;background:#2eb9d6;color:#fff;transition:background-color .2s ease;border-radius:5px;min-width:130px;border:2px transparent solid;transition:all .35s linear}button:focus,input:focus,select:focus{outline:0!important;border-color:#fff!important;transition:all .35s linear}button.activeButton,button.activeButton:focus,button:hover,input[type=button]:hover,input[type=submit]:hover{border-color:#fff}input[type=password],input[type=text],select{padding:5px 10px;margin:5px;color:#fff;border:1px solid #646b73;border-radius:5px;background:#343d48;min-width:120px}input[type=password]:disabled,input[type=text]:disabled,select:disabled{color:#646b73}input.longer{min-width:250px}button:disabled{cursor:default}.inactiveButton,button:disabled{opacity:.3}small{font-size:10pt}img{border:0;max-width:100%}a,a:visited{color:#2e6da4;cursor:pointer}a:hover{text-decoration:underline}label{text-align:left}.error{color:#c00!important}.valid{color:green!important}.white{color:#fff!important}.php_error{color:orange;font-weight:700}.floatFixer{width:100%;clear:both;height:1px}strong{font-weight:600}#rightEverything{transition:width 3s;min-width:765px}.rightEverythingOpened{width:calc(100% - $auditSize);left:333px;position:absolute}#leftEverything{display:none;width:333px;left:0;position:fixed;height:100%}#navPanel{height:60px;line-height:60px;width:100%;background:#e5ebef;font-size:15px;color:#39424d}#mainPanel{color:#fff;min-height:750px}#contentPanel{min-height:500px;position:relative;margin:35px 50px auto}#footerPanel{position:fixed;bottom:0;width:100%;background:#222832;border-top:1px #646b73 solid;height:40px;padding-bottom:20px}#logo{display:inline-block;font-weight:600;position:relative;z-index:4;font-size:24px}#logoIcon{display:inline-block;vertical-align:middle;height:25px;margin-right:15px;margin-left:15px}.panel{margin-top:20px}#notificationsWrap{position:absolute;top:60px;width:100%;right:0;background:#2eb9d6;z-index:2;text-align:center;padding-bottom:2px}#noticeScrollWrap{display:none;height:78px;overflow-y:auto}.notificationWrap{width:97%;background:#646b73;margin:0 auto;padding:5px;border-radius:2px;border-left:5px #6cc284 solid;color:#e5ebef;font-size:14px;display:inline-block;text-align:left;margin-top:2px}#notificationHandle{background:#2eb9d6;width:100px;display:inline-block;height:15px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;text-align:center;position:absolute;bottom:-15px;margin-left:-50px}#notificationHandle:hover{cursor:pointer}.closeNotification{float:right;margin-right:5px;cursor:pointer;color:#e5ebef}#tips{font-size:13px;margin-bottom:35px}.closeNotification:hover{color:orange}.notificationIcon{margin:0 10px;color:#6cc284}.warningNotice{border-left:5px orange solid}.warningNotice .notificationIcon{color:orange}#emptyNotifications{color:#39424d;margin-top:30px}.noticeTime{font-size:11px}.marblesWrap{display:inline-block;min-width:235px;text-align:left;color:#fff;margin-bottom:15px;position:relative;min-height:158px;border-radius:3px;margin-left:10px;margin-right:10px;vertical-align:top;background:#39424d}.innerMarbleWrap{min-height:100px;padding-right:10px}.legend{display:absolute;z-index:1;font-size:30px;padding-top:10px}.legend{padding-left:10px;padding-right:10px;margin:0}.companyPanel{background:#646b73;padding:0;border-radius:3px;margin-bottom:5px;color:#fff}.floatRight{float:right}.ownerWrap{padding:20px}.companyNameWrap{border-bottom:1px #39424d solid;padding:16px}.companyName{margin-left:10px;font-weight:700}#toolbarWrap{margin:0;text-align:left;position:relative;height:100px}.smallMarble{height:40px;width:40px}.ball{display:inline-block;border:2px transparent solid;padding:0;vertical-align:bottom;border-radius:1000px}.ball:hover{cursor:pointer;border-color:#fff}.whitebg.ball:hover{border-color:#2eb9d6}#description{margin-left:20px;position:absolute;width:100%;text-align:center;bottom:10px}#trashbin{text-align:center;padding:5px 50px;border:1px #646b73 dashed;border-radius:3px;vertical-align:top;position:absolute;right:0;bottom:15px;min-height:90px;line-height:90px}#trashbin .ball{vertical-align:middle}.bottomAlign{position:absolute;bottom:5px}#trashText{vertical-align:top;display:inline-block;margin-left:10px;color:#fff;font-weight:100;font-size:12px}.marblesFix{padding:2px;font-size:12px;float:right}.marblesWrap.marblesFixed .legend .marblesFix{transform:rotate(45deg);color:#2eb9d6}.marblesFix:hover,.marblesOpenSection:hover{color:orange;cursor:pointer}.notAdminControl{background:#39424d}.noMarblesMsg{text-align:center;position:absolute;top:85px;left:40%}.addMarble{line-height:75px;margin-left:10px;font-size:20px;vertical-align:bottom;border:1px dashed #646b73;border-radius:100%;text-align:center}.addMarble:hover{cursor:pointer;border-color:#fff;transition:all .25s linear}.addMarble,.ball{margin:5px 0 5px 8px}.addMarble,.largeMarble{height:75px;width:75px;line-height:75px}.createball{display:inline-block;font-size:275px;color:transparent;border:2px dashed #fff;border-radius:200px;width:250px;height:250px;vertical-align:middle}#createform{display:inline-block;margin-top:40px;margin-left:15px;vertical-align:middle}.createLegend{width:45px;display:inline-block}#innerWrap{margin:auto;text-align:center;margin-top:20px}#createPanel{position:fixed;top:75px;background:#343d48;z-index:1005;padding:40px 60px;left:50%;margin-left:-265px;width:410px}#tint{display:none;background:#000;opacity:.85;position:fixed;top:0;right:0;width:100%;height:100%;z-index:1001}.hint{font-size:12px;font-weight:700;color:#646b73}#footerWrap{height:235px;background:#222832;color:#646b73;width:100%;border-top:25px #222832 solid}.myCompany{background:#545658;border-top-left-radius:3px;border-top-right-radius:3px}.white{color:#fffef3}.black{color:#1c2026}.red{color:#f15847}.green{color:#68b369}.blue{color:#3d76ba}.purple{color:#634fa1}.pink{color:#cc5aa2}.orange{color:#ed8f30}.yellow{color:#dac94e}.whitebg{background:#fffef3}.blackbg{background:#1c2026}.redbg{background:#f15847}.greenbg{background:#68b369}.bluebg{background:#3d76ba}.purplebg{background:#634fa1}.pinkbg{background:#cc5aa2}.orangebg{background:#ed8f30}.yellowbg{background:#dac94e}.colorSelectWrap{text-align:left;margin:5px;display:inline-block}.colorInput{width:105px;border:1px solid #646b73;border-radius:5px;padding:5px;font-size:13px}.colorOptionsWrap{display:none;position:absolute;background:#222832;padding:10px 0;width:105px;border-radius:10px;text-align:left;margin-top:1px;z-index:4}.colorOption{width:85px;display:block;padding:10px;text-align:center;cursor:pointer}.colorOption:hover{background:#181c22}.colorValue{margin-left:10px}#loginPanel{width:400px;margin:auto;border:1px #646b73 solid;border-radius:5px;padding:20px;text-align:center}#triangle{border:10px solid #e5ebef;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;width:0;left:45%;position:absolute;top:-20px}#welcomePanel{text-align:center;max-width:610px;margin:auto;margin-top:80px;margin-bottom:100px;font-size:13px}#split1x3Wrap{margin-top:100px}.split1x3{display:inline-block;padding:0;margin:0;width:25%;margin-right:8%;vertical-align:top}.welcomeTitle{font-weight:600;font-size:15px}#loginCompany{color:orange;text-align:center}#adminText{font-size:15px;margin-top:15px;margin-bottom:35px;font-weight:700}.blub1x3{display:inline-block;height:28px;margin-bottom:20px}.welcomeImg{height:75px}#endorseMarble,#endorseMarbleStable,#marbleBorderBottom,#marbleBorderLeft,#marbleBorderRight,#marbleBorderTop,#proposeMarble,#proposeMarbleStable,.ordererMarbles{border:3px solid #3d76ba;height:40px;width:40px;position:relative;position:absolute;top:15px;left:0;background:0 0;margin:0;padding:0;color:#3d76ba;line-height:40px;font-size:16px}#endorseMarble,#endorseMarbleStable,#marbleBorderBottom,#marbleBorderLeft,#marbleBorderRight,#marbleBorderTop,#proposeMarble{display:none}#proposeMarbleStable.hideBorders{border-color:transparent}#endorseMarble,#endorseMarbleStable,#proposeMarble,#proposeMarbleStable{background:#fff}.marbleWrap{height:40px;width:40px;position:absolute;display:inline-block;text-align:center;margin-left:-26px;margin-top:30px}#marbleBorderTop{color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;top:-35px}#marbleBorderBottom{color:transparent;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;top:65px}#marbleBorderLeft{color:transparent;border-bottom-color:transparent;border-top-color:transparent;border-right-color:transparent;left:-50px}#marbleBorderRight{color:transparent;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;left:50px}#endorseMarbleStable span{display:none}#commitBoxStable,#orderBox,#orderBoxStable{display:none;height:135px;line-height:140px;width:152px;background:0 0;border:2px #fff solid;border-radius:6px;font-size:35px;text-align:center;margin:auto;position:relative}#orderBox{position:absolute;top:-2px;left:-2px;font-size:22px}#orderBoxStable{line-height:74px;border:2px #fff transparent}#boxId{position:absolute;bottom:18px;width:100%;text-align:center}.hideMe{display:none}.ordererMarbles{background:#fff;margin-right:2%;position:relative;display:inline-block}.ordererMarbles:first-of-type{background:#ff8100}.ordererMarbles:last-of-type{background:#ec0000}#commitBoxStable,#orderBox{background:#018fe0;border-color:transparent}#settingsPanel,#startUpPanel,#txStoryPanel{display:none;position:fixed;top:60px;background:#343d48;border:1px #646b73 solid;z-index:1005;padding:30px;width:90%;left:1%;min-width:720px}#settingsPanel,#startUpPanel{position:absolute;top:0}.stepWrap{display:inline-block;width:25%;text-align:center;vertical-align:top;line-height:16px}.stepNext{display:inline-block;width:10%;vertical-align:top;margin-top:100px}.stepHeader{font-weight:600;margin-top:10px;height:32px}.stepCircleStatus,.txStatus{margin-top:35px;height:20px;width:20px;display:inline-block;background:#fff;border-radius:100px}.stepDescription{font-size:13px;text-align:left;height:115px}.stepEdit{font-size:12px;padding-bottom:20px}.inactiveStep{opacity:.3}.stepLoadingWrap{height:40px;margin-top:10px}.inactiveStep .stepLoadingWrap .stepLoading,.stepComplete .stepLoadingWrap .stepLoading,.stepFailed .stepLoadingWrap .stepLoading{display:none}.stepComplete .stepCircleStatus,.stepComplete .txStatus{background:#6cc284}.stepFailed .stepCircleStatus,.stepFailed .txStatus{background:#ed8f30}.stepHelpWrap{display:none;text-align:center;border-top:2px #ccc solid;margin-top:15px;padding-top:15px}.stepHelpTxt{font-size:13px;line-height:16px}.stepInputLegend{display:inline-block;text-align:right;width:115px;font-size:13px;margin-right:5px}#closeCreate,#closeSettings,#closeStartUp,#closeTxStoryPos{position:absolute;right:15px;top:15px}#closeCreate:hover,#closeSettings:hover,#closeStartUp:hover,#closeTxStoryPos:hover{color:orange;cursor:pointer}#appStartingText{text-align:center;font-size:24px;color:#e5ebef;margin:30px 0}.txStepWrap{display:inline-block;width:20%;text-align:center;vertical-align:top;margin:0 2.5%}.txLegend{font-size:20px;font-weight:700}.txStoryWrap{height:150px;margin:10px 0;position:relative}.txDescription{font-size:13.5px;line-height:20px;text-align:center}.txStatus{height:15px;width:15px;margin-top:0;margin-bottom:20px}#txStoryErrorWrap{display:none;text-align:center;width:700px;margin:auto;margin-top:30px;font-size:14px;color:#343d48;background:#fff;padding:10px;border-radius:10px}#txStoryErrorTxt{margin-left:15px}.settingsWrap{margin-bottom:50px}.storyOn{color:#6cc284;font-weight:700}#construction{color:#d740fd;margin-left:10px;font-size:16px}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#notificationHandle{width:100%;margin:0}#noticeScrollWrap{height:64px}#notificationsWrap{padding:0}#txStep1 .txStoryWrap,#txStep2 .txStoryWrap{width:40px;margin:auto}.marbleWrap{margin-left:0}#commitBoxStable,#orderBox,#orderBoxStable{height:122px;line-height:122px}#orderBoxStable{line-height:66px}}#whoAmI{position:absolute;right:20px;z-index:3;top:0;color:#222832;cursor:pointer;font-size:13px;transition:background-color .3s ease;padding:0 15px}#userIcon{background:#646b73;padding:8px;border-radius:20px;width:20px;text-align:center;color:#e5ebef;margin-right:10px;font-size:20px}#userSelect{display:none;position:absolute;top:72px;right:-10px;z-index:2;color:#646b73;background:#e5ebef;border-radius:10px;width:140px;text-align:center;font-size:11px;font-weight:700}.userLine{line-height:40px;height:40px;cursor:pointer;color:#39424d;font-weight:100}.invalid{opacity:.3}@keyframes bounce{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.15,.8,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}.bounce{animation-name:bounce;animation-duration:2s;animation-iteration-count:infinite}#auditWrap{position:absolute;width:100%;background:#646b73;color:#fff;height:100%}#auditLegend{color:#e5ebef;padding:20px 0 15px 0;bottom:13px;font-size:18px}#auditContentWrap{display:none;overflow-x:hidden;overflow-y:auto;height:100%}#marbleIdWrap{font-size:12px;margin-bottom:15px}.txHistoryWrap{display:inline-block;vertical-align:bottom;margin-top:35px}.leftTxWrap{width:100%;display:inline-block;vertical-align:top;text-align:center}.biggerLeft{margin-bottom:50px}.txDetails{position:relative;vertical-align:bottom;font-size:14px;display:inline-block;margin-left:30px;left:100%;margin-top:5px;margin-bottom:10px}.marbleLegend{width:85px;display:inline-block;font-weight:700}.marbleName{display:inline-block;margin-left:10px}.marbleName,.txId{background:#343d48;font-size:12px;font-family:monospace;padding:3px 10px}.txCount{text-align:center;margin-bottom:10px}#marbleIdWrap{font-weight:700}#marbleId{margin-top:10px}.auditMarble{line-height:75px;font-size:30px;text-align:center;margin:0;padding:0}.auditMarble:hover{border-color:transparent;cursor:default}.auditHint{font-size:20px;font-weight:100;color:#a1a7ad;margin-top:55px;text-align:center}.auditingMarble{border-color:#2eb9d6}#auditClose{position:absolute;top:10px;right:25px;cursor:pointer}#auditClose:hover{color:#2eb9d6}.auditMarble:hover{border-color:transparent!important}#auditButton{position:fixed;left:-22px;background:#646b73;color:#fff;transform:rotate(90deg);padding:5px 20px;top:50%;border-top-left-radius:5px;border-top-right-radius:5px;width:30px;text-align:center;cursor:pointer;transition:all .25s linear}#auditButton:hover{color:#39424d}#blockWrap{position:relative;margin:15px 25px}.block{line-height:32px;color:#2eb9d6;text-align:center;position:absolute;top:0;left:100%;height:32px;width:32px;border-radius:2px;opacity:5;border:#2eb9d6 solid 1px;font-size:12px;transition:background-color .5s ease;font-weight:700}.thousands{font-size:9px}.million{font-size:7px}.lastblock{transition:background-color 1s ease;background:#2eb9d6;color:#222832;border-color:#2eb9d6}#blockLegend{color:#e5ebef;margin-right:10px;padding:21px;position:relative;left:-26px;bottom:13px;font-size:18px;background:#222832;z-index:9;width:66px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#fff;color:#39424d;text-align:center;padding:5px 0;border-radius:2px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity 1s;line-height:16px;z-index:9}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#fff transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.loadingdiv{height:30px;display:block}.loadingdiv span{display:inline-block;vertical-align:middle;width:4px;background:#fff;border-radius:3px;-webkit-animation:loading .8s infinite alternate;-moz-animation:loading .8s infinite alternate;margin-left:5px}.loadingdiv div{height:30px;display:inline-block;vertical-align:middle}.loadingdiv span:nth-of-type(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s}.loadingdiv span:nth-of-type(3){-webkit-animation-delay:.2s;-moz-animation-delay:.2s}.loadingdiv span:nth-of-type(4){-webkit-animation-delay:.3s;-moz-animation-delay:.3s}.loadingdiv span:nth-of-type(5){-webkit-animation-delay:.4s;-moz-animation-delay:.4s}@-webkit-keyframes loading{0%{height:10px;-moz-transform:translateZ(0)}35%{height:30px;-moz-transform:translateZ(-21px)}100%{height:10px;-moz-transform:translateZ(0)}}@-moz-keyframes loading{0%{height:10px;-moz-transform:translateZ(0)}35%{height:30px;-moz-transform:translateZ(-21px)}100%{height:10px;-moz-transform:translateZ(0)}}