diff --git a/build/styles.css b/build/styles.css index c679285b..aa29b5d0 100644 --- a/build/styles.css +++ b/build/styles.css @@ -1 +1 @@ -a,a:visited{color:inherit}address,article,aside,blockquote,body,canvas,dd,div,dl,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,input,li,main,nav,noscript,ol,output,p,pre,section,table,textarea,tfoot,ul,video{position:relative;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline;border:0;font-weight:400;background:0 0;border-collapse:collapse;white-space:normal}html{width:100%;height:100%;overflow-y:scroll}ul{list-style:none}hr{height:1px;margin:1em 0;padding:0;border:0 #eeeeef;border-top:1px solid #ccc}input,textarea{background:#fff;resize:both}.l-container{max-width:1250px;margin-left:auto;margin-right:auto}body,html{color:#32323a;background:#ebebf0;background:linear-gradient(to right,#fafaff 0,#ebebf0 50%,#fafaff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeef', endColorstr='#eeeeef', GradientType=1);font-family:Roboto,Arial,sans-serif;font-size:10px;font-weight:400}::-moz-selection{color:#fff;background-color:#6f6f6f}::selection{color:#fff;background-color:#6f6f6f}:focus{outline:#eeeeef dotted 0}a{text-decoration:none;cursor:pointer}a[disabled]{cursor:default;opacity:.3}th{padding:0 .5em;text-align:left;font-size:.8em;font-weight:700;text-transform:uppercase}input,select,textarea{padding:.7rem 1rem;box-sizing:border-box;color:inherit;border:1px solid #c3c3ca;border-radius:1px;font-family:inherit;font-size:inherit}input:focus,textarea:focus{border:1px solid #c3c3ca}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}::-ms-clear{display:none}::-webkit-input-placeholder{color:#ccd5db}:-moz-placeholder{color:#ccd5db}::-moz-placeholder{color:#ccd5db}:-ms-input-placeholder{color:#ccd5db}[contenteditable=true]{outline:#eeeeef solid 1px;outline-offset:1px;cursor:text}.clickable,.link,button,input[type=button],input[type=file],input[type=submit]{cursor:pointer}[contenteditable=true]:empty:before{display:block;content:attr(placeholder);color:#ddd}.link{padding:0;background:0 0;border:none}.displayNone{display:none!important}.fade{opacity:.25}.unfade{opacity:1}@font-face{font-family:FontAwesome;src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot);src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.woff) format('woff'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf) format('truetype'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.svg#icon) format('svg');font-weight:400;font-style:normal}@font-face{font-family:CoreMellow;src:url(fonts/core-mellow/core-mellow-35-light.otf);font-weight:400;font-style:normal}.button,.button:visited{display:inline-block;height:2.8em;line-height:2.8em;margin:0;padding:0 1em;color:#fff;background:#43505c;border:0;border-radius:1px;font-family:Roboto,Arial,sans-serif;font-size:.85rem;text-transform:uppercase;outline:0;white-space:nowrap;transition:background .3s ease}.page-header,.site-header+.page-content{margin-top:10vmin}.button:hover,.button:visited:hover{color:#fff;background:#32323a}.button:active,.button:focus,.button:visited:active,.button:visited:focus{color:#fff;background:#43505c}.button:visited[disabled],.button:visited[disabled]:active,.button:visited[disabled]:focus,.button:visited[disabled]:hover,.button[disabled],.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover{color:#cacacf!important;background:#43505c!important;cursor:default!important;opacity:.3!important}.button.buy,.button.make,.button.next,.button.select{color:#fff;background:#3075b5}.button.buy:hover,.button.make:hover,.button.next:hover,.button.select:hover{background:#3583ca}.button.buy:active,.button.buy:focus,.button.make:active,.button.make:focus,.button.next:active,.button.next:focus,.button.select:active,.button.select:focus{background:#3075b5}.button.sell{color:#fff;background:#e9595b}.button.sell:hover{background:#fa7a7a}.button.sell:active,.button.sell:focus{background:#e9595b}.chart-button{font-family:FontAwesome;font-size:1rem}.favorite-button,.x-button,.x-button:visited{line-height:unset;font-family:FontAwesome;background:0 0}.x-button,.x-button:visited{width:unset;height:unset;padding:0;color:#43505c;font-size:2.7rem;text-align:center}.x-button:active,.x-button:focus,.x-button:hover,.x-button:visited:active,.x-button:visited:focus,.x-button:visited:hover{color:#32323a;background:0 0}.favorite-button{width:1em;height:1em;color:#bbc;border:0;font-size:1.5rem;text-shadow:none;transform:rotate(0);transition:.25s;transition-timing-function:ease-out;outline:0}.favorite-button:active,.favorite-button:focus{color:#aab;background:0 0}.favorite-button:hover{color:#ffda00;background:0 0;text-shadow:0 0 1px #dd0;opacity:.8}.favorite-button.on{color:#ffda00;background:0 0;font-size:1.2em;transform:rotate(58deg);text-shadow:0 0 1px #ff0;opacity:.7}.favorite-button.on:active,.favorite-button.on:focus{background:0 0}.favorite-button.on:hover{opacity:1}.place-trade{background:#FCB531;font-weight:900}.place-trade:active,.place-trade:focus,.place-trade:hover{background:#f19e04}.button.trade{color:#fff;background:#FCB531}.button.trade:hover{color:#fff;background:#f19e04}.button.trade:active,.button.trade:focus{color:#fff;background:#e79704}.button.view{color:#fff;background:#76838f}.button.view:active,.button.view:focus,.button.view:hover{color:#fff;background:rgba(118,131,143,.8)}.button.report{color:#fff;background:#f96868}.button.report:hover{color:#fff;background:#fa7a7a}.button.report:active,.button.report:focus{color:#fff;background:#e9595b}.button.prev{color:#fff;background:#43505c}.button.prev:hover{color:#fff;background:#32323a}.button.prev:active,.button.prev:focus{color:#fff;background:#222229}.panel-sideways{background:rgba(228,234,236,.07)}.panel-sideways .title{padding:1.5rem 1rem 1rem;vertical-align:middle;color:#000;border:1px solid #e4eaec;border-left:7px solid #e4eaec;border-bottom:0;font-size:1.4rem;font-weight:700;text-transform:uppercase}.panel-sideways .content{padding:.5rem 1rem .8rem;vertical-align:middle;color:#222229;border:1px solid #eeeeef;border-left:7px solid #e4eaec;border-top:0;font-size:1.1rem;font-weight:400}.panel-sideways.primary{background:rgba(98,168,234,.07)}.panel-sideways.primary .content,.panel-sideways.primary .title{border-color:rgba(98,168,234,.2);border-left-color:#62a8ea}.panel-sideways.info{background:rgba(34,34,41,.07)}.panel-sideways.info .content,.panel-sideways.info .title{border-color:rgba(34,34,41,.2);border-left-color:#222229}.panel-sideways.success{background:rgba(84,181,48,.07)}.panel-sideways.success .content,.panel-sideways.success .title{border-color:rgba(84,181,48,.2);border-left-color:#54b530}.panel-sideways.warning{background:rgba(252,181,49,.07)}.panel-sideways.warning .content,.panel-sideways.warning .title{border-color:rgba(252,181,49,.2);border-left-color:#FCB531}.panel-sideways.danger .content,.panel-sideways.danger .title{border-color:rgba(249,104,104,.2);border-left-color:#f96868}.page{display:flex;min-height:100vh;flex-direction:column}.checkbox .checkbox-box,.input,.input .clear{display:inline-block}.page-header{padding:3.5vmin 3rem 2.5vmin 2.9rem;line-height:2.2em;color:#fff;background:#32323a;font-size:3.4vmin}.page-header .big-line{font-size:1.3em;font-weight:700}.page-content{flex:1;padding:0;color:#43505c}.input.clearable .box{padding-right:2em}.input .box{width:100%;height:100%;font-size:inherit;padding:.5em}.input .clear{position:absolute;top:0;bottom:0;right:.1em;margin:auto 0;color:#c3c3ca;background:0 0;border:0;font-size:inherit;font-family:FontAwesome}.checkbox{cursor:default}.checkbox:disabled{opacity:.4}.checkbox.checked .checkbox-box:before{position:absolute;top:-.2rem;left:0;content:'\f00c';color:#2d2d4b;font-size:1rem;font-weight:500;font-family:FontAwesome}.checkbox .checkbox-box{position:relative;width:.8rem;height:.8rem;margin-right:.5rem;background:#fafafa;border:1px solid #c3c3ca;vertical-align:middle}.checkbox .checkbox-label,.checkbox .checkbox-label2{display:inline-block;position:relative;margin-left:.25em;vertical-align:middle}.value-denomination .value{font-weight:900}.value-denomination .denomination{margin-left:.2em;font-weight:400}.value-denomination .prefix{margin-right:.3em;font-weight:400}.value-date{font-weight:900}.rdt{position:relative}.rdtPicker{display:none;width:300px;padding:4px;margin-top:1px;background:#fff;border:1px solid #d3d3da;border-radius:1px}.rdt.rdtOpen>input.form-control{width:300px;border:1px solid #d3d3da;border-radius:1px}@media screen and (max-width:550px){.rdt.rdtOpen>input.form-control,.rdtPicker{width:100%}}.rdtOpen .rdtPicker{display:block}.rdtStatic .rdtPicker{box-shadow:none;position:static}.rdtPicker .rdtTimeToggle{text-align:center;line-height:2}.rdtPicker table{width:100%;margin:0}.rdtPicker td,.rdtPicker th{text-align:center;height:28px}.rdtPicker td{cursor:pointer}.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover,.rdtPicker td.rdtToday:hover{background:#E3F2FD;cursor:pointer}.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover,.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover,.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{cursor:not-allowed;color:#bdbdbd;background:0 0}.rdtPicker td.rdtNew,.rdtPicker td.rdtOld{color:#bdbdbd}.rdtPicker td.rdtToday{position:relative;color:#838383;font-style:italic}.rdtPicker td.rdtActive{background-color:#3075b5;color:#fff;font-weight:700}.rdtPicker td.rdtActive:hover{background-color:#3583ca}.rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#fff}.rdtPicker td span.rdtOld{color:#bdbdbd}.rdtPicker th{border-bottom:1px solid #d3d3da}.rdtPicker .dow{width:14.2857%;border-bottom:none}.rdtPicker th.rdtSwitch{width:100px}.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev{font-size:21px;vertical-align:top}.rdtNext span,.rdtPrev span{display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rdtPicker thead tr:first-child th{cursor:pointer}.rdtPicker tfoot{border-top:1px solid #d3d3da}.rdtPicker button{border:none;background:0 0;cursor:pointer}.rdtCounter .rdtBtn:hover,.rdtPicker button:hover,td.rdtMonth:hover,td.rdtYear:hover{background:#E3F2FD}.rdtPicker thead button{width:100%;height:100%}td.rdtMonth,td.rdtYear{height:50px;width:25%;cursor:pointer}.rdtCounters{display:inline-block}.rdtCounters>div{float:left}.rdtCounter{height:100px;width:40px}.rdtCounterSeparator{line-height:100px}.rdtCounter .rdtBtn{height:40%;line-height:40px;cursor:pointer;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropdown,.dropdown .options{color:#eaeaef;background:#32323a}.rdtCounter .rdtCount{height:20%;font-size:1.2em}.rdtMilli{vertical-align:middle;padding-left:8px;width:48px}.rdtMilli input{width:100%;font-size:1.2em;margin-top:37px}.rdtDayPart{margin-top:43px}.dropdown{display:inline-block;position:relative;cursor:default}.dropdown:active .options,.dropdown:focus .options,.dropdown:hover .options{display:block}.dropdown .selected{display:block;padding:.5em 1.2em}.dropdown .options{display:none;position:absolute;z-index:1;top:100%;left:0;width:100%;border-radius:1px}.dropdown .options .option{display:block;padding:.5em 1.2em}.dropdown .options .option:active,.dropdown .options .option:focus,.dropdown .options .option:hover{color:#fff;background:#43505c}.site-header{position:fixed;z-index:9;top:0;left:0;width:100%;height:10vmin;background:#fff}.site-header .site-nav{display:flex;padding:0 2vmin;border-bottom:3px solid #32323a;font-size:2.5vmin;max-width:1250px;margin-left:auto;margin-right:auto}.site-header .site-nav .spacer{width:100%}.site-header .site-nav .site-nav-link{display:block;height:10vmin;line-height:10vmin;padding:0 2vw;white-space:nowrap}.site-header .site-nav .site-nav-link>:not(:last-child){margin-right:.8em}.site-header .site-nav .site-nav-link:active,.site-header .site-nav .site-nav-link:hover{background:rgba(50,50,58,.2)}.site-header .site-nav .site-nav-link.active{background:#32323a;color:#eaeaef}.site-header .site-nav .site-nav-link:focus{text-shadow:0 0 #eaeaef}.site-header .site-nav .site-nav-link.augur{font-family:CoreMellow;font-size:2em;font-weight:700}.site-header .site-nav .site-nav-link.transactions.working:not(.active){animation-name:site-header-item-bg;animation-duration:.7s;animation-iteration-count:infinite;animation-direction:alternate}.site-header .site-nav .site-nav-link.transactions strong{margin-left:0!important;margin-right:1.5vw!important}.site-header .site-nav .site-nav-link.transactions strong:last-child{margin-right:0!important}.site-header .site-nav .site-nav-link.transactions .link-text{white-space:nowrap}.site-header .site-nav .site-nav-link strong{font-weight:900}@keyframes site-header-item-bg{0%{background:rgba(255,165,0,.04)}100%{background:rgba(255,165,0,.13)}}.site-footer{display:block;width:100%;margin:1vmin auto 0;padding:3em 0;background:#fafaff;--border-top:2px solid #eeeeef;font-size:1rem;font-weight:700;text-align:center;max-width:1250px}.site-footer .link{display:inline-block;margin:.1rem;padding:1.5rem;color:#222229;background:#fafaff;font-size:.9rem;white-space:nowrap}.site-footer .link:active,.site-footer .link:focus,.site-footer .link:hover{text-decoration:underline}.page.auth{width:100%}.page.auth .auth-form{display:block;position:relative;width:100%;max-width:90vmin;margin:5vmin auto 0;padding:9vmin 5vmin;font-size:3vmin;text-align:left}.page.auth .auth-form .title{margin:1vmin 0 2vmin;font-size:140%}.page.auth .auth-form .msg{display:inline-block;position:relative;margin:0;padding:0 0 0 1.6vmin;color:#8C1717;font-size:80%;font-weight:700}.page.auth .auth-form .msg.success{color:#54b530}.page.auth .auth-form .account-info-container{display:flex;flex-flow:row wrap;padding:1.6vmin;margin:1.6vmin 0;background:#fff;border:1px solid #d3d3da;border-radius:1px}.page.auth .auth-form .account-info-container label{margin:0 1vmin 0 0;font-weight:700}.page.auth .auth-form .account-info-container div{margin:1vmin 0;word-break:break-all;word-wrap:break-word;display:inline}.page.auth .auth-form .auth-input,.page.auth .auth-form .secure-login-id-input{display:block;position:relative;width:100%}.page.auth .auth-form .account-info-container .link{align-self:center;margin:0 0 0 1vmin}.page.auth .auth-form .auth-input{margin:3vmin 0;padding:3vmin}.page.auth .auth-form .secure-login-id-input .box{padding:3vmin}.page.auth .auth-form .top-link{display:inline-block;position:absolute;right:2vmin;bottom:.5vmin;color:rgba(34,34,41,.5);font-size:60%}.page.auth .auth-form .bottom-link{display:inline-block;position:relative;top:-.5rem;left:.75rem;color:rgba(34,34,41,.5);font-size:80%}.page.auth .auth-form .submit-button{display:block;position:relative;margin-top:2vmin;font-size:80%;letter-spacing:.5px}.page.auth .auth-form .x-button{display:block;position:absolute;top:0;right:5vmin;opacity:1}.account .page-header{display:flex;flex-wrap:nowrap;width:100%;max-width:1250px;margin-left:auto;margin-right:auto}.account .page-header .big-line{flex:2}.account .page-header .sign-out{font-size:.7em}.account .page-header .sign-out:active,.account .page-header .sign-out:focus,.account .page-header .sign-out:hover{background:#222229}.account .account-section{padding:2vmin 6vmin 4vmin;background:#fff;border:1px solid #eeeeef;border-radius:1px;font-size:1.5rem}.account .account-section .heading{margin:2vmin 0;font-size:1.3em}.account .account-section .link{color:#3075b5}.account .account-section .link:active,.account .account-section .link:focus,.account .account-section .link:hover{color:#3583ca;text-decoration:underline}.account .account-section .account-info{padding:2vmin 0}.account .account-section .account-info .account-info-item{margin:.5rem 1vmin}.account .account-section .account-info .account-info-item p{margin:3vmin 0;width:100%}.account .account-section .account-info .account-info-item .item>*,.account .account-section .password-change-container form>*{margin:0 .5rem .5rem 0}.account .account-section .account-info .account-info-item .title{width:1%;padding-top:.8em;text-align:left;vertical-align:top;font-size:.8em;white-space:nowrap}.account .account-section .account-info .account-info-item .item{padding:.5em 0 .5em .5em}.account .account-section .account-info .account-info-item .button{font-size:1.2rem}.account .account-section .account-info .full-secure-login-id{width:95%;height:5rem;font-size:.8rem;padding:.3rem}.account .account-section .remember{margin:1rem 0}.account .account-section .remember p:first-child{font-weight:700}.account .account-section .remember p:last-child{font-style:italic;font-weight:700}.account .account-section .button.download-account{margin-top:1em;font-size:.8em}.account .password-msg{margin:.5em 0;font-size:.8em;color:#54b530;font-weight:700}.account .password-msg .dismiss-message{color:#43505c;font-family:FontAwesome;cursor:pointer}.markets .page-content .search-sort{display:flex;width:100%;padding:0 3rem 2.5vmin 2.7rem;background:#32323a}.markets .page-content .search-sort .search-sort-content{display:flex;width:100%;max-width:1250px;margin-left:auto;margin-right:auto}.markets .page-content .search-sort .search-sort-content .search-bar{flex:2;display:inline-block;width:70%;margin:0 .5% 0 0;font-size:3vmin;vertical-align:top}.markets .page-content .markets-header-bar .markets-header .markets-header-item *,.markets .page-content .pagination .button-container>*{vertical-align:middle}.markets .page-content .search-sort .search-sort-content .search-bar:before{display:block;position:absolute;z-index:1;content:'\f002';top:.65em;left:.7em;font-size:inherit;font-family:FontAwesome;color:#c3c3ca}.markets .page-content .search-sort .search-sort-content .search-bar .box{padding-left:2em}.markets .page-content .search-sort .search-sort-content .sort-container{display:inline-block;padding:.5em 0 0;color:#eaeaef;font-size:2vmin}.markets .page-content .search-sort .search-sort-content .sort-container .title{display:block;position:absolute;top:0;left:1.3rem;font-size:.6em;text-transform:uppercase}.markets .page-content .search-sort .search-sort-content .sort-container .sort{width:28vmin;margin-top:.1em;font-size:1.55em;white-space:nowrap}.markets .page-content .search-sort .search-sort-content .sort-container .sort .selected{padding:.5rem 1.2rem}.markets .page-content .search-sort .search-sort-content .sort-container .sort .options .option{padding:.5rem 1.4rem;white-space:nowrap;font-size:.8em}.markets .page-content .search-sort .search-sort-content .sort-container .sort .options:last-child{padding-bottom:1rem}.markets .page-content .search-sort .search-sort-content .sort-container .sort-direction-button{display:inline-block;padding:0;color:#eaeaef;background:0 0;border:0;font-family:FontAwesome;font-size:1.1em}.markets .page-content{color:#32323a}.markets .page-content .markets-content{display:flex;flex-wrap:wrap;width:100%;max-width:1250px;margin-left:auto;margin-right:auto}.markets .page-content .markets-header-bar{display:flex;width:100%;padding:1vmin 0 0}.markets .page-content .markets-header-bar .button.make{width:21rem;height:3.5em;line-height:3.5em;padding:0;text-align:center;border-radius:1px;font-size:1.6rem}.markets .page-content .markets-header-bar .markets-header{display:flex;flex:2;width:100%;margin-left:1vmin;padding:0 0 0 5vmin;color:#32323a;background:#fff;font-size:1.6rem;font-weight:400;text-transform:uppercase}.markets .page-content .markets-header-bar .markets-header .markets-header-item{display:inline-block;height:3.5em;line-height:3.325em;margin-right:3vw;white-space:nowrap;cursor:pointer;opacity:.5}.markets .page-content .markets-header-bar .markets-header .markets-header-item:active,.markets .page-content .markets-header-bar .markets-header .markets-header-item:focus,.markets .page-content .markets-header-bar .markets-header .markets-header-item:hover{opacity:.8}.markets .page-content .markets-header-bar .markets-header .markets-header-item.active{opacity:1}.markets .page-content .markets-header-bar .markets-header .markets-header-item.favorites .name:before{display:inline-block;position:relative;top:.3vmin;margin-right:.5rem;content:'';color:#FFDA00;font-family:FontAwesome;font-size:1.2em;transform:rotate(58deg);opacity:.45}.markets .page-content .markets-header-bar .markets-header .markets-header-item.pending-reports{color:rgba(233,89,91,.9);font-weight:700;white-space:nowrap}.markets .page-content .markets-header-bar .markets-header .markets-header-item.pending-reports .name:before{display:inline-block;position:relative;top:.1em;margin-right:.5rem;content:'\f12a';color:rgba(233,89,91,.7);font-family:FontAwesome;font-size:1.2em}.markets .page-content .markets-header-bar .markets-header .markets-header-item.button{opacity:1}.markets .page-content .markets-header-bar .markets-header .markets-header-item .num{font-weight:900;margin-left:.5rem}.markets .page-content .markets-list{flex:2;line-height:2.5em;overflow:hidden}@media only screen and (max-width:770px){.markets .page-content .markets-header-bar .button.make{width:auto;padding:0 4vmin;font-size:1.6rem}.markets .page-content .markets-header-bar .markets-header .markets-header-item{font-size:1.6rem}.markets .page-content .markets-list{flex:unset;width:100%}}@media only screen and (max-width:550px){.markets .page-content .markets-header-bar .button.make,.markets .page-content .markets-header-bar .markets-header .markets-header-item{font-size:3.5vmin}}.markets .page-content .pagination{display:block;flex:2;margin:.6rem 0 2em 1vmin;text-align:center;font-size:2em;line-height:2em;vertical-align:middle;background:#fff;border-radius:1px}.markets .page-content .pagination .button-container{display:inline-block;position:absolute;color:#43505c;font-weight:900;font-size:1.3rem;white-space:nowrap;cursor:pointer}.markets .page-content .pagination .button-container .button.next,.markets .page-content .pagination .button-container .button.prev{height:1em;margin:0;padding:0;line-height:1em;color:#43505c;background:0 0;font-family:FontAwesome;font-weight:900;font-size:3rem}.markets .page-content .pagination .button-container.next{right:2em;text-align:right}.markets .page-content .pagination .button-container.prev{left:2rem;text-align:left}.markets .page-content .pagination .displaying{display:inline-block;font-size:1.2rem;font-weight:900}@media only screen and (max-width:770px){.markets .page-content .pagination{margin-left:0}.markets .page-content .pagination .button-container.prev{left:2rem}}.markets .page-content .filters{position:relative;z-index:2;width:21rem;height:100%;margin:1vmin 0 0;padding:0 0 3rem;color:#222229;background:#fff;border-radius:1px;font-size:1.4rem}.markets .page-content .filters .title{display:block;margin:2.5rem 1rem 1rem 4rem;font-size:1.5rem;font-weight:700}.markets .page-content .filters .filter{display:block;margin:.5rem 1rem .5rem 4rem;white-space:nowrap}.markets .page-content .filters .filter .checkbox-label2{vertical-align:baseline;color:rgba(67,80,92,.8);font-size:.8em}@media only screen and (max-width:770px){.markets .page-content .filters{flex:2;width:100%;margin:1vmin 0 0;padding:0 1em 1em}.markets .page-content .filters .filters-group{display:inline-block;min-width:31%;margin-left:2rem;vertical-align:top}.markets .page-content .filters .filters-group .title{margin:1em 1rem 1rem -1rem}.markets .page-content .filters .filters-group .filter{display:inline-block;width:10em;margin:.25em 0 .25em .5em;font-size:.9em;overflow:hidden}}.market .page-content{margin-top:10vmin;color:#222229;font-size:1.7vmin}.market .page-content .l-container{background:#fff}.market .page-content .basics{padding:4vmin 6vmin;line-height:2em;color:#eaeaef;background:#32323a}.market .page-content .basics .description{line-height:5vmin;color:#eaeaef;font-size:4vmin}.market .page-content .basics .properties{color:#dadadf}.market .page-content .market-section-header{padding:2vmin 6vmin;border-bottom:1px solid #eeeeef;font-size:1.4em}.market .page-content .market-section-header>*{margin-right:.6em}.market .page-content .report-form,.market .page-content .trade-panel{padding:4vmin 6vmin}.market .page-content .price-history-chart{height:400px}.market-item{margin:1vmin 0 0 1vmin;padding:1.5em 4.9vw 1.5em 2.8rem;background:#fff;border-radius:1px}.market-item .basics-container{display:inline-block;width:70%;padding-right:1em;vertical-align:middle}.market-item .basics-container .basics .description{width:100%;margin:.5rem 2.5vw 0 0;color:#000}.market-item .basics-container .basics .properties{color:#43505c}.market-item .basics-container .buttons{margin:2.5rem 0 1rem}.market-item .basics-container .buttons .button{height:2.4em;margin:0 1rem 0 0;padding:0 .75em;line-height:2.3em;font-size:1rem;font-weight:700}.market-item .outcomes{display:inline-block;width:30%;vertical-align:middle}.market-item .outcomes .outcome{display:flex;margin-top:.1em;padding:.3em;line-height:1.4em;border-left:4px solid #fafaff;font-size:1.3rem;font-weight:700}.market-item .outcomes .outcome .outcome-name{display:inline-block;width:70%;text-align:left}.market-item .outcomes .outcome .outcome-price{display:inline-block;width:30%;margin-right:1em;text-align:right;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.market-item .outcomes .outcome .outcome-price .positive .value,.market-item .outcomes .outcome .outcome-price.positive .value{color:#00C853}.market-item .outcomes .outcome .outcome-price .positive .denomination,.market-item .outcomes .outcome .outcome-price.positive .denomination{color:rgba(0,200,83,.8)}.market-item .outcomes .outcome .outcome-price .negative .value,.market-item .outcomes .outcome .outcome-price.negative .value{color:#ff5050}.market-item .outcomes .outcome .outcome-price .negative .denomination,.market-item .outcomes .outcome .outcome-price.negative .denomination{color:rgba(255,80,80,.8)}.market-item .favorite-button{position:absolute;top:1.6rem;right:1.6rem;font-size:1.8rem}.market-item .favorite-button.on{top:.7rem;right:1rem;font-size:2rem}@media only screen and (max-width:550px){.market-item .basics-container{display:block;width:100%}.market-item .basics-container .buttons{margin:2rem 0 0}.market-item .outcomes{position:relative;top:unset;bottom:unset;width:auto;padding:1.5em 1em 0 0}.market-item .outcomes .outcome{display:inline-block;margin-right:1.5em;font-size:1.3em;white-space:nowrap}.market-item .outcomes .outcome>*{width:auto!important;vertical-align:middle}}.advanced .description,.basics .description{display:block;line-height:1.3em;font-size:3.5vmin;font-weight:400;text-overflow:ellipsis;overflow:hidden}.advanced .properties,.basics .properties{margin:.5rem 0 0;line-height:1em;font-size:1.2rem}.advanced .properties .property,.basics .properties .property{display:inline-block;margin:.5rem 2rem 0 0}.advanced .properties .property .property-value,.basics .properties .property .property-value{margin-left:.5rem;font-weight:900}.advanced .tags,.basics .tags{margin:.5rem 0 0;line-height:1em}.advanced .tags .tag,.basics .tags .tag{display:inline-block;padding:.5em 0;font-size:1rem;text-transform:uppercase}.advanced .tags .tag:not(:last-child):after,.basics .tags .tag:not(:last-child):after{display:inline-block;content:'>';margin:0 .5em}.advanced .tags .tag.link,.basics .tags .tag.link{cursor:pointer}.advanced .tags .tag.link:active,.advanced .tags .tag.link:focus,.advanced .tags .tag.link:hover,.basics .tags .tag.link:active,.basics .tags .tag.link:focus,.basics .tags .tag.link:hover{text-decoration:underline}.advanced .properties{margin:0}.advanced .properties .property{vertical-align:top}.advanced .properties .property .distinct{display:block;margin:.5rem 0 0}.create-market .create-market-content{padding:4% 5%;background:#fff;font-size:1.4rem}.create-market .create-market-content h1{margin-bottom:2rem;font-size:2.5rem;font-weight:700}.create-market .create-market-content h4{margin:2rem 0 .5rem;font-size:1.75rem;font-weight:700}.create-market .create-market-content label{font-weight:700}.create-market .create-market-content .button{font-size:1.3rem}.create-market .create-market-content .buttons .button{margin:2rem 1rem 1rem 0}.create-market .create-market-content .error-message{display:inline-block;margin:.7rem 1rem;color:#f96868}.create-market .create-market-content .input-list{margin:2rem 0 1rem}.create-market .create-market-content .input-list .item{width:100%;margin:1rem 0}.create-market .create-market-content .input-list .item.new-item{opacity:.3}.create-market .create-market-content .input-list .item.new-item:hover{opacity:1}.create-market .create-market-content .input-list .item .input{width:100%;max-width:25rem}.create-market .create-market-content .advanced-market-params .horizontal-divider{padding:1rem 0;overflow:hidden;text-align:center;font-size:1.4rem;color:#bdbdbd;cursor:pointer}.create-market .create-market-content .step-4 .input input,.positions-list .position .position-group{text-align:right}.create-market .create-market-content .advanced-market-params .horizontal-divider span{font-size:.7rem;vertical-align:middle;line-height:1.4rem}.create-market .create-market-content .advanced-market-params .horizontal-divider::after,.create-market .create-market-content .advanced-market-params .horizontal-divider::before{background-color:#bdbdbd;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.create-market .create-market-content .advanced-market-params .horizontal-divider::before{right:.5rem;margin-left:-50%}.create-market .create-market-content .advanced-market-params .horizontal-divider::after{left:.5rem;margin-right:-50%}.create-market .create-market-content .advanced-market-params .horizontal-divider:hover{color:#a0a0a0}.create-market .create-market-content .advanced-market-params .horizontal-divider:hover::after,.create-market .create-market-content .advanced-market-params .horizontal-divider:hover::before{background-color:#a0a0a0}.create-market .create-market-content .advanced-market-params .horizontal-divider:active{color:#838383}.create-market .create-market-content .advanced-market-params .horizontal-divider:active::after,.create-market .create-market-content .advanced-market-params .horizontal-divider:active::before{background-color:#838383}.create-market .create-market-content .step-1 .market-types .market-type{margin:2rem 1rem}.create-market .create-market-content .step-1 .market-types .market-type .button{margin:1.5rem 0}.create-market .create-market-content .step-1 .market-types .important-message{margin:2rem 1rem 1rem}.create-market .create-market-content .step-2 .description .input{font-size:1.3em;width:100%}.create-market .create-market-content .step-2 .end-date{margin-top:2em}.create-market .create-market-content .step-2 .end-date .date-picker{width:100%;max-width:40rem;margin-top:2rem}.create-market .create-market-content .step-2 .scalar .scalar-num{margin:2rem 0}.create-market .create-market-content .step-2 .scalar .scalar-num label{display:block;margin:1rem 0}.create-market .create-market-content .step-3 .expiry-source-option{display:block;margin:1rem}.create-market .create-market-content .step-3 .expiry-source-option *{vertical-align:middle;margin-right:.25em}.create-market .create-market-content .step-3 .expiry-source-url .input{width:90%;margin:1rem 3rem 0 0}.create-market .create-market-content .step-3 .details-text-input{width:90%;margin:1rem 0}.create-market .create-market-content .step-3 .resources-list .item{width:90%;max-width:unset}.create-market .create-market-content .step-4 .input{width:5em;margin-top:2rem;font-size:2rem}.create-market .create-market-content .step-4 .denomination{margin:1rem;font-size:1.9rem;font-weight:900}.create-market .create-market-content .step-4 .fee{margin-bottom:2rem}.positions-page .page-content{background:#fff}.positions-summary>*{margin-right:.8em}.positions-summary .total-value .positive .value,.positions-summary .total-value.positive .value{color:#00C853}.positions-summary .total-value .positive .denomination,.positions-summary .total-value.positive .denomination{color:rgba(0,200,83,.8)}.positions-summary .total-value .negative .value,.positions-summary .total-value.negative .value{color:#ff5050}.positions-summary .total-value .negative .denomination,.positions-summary .total-value.negative .denomination{color:rgba(255,80,80,.8)}.positions-summary .gain-percent .positive .value,.positions-summary .gain-percent.positive .value{color:#00C853}.positions-summary .gain-percent .positive .denomination,.positions-summary .gain-percent.positive .denomination{color:rgba(0,200,83,.8)}.positions-summary .gain-percent .negative .value,.positions-summary .gain-percent.negative .value{color:#ff5050}.positions-summary .gain-percent .negative .denomination,.positions-summary .gain-percent.negative .denomination{color:rgba(255,80,80,.8)}.positions-container{padding:2rem 0 0;border-bottom:3px solid #eeeeef}.positions-container .description{display:inline-block;padding:1vmin 4vmin 0;font-size:1.2em;font-weight:700}.positions-list{width:100%;padding:2vmin 6vmin 1vmin;line-height:1.9rem;font-size:1.2rem}.positions-list .position{display:flex;padding:1.6em 4vmin .5em}.positions-list .position:not(:first-child){border-top:1px solid #eeeeef}.positions-list .position .position-group .position-pair{display:inline-block;min-width:8em;margin:0 0 .7em;line-height:1.1em;white-space:nowrap}.positions-list .position .position-group .position-pair.net-change .positive .value,.positions-list .position .position-group .position-pair.net-change.positive .value,.positions-list .position .position-group .position-pair.per-share-gain .positive .value,.positions-list .position .position-group .position-pair.per-share-gain.positive .value{color:#00C853}.positions-list .position .position-group .position-pair.net-change .positive .denomination,.positions-list .position .position-group .position-pair.net-change.positive .denomination,.positions-list .position .position-group .position-pair.per-share-gain .positive .denomination,.positions-list .position .position-group .position-pair.per-share-gain.positive .denomination{color:rgba(0,200,83,.8)}.positions-list .position .position-group .position-pair.net-change .negative .value,.positions-list .position .position-group .position-pair.net-change.negative .value,.positions-list .position .position-group .position-pair.per-share-gain .negative .value,.positions-list .position .position-group .position-pair.per-share-gain.negative .value{color:#ff5050}.positions-list .position .position-group .position-pair.net-change .negative .denomination,.positions-list .position .position-group .position-pair.net-change.negative .denomination,.positions-list .position .position-group .position-pair.per-share-gain .negative .denomination,.positions-list .position .position-group .position-pair.per-share-gain.negative .denomination{color:rgba(255,80,80,.8)}.positions-list .position .position-group .position-pair>*{display:block;margin-left:.5em}.positions-list .position .position-group .position-pair .title{font-size:.8em}.positions-list .position .main-group{min-width:40%;line-height:2em;text-align:left;font-size:1.2em}.positions-list .position .main-group .positive .value,.positions-list .position .main-group.positive .value{color:#00C853}.positions-list .position .main-group .positive .denomination,.positions-list .position .main-group.positive .denomination{color:rgba(0,200,83,.8)}.positions-list .position .main-group .negative .value,.positions-list .position .main-group.negative .value{color:#ff5050}.positions-list .position .main-group .negative .denomination,.positions-list .position .main-group.negative .denomination{color:rgba(255,80,80,.8)}.positions-list .position .main-group>*{display:inline-block;margin-right:1.5em;vertical-align:middle}.positions-list .position .main-group .position-pair{white-space:nowrap}.positions-list .position .main-group .position-name{min-width:5em;padding:.25em .5em;border:3px solid #eeeeef}.transactions .page-content{font-size:1.2rem;background:#fff}.transactions .page-content .transactions-container{display:table;width:100%}.transactions .page-content .transactions-container .transaction-item{display:table-row;padding:2vh 0;line-height:2.5rem;border-bottom:1px solid #eeeeef;background:rgba(255,165,0,.06);font-weight:900;font-size:1.3rem;animation-name:transactions-active-bg;animation-duration:.7s;animation-iteration-count:infinite;animation-direction:alternate}.transactions .page-content .transactions-container .transaction-item.failed,.transactions .page-content .transactions-container .transaction-item.interrupted{background:rgba(249,104,104,.06);animation-name:unset}.transactions .page-content .transactions-container .transaction-item.failed .status-and-message,.transactions .page-content .transactions-container .transaction-item.interrupted .status-and-message{color:#f96868}.transactions .page-content .transactions-container .transaction-item.pending{background:rgba(234,234,239,.5);animation-name:unset}.transactions .page-content .transactions-container .transaction-item.pending .status-and-message{color:#222229}.transactions .page-content .transactions-container .transaction-item.success{background:rgba(84,181,48,.06);animation-name:unset}.transactions .page-content .transactions-container .transaction-item.success .status-and-message{color:#54b530}.transactions .page-content .transactions-container .transaction-item>*{display:table-cell;padding:2vh 2vw;vertical-align:middle}.transactions .page-content .transactions-container .transaction-item .index{padding-right:0;text-align:right}.transactions .page-content .transactions-container .transaction-item .description{line-height:1.5em;text-align:left;font-weight:400}.transactions .page-content .transactions-container .transaction-item .description>*{display:inline-block;margin-right:.3rem}.transactions .page-content .transactions-container .transaction-item .description .action,.transactions .page-content .transactions-container .transaction-item .description .avg-price,.transactions .page-content .transactions-container .transaction-item .description .shares{font-weight:900}.transactions .page-content .transactions-container .transaction-item .description .outcome-name{text-transform:uppercase}.transactions .page-content .transactions-container .transaction-item .description .market-description{line-height:1.5em;font-size:.8em}.transactions .page-content .transactions-container .transaction-item .value-changes{text-align:right;font-size:1.1em}.transactions .page-content .transactions-container .transaction-item .value-changes .value-change{display:inline-block;min-width:30%;padding:0 3%;font-weight:700;white-space:nowrap}.transactions .page-content .transactions-container .transaction-item .status-and-message{line-height:1.4rem;text-align:right;color:orange;overflow:hidden}.transactions .page-content .transactions-container .transaction-item .status-and-message .message{font-size:.8rem}.transactions .page-content .feel-free{display:block;padding:2rem 3rem 5rem;text-align:right;color:#76838f;font-size:1.1rem;font-style:italic}@keyframes transactions-active-bg{0%{background:rgba(255,165,0,.06)}100%{background:rgba(255,165,0,.2)}}.trade-panel{color:#eaeaef;background:#32323a}.trade-panel .place-trade-container{text-align:right;padding:1rem}.trade-panel .place-trade-container .button.place-trade{font-size:.9em}.trade-builder{width:100%;border-collapse:separate;border-spacing:0 .6rem}.trade-builder th{border-bottom:solid 1px #43505c}.trade-builder td{vertical-align:top;padding:.2em .3em 0}.trade-builder .outcome-name{text-align:left}.trade-builder .last-price{text-align:right}.trade-builder .buy-sell-toggler{width:3em;padding-top:0;padding-bottom:0}.trade-builder .buy-sell-toggler .toggler{padding:.2em .6em;text-align:center}.trade-builder .buy-sell-toggler .toggler.buy{border:2px solid #479929;border-rdius:1px}.trade-builder .buy-sell-toggler .toggler.sell{border:2px solid #8C1717;border-rdius:1px}.trade-builder .limit-price,.trade-builder .num-shares{max-width:4em;padding-top:0;padding-bottom:0;text-align:center;background:#32323a}.trade-builder .ask,.trade-builder .bid{text-align:center}.trade-builder .fee-to-pay{width:6em;text-align:right}.trade-builder .total-cost{width:7.55em;text-align:right}.trade-builder .trade-builder-bid-ask{display:flex}.trade-builder .trade-builder-bid-ask .shares{flex:1.6;text-align:right}.trade-builder .trade-builder-bid-ask .price{flex:2;text-align:left}.trade-builder .trade-builder-bid-ask .shares-at{margin:0 .6rem}.trade-builder .trade-builder-body .outcome-name{text-transform:uppercase}.trade-builder .trade-builder-body .total-cost{font-weight:700}.trade-builder .trade-builder-body .total-cost .positive .value,.trade-builder .trade-builder-body .total-cost.positive .value{color:#00C853}.trade-builder .trade-builder-body .total-cost .positive .denomination,.trade-builder .trade-builder-body .total-cost.positive .denomination{color:rgba(0,200,83,.8)}.trade-builder .trade-builder-body .total-cost .negative .value,.trade-builder .trade-builder-body .total-cost.negative .value{color:#ff5050}.trade-builder .trade-builder-body .total-cost .negative .denomination,.trade-builder .trade-builder-body .total-cost.negative .denomination{color:rgba(255,80,80,.8)}.trade-builder .trade-builder-body .total-cost .value{font-weight:900}.trade-builder .trade-builder-body input.box{display:block;padding:.3em 0;background:rgba(67,80,92,.3);border-top:0;border-left:0;border-right:0;font-weight:700;text-align:center;color:#FCB531}.trade-summary{padding-top:0;padding-bottom:0;line-height:1.5em;white-space:nowrap}.trade-summary h5{display:block;margin-bottom:1.4em;padding:0 .5em;border-bottom:1px solid rgba(67,80,92,.5);font-size:.8em;font-weight:700;text-transform:uppercase}.trade-summary .order{display:flex;padding:0 .5em}.trade-summary .order.total{padding:.8em 0 0}.trade-summary .order.total .value-changes .value-change{padding:.9em 0;border-top:1px solid rgba(67,80,92,.5);font-size:1.15em}.trade-summary .order .description{display:inline-block;flex:2;width:50%;margin:auto;line-height:1.5em;text-align:left;font-weight:400}.trade-summary .order .description>*{display:inline-block;margin-right:.4em}.trade-summary .order .description .action,.trade-summary .order .description .avg-price,.trade-summary .order .description .shares{font-weight:700}.trade-summary .order .description .outcome-name{font-weight:700;text-transform:uppercase}.trade-summary .order .description .market-description{display:none}.trade-summary .order .value-changes{display:inline-block;width:50%;text-align:right}.trade-summary .order .value-changes .value-change{display:inline-block;width:33%;font-weight:700;white-space:nowrap}.bids-asks{display:flex;flex-wrap:wrap;justify-content:center;padding:.5rem 0 3rem;text-align:center;font-size:1.7vmin}.bids-asks .order-book{min-width:400px;margin:.25rem;background:#fff;border-radius:1px;flex:0 1}.bids-asks .order-book h5{margin-bottom:.5em;text-align:center;border-bottom:1px solid #eeeeef;font-size:1.3em;font-weight:700;text-transform:uppercase}.bids-asks .order-book h5 .name-header{display:inline-block}.bids-asks .order-book h5 .bids-header{display:inline-block;text-align:right;font-size:.65em;font-weight:400;padding-right:2rem}.bids-asks .order-book h5 .asks-header{display:inline-block;padding-left:2rem;text-align:left;font-size:.65em;font-weight:400}.bids-asks .order-book .bids{display:inline-block;padding-right:.5em;vertical-align:top;text-align:right;border-right:1px solid #eeeeef}.bids-asks .order-book .bids .bid .value-denomination.price{margin-left:1em}.bids-asks .order-book .asks{display:inline-block;padding-left:.5em;vertical-align:top;text-align:left;border-left:1px solid #eeeeef}.bids-asks .order-book .asks .ask .value-denomination.price{margin-right:1em}.report-form{color:#222229;background:#fff;font-size:1.4rem}.report-form.reported{color:#fff;background:#f96868}.report-form .num-total-reports{position:absolute;display:inline-block;top:4vmin;right:4vmin;padding:1vmin;line-height:1em;border:4px solid #f96868;border-radius:1px;font-size:4vmin}.report-form h4{padding:0 0 1rem;font-size:2rem;font-weight:700}.report-form .outcome-options .outcome-option{display:table;margin:1rem}.report-form .outcome-options .outcome-option>*{margin-right:.5em;vertical-align:middle}.report-form .unethical{margin-top:3rem}.report-form .unethical .unethical-checkbox{display:inline-block;margin:1rem}.report-form .unethical .unethical-message{display:block;max-width:55rem;margin:1rem 2.5rem;font-size:.9em;font-style:italic}.report-form .button{margin:2em 0;font-size:1.3rem;font-weight:700}.report-panel .num-total-reports{display:inline-block;position:absolute;z-index:1;top:4vmin;right:4vmin;padding:1vmin;line-height:1em;border:4px solid #f96868;border-radius:1px;font-size:4vmin}.market-open-orders .open-orders-list{margin:0 0 0 -1.5em;padding:4vmin 6vmin}.market-open-orders .open-orders-list .open-orders-group{display:inline-block;margin:0 0 2em;padding:0 1.5em;vertical-align:top;border-right:1px solid #eeeeef}.market-open-orders .open-orders-list .open-orders-group td{padding:.1em .5em}.market-open-orders .open-orders-list .open-orders-group .outcome-name{min-width:9rem;text-align:left}.market-open-orders .open-orders-list .open-orders-group .price,.market-open-orders .open-orders-list .open-orders-group .shares,.market-open-orders .open-orders-list .open-orders-group .type{text-align:right}.market-open-orders .open-orders-list .open-orders-group .cancel{padding:.1em 0;text-align:left}.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-action{padding:0;height:unset;line-height:unset;text-align:left;color:#e9595b;background:0 0;font-size:.6em}.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-action:before{content:'\f00d';display:inline-block;position:relative;left:-.2em;font-family:FontAwesome;font-weight:700}.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-action:active,.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-action:hover{font-weight:900}.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-action[disabled]{color:#838383!important;background:0 0!important}.market-open-orders .open-orders-list .open-orders-group .open-order .outcome-name{text-transform:uppercase}.market-open-orders .open-orders-list .open-orders-group .open-order .is-disabled{text-decoration:line-through} \ No newline at end of file +a,a:visited{color:inherit}address,article,aside,blockquote,body,canvas,dd,div,dl,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,input,li,main,nav,noscript,ol,output,p,pre,section,table,textarea,tfoot,ul,video{position:relative;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline;border:0;font-weight:400;background:0 0;border-collapse:collapse;white-space:normal}html{width:100%;height:100%;overflow-y:scroll}ul{list-style:none}hr{height:1px;margin:1em 0;padding:0;border:0 #eeeeef;border-top:1px solid #ccc}input,textarea{background:#fff;resize:both}.l-container{max-width:1250px;margin-left:auto;margin-right:auto}body,html{color:#32323a;background:#ebebf0;background:linear-gradient(to right,#fafaff 0,#ebebf0 50%,#fafaff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeef', endColorstr='#eeeeef', GradientType=1);font-family:Roboto,Arial,sans-serif;font-size:10px;font-weight:400}::-moz-selection{color:#fff;background-color:#6f6f6f}::selection{color:#fff;background-color:#6f6f6f}:focus{outline:#eeeeef dotted 0}a{text-decoration:none;cursor:pointer}a[disabled]{cursor:default;opacity:.3}th{padding:0 .5em;text-align:left;font-size:.8em;font-weight:700;text-transform:uppercase}input,select,textarea{padding:.7rem 1rem;box-sizing:border-box;color:inherit;border:1px solid #c3c3ca;border-radius:1px;font-family:inherit;font-size:inherit}input:focus,textarea:focus{border:1px solid #c3c3ca}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}::-ms-clear{display:none}::-webkit-input-placeholder{color:#ccd5db}:-moz-placeholder{color:#ccd5db}::-moz-placeholder{color:#ccd5db}:-ms-input-placeholder{color:#ccd5db}[contenteditable=true]{outline:#eeeeef solid 1px;outline-offset:1px;cursor:text}.clickable,.link,button,input[type=button],input[type=file],input[type=submit]{cursor:pointer}[contenteditable=true]:empty:before{display:block;content:attr(placeholder);color:#ddd}.link{padding:0;background:0 0;border:none}.displayNone{display:none!important}.fade{opacity:.25}.unfade{opacity:1}@font-face{font-family:FontAwesome;src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot);src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.woff) format('woff'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf) format('truetype'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.svg#icon) format('svg');font-weight:400;font-style:normal}@font-face{font-family:CoreMellow;src:url(fonts/core-mellow/core-mellow-35-light.otf);font-weight:400;font-style:normal}.button,.button:visited{display:inline-block;height:2.8em;line-height:2.8em;margin:0;padding:0 1em;color:#fff;background:#43505c;border:0;border-radius:1px;font-family:Roboto,Arial,sans-serif;font-size:.85rem;text-transform:uppercase;outline:0;white-space:nowrap;transition:background .3s ease}.page-header,.site-header+.page-content{margin-top:10vmin}.button:hover,.button:visited:hover{color:#fff;background:#32323a}.button:active,.button:focus,.button:visited:active,.button:visited:focus{color:#fff;background:#43505c}.button:visited[disabled],.button:visited[disabled]:active,.button:visited[disabled]:focus,.button:visited[disabled]:hover,.button[disabled],.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover{color:#cacacf!important;background:#43505c!important;cursor:default!important;opacity:.3!important}.button.buy,.button.make,.button.next,.button.select{color:#fff;background:#3075b5}.button.buy:hover,.button.make:hover,.button.next:hover,.button.select:hover{background:#3583ca}.button.buy:active,.button.buy:focus,.button.make:active,.button.make:focus,.button.next:active,.button.next:focus,.button.select:active,.button.select:focus{background:#3075b5}.button.sell{color:#fff;background:#e9595b}.button.sell:hover{background:#fa7a7a}.button.sell:active,.button.sell:focus{background:#e9595b}.chart-button{font-family:FontAwesome;font-size:1rem}.favorite-button,.x-button,.x-button:visited{line-height:unset;font-family:FontAwesome;background:0 0}.x-button,.x-button:visited{width:unset;height:unset;padding:0;color:#43505c;font-size:2.7rem;text-align:center}.x-button:active,.x-button:focus,.x-button:hover,.x-button:visited:active,.x-button:visited:focus,.x-button:visited:hover{color:#32323a;background:0 0}.favorite-button{width:1em;height:1em;color:#bbc;border:0;font-size:1.5rem;text-shadow:none;transform:rotate(0);transition:.25s;transition-timing-function:ease-out;outline:0}.favorite-button:active,.favorite-button:focus{color:#aab;background:0 0}.favorite-button:hover{color:#ffda00;background:0 0;text-shadow:0 0 1px #dd0;opacity:.8}.favorite-button.on{color:#ffda00;background:0 0;font-size:1.2em;transform:rotate(58deg);text-shadow:0 0 1px #ff0;opacity:.7}.favorite-button.on:active,.favorite-button.on:focus{background:0 0}.favorite-button.on:hover{opacity:1}.place-trade{background:#FCB531;font-weight:900}.place-trade:active,.place-trade:focus,.place-trade:hover{background:#f19e04}.button.trade{color:#fff;background:#FCB531}.button.trade:hover{color:#fff;background:#f19e04}.button.trade:active,.button.trade:focus{color:#fff;background:#e79704}.button.view{color:#fff;background:#76838f}.button.view:active,.button.view:focus,.button.view:hover{color:#fff;background:rgba(118,131,143,.8)}.button.report{color:#fff;background:#f96868}.button.report:hover{color:#fff;background:#fa7a7a}.button.report:active,.button.report:focus{color:#fff;background:#e9595b}.button.prev{color:#fff;background:#43505c}.button.prev:hover{color:#fff;background:#32323a}.button.prev:active,.button.prev:focus{color:#fff;background:#222229}.panel-sideways{background:rgba(228,234,236,.07)}.panel-sideways .title{padding:1.5rem 1rem 1rem;vertical-align:middle;color:#000;border:1px solid #e4eaec;border-left:7px solid #e4eaec;border-bottom:0;font-size:1.4rem;font-weight:700;text-transform:uppercase}.panel-sideways .content{padding:.5rem 1rem .8rem;vertical-align:middle;color:#222229;border:1px solid #eeeeef;border-left:7px solid #e4eaec;border-top:0;font-size:1.1rem;font-weight:400}.panel-sideways.primary{background:rgba(98,168,234,.07)}.panel-sideways.primary .content,.panel-sideways.primary .title{border-color:rgba(98,168,234,.2);border-left-color:#62a8ea}.panel-sideways.info{background:rgba(34,34,41,.07)}.panel-sideways.info .content,.panel-sideways.info .title{border-color:rgba(34,34,41,.2);border-left-color:#222229}.panel-sideways.success{background:rgba(84,181,48,.07)}.panel-sideways.success .content,.panel-sideways.success .title{border-color:rgba(84,181,48,.2);border-left-color:#54b530}.panel-sideways.warning{background:rgba(252,181,49,.07)}.panel-sideways.warning .content,.panel-sideways.warning .title{border-color:rgba(252,181,49,.2);border-left-color:#FCB531}.panel-sideways.danger .content,.panel-sideways.danger .title{border-color:rgba(249,104,104,.2);border-left-color:#f96868}.page{display:flex;min-height:100vh;flex-direction:column}.checkbox .checkbox-box,.input,.input .clear{display:inline-block}.page-header{padding:3.5vmin 3rem 2.5vmin 2.9rem;line-height:2.2em;color:#fff;background:#32323a;font-size:3.4vmin}.page-header .big-line{font-size:1.3em;font-weight:700}.page-content{flex:1;padding:0;color:#43505c}.input.clearable .box{padding-right:2em}.input .box{width:100%;height:100%;font-size:inherit;padding:.5em}.input .clear{position:absolute;top:0;bottom:0;right:.1em;margin:auto 0;color:#c3c3ca;background:0 0;border:0;font-size:inherit;font-family:FontAwesome}.checkbox{cursor:default}.checkbox:disabled{opacity:.4}.checkbox.checked .checkbox-box:before{position:absolute;top:-.2rem;left:0;content:'\f00c';color:#2d2d4b;font-size:1rem;font-weight:500;font-family:FontAwesome}.checkbox .checkbox-box{position:relative;width:.8rem;height:.8rem;margin-right:.5rem;background:#fafafa;border:1px solid #c3c3ca;vertical-align:middle}.checkbox .checkbox-label,.checkbox .checkbox-label2{display:inline-block;position:relative;margin-left:.25em;vertical-align:middle}.value-denomination .value{font-weight:900}.value-denomination .denomination{margin-left:.2em;font-weight:400}.value-denomination .prefix{margin-right:.3em;font-weight:400}.value-date{font-weight:900}.rdt{position:relative}.rdtPicker{display:none;width:300px;padding:4px;margin-top:1px;background:#fff;border:1px solid #d3d3da;border-radius:1px}.rdt.rdtOpen>input.form-control{width:300px;border:1px solid #d3d3da;border-radius:1px}@media screen and (max-width:550px){.rdt.rdtOpen>input.form-control,.rdtPicker{width:100%}}.rdtOpen .rdtPicker{display:block}.rdtStatic .rdtPicker{box-shadow:none;position:static}.rdtPicker .rdtTimeToggle{text-align:center;line-height:2}.rdtPicker table{width:100%;margin:0}.rdtPicker td,.rdtPicker th{text-align:center;height:28px}.rdtPicker td{cursor:pointer}.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover,.rdtPicker td.rdtToday:hover{background:#E3F2FD;cursor:pointer}.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover,.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover,.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{cursor:not-allowed;color:#bdbdbd;background:0 0}.rdtPicker td.rdtNew,.rdtPicker td.rdtOld{color:#bdbdbd}.rdtPicker td.rdtToday{position:relative;color:#838383;font-style:italic}.rdtPicker td.rdtActive{background-color:#3075b5;color:#fff;font-weight:700}.rdtPicker td.rdtActive:hover{background-color:#3583ca}.rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#fff}.rdtPicker td span.rdtOld{color:#bdbdbd}.rdtPicker th{border-bottom:1px solid #d3d3da}.rdtPicker .dow{width:14.2857%;border-bottom:none}.rdtPicker th.rdtSwitch{width:100px}.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev{font-size:21px;vertical-align:top}.rdtNext span,.rdtPrev span{display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rdtPicker thead tr:first-child th{cursor:pointer}.rdtPicker tfoot{border-top:1px solid #d3d3da}.rdtPicker button{border:none;background:0 0;cursor:pointer}.rdtCounter .rdtBtn:hover,.rdtPicker button:hover,td.rdtMonth:hover,td.rdtYear:hover{background:#E3F2FD}.rdtPicker thead button{width:100%;height:100%}td.rdtMonth,td.rdtYear{height:50px;width:25%;cursor:pointer}.rdtCounters{display:inline-block}.rdtCounters>div{float:left}.rdtCounter{height:100px;width:40px}.rdtCounterSeparator{line-height:100px}.rdtCounter .rdtBtn{height:40%;line-height:40px;cursor:pointer;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropdown,.dropdown .options{color:#eaeaef;background:#32323a}.rdtCounter .rdtCount{height:20%;font-size:1.2em}.rdtMilli{vertical-align:middle;padding-left:8px;width:48px}.rdtMilli input{width:100%;font-size:1.2em;margin-top:37px}.rdtDayPart{margin-top:43px}.dropdown{display:inline-block;position:relative;cursor:default}.dropdown:active .options,.dropdown:focus .options,.dropdown:hover .options{display:block}.dropdown .selected{display:block;padding:.5em 1.2em}.dropdown .options{display:none;position:absolute;z-index:1;top:100%;left:0;width:100%;border-radius:1px}.dropdown .options .option{display:block;padding:.5em 1.2em}.dropdown .options .option:active,.dropdown .options .option:focus,.dropdown .options .option:hover{color:#fff;background:#43505c}.site-header{position:fixed;z-index:9;top:0;left:0;width:100%;height:10vmin;background:#fff}.site-header .site-nav{display:flex;padding:0 2vmin;border-bottom:3px solid #32323a;font-size:2.5vmin;max-width:1250px;margin-left:auto;margin-right:auto}.site-header .site-nav .spacer{width:100%}.site-header .site-nav .site-nav-link{display:block;height:10vmin;line-height:10vmin;padding:0 2vw;white-space:nowrap}.site-header .site-nav .site-nav-link>:not(:last-child){margin-right:.8em}.site-header .site-nav .site-nav-link:active,.site-header .site-nav .site-nav-link:hover{background:rgba(50,50,58,.2)}.site-header .site-nav .site-nav-link.active{background:#32323a;color:#eaeaef}.site-header .site-nav .site-nav-link:focus{text-shadow:0 0 #eaeaef}.site-header .site-nav .site-nav-link.augur{font-family:CoreMellow;font-size:2em;font-weight:700}.site-header .site-nav .site-nav-link.transactions.working:not(.active){animation-name:site-header-item-bg;animation-duration:.7s;animation-iteration-count:infinite;animation-direction:alternate}.site-header .site-nav .site-nav-link.transactions strong{margin-left:0!important;margin-right:1.5vw!important}.site-header .site-nav .site-nav-link.transactions strong:last-child{margin-right:0!important}.site-header .site-nav .site-nav-link.transactions .link-text{white-space:nowrap}.site-header .site-nav .site-nav-link strong{font-weight:900}@keyframes site-header-item-bg{0%{background:rgba(255,165,0,.04)}100%{background:rgba(255,165,0,.13)}}.site-footer{display:block;width:100%;margin:1vmin auto 0;padding:3em 0;background:#fafaff;--border-top:2px solid #eeeeef;font-size:1rem;font-weight:700;text-align:center;max-width:1250px}.site-footer .link{display:inline-block;margin:.1rem;padding:1.5rem;color:#222229;background:#fafaff;font-size:.9rem;white-space:nowrap}.site-footer .link:active,.site-footer .link:focus,.site-footer .link:hover{text-decoration:underline}.page.auth{width:100%}.page.auth .auth-form{display:block;position:relative;width:100%;max-width:90vmin;margin:5vmin auto 0;padding:9vmin 5vmin;font-size:3vmin;text-align:left}.page.auth .auth-form .title{margin:1vmin 0 2vmin;font-size:140%}.page.auth .auth-form .msg{display:inline-block;position:relative;margin:0;padding:0 0 0 1.6vmin;color:#8C1717;font-size:80%;font-weight:700}.page.auth .auth-form .msg.success{color:#54b530}.page.auth .auth-form .account-info-container{display:flex;flex-flow:row wrap;padding:1.6vmin;margin:1.6vmin 0;background:#fff;border:1px solid #d3d3da;border-radius:1px}.page.auth .auth-form .account-info-container label{margin:0 1vmin 0 0;font-weight:700}.page.auth .auth-form .account-info-container div{margin:1vmin 0;word-break:break-all;word-wrap:break-word;display:inline}.page.auth .auth-form .auth-input,.page.auth .auth-form .secure-login-id-input{display:block;position:relative;width:100%}.page.auth .auth-form .account-info-container .link{align-self:center;margin:0 0 0 1vmin}.page.auth .auth-form .auth-input{margin:3vmin 0;padding:3vmin}.page.auth .auth-form .secure-login-id-input .box{padding:3vmin}.page.auth .auth-form .top-link{display:inline-block;position:absolute;right:2vmin;bottom:.5vmin;color:rgba(34,34,41,.5);font-size:60%}.page.auth .auth-form .bottom-link{display:inline-block;position:relative;top:-.5rem;left:.75rem;color:rgba(34,34,41,.5);font-size:80%}.page.auth .auth-form .submit-button{display:block;position:relative;margin-top:2vmin;font-size:80%;letter-spacing:.5px}.page.auth .auth-form .x-button{display:block;position:absolute;top:0;right:5vmin;opacity:1}.account .page-header{display:flex;flex-wrap:nowrap;width:100%;max-width:1250px;margin-left:auto;margin-right:auto}.account .page-header .big-line{flex:2}.account .page-header .sign-out{font-size:.7em}.account .page-header .sign-out:active,.account .page-header .sign-out:focus,.account .page-header .sign-out:hover{background:#222229}.account .account-section{padding:2vmin 6vmin 4vmin;background:#fff;border:1px solid #eeeeef;border-radius:1px;font-size:1.5rem}.account .account-section .heading{margin:2vmin 0;font-size:1.3em}.account .account-section .link{color:#3075b5}.account .account-section .link:active,.account .account-section .link:focus,.account .account-section .link:hover{color:#3583ca;text-decoration:underline}.account .account-section .account-info{padding:2vmin 0}.account .account-section .account-info .account-info-item{margin:.5rem 1vmin}.account .account-section .account-info .account-info-item p{margin:3vmin 0;width:100%}.account .account-section .account-info .account-info-item .item>*,.account .account-section .password-change-container form>*{margin:0 .5rem .5rem 0}.account .account-section .account-info .account-info-item .title{width:1%;padding-top:.8em;text-align:left;vertical-align:top;font-size:.8em;white-space:nowrap}.account .account-section .account-info .account-info-item .item{padding:.5em 0 .5em .5em}.account .account-section .account-info .account-info-item .button{font-size:1.2rem}.account .account-section .account-info .full-secure-login-id{width:95%;height:5rem;font-size:.8rem;padding:.3rem}.account .account-section .remember{margin:1rem 0}.account .account-section .remember p:first-child{font-weight:700}.account .account-section .remember p:last-child{font-style:italic;font-weight:700}.account .account-section .button.download-account{margin-top:1em;font-size:.8em}.account .password-msg{margin:.5em 0;font-size:.8em;color:#54b530;font-weight:700}.account .password-msg .dismiss-message{color:#43505c;font-family:FontAwesome;cursor:pointer}.markets .page-content .search-sort{display:flex;width:100%;padding:0 3rem 2.5vmin 2.7rem;background:#32323a}.markets .page-content .search-sort .search-sort-content{display:flex;width:100%;max-width:1250px;margin-left:auto;margin-right:auto}.markets .page-content .search-sort .search-sort-content .search-bar{flex:2;display:inline-block;width:70%;margin:0 .5% 0 0;font-size:3vmin;vertical-align:top}.markets .page-content .markets-header-bar .markets-header .markets-header-item *,.markets .page-content .pagination .button-container>*{vertical-align:middle}.markets .page-content .search-sort .search-sort-content .search-bar:before{display:block;position:absolute;z-index:1;content:'\f002';top:.65em;left:.7em;font-size:inherit;font-family:FontAwesome;color:#c3c3ca}.markets .page-content .search-sort .search-sort-content .search-bar .box{padding-left:2em}.markets .page-content .search-sort .search-sort-content .sort-container{display:inline-block;padding:.5em 0 0;color:#eaeaef;font-size:2vmin}.markets .page-content .search-sort .search-sort-content .sort-container .title{display:block;position:absolute;top:0;left:1.3rem;font-size:.6em;text-transform:uppercase}.markets .page-content .search-sort .search-sort-content .sort-container .sort{width:28vmin;margin-top:.1em;font-size:1.55em;white-space:nowrap}.markets .page-content .search-sort .search-sort-content .sort-container .sort .selected{padding:.5rem 1.2rem}.markets .page-content .search-sort .search-sort-content .sort-container .sort .options .option{padding:.5rem 1.4rem;white-space:nowrap;font-size:.8em}.markets .page-content .search-sort .search-sort-content .sort-container .sort .options:last-child{padding-bottom:1rem}.markets .page-content .search-sort .search-sort-content .sort-container .sort-direction-button{display:inline-block;padding:0;color:#eaeaef;background:0 0;border:0;font-family:FontAwesome;font-size:1.1em}.markets .page-content{color:#32323a}.markets .page-content .markets-content{display:flex;flex-wrap:wrap;width:100%;max-width:1250px;margin-left:auto;margin-right:auto}.markets .page-content .markets-header-bar{display:flex;width:100%;padding:1vmin 0 0}.markets .page-content .markets-header-bar .button.make{width:21rem;height:3.5em;line-height:3.5em;padding:0;text-align:center;border-radius:1px;font-size:1.6rem}.markets .page-content .markets-header-bar .markets-header{display:flex;flex:2;width:100%;margin-left:1vmin;padding:0 0 0 5vmin;color:#32323a;background:#fff;font-size:1.6rem;font-weight:400;text-transform:uppercase}.markets .page-content .markets-header-bar .markets-header .markets-header-item{display:inline-block;height:3.5em;line-height:3.325em;margin-right:3vw;white-space:nowrap;cursor:pointer;opacity:.5}.markets .page-content .markets-header-bar .markets-header .markets-header-item:active,.markets .page-content .markets-header-bar .markets-header .markets-header-item:focus,.markets .page-content .markets-header-bar .markets-header .markets-header-item:hover{opacity:.8}.markets .page-content .markets-header-bar .markets-header .markets-header-item.active{opacity:1}.markets .page-content .markets-header-bar .markets-header .markets-header-item.favorites .name:before{display:inline-block;position:relative;top:.3vmin;margin-right:.5rem;content:'';color:#FFDA00;font-family:FontAwesome;font-size:1.2em;transform:rotate(58deg);opacity:.45}.markets .page-content .markets-header-bar .markets-header .markets-header-item.pending-reports{color:rgba(233,89,91,.9);font-weight:700;white-space:nowrap}.markets .page-content .markets-header-bar .markets-header .markets-header-item.pending-reports .name:before{display:inline-block;position:relative;top:.1em;margin-right:.5rem;content:'\f12a';color:rgba(233,89,91,.7);font-family:FontAwesome;font-size:1.2em}.markets .page-content .markets-header-bar .markets-header .markets-header-item.button{opacity:1}.markets .page-content .markets-header-bar .markets-header .markets-header-item .num{font-weight:900;margin-left:.5rem}.markets .page-content .markets-list{flex:2;line-height:2.5em;overflow:hidden}@media only screen and (max-width:770px){.markets .page-content .markets-header-bar .button.make{width:auto;padding:0 4vmin;font-size:1.6rem}.markets .page-content .markets-header-bar .markets-header .markets-header-item{font-size:1.6rem}.markets .page-content .markets-list{flex:unset;width:100%}}@media only screen and (max-width:550px){.markets .page-content .markets-header-bar .button.make,.markets .page-content .markets-header-bar .markets-header .markets-header-item{font-size:3.5vmin}}.markets .page-content .pagination{display:block;flex:2;margin:.6rem 0 2em 1vmin;text-align:center;font-size:2em;line-height:2em;vertical-align:middle;background:#fff;border-radius:1px}.markets .page-content .pagination .button-container{display:inline-block;position:absolute;color:#43505c;font-weight:900;font-size:1.3rem;white-space:nowrap;cursor:pointer}.markets .page-content .pagination .button-container .button.next,.markets .page-content .pagination .button-container .button.prev{height:1em;margin:0;padding:0;line-height:1em;color:#43505c;background:0 0;font-family:FontAwesome;font-weight:900;font-size:3rem}.markets .page-content .pagination .button-container.next{right:2em;text-align:right}.markets .page-content .pagination .button-container.prev{left:2rem;text-align:left}.markets .page-content .pagination .displaying{display:inline-block;font-size:1.2rem;font-weight:900}@media only screen and (max-width:770px){.markets .page-content .pagination{margin-left:0}.markets .page-content .pagination .button-container.prev{left:2rem}}.markets .page-content .filters{position:relative;z-index:2;width:21rem;height:100%;margin:1vmin 0 0;padding:0 0 3rem;color:#222229;background:#fff;border-radius:1px;font-size:1.4rem}.markets .page-content .filters .title{display:block;margin:2.5rem 1rem 1rem 4rem;font-size:1.5rem;font-weight:700}.markets .page-content .filters .filter{display:block;margin:.5rem 1rem .5rem 4rem;white-space:nowrap}.markets .page-content .filters .filter .checkbox-label2{vertical-align:baseline;color:rgba(67,80,92,.8);font-size:.8em}@media only screen and (max-width:770px){.markets .page-content .filters{flex:2;width:100%;margin:1vmin 0 0;padding:0 1em 1em}.markets .page-content .filters .filters-group{display:inline-block;min-width:31%;margin-left:2rem;vertical-align:top}.markets .page-content .filters .filters-group .title{margin:1em 1rem 1rem -1rem}.markets .page-content .filters .filters-group .filter{display:inline-block;width:10em;margin:.25em 0 .25em .5em;font-size:.9em;overflow:hidden}}.market .page-content{margin-top:10vmin;color:#222229;font-size:1.7vmin}.market .page-content .l-container{background:#fff}.market .page-content .basics{padding:4vmin 6vmin;line-height:2em;color:#eaeaef;background:#32323a}.market .page-content .basics .description{line-height:5vmin;color:#eaeaef;font-size:4vmin}.market .page-content .basics .properties{color:#dadadf}.market .page-content .market-section-header{padding:2vmin 6vmin;border-bottom:1px solid #eeeeef;font-size:1.4em}.market .page-content .market-section-header>*{margin-right:.6em}.market .page-content .report-form,.market .page-content .trade-panel{padding:4vmin 6vmin}.market .page-content .price-history-chart{height:400px}.market-item{margin:1vmin 0 0 1vmin;padding:1.5em 4.9vw 1.5em 2.8rem;background:#fff;border-radius:1px}.market-item .basics-container{display:inline-block;width:70%;padding-right:1em;vertical-align:middle}.market-item .basics-container .basics .description{width:100%;margin:.5rem 2.5vw 0 0;color:#000}.market-item .basics-container .basics .properties{color:#43505c}.market-item .basics-container .buttons{margin:2.5rem 0 1rem}.market-item .basics-container .buttons .button{height:2.4em;margin:0 1rem 0 0;padding:0 .75em;line-height:2.3em;font-size:1rem;font-weight:700}.market-item .outcomes{display:inline-block;width:30%;vertical-align:middle}.market-item .outcomes .outcome{display:flex;margin-top:.1em;padding:.3em;line-height:1.4em;border-left:4px solid #fafaff;font-size:1.3rem;font-weight:700}.market-item .outcomes .outcome .outcome-name{display:inline-block;width:70%;text-align:left}.market-item .outcomes .outcome .outcome-price{display:inline-block;width:30%;margin-right:1em;text-align:right;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.market-item .outcomes .outcome .outcome-price .positive .value,.market-item .outcomes .outcome .outcome-price.positive .value{color:#00C853}.market-item .outcomes .outcome .outcome-price .positive .denomination,.market-item .outcomes .outcome .outcome-price.positive .denomination{color:rgba(0,200,83,.8)}.market-item .outcomes .outcome .outcome-price .negative .value,.market-item .outcomes .outcome .outcome-price.negative .value{color:#ff5050}.market-item .outcomes .outcome .outcome-price .negative .denomination,.market-item .outcomes .outcome .outcome-price.negative .denomination{color:rgba(255,80,80,.8)}.market-item .favorite-button{position:absolute;top:1.6rem;right:1.6rem;font-size:1.8rem}.market-item .favorite-button.on{top:.7rem;right:1rem;font-size:2rem}@media only screen and (max-width:550px){.market-item .basics-container{display:block;width:100%}.market-item .basics-container .buttons{margin:2rem 0 0}.market-item .outcomes{position:relative;top:unset;bottom:unset;width:auto;padding:1.5em 1em 0 0}.market-item .outcomes .outcome{display:inline-block;margin-right:1.5em;font-size:1.3em;white-space:nowrap}.market-item .outcomes .outcome>*{width:auto!important;vertical-align:middle}}.advanced .description,.basics .description{display:block;line-height:1.3em;font-size:3.5vmin;font-weight:400;text-overflow:ellipsis;overflow:hidden}.advanced .properties,.basics .properties{margin:.5rem 0 0;line-height:1em;font-size:1.2rem}.advanced .properties .property,.basics .properties .property{display:inline-block;margin:.5rem 2rem 0 0}.advanced .properties .property .property-value,.basics .properties .property .property-value{margin-left:.5rem;font-weight:900}.advanced .tags,.basics .tags{margin:.5rem 0 0;line-height:1em}.advanced .tags .tag,.basics .tags .tag{display:inline-block;padding:.5em 0;font-size:1rem;text-transform:uppercase}.advanced .tags .tag:not(:last-child):after,.basics .tags .tag:not(:last-child):after{display:inline-block;content:'>';margin:0 .5em}.advanced .tags .tag.link,.basics .tags .tag.link{cursor:pointer}.advanced .tags .tag.link:active,.advanced .tags .tag.link:focus,.advanced .tags .tag.link:hover,.basics .tags .tag.link:active,.basics .tags .tag.link:focus,.basics .tags .tag.link:hover{text-decoration:underline}.advanced .properties{margin:0}.advanced .properties .property{vertical-align:top}.advanced .properties .property .distinct{display:block;margin:.5rem 0 0}.create-market .create-market-content{padding:4% 5%;background:#fff;font-size:1.4rem}.create-market .create-market-content h1{margin-bottom:2rem;font-size:2.5rem;font-weight:700}.create-market .create-market-content h4{margin:2rem 0 .5rem;font-size:1.75rem;font-weight:700}.create-market .create-market-content label{font-weight:700}.create-market .create-market-content .button{font-size:1.3rem}.create-market .create-market-content .buttons .button{margin:2rem 1rem 1rem 0}.create-market .create-market-content .error-message{display:inline-block;margin:.7rem 1rem;color:#f96868}.create-market .create-market-content .input-list{margin:2rem 0 1rem}.create-market .create-market-content .input-list .item{width:100%;margin:1rem 0}.create-market .create-market-content .input-list .item.new-item{opacity:.3}.create-market .create-market-content .input-list .item.new-item:hover{opacity:1}.create-market .create-market-content .input-list .item .input{width:100%;max-width:25rem}.create-market .create-market-content .advanced-market-params .horizontal-divider{padding:1rem 0;overflow:hidden;text-align:center;font-size:1.4rem;color:#bdbdbd;cursor:pointer}.create-market .create-market-content .step-4 .input input,.positions-list .position .position-group{text-align:right}.create-market .create-market-content .advanced-market-params .horizontal-divider span{font-size:.7rem;vertical-align:middle;line-height:1.4rem}.create-market .create-market-content .advanced-market-params .horizontal-divider::after,.create-market .create-market-content .advanced-market-params .horizontal-divider::before{background-color:#bdbdbd;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.create-market .create-market-content .advanced-market-params .horizontal-divider::before{right:.5rem;margin-left:-50%}.create-market .create-market-content .advanced-market-params .horizontal-divider::after{left:.5rem;margin-right:-50%}.create-market .create-market-content .advanced-market-params .horizontal-divider:hover{color:#a0a0a0}.create-market .create-market-content .advanced-market-params .horizontal-divider:hover::after,.create-market .create-market-content .advanced-market-params .horizontal-divider:hover::before{background-color:#a0a0a0}.create-market .create-market-content .advanced-market-params .horizontal-divider:active{color:#838383}.create-market .create-market-content .advanced-market-params .horizontal-divider:active::after,.create-market .create-market-content .advanced-market-params .horizontal-divider:active::before{background-color:#838383}.create-market .create-market-content .step-1 .market-types .market-type{margin:2rem 1rem}.create-market .create-market-content .step-1 .market-types .market-type .button{margin:1.5rem 0}.create-market .create-market-content .step-1 .market-types .important-message{margin:2rem 1rem 1rem}.create-market .create-market-content .step-2 .description .input{font-size:1.3em;width:100%}.create-market .create-market-content .step-2 .end-date{margin-top:2em}.create-market .create-market-content .step-2 .end-date .date-picker{width:100%;max-width:40rem;margin-top:2rem}.create-market .create-market-content .step-2 .scalar .scalar-num{margin:2rem 0}.create-market .create-market-content .step-2 .scalar .scalar-num label{display:block;margin:1rem 0}.create-market .create-market-content .step-3 .expiry-source-option{display:block;margin:1rem}.create-market .create-market-content .step-3 .expiry-source-option *{vertical-align:middle;margin-right:.25em}.create-market .create-market-content .step-3 .expiry-source-url .input{width:90%;margin:1rem 3rem 0 0}.create-market .create-market-content .step-3 .details-text-input{width:90%;margin:1rem 0}.create-market .create-market-content .step-3 .resources-list .item{width:90%;max-width:unset}.create-market .create-market-content .step-4 .input{width:5em;margin-top:2rem;font-size:2rem}.create-market .create-market-content .step-4 .denomination{margin:1rem;font-size:1.9rem;font-weight:900}.create-market .create-market-content .step-4 .fee{margin-bottom:2rem}.positions-page .page-content{background:#fff}.positions-summary>*{margin-right:.8em}.positions-summary .total-value .positive .value,.positions-summary .total-value.positive .value{color:#00C853}.positions-summary .total-value .positive .denomination,.positions-summary .total-value.positive .denomination{color:rgba(0,200,83,.8)}.positions-summary .total-value .negative .value,.positions-summary .total-value.negative .value{color:#ff5050}.positions-summary .total-value .negative .denomination,.positions-summary .total-value.negative .denomination{color:rgba(255,80,80,.8)}.positions-summary .gain-percent .positive .value,.positions-summary .gain-percent.positive .value{color:#00C853}.positions-summary .gain-percent .positive .denomination,.positions-summary .gain-percent.positive .denomination{color:rgba(0,200,83,.8)}.positions-summary .gain-percent .negative .value,.positions-summary .gain-percent.negative .value{color:#ff5050}.positions-summary .gain-percent .negative .denomination,.positions-summary .gain-percent.negative .denomination{color:rgba(255,80,80,.8)}.positions-container{padding:2rem 0 0;border-bottom:3px solid #eeeeef}.positions-container .description{display:inline-block;padding:1vmin 4vmin 0;font-size:1.2em;font-weight:700}.positions-list{width:100%;padding:2vmin 6vmin 1vmin;line-height:1.9rem;font-size:1.2rem}.positions-list .position{display:flex;padding:1.6em 4vmin .5em}.positions-list .position:not(:first-child){border-top:1px solid #eeeeef}.positions-list .position .position-group .position-pair{display:inline-block;min-width:8em;margin:0 0 .7em;line-height:1.1em;white-space:nowrap}.positions-list .position .position-group .position-pair.net-change .positive .value,.positions-list .position .position-group .position-pair.net-change.positive .value,.positions-list .position .position-group .position-pair.per-share-gain .positive .value,.positions-list .position .position-group .position-pair.per-share-gain.positive .value{color:#00C853}.positions-list .position .position-group .position-pair.net-change .positive .denomination,.positions-list .position .position-group .position-pair.net-change.positive .denomination,.positions-list .position .position-group .position-pair.per-share-gain .positive .denomination,.positions-list .position .position-group .position-pair.per-share-gain.positive .denomination{color:rgba(0,200,83,.8)}.positions-list .position .position-group .position-pair.net-change .negative .value,.positions-list .position .position-group .position-pair.net-change.negative .value,.positions-list .position .position-group .position-pair.per-share-gain .negative .value,.positions-list .position .position-group .position-pair.per-share-gain.negative .value{color:#ff5050}.positions-list .position .position-group .position-pair.net-change .negative .denomination,.positions-list .position .position-group .position-pair.net-change.negative .denomination,.positions-list .position .position-group .position-pair.per-share-gain .negative .denomination,.positions-list .position .position-group .position-pair.per-share-gain.negative .denomination{color:rgba(255,80,80,.8)}.positions-list .position .position-group .position-pair>*{display:block;margin-left:.5em}.positions-list .position .position-group .position-pair .title{font-size:.8em}.positions-list .position .main-group{min-width:40%;line-height:2em;text-align:left;font-size:1.2em}.positions-list .position .main-group .positive .value,.positions-list .position .main-group.positive .value{color:#00C853}.positions-list .position .main-group .positive .denomination,.positions-list .position .main-group.positive .denomination{color:rgba(0,200,83,.8)}.positions-list .position .main-group .negative .value,.positions-list .position .main-group.negative .value{color:#ff5050}.positions-list .position .main-group .negative .denomination,.positions-list .position .main-group.negative .denomination{color:rgba(255,80,80,.8)}.positions-list .position .main-group>*{display:inline-block;margin-right:1.5em;vertical-align:middle}.positions-list .position .main-group .position-pair{white-space:nowrap}.positions-list .position .main-group .position-name{min-width:5em;padding:.25em .5em;border:3px solid #eeeeef}.transactions .page-content{font-size:1.2rem;background:#fff}.transactions .page-content .transactions-container{display:table;width:100%}.transactions .page-content .transactions-container .transaction-item{display:table-row;padding:2vh 0;line-height:2.5rem;border-bottom:1px solid #eeeeef;background:rgba(255,165,0,.06);font-weight:900;font-size:1.3rem;animation-name:transactions-active-bg;animation-duration:.7s;animation-iteration-count:infinite;animation-direction:alternate}.transactions .page-content .transactions-container .transaction-item.failed,.transactions .page-content .transactions-container .transaction-item.interrupted{background:rgba(249,104,104,.06);animation-name:unset}.transactions .page-content .transactions-container .transaction-item.failed .status-and-message,.transactions .page-content .transactions-container .transaction-item.interrupted .status-and-message{color:#f96868}.transactions .page-content .transactions-container .transaction-item.pending{background:rgba(234,234,239,.5);animation-name:unset}.transactions .page-content .transactions-container .transaction-item.pending .status-and-message{color:#222229}.transactions .page-content .transactions-container .transaction-item.success{background:rgba(84,181,48,.06);animation-name:unset}.transactions .page-content .transactions-container .transaction-item.success .status-and-message{color:#54b530}.transactions .page-content .transactions-container .transaction-item>*{display:table-cell;padding:2vh 2vw;vertical-align:middle}.transactions .page-content .transactions-container .transaction-item .index{padding-right:0;text-align:right}.transactions .page-content .transactions-container .transaction-item .description{line-height:1.5em;text-align:left;font-weight:400}.transactions .page-content .transactions-container .transaction-item .description>*{display:inline-block;margin-right:.3rem}.transactions .page-content .transactions-container .transaction-item .description .action,.transactions .page-content .transactions-container .transaction-item .description .avg-price,.transactions .page-content .transactions-container .transaction-item .description .shares{font-weight:900}.transactions .page-content .transactions-container .transaction-item .description .outcome-name{text-transform:uppercase}.transactions .page-content .transactions-container .transaction-item .description .market-description{line-height:1.5em;font-size:.8em}.transactions .page-content .transactions-container .transaction-item .value-changes{text-align:right;font-size:1.1em}.transactions .page-content .transactions-container .transaction-item .value-changes .value-change{display:inline-block;min-width:30%;padding:0 3%;font-weight:700;white-space:nowrap}.transactions .page-content .transactions-container .transaction-item .status-and-message{line-height:1.4rem;text-align:right;color:orange;overflow:hidden}.transactions .page-content .transactions-container .transaction-item .status-and-message .message{font-size:.8rem}.transactions .page-content .feel-free{display:block;padding:2rem 3rem 5rem;text-align:right;color:#76838f;font-size:1.1rem;font-style:italic}@keyframes transactions-active-bg{0%{background:rgba(255,165,0,.06)}100%{background:rgba(255,165,0,.2)}}.trade-panel{color:#eaeaef;background:#32323a}.trade-panel .place-trade-container{text-align:right;padding:1rem}.trade-panel .place-trade-container .button.place-trade{font-size:.9em}.trade-builder{width:100%;border-collapse:separate;border-spacing:0 .6rem}.trade-builder th{border-bottom:solid 1px #43505c}.trade-builder td{vertical-align:top;padding:.2em .3em 0}.trade-builder .outcome-name{text-align:left}.trade-builder .last-price{text-align:right}.trade-builder .buy-sell-toggler{width:3em;padding-top:0;padding-bottom:0}.trade-builder .buy-sell-toggler .toggler{padding:.2em .6em;text-align:center}.trade-builder .buy-sell-toggler .toggler.buy{border:2px solid #479929;border-rdius:1px}.trade-builder .buy-sell-toggler .toggler.sell{border:2px solid #8C1717;border-rdius:1px}.trade-builder .limit-price,.trade-builder .num-shares{max-width:4em;padding-top:0;padding-bottom:0;text-align:center;background:#32323a}.trade-builder .ask,.trade-builder .bid{text-align:center}.trade-builder .fee-to-pay{width:6em;text-align:right}.trade-builder .total-cost{width:7.55em;text-align:right}.trade-builder .trade-builder-bid-ask{display:flex}.trade-builder .trade-builder-bid-ask .shares{flex:1.6;text-align:right}.trade-builder .trade-builder-bid-ask .price{flex:2;text-align:left}.trade-builder .trade-builder-bid-ask .shares-at{margin:0 .6rem}.trade-builder .trade-builder-body .outcome-name{text-transform:uppercase}.trade-builder .trade-builder-body .total-cost{font-weight:700}.trade-builder .trade-builder-body .total-cost .positive .value,.trade-builder .trade-builder-body .total-cost.positive .value{color:#00C853}.trade-builder .trade-builder-body .total-cost .positive .denomination,.trade-builder .trade-builder-body .total-cost.positive .denomination{color:rgba(0,200,83,.8)}.trade-builder .trade-builder-body .total-cost .negative .value,.trade-builder .trade-builder-body .total-cost.negative .value{color:#ff5050}.trade-builder .trade-builder-body .total-cost .negative .denomination,.trade-builder .trade-builder-body .total-cost.negative .denomination{color:rgba(255,80,80,.8)}.trade-builder .trade-builder-body .total-cost .value{font-weight:900}.trade-builder .trade-builder-body input.box{display:block;padding:.3em 0;background:rgba(67,80,92,.3);border-top:0;border-left:0;border-right:0;font-weight:700;text-align:center;color:#FCB531}.trade-summary{padding-top:0;padding-bottom:0;line-height:1.5em;white-space:nowrap}.trade-summary h5{display:block;margin-bottom:1.4em;padding:0 .5em;border-bottom:1px solid rgba(67,80,92,.5);font-size:.8em;font-weight:700;text-transform:uppercase}.trade-summary .order{display:flex;padding:0 .5em}.trade-summary .order.total{padding:.8em 0 0}.trade-summary .order.total .value-changes .value-change{padding:.9em 0;border-top:1px solid rgba(67,80,92,.5);font-size:1.15em}.trade-summary .order .description{display:inline-block;flex:2;width:50%;margin:auto;line-height:1.5em;text-align:left;font-weight:400}.trade-summary .order .description>*{display:inline-block;margin-right:.4em}.trade-summary .order .description .action,.trade-summary .order .description .avg-price,.trade-summary .order .description .shares{font-weight:700}.trade-summary .order .description .outcome-name{font-weight:700;text-transform:uppercase}.trade-summary .order .description .market-description{display:none}.trade-summary .order .value-changes{display:inline-block;width:50%;text-align:right}.trade-summary .order .value-changes .value-change{display:inline-block;width:33%;font-weight:700;white-space:nowrap}.bids-asks{display:flex;flex-wrap:wrap;justify-content:center;padding:.5rem 0 3rem;text-align:center;font-size:1.7vmin}.bids-asks .order-book{min-width:400px;margin:.25rem;background:#fff;border-radius:1px;flex:0 1}.bids-asks .order-book h5{margin-bottom:.5em;text-align:center;border-bottom:1px solid #eeeeef;font-size:1.3em;font-weight:700;text-transform:uppercase}.bids-asks .order-book h5 .name-header{display:inline-block}.bids-asks .order-book h5 .bids-header{display:inline-block;text-align:right;font-size:.65em;font-weight:400;padding-right:2rem}.bids-asks .order-book h5 .asks-header{display:inline-block;padding-left:2rem;text-align:left;font-size:.65em;font-weight:400}.bids-asks .order-book .bids{display:inline-block;padding-right:.5em;vertical-align:top;text-align:right;border-right:1px solid #eeeeef}.bids-asks .order-book .bids .bid .value-denomination.price{margin-left:1em}.bids-asks .order-book .asks{display:inline-block;padding-left:.5em;vertical-align:top;text-align:left;border-left:1px solid #eeeeef}.bids-asks .order-book .asks .ask .value-denomination.price{margin-right:1em}.report-form{color:#222229;background:#fff;font-size:1.4rem}.report-form.reported{color:#fff;background:#f96868}.report-form .num-total-reports{position:absolute;display:inline-block;top:4vmin;right:4vmin;padding:1vmin;line-height:1em;border:4px solid #f96868;border-radius:1px;font-size:4vmin}.report-form h4{padding:0 0 1rem;font-size:2rem;font-weight:700}.report-form .outcome-options .outcome-option{display:table;margin:1rem}.report-form .outcome-options .outcome-option>*{margin-right:.5em;vertical-align:middle}.report-form .unethical{margin-top:3rem}.report-form .unethical .unethical-checkbox{display:inline-block;margin:1rem}.report-form .unethical .unethical-message{display:block;max-width:55rem;margin:1rem 2.5rem;font-size:.9em;font-style:italic}.report-form .button{margin:2em 0;font-size:1.3rem;font-weight:700}.report-panel .num-total-reports{display:inline-block;position:absolute;z-index:1;top:4vmin;right:4vmin;padding:1vmin;line-height:1em;border:4px solid #f96868;border-radius:1px;font-size:4vmin}.market-open-orders .open-orders-list{margin:0 0 0 -1.5em;padding:4vmin 6vmin}.market-open-orders .open-orders-list .open-orders-group{display:inline-block;margin:0 0 2em;padding:0 1.5em;vertical-align:top;border-right:1px solid #eeeeef}.market-open-orders .open-orders-list .open-orders-group td{padding:.1em .5em}.market-open-orders .open-orders-list .open-orders-group .outcome-name{min-width:9rem;text-align:left}.market-open-orders .open-orders-list .open-orders-group .price,.market-open-orders .open-orders-list .open-orders-group .shares,.market-open-orders .open-orders-list .open-orders-group .type{text-align:right}.market-open-orders .open-orders-list .open-orders-group .cancel{padding:.1em 0;text-align:left;min-width:4.6em;font-size:.6em}.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-action{padding:0;height:unset;line-height:unset;text-align:left;color:#e9595b;background:0 0}.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-action:before{content:'\f00d';display:inline-block;position:relative;left:-.2em;font-family:FontAwesome;font-weight:700}.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-action:active,.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-action:hover{font-weight:900}.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-action[disabled]{color:#838383!important;background:0 0!important}.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-abort-confirmation{padding:0;height:unset;line-height:unset;text-align:left;background-color:transparent;color:inherit;margin-right:1.4em}.market-open-orders .open-orders-list .open-orders-group .cancel .cancel-order-abort-confirmation:hover{font-weight:700}.market-open-orders .open-orders-list .open-orders-group .open-order .outcome-name{text-transform:uppercase}.market-open-orders .open-orders-list .open-orders-group .open-order .is-disabled{text-decoration:line-through} \ No newline at end of file diff --git a/src/app.jsx b/src/app.jsx index c1af4971..93de0a52 100644 --- a/src/app.jsx +++ b/src/app.jsx @@ -87,7 +87,7 @@ export default function (appElement, selectors) { diff --git a/src/assertions.js b/src/assertions.js index 54d1603a..6a9a0058 100644 --- a/src/assertions.js +++ b/src/assertions.js @@ -21,7 +21,7 @@ import transactions from '../test/assertions/transactions'; import transactionsTotals from '../test/assertions/transactions-totals'; import url from '../test/assertions/url'; import selectedUserOpenOrdersGroup from '../test/assertions/selected-user-open-orders-group'; -import cancelOrder from '../test/assertions/cancel-order'; +import orderCancellation from '../test/assertions/order-cancellation'; export default { activePage, @@ -47,5 +47,5 @@ export default { transactionsTotals, url, selectedUserOpenOrdersGroup, - cancelOrder + orderCancellation }; diff --git a/src/modules/common/less/buttons.less b/src/modules/common/less/buttons.less index 79231281..2a0e822f 100644 --- a/src/modules/common/less/buttons.less +++ b/src/modules/common/less/buttons.less @@ -1,4 +1,4 @@ -.button, .button:visited, { +.button, .button:visited { display: inline-block; height: 2.8em; line-height: 2.8em; @@ -101,7 +101,7 @@ color: #aaaabb; background: transparent; } - &:hover, { + &:hover { color: #ffda00; background: transparent; text-shadow: 0 0 1px #dddd00; @@ -192,4 +192,4 @@ color: white; background: @color-dark-normal; } -} \ No newline at end of file +} diff --git a/src/modules/market/components/market-open-orders.jsx b/src/modules/market/components/market-open-orders.jsx index 8b2731fd..97ec39d1 100644 --- a/src/modules/market/components/market-open-orders.jsx +++ b/src/modules/market/components/market-open-orders.jsx @@ -17,7 +17,7 @@ const OpenOrders = (p) => ( id={outcome.id} name={outcome.name} userOpenOrders={outcome.userOpenOrders} - cancelOrder={p.cancelOrder} + orderCancellation={p.orderCancellation} /> )) } @@ -28,7 +28,7 @@ const OpenOrders = (p) => ( OpenOrders.propTypes = { userOpenOrdersSummary: React.PropTypes.object, outcomes: React.PropTypes.array, - cancelOrder: React.PropTypes.func.isRequired + orderCancellation: React.PropTypes.object.isRequired }; export default OpenOrders; diff --git a/src/modules/market/components/market-page.jsx b/src/modules/market/components/market-page.jsx index 06861743..9752501e 100644 --- a/src/modules/market/components/market-page.jsx +++ b/src/modules/market/components/market-page.jsx @@ -17,7 +17,7 @@ export default class MarketPage extends Component { selectedOutcome: PropTypes.object, priceTimeSeries: PropTypes.array, numPendingReports: PropTypes.number, - cancelOrder: PropTypes.func.isRequired + orderCancellation: PropTypes.object.isRequired }; constructor(props) { super(props); @@ -68,7 +68,7 @@ export default class MarketPage extends Component { key="market-open-orders" userOpenOrdersSummary={p.market.userOpenOrdersSummary} outcomes={p.market.outcomes} - cancelOrder={p.cancelOrder} + orderCancellation={p.orderCancellation} /> ); } diff --git a/src/modules/open-orders/components/open-order.jsx b/src/modules/open-orders/components/open-order.jsx index 8161e992..e981dfc4 100644 --- a/src/modules/open-orders/components/open-order.jsx +++ b/src/modules/open-orders/components/open-order.jsx @@ -8,7 +8,7 @@ import classnames from 'classnames'; import ValueDenomination from '../../common/components/value-denomination'; const OpenOrder = (p) => ( - + {p.outcomeName} @@ -22,13 +22,9 @@ const OpenOrder = (p) => ( - - + { + renderCancelNode(p.id, p.marketID, p.type, p.status, p.cancellationStatuses, p.cancelOrder, p.abortCancelOrderConfirmation, p.showCancelOrderConfirmation) + } ); @@ -40,9 +36,52 @@ OpenOrder.propTypes = { type: React.PropTypes.string.isRequired, avgPrice: React.PropTypes.object.isRequired, unmatchedShares: React.PropTypes.object.isRequired, - isCancelling: React.PropTypes.bool.isRequired, - isCancelled: React.PropTypes.bool.isRequired, + cancellationStatuses: React.PropTypes.object.isRequired, + status: React.PropTypes.string, + abortCancelOrderConfirmation: React.PropTypes.func.isRequired, + showCancelOrderConfirmation: React.PropTypes.func.isRequired, cancelOrder: React.PropTypes.func.isRequired }; +function renderCancelNode(orderID, marketID, type, status, cancellationStatuses, cancelOrder, abortCancelOrderConfirmation, showCancelOrderConfirmation) { + switch (status) { + case cancellationStatuses.CANCELLATION_CONFIRMATION: + return ( + + + + + ); + case cancellationStatuses.CANCELLING: + return 'Cancelling'; + case cancellationStatuses.CANCELLED: + return null; + default: + return ( + + ); + } + +} + export default OpenOrder; diff --git a/src/modules/open-orders/components/open-orders-group.jsx b/src/modules/open-orders/components/open-orders-group.jsx index ed6d8ac7..df86afc8 100644 --- a/src/modules/open-orders/components/open-orders-group.jsx +++ b/src/modules/open-orders/components/open-orders-group.jsx @@ -26,7 +26,11 @@ const OpenOrdersGroup = (p) => { key={openOrder.id} outcomeName={p.name} {...openOrder} - cancelOrder={p.cancelOrder} + status={p.orderCancellation[openOrder.id]} + cancellationStatuses={p.orderCancellation.cancellationStatuses} + cancelOrder={p.orderCancellation.cancelOrder} + abortCancelOrderConfirmation={p.orderCancellation.abortCancelOrderConfirmation} + showCancelOrderConfirmation={p.orderCancellation.showCancelOrderConfirmation} /> ))} @@ -37,7 +41,7 @@ const OpenOrdersGroup = (p) => { OpenOrdersGroup.propTypes = { userOpenOrders: React.PropTypes.arrayOf(React.PropTypes.object).isRequired, name: React.PropTypes.string.isRequired, - cancelOrder: React.PropTypes.func.isRequired + orderCancellation: React.PropTypes.object.isRequired }; export default OpenOrdersGroup; diff --git a/src/modules/open-orders/less/open-order.less b/src/modules/open-orders/less/open-order.less index 39c389f7..fce6485e 100644 --- a/src/modules/open-orders/less/open-order.less +++ b/src/modules/open-orders/less/open-order.less @@ -28,8 +28,10 @@ text-align: right; } .cancel { - padding: 0.1em 0em; + padding: 0.1em 0; text-align: left; + min-width: 4.6em; + font-size: 0.6em; .cancel-order-action { padding: 0; @@ -38,7 +40,6 @@ text-align: left; color: @color-danger-active; background: transparent; - font-size: 0.6em; &:before { content: '\f00d'; @@ -58,6 +59,20 @@ background: transparent !important; } } + + .cancel-order-abort-confirmation { + padding: 0; + height: unset; + line-height: unset; + text-align: left; + background-color: transparent; + color: inherit; + margin-right: 1.4em; + + &:hover { + font-weight: 700; + } + } } .open-order { diff --git a/src/selectors.js b/src/selectors.js index e5f18a8c..90329136 100644 --- a/src/selectors.js +++ b/src/selectors.js @@ -1,6 +1,6 @@ import activePage from './selectors/active-page'; import authForm from './selectors/auth-form'; -import { cancelOrder } from './selectors/cancel-order'; +import orderCancellation from './selectors/order-cancellation'; import createMarketForm from './selectors/create-market-form'; import filters from './selectors/filters'; import keywords from './selectors/keywords'; @@ -19,7 +19,7 @@ import url from './selectors/url'; const selectors = { activePage, authForm, - cancelOrder, + orderCancellation, createMarketForm, filters, keywords, diff --git a/src/selectors/cancel-order.js b/src/selectors/cancel-order.js deleted file mode 100644 index 747d530c..00000000 --- a/src/selectors/cancel-order.js +++ /dev/null @@ -1,27 +0,0 @@ -/* - * Author: priecint - */ - -export const cancelOrder = orderId => setTimeout(() => { - require('../selectors').markets.forEach((market) => { - market.outcomes.forEach(outcome => { - const order = outcome.userOpenOrders.find(openOrder => openOrder.id === orderId); - if (order != null) { - order.isCancelling = true; - require('../selectors').update({}); - } - }); - }); - setTimeout(() => { - require('../selectors').markets.forEach((market) => { - market.outcomes.forEach(outcome => { - const order = outcome.userOpenOrders.find(openOrder => openOrder.id === orderId); - if (order != null) { - const index = outcome.userOpenOrders.findIndex(openOrder => openOrder.id === orderId); - outcome.userOpenOrders.splice(index, 1); - require('../selectors').update({}); - } - }); - }); - }, 2000); -}, 1); diff --git a/src/selectors/markets.js b/src/selectors/markets.js index 10c4650d..0872c836 100644 --- a/src/selectors/markets.js +++ b/src/selectors/markets.js @@ -322,8 +322,6 @@ function makeMarkets(numMarkets = 50) { id: `${m.id}${outcome.id}order${index}`, type: parseInt(index, 10) % 2 === 1 ? 'buy' : 'sell', marketID: m.id, - isCancelling: false, - isCancelled: false, avgPrice: makeNumber(parseFloat(Math.random().toFixed(2)), 'eth'), unmatchedShares: makeNumber(parseInt(Math.random() * 10, 10), 'shares'), outcome: outcomeID, diff --git a/src/selectors/order-cancellation.js b/src/selectors/order-cancellation.js new file mode 100644 index 00000000..33d6b8fb --- /dev/null +++ b/src/selectors/order-cancellation.js @@ -0,0 +1,39 @@ +/* + * Author: priecint + */ + +export default { + cancellationStatuses: { + CANCELLATION_CONFIRMATION: 'CANCELLATION_CONFIRMATION', + CANCELLING: 'CANCELLING', + CANCELLED: 'CANCELLED', + CANCELLATION_FAILED: 'CANCELLATION_FAILED' + }, + cancelOrder: orderID => { + require('../selectors').orderCancellation[orderID] = require('../selectors').orderCancellation.cancellationStatuses.CANCELLING; + require('../selectors').update({}); + + setTimeout(() => { + require('../selectors').markets.forEach((market) => { + market.outcomes.forEach(outcome => { + const order = outcome.userOpenOrders.find(openOrder => openOrder.id === orderID); + if (order != null) { + const index = outcome.userOpenOrders.findIndex(openOrder => openOrder.id === orderID); + outcome.userOpenOrders.splice(index, 1); + require('../selectors').update({}); + } + }); + }); + }, 2000); + }, + showCancelOrderConfirmation: orderID => { + setTimeout(() => { + require('../selectors').orderCancellation[orderID] = require('../selectors').orderCancellation.cancellationStatuses.CANCELLATION_CONFIRMATION; + require('../selectors').update({}); + }, 300); + }, + abortCancelOrderConfirmation: orderID => { + delete require('../selectors').orderCancellation[orderID]; + require('../selectors').update({}); + } +}; diff --git a/test/assertions/cancel-order.js b/test/assertions/cancel-order.js deleted file mode 100644 index 6ae79f11..00000000 --- a/test/assertions/cancel-order.js +++ /dev/null @@ -1,9 +0,0 @@ -import { assert } from 'chai'; - -export default function (cancelOrder) { - describe('augur-ui-react-components cancelOrder', () => { - it('should exist', () => { - assert.isFunction(cancelOrder, `cancelOrder is not function.`); - }); - }); -}; diff --git a/test/assertions/market.js b/test/assertions/market.js index 9e141caa..229cfffb 100644 --- a/test/assertions/market.js +++ b/test/assertions/market.js @@ -230,16 +230,6 @@ export default function (market) { assert.isObject(openOrder.unmatchedShares); assertFormattedNumber(openOrder.unmatchedShares); }); - - it(`market.outcomes[${i}].userOpenOrders[${j}].isCancelling`, () => { - assert.isDefined(openOrder.isCancelling); - assert.isBoolean(openOrder.isCancelling); - }); - - it(`market.outcomes[${i}].userOpenOrders[${j}].isCancelled`, () => { - assert.isDefined(openOrder.isCancelled); - assert.isBoolean(openOrder.isCancelled); - }); }); }); }); diff --git a/test/assertions/order-cancellation.js b/test/assertions/order-cancellation.js new file mode 100644 index 00000000..8d3a0db5 --- /dev/null +++ b/test/assertions/order-cancellation.js @@ -0,0 +1,31 @@ +import { assert } from 'chai'; + +export default function (orderCancellation) { + describe('augur-ui-react-components orderCancellation', () => { + it('orderCancellation', () => { + assert.isObject(orderCancellation); + }); + + it('orderCancellation.cancelOrder', () => { + assert.isFunction(orderCancellation.cancelOrder); + }); + + it('orderCancellation.abortCancelOrderConfirmation', () => { + assert.isFunction(orderCancellation.abortCancelOrderConfirmation); + }); + + it('orderCancellation.showCancelOrderConfirmation', () => { + assert.isFunction(orderCancellation.showCancelOrderConfirmation); + }); + + it('orderCancellation.cancellationStatuses', () => { + assert.isObject(orderCancellation.cancellationStatuses); + assert.deepEqual(orderCancellation.cancellationStatuses, { + CANCELLATION_CONFIRMATION: 'CANCELLATION_CONFIRMATION', + CANCELLING: 'CANCELLING', + CANCELLED: 'CANCELLED', + CANCELLATION_FAILED: 'CANCELLATION_FAILED' + }); + }); + }); +};