.loader-60devs { position: fixed; top: 0; left: 0; right: 0; height: 2px; width: 100%; z-index: 10000; opacity: 1; transition: opacity 250ms 250ms; } .loader-60devs .loader-60devs-progress { height: 2px; width: 100%; background-color: #039be5; transition-property: transform, opacity; transition-duration: 12s; transition-timing-function: cubic-bezier(0.04, 0.9, 0.11, 0.9); transform: translateX(-100%); } .loader-60devs[data-state="hidden"] { display: none; transition: none; } .loader-60devs[data-state="hidden"] .loader-60devs-progress { transition: none; } .loader-60devs[data-state="running"]::before { content: ''; position: fixed; z-index: 99999999; top: 0; left: 0; width: 100%; height: 100%; } .loader-60devs[data-state="running"] .loader-60devs-progress { transform: translateX(0); } .loader-60devs[data-state="finishing"] { opacity: 0; } .loader-60devs[data-state="finishing"] .loader-60devs-progress { transform: scaleX(100) translateX(0); } /*! * Bootstrap Grid v4.1.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.vertical_nav_bar__item{display:-ms-flexbox;display:flex;font-size:.9em;margin-bottom:2rem;text-decoration:none;-ms-flex-align:center;align-items:center;cursor:pointer;white-space:nowrap}.vertical_nav_bar__item:hover .vertical_nav_bar__item__icon__container__icon{-ms-transform:scale(1.2);transform:scale(1.2)}.vertical_nav_bar__item:hover .vertical_nav_bar__item__link__text{font-size:1rem}.vertical_nav_bar__item--selected .vertical_nav_bar__item__link__text{color:#497af2}.vertical_nav_bar__item__icon__container{-ms-flex:0 0 2em;flex:0 0 2em;text-align:center}.vertical_nav_bar__item__icon__container__icon{height:1.3rem;display:inline-block;vertical-align:middle;transition:all .2s ease;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.vertical_nav_bar__item__link__text{-ms-flex:1;flex:1;vertical-align:middle;margin-left:2rem;font-size:.9rem;transition:all .2s ease;color:#000}.vertical_nav_bar__item__icon__container__icon--calendar{background:url(https://beta.timepeace.io/3c6e65c1606a3891c94e03b25e743ef7.png);background-size:cover;height:1.3rem;width:1.12666667rem}.vertical_nav_bar__item__icon__container__icon--calendar-active{background:url(https://beta.timepeace.io/7e76afd827eb496ac950fef00394bf53.png);background-size:cover;height:1.3rem;width:1.12666667rem}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx){.vertical_nav_bar__item__icon__container__icon--calendar{background:url(https://beta.timepeace.io/3125b82cdfb910969fbb3ec6d79d4eb7.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--calendar-active{background:url(https://beta.timepeace.io/23dce9e5406180126fd43ef5617dc90c.png);background-size:cover}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.vertical_nav_bar__item__icon__container__icon--calendar{background:url(https://beta.timepeace.io/f8b67d6e1831b85e4ebafb0ae48eb459.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--calendar-active{background:url(https://beta.timepeace.io/0e48e91ef423e730b755b8435675dddb.png);background-size:cover}}.vertical_nav_bar__item__icon__container__icon--plus{background:url(https://beta.timepeace.io/408d26f54c7fc74dd4b068fba387010d.png);background-size:cover;height:1.3rem;width:1.3rem}.vertical_nav_bar__item__icon__container__icon--plus-active{background:url(https://beta.timepeace.io/7a207d3f270fe8e901fc21623509b586.png);background-size:cover;height:1.3rem;width:1.3rem}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx){.vertical_nav_bar__item__icon__container__icon--plus{background:url(https://beta.timepeace.io/d52566367c1d95cfbb9cc26045ea181e.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--plus-active{background:url(https://beta.timepeace.io/a4c62eecf9fb2a235e60defcbc04faec.png);background-size:cover}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.vertical_nav_bar__item__icon__container__icon--plus{background:url(https://beta.timepeace.io/2c34a96054d4ee6f1f56a80e8795f855.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--plus-active{background:url(https://beta.timepeace.io/e6b9ad633075af493c55bdefdcbfea59.png);background-size:cover}}.vertical_nav_bar__item__icon__container__icon--manage{background:url(https://beta.timepeace.io/a84874218b578fed44853eba5f4f26e2.png);background-size:cover;height:1.3rem;width:1.66rem}.vertical_nav_bar__item__icon__container__icon--manage-active{background:url(https://beta.timepeace.io/363dffb7eacc8786f20339f240070011.png);background-size:cover;height:1.3rem;width:1.66rem}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx){.vertical_nav_bar__item__icon__container__icon--manage{background:url(https://beta.timepeace.io/4db51f5eb199cd2f5bb7e685e87c4959.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--manage-active{background:url(https://beta.timepeace.io/72cfee745a782a0e1985eb8bc328cfde.png);background-size:cover}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.vertical_nav_bar__item__icon__container__icon--manage{background:url(https://beta.timepeace.io/d67ab5418b723dadf495f6dec1e92d3d.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--manage-active{background:url(https://beta.timepeace.io/52e3890e675c018a809275831ca763f1.png);background-size:cover}}.vertical_nav_bar__item__icon__container__icon--users{background:url(https://beta.timepeace.io/1046a9a0b757d046fdc6be307058b1fe.png);background-size:cover;height:1.3rem;width:1.9rem}.vertical_nav_bar__item__icon__container__icon--users-active{background:url(https://beta.timepeace.io/747ca044de6884772125cab09968ed01.png);background-size:cover;height:1.3rem;width:1.9rem}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx){.vertical_nav_bar__item__icon__container__icon--users{background:url(https://beta.timepeace.io/b14a061f5f5e39474976dcc8ff809ce8.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--users-active{background:url(https://beta.timepeace.io/74291d078acaa9461453542721bb279e.png);background-size:cover}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.vertical_nav_bar__item__icon__container__icon--users{background:url(https://beta.timepeace.io/dbf8396d20bd050f7d89e0827e34c67a.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--users-active{background:url(https://beta.timepeace.io/63fc3ecaa0b5008ed3a981907d97a2a2.png);background-size:cover}}.vertical_nav_bar__item__icon__container__icon--gear{background:url(https://beta.timepeace.io/03357090b980ac4004a8c4a7268f6d6c.png);background-size:cover;height:1.3rem;width:1.3rem}.vertical_nav_bar__item__icon__container__icon--gear-active{background:url(https://beta.timepeace.io/160c4afb3ec6b98a4934c9443d0d2232.png);background-size:cover;height:1.3rem;width:1.3rem}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx){.vertical_nav_bar__item__icon__container__icon--gear{background:url(https://beta.timepeace.io/93a229ebe709b7692cc5e6b45b7414eb.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--gear-active{background:url(https://beta.timepeace.io/f21f2a40d706c6e12b7637980bc1572d.png);background-size:cover}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.vertical_nav_bar__item__icon__container__icon--gear{background:url(https://beta.timepeace.io/0ee3c1e0296c4446ebd8ec9e7f29c0bb.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--gear-active{background:url(https://beta.timepeace.io/0a6c77ed85a0d2e513b8df0fc008d020.png);background-size:cover}}.vertical_nav_bar__item__icon__container__icon--plugin{background:url(https://beta.timepeace.io/a35a771647de8a69b2e6be206f1290dc.png);background-size:cover;height:1.3rem;width:1.3rem}.vertical_nav_bar__item__icon__container__icon--plugin-active{background:url(https://beta.timepeace.io/e057013c2ce6a9e2fffd81f0fffc7cec.png);background-size:cover;height:1.3rem;width:1.3rem}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx){.vertical_nav_bar__item__icon__container__icon--plugin{background:url(https://beta.timepeace.io/a35a771647de8a69b2e6be206f1290dc.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--plugin-active{background:url(https://beta.timepeace.io/e057013c2ce6a9e2fffd81f0fffc7cec.png);background-size:cover}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.vertical_nav_bar__item__icon__container__icon--plugin{background:url(https://beta.timepeace.io/a35a771647de8a69b2e6be206f1290dc.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--plugin-active{background:url(https://beta.timepeace.io/e057013c2ce6a9e2fffd81f0fffc7cec.png);background-size:cover}}.vertical_nav_bar__item__icon__container__icon--comments{background:url(https://beta.timepeace.io/9fcb1904bfd68cea1235a15b5cbf6099.png);background-size:cover;height:1.3rem;width:1.3rem}.vertical_nav_bar__item__icon__container__icon--comments-active{background:url(https://beta.timepeace.io/d83b94dd105e3c61fa237f3dc87f7dd6.png);background-size:cover;height:1.3rem;width:1.3rem}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx){.vertical_nav_bar__item__icon__container__icon--comments{background:url(https://beta.timepeace.io/071419f85ab0004144adde3646a8ab2b.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--comments-active{background:url(https://beta.timepeace.io/bfe853497bb696db13ceee774020ea8c.png);background-size:cover}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.vertical_nav_bar__item__icon__container__icon--comments{background:url(https://beta.timepeace.io/42a53b246b008eb227387d0f7b23f140.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--comments-active{background:url(https://beta.timepeace.io/18329492fa06aa85f0c1774d75ab2f13.png);background-size:cover}}.vertical_nav_bar__item__icon__container__icon--out{background:url(https://beta.timepeace.io/98103b77e213bd14d3d94a7f8509f510.png);background-size:cover;height:1.3rem;width:1.3rem}.vertical_nav_bar__item__icon__container__icon--out-active{background:url(https://beta.timepeace.io/fb6111041ccce46fffde8d6abddba403.png);background-size:cover;height:1.3rem;width:1.3rem}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx){.vertical_nav_bar__item__icon__container__icon--out{background:url(https://beta.timepeace.io/5a2009f2f727a0b300584b2504df75d0.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--out-active{background:url(https://beta.timepeace.io/9f93b2864dc39e0b30924fe43d27c723.png);background-size:cover}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.vertical_nav_bar__item__icon__container__icon--out{background:url(https://beta.timepeace.io/60498ca70bd576f1640a9ebc094e536d.png);background-size:cover}.vertical_nav_bar__item__icon__container__icon--out-active{background:url(https://beta.timepeace.io/40c27c1ed25dff161f9c62efab239945.png);background-size:cover}}@media only screen and (max-width:600px){.vertical_nav_bar__item__link__text{margin-left:.5rem}}.vertical_nav_bar__app_info{position:relative;text-align:left;bottom:1rem;left:0;padding-top:1rem;padding-left:1rem;padding-right:1rem}.vertical_nav_bar__app_info_org_cont{text-align:center;width:calc(100% - 25px);padding-bottom:2rem}.vertical_nav_bar__app_info_org_icon{background:#497af2;border-radius:50%;color:#fff;width:50px}.vertical_nav_bar__app_info_org_organization{font-weight:700}.vertical_nav_bar__app_info_org_administrator{margin-top:1rem}.vertical_nav_bar__app_info_org_sep{border:0;border-top:1px solid #dcdcdc;margin-top:1.3rem;padding:0}.vertical_nav_bar__app_info__line{color:#727272;font-size:.8rem;line-height:.8rem;margin-top:.8rem;text-align:center;width:calc(100% - 25px)}.vertical_nav_bar__app_info__line a{color:#727272;font-size:.8rem;cursor:pointer;text-decoration:none}.vertical_nav_bar__app_info__line a:hover{text-decoration:underline} /** * * All animations must live in their own file * in the animations directory and be included * here. * */ /** * Styles shared by multiple animations */ /** * Dots */ @-webkit-keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .ball-pulse > div:nth-child(0) { -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(1) { -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(2) { -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(3) { -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } @-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .ball-pulse-sync > div:nth-child(0) { -webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(1) { -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(2) { -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(3) { -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; } .ball-pulse-sync > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } @-webkit-keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } @keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } .ball-scale-random { width: 37px; height: 40px; } .ball-scale-random > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; display: inline-block; height: 30px; width: 30px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } .ball-scale-random > div:nth-child(1) { margin-left: -7px; -webkit-animation: ball-scale 1s 0.2s ease-in-out infinite; animation: ball-scale 1s 0.2s ease-in-out infinite; } .ball-scale-random > div:nth-child(3) { margin-left: -2px; margin-top: 9px; -webkit-animation: ball-scale 1s 0.5s ease-in-out infinite; animation: ball-scale 1s 0.5s ease-in-out infinite; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ball-rotate { position: relative; } .ball-rotate > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: relative; } .ball-rotate > div:first-child { -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; } .ball-rotate > div:before, .ball-rotate > div:after { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; content: ""; position: absolute; opacity: 0.8; } .ball-rotate > div:before { top: 0px; left: -28px; } .ball-rotate > div:after { top: 0px; left: 25px; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .ball-clip-rotate > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: 2px solid #fff; border-bottom-color: transparent; height: 25px; width: 25px; background: transparent !important; display: inline-block; -webkit-animation: rotate 0.75s 0s linear infinite; animation: rotate 0.75s 0s linear infinite; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes scale { 30% { -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .ball-clip-rotate-pulse { position: relative; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } .ball-clip-rotate-pulse > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0px; left: 0px; border-radius: 100%; } .ball-clip-rotate-pulse > div:first-child { background: #fff; height: 16px; width: 16px; top: 7px; left: -7px; -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .ball-clip-rotate-pulse > div:last-child { position: absolute; border: 2px solid #fff; width: 30px; height: 30px; left: -16px; top: -2px; background: transparent; border: 2px solid; border-color: #fff transparent #fff transparent; -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -webkit-animation-duration: 1s; animation-duration: 1s; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .ball-clip-rotate-multiple { position: relative; } .ball-clip-rotate-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: -20px; top: -20px; border: 2px solid #fff; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 35px; width: 35px; -webkit-animation: rotate 1s 0s ease-in-out infinite; animation: rotate 1s 0s ease-in-out infinite; } .ball-clip-rotate-multiple > div:last-child { display: inline-block; top: -10px; left: -10px; width: 15px; height: 15px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-color: #fff transparent #fff transparent; -webkit-animation-direction: reverse; animation-direction: reverse; } @-webkit-keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .ball-scale-ripple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; height: 50px; width: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .ball-scale-ripple-multiple { position: relative; -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); } .ball-scale-ripple-multiple > div:nth-child(0) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .ball-scale-ripple-multiple > div:nth-child(1) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .ball-scale-ripple-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ball-scale-ripple-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ball-scale-ripple-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: -2px; left: -26px; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @-webkit-keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ball-beat > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: ball-beat 0.7s 0s infinite linear; animation: ball-beat 0.7s 0s infinite linear; } .ball-beat > div:nth-child(2n-1) { -webkit-animation-delay: -0.35s !important; animation-delay: -0.35s !important; } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale-multiple { position: relative; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ball-scale-multiple > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: -30px; top: 0px; opacity: 0; margin: 0; width: 60px; height: 60px; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } @-webkit-keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } .ball-triangle-path { position: relative; -webkit-transform: translate(-29.994px, -37.50938px); -ms-transform: translate(-29.994px, -37.50938px); transform: translate(-29.994px, -37.50938px); } .ball-triangle-path > div:nth-child(1) { -webkit-animation-name: ball-triangle-path-1; animation-name: ball-triangle-path-1; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(2) { -webkit-animation-name: ball-triangle-path-2; animation-name: ball-triangle-path-2; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(3) { -webkit-animation-name: ball-triangle-path-3; animation-name: ball-triangle-path-3; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ball-triangle-path > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #fff; } .ball-triangle-path > div:nth-of-type(1) { top: 50px; } .ball-triangle-path > div:nth-of-type(2) { left: 25px; } .ball-triangle-path > div:nth-of-type(3) { top: 50px; left: 50px; } @-webkit-keyframes ball-pulse-rise-even { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); } 75% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-pulse-rise-even { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); } 75% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ball-pulse-rise-odd { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); } 25% { -webkit-transform: translateY(30px); transform: translateY(30px); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75); } } @keyframes ball-pulse-rise-odd { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); } 25% { -webkit-transform: translateY(30px); transform: translateY(30px); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75); } } .ball-pulse-rise > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } .ball-pulse-rise > div:nth-child(2n) { -webkit-animation-name: ball-pulse-rise-even; animation-name: ball-pulse-rise-even; } .ball-pulse-rise > div:nth-child(2n-1) { -webkit-animation-name: ball-pulse-rise-odd; animation-name: ball-pulse-rise-odd; } @-webkit-keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } .ball-grid-beat { width: 57px; } .ball-grid-beat > div:nth-child(1) { -webkit-animation-delay: 0.44s; animation-delay: 0.44s; -webkit-animation-duration: 1.27s; animation-duration: 1.27s; } .ball-grid-beat > div:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-duration: 1.52s; animation-duration: 1.52s; } .ball-grid-beat > div:nth-child(3) { -webkit-animation-delay: 0.14s; animation-delay: 0.14s; -webkit-animation-duration: 0.61s; animation-duration: 0.61s; } .ball-grid-beat > div:nth-child(4) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; -webkit-animation-duration: 0.82s; animation-duration: 0.82s; } .ball-grid-beat > div:nth-child(5) { -webkit-animation-delay: -0.01s; animation-delay: -0.01s; -webkit-animation-duration: 1.24s; animation-duration: 1.24s; } .ball-grid-beat > div:nth-child(6) { -webkit-animation-delay: -0.07s; animation-delay: -0.07s; -webkit-animation-duration: 1.35s; animation-duration: 1.35s; } .ball-grid-beat > div:nth-child(7) { -webkit-animation-delay: 0.29s; animation-delay: 0.29s; -webkit-animation-duration: 1.44s; animation-duration: 1.44s; } .ball-grid-beat > div:nth-child(8) { -webkit-animation-delay: 0.63s; animation-delay: 0.63s; -webkit-animation-duration: 1.19s; animation-duration: 1.19s; } .ball-grid-beat > div:nth-child(9) { -webkit-animation-delay: -0.18s; animation-delay: -0.18s; -webkit-animation-duration: 1.48s; animation-duration: 1.48s; } .ball-grid-beat > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-beat; animation-name: ball-grid-beat; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .ball-grid-pulse { width: 57px; } .ball-grid-pulse > div:nth-child(1) { -webkit-animation-delay: 0.58s; animation-delay: 0.58s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } .ball-grid-pulse > div:nth-child(2) { -webkit-animation-delay: 0.01s; animation-delay: 0.01s; -webkit-animation-duration: 0.94s; animation-duration: 0.94s; } .ball-grid-pulse > div:nth-child(3) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-duration: 1.43s; animation-duration: 1.43s; } .ball-grid-pulse > div:nth-child(4) { -webkit-animation-delay: -0.03s; animation-delay: -0.03s; -webkit-animation-duration: 0.74s; animation-duration: 0.74s; } .ball-grid-pulse > div:nth-child(5) { -webkit-animation-delay: 0.21s; animation-delay: 0.21s; -webkit-animation-duration: 0.68s; animation-duration: 0.68s; } .ball-grid-pulse > div:nth-child(6) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-duration: 1.17s; animation-duration: 1.17s; } .ball-grid-pulse > div:nth-child(7) { -webkit-animation-delay: 0.46s; animation-delay: 0.46s; -webkit-animation-duration: 1.41s; animation-duration: 1.41s; } .ball-grid-pulse > div:nth-child(8) { -webkit-animation-delay: 0.02s; animation-delay: 0.02s; -webkit-animation-duration: 1.56s; animation-duration: 1.56s; } .ball-grid-pulse > div:nth-child(9) { -webkit-animation-delay: 0.13s; animation-delay: 0.13s; -webkit-animation-duration: 0.78s; animation-duration: 0.78s; } .ball-grid-pulse > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes ball-spin-fade-loader { 50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-spin-fade-loader { 50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ball-spin-fade-loader { position: relative; top: -10px; left: -10px; } .ball-spin-fade-loader > div:nth-child(1) { top: 25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear; animation: ball-spin-fade-loader 1s -0.96s infinite linear; } .ball-spin-fade-loader > div:nth-child(2) { top: 17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear; animation: ball-spin-fade-loader 1s -0.84s infinite linear; } .ball-spin-fade-loader > div:nth-child(3) { top: 0; left: 25px; -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear; animation: ball-spin-fade-loader 1s -0.72s infinite linear; } .ball-spin-fade-loader > div:nth-child(4) { top: -17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear; animation: ball-spin-fade-loader 1s -0.6s infinite linear; } .ball-spin-fade-loader > div:nth-child(5) { top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear; animation: ball-spin-fade-loader 1s -0.48s infinite linear; } .ball-spin-fade-loader > div:nth-child(6) { top: -17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear; animation: ball-spin-fade-loader 1s -0.36s infinite linear; } .ball-spin-fade-loader > div:nth-child(7) { top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear; animation: ball-spin-fade-loader 1s -0.24s infinite linear; } .ball-spin-fade-loader > div:nth-child(8) { top: 17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear; animation: ball-spin-fade-loader 1s -0.12s infinite linear; } .ball-spin-fade-loader > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; } @-webkit-keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } .ball-spin-loader { position: relative; } .ball-spin-loader > span:nth-child(1) { top: 45px; left: 0; -webkit-animation: ball-spin-loader 2s 0.9s infinite linear; animation: ball-spin-loader 2s 0.9s infinite linear; } .ball-spin-loader > span:nth-child(2) { top: 30.68182px; left: 30.68182px; -webkit-animation: ball-spin-loader 2s 1.8s infinite linear; animation: ball-spin-loader 2s 1.8s infinite linear; } .ball-spin-loader > span:nth-child(3) { top: 0; left: 45px; -webkit-animation: ball-spin-loader 2s 2.7s infinite linear; animation: ball-spin-loader 2s 2.7s infinite linear; } .ball-spin-loader > span:nth-child(4) { top: -30.68182px; left: 30.68182px; -webkit-animation: ball-spin-loader 2s 3.6s infinite linear; animation: ball-spin-loader 2s 3.6s infinite linear; } .ball-spin-loader > span:nth-child(5) { top: -45px; left: 0; -webkit-animation: ball-spin-loader 2s 4.5s infinite linear; animation: ball-spin-loader 2s 4.5s infinite linear; } .ball-spin-loader > span:nth-child(6) { top: -30.68182px; left: -30.68182px; -webkit-animation: ball-spin-loader 2s 5.4s infinite linear; animation: ball-spin-loader 2s 5.4s infinite linear; } .ball-spin-loader > span:nth-child(7) { top: 0; left: -45px; -webkit-animation: ball-spin-loader 2s 6.3s infinite linear; animation: ball-spin-loader 2s 6.3s infinite linear; } .ball-spin-loader > span:nth-child(8) { top: 30.68182px; left: -30.68182px; -webkit-animation: ball-spin-loader 2s 7.2s infinite linear; animation: ball-spin-loader 2s 7.2s infinite linear; } .ball-spin-loader > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 15px; height: 15px; border-radius: 100%; background: green; } @-webkit-keyframes ball-zig { 33% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 66% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig { 33% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 66% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag { 33% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 66% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag { 33% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 66% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ball-zig-zag { position: relative; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); } .ball-zig-zag > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag > div:first-child { -webkit-animation: ball-zig 0.7s 0s infinite linear; animation: ball-zig 0.7s 0s infinite linear; } .ball-zig-zag > div:last-child { -webkit-animation: ball-zag 0.7s 0s infinite linear; animation: ball-zag 0.7s 0s infinite linear; } @-webkit-keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ball-zig-zag-deflect { position: relative; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); } .ball-zig-zag-deflect > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag-deflect > div:first-child { -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear; animation: ball-zig-deflect 1.5s 0s infinite linear; } .ball-zig-zag-deflect > div:last-child { -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear; animation: ball-zag-deflect 1.5s 0s infinite linear; } /** * Lines */ @-webkit-keyframes line-scale { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } .line-scale > div:nth-child(1) { -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(2) { -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(3) { -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(4) { -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(5) { -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } @-webkit-keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .line-scale-party > div:nth-child(1) { -webkit-animation-delay: -0.09s; animation-delay: -0.09s; -webkit-animation-duration: 0.83s; animation-duration: 0.83s; } .line-scale-party > div:nth-child(2) { -webkit-animation-delay: 0.33s; animation-delay: 0.33s; -webkit-animation-duration: 0.64s; animation-duration: 0.64s; } .line-scale-party > div:nth-child(3) { -webkit-animation-delay: 0.32s; animation-delay: 0.32s; -webkit-animation-duration: 0.39s; animation-duration: 0.39s; } .line-scale-party > div:nth-child(4) { -webkit-animation-delay: 0.47s; animation-delay: 0.47s; -webkit-animation-duration: 0.52s; animation-duration: 0.52s; } .line-scale-party > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } .line-scale-pulse-out > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); } .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay: -0.4s !important; animation-delay: -0.4s !important; } .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay: -0.2s !important; animation-delay: -0.2s !important; } @-webkit-keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } 90% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } 90% { -webkit-transform: scaley(1); transform: scaley(1); } } .line-scale-pulse-out-rapid > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); } .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) { -webkit-animation-delay: -0.25s !important; animation-delay: -0.25s !important; } .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; } @-webkit-keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } .line-spin-fade-loader { position: relative; top: -10px; left: -4px; } .line-spin-fade-loader > div:nth-child(1) { top: 20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(2) { top: 13.63636px; left: 13.63636px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(3) { top: 0; left: 20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(4) { top: -13.63636px; left: 13.63636px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(5) { top: -20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(6) { top: -13.63636px; left: -13.63636px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(7) { top: 0; left: -20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(8) { top: 13.63636px; left: -13.63636px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; } .line-spin-fade-loader > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 5px; height: 15px; } /** * Misc */ @-webkit-keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } .triangle-skew-spin > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @-webkit-keyframes square-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @keyframes square-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } .square-spin > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 50px; height: 50px; background: #fff; border: 1px solid red; -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @-webkit-keyframes rotate_pacman_half_up { 0% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes rotate_pacman_half_up { 0% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @-webkit-keyframes rotate_pacman_half_down { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes rotate_pacman_half_down { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes pacman-balls { 75% { opacity: 0.7; } 100% { -webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px); } } @keyframes pacman-balls { 75% { opacity: 0.7; } 100% { -webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px); } } .pacman { position: relative; } .pacman > div:nth-child(2) { -webkit-animation: pacman-balls 1s -0.99s infinite linear; animation: pacman-balls 1s -0.99s infinite linear; } .pacman > div:nth-child(3) { -webkit-animation: pacman-balls 1s -0.66s infinite linear; animation: pacman-balls 1s -0.66s infinite linear; } .pacman > div:nth-child(4) { -webkit-animation: pacman-balls 1s -0.33s infinite linear; animation: pacman-balls 1s -0.33s infinite linear; } .pacman > div:nth-child(5) { -webkit-animation: pacman-balls 1s 0s infinite linear; animation: pacman-balls 1s 0s infinite linear; } .pacman > div:first-of-type { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; border-radius: 25px; -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite; animation: rotate_pacman_half_up 0.5s 0s infinite; position: relative; left: -30px; } .pacman > div:nth-child(2) { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; border-radius: 25px; -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite; animation: rotate_pacman_half_down 0.5s 0s infinite; margin-top: -50px; position: relative; left: -30px; } .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; width: 10px; height: 10px; position: absolute; -webkit-transform: translate(0, -6.25px); -ms-transform: translate(0, -6.25px); transform: translate(0, -6.25px); top: 25px; left: 70px; } @-webkit-keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); } 75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); } 75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .cube-transition { position: relative; -webkit-transform: translate(-25px, -25px); -ms-transform: translate(-25px, -25px); transform: translate(-25px, -25px); } .cube-transition > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 10px; height: 10px; position: absolute; top: -5px; left: -5px; background-color: #fff; -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out; animation: cube-transition 1.6s 0s infinite ease-in-out; } .cube-transition > div:last-child { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes spin-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .semi-circle-spin { position: relative; width: 35px; height: 35px; overflow: hidden; } .semi-circle-spin > div { position: absolute; border-width: 0px; border-radius: 100%; -webkit-animation: spin-rotate 0.6s 0s infinite linear; animation: spin-rotate 0.6s 0s infinite linear; background-image: -webkit-linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%); background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%); width: 100%; height: 100%; } @-webkit-keyframes bar-progress { 0% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } 25% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 50% { -webkit-transform: translateX(20%) scaleY(20%); transform: translateX(20%) scaleY(20%); opacity: 1; } 75% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 100% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } } @keyframes bar-progress { 0% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } 25% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 50% { -webkit-transform: translateX(20%) scaleY(20%); transform: translateX(20%) scaleY(20%); opacity: 1; } 75% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 100% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } } .bar-progress { width: 30%; height: 12px; } .bar-progress > div { position: relative; width: 20%; height: 12px; border-radius: 10px; background-color: #fff; -webkit-animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite; animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite; opacity: 1; } @-webkit-keyframes bar-swing { 0% { left: 0; } 50% { left: 70%; } 100% { left: 0; } } @keyframes bar-swing { 0% { left: 0; } 50% { left: 70%; } 100% { left: 0; } } .bar-swing { width: 30%; height: 8px; } .bar-swing > div { position: relative; width: 30%; height: 8px; border-radius: 10px; background-color: #fff; -webkit-animation: bar-swing 1.5s infinite; animation: bar-swing 1.5s infinite; } @-webkit-keyframes bar-swing-container { 0% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } 50% { left: 70%; -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bar-swing-container { 0% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } 50% { left: 70%; -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } } .bar-swing-container { width: 20%; height: 8px; position: relative; } .bar-swing-container div:nth-child(1) { position: absolute; width: 100%; background-color: rgba(255, 255, 255, 0.2); height: 12px; border-radius: 10px; } .bar-swing-container div:nth-child(2) { position: absolute; width: 30%; height: 8px; border-radius: 10px; background-color: #fff; -webkit-animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite; animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite; margin: 2px 2px 0; } .sk-spinner { color: #333; } .sk-spinner > div { background-color: currentColor; } .ball-triangle-path > div, .ball-scale-ripple-multiple > div, .ball-scale-ripple > div { background-color: initial; border-color: currentColor; } .ball-clip-rotate > div { background-color: initial; border-top-color: currentColor; border-right-color: currentColor; border-left-color: currentColor; } .ball-clip-rotate-pulse > div:first-child { background-color: currentColor; } .ball-clip-rotate-pulse > div:last-child { background-color: initial; border-top-color: currentColor; border-bottom-color: currentColor; } .ball-clip-rotate-multiple > div:first-child { background-color: initial; border-right-color: currentColor; border-left-color: currentColor; } .ball-clip-rotate-multiple > div:last-child { background-color: initial; border-top-color: currentColor; border-bottom-color: currentColor; } .triangle-skew-spin > div { background-color: initial; border-bottom-color: currentColor; } .pacman > div:nth-child(1), .pacman > div:nth-child(2) { background-color: initial; border-top-color: currentColor; border-left-color: currentColor; border-bottom-color: currentColor; } .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5) { background-color: currentColor; } @-webkit-keyframes sk-fade-in { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes sk-fade-in { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes sk-fade-in { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes sk-fade-in { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } .sk-fade-in { -webkit-animation: sk-fade-in 2s; -moz-animation: sk-fade-in 2s; -o-animation: sk-fade-in 2s; -ms-animation: sk-fade-in 2s; animation: sk-fade-in 2s; } .sk-fade-in-half-second { -webkit-animation: sk-fade-in 1s; -moz-animation: sk-fade-in 1s; -o-animation: sk-fade-in 1s; -ms-animation: sk-fade-in 1s; animation: sk-fade-in 1s; } .sk-fade-in-quarter-second { -webkit-animation: sk-fade-in 0.5s; -moz-animation: sk-fade-in 0.5s; -o-animation: sk-fade-in 0.5s; -ms-animation: sk-fade-in 0.5s; animation: sk-fade-in 0.5s; } .sk-chasing-dots { width: 27px; height: 27px; position: relative; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; } .sk-chasing-dots > div { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: currentColor; border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .sk-chasing-dots > div:last-child { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .sk-circle { width: 22px; height: 22px; position: relative; } .sk-circle > div { background-color: initial; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle > div::before { content: ''; display: block; margin: 0 auto; width: 20%; height: 20%; background-color: currentColor; border-radius: 100%; -webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out; animation: sk-bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-circle > div:nth-child(2) { -webkit-transform: rotate(30deg); transform: rotate(30deg) } .sk-circle > div:nth-child(3) { -webkit-transform: rotate(60deg); transform: rotate(60deg) } .sk-circle > div:nth-child(4) { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .sk-circle > div:nth-child(5) { -webkit-transform: rotate(120deg); transform: rotate(120deg) } .sk-circle > div:nth-child(6) { -webkit-transform: rotate(150deg); transform: rotate(150deg) } .sk-circle > div:nth-child(7) { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .sk-circle > div:nth-child(8) { -webkit-transform: rotate(210deg); transform: rotate(210deg) } .sk-circle > div:nth-child(9) { -webkit-transform: rotate(240deg); transform: rotate(240deg) } .sk-circle > div:nth-child(10) { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .sk-circle > div:nth-child(11) { -webkit-transform: rotate(300deg); transform: rotate(300deg) } .sk-circle > div:nth-child(12) { -webkit-transform: rotate(330deg); transform: rotate(330deg) } .sk-circle > div:nth-child(2)::before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .sk-circle > div:nth-child(3)::before { -webkit-animation-delay: -1.0s; animation-delay: -1.0s } .sk-circle > div:nth-child(4)::before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s } .sk-circle > div:nth-child(5)::before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s } .sk-circle > div:nth-child(6)::before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s } .sk-circle > div:nth-child(7)::before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s } .sk-circle > div:nth-child(8)::before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s } .sk-circle > div:nth-child(9)::before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s } .sk-circle > div:nth-child(10)::before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s } .sk-circle > div:nth-child(11)::before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s } .sk-circle > div:nth-child(12)::before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0); transform: scale(0.0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .sk-cube-grid { width: 27px; height: 27px; } .sk-cube-grid > div { width: 33%; height: 33%; background-color: currentColor; float: left; -webkit-animation: sk-scaleDelay 1.3s infinite ease-in-out; animation: sk-scaleDelay 1.3s infinite ease-in-out; } /* * Spinner positions * 1 2 3 * 4 5 6 * 7 8 9 */ .sk-cube-grid > div:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s } .sk-cube-grid > div:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s } .sk-cube-grid > div:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s } .sk-cube-grid > div:nth-child(4) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s } .sk-cube-grid > div:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s } .sk-cube-grid > div:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s } .sk-cube-grid > div:nth-child(7) { -webkit-animation-delay: 0.0s; animation-delay: 0.0s } .sk-cube-grid > div:nth-child(8) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s } .sk-cube-grid > div:nth-child(9) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s } @-webkit-keyframes sk-scaleDelay { 0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0) } 35% { -webkit-transform:scale3D(0.0, 0.0, 1.0) } } @keyframes sk-scaleDelay { 0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(1.0, 1.0, 1.0) } 35% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(0.0, 0.0, 1.0) } } .sk-double-bounce { width: 27px; height: 27px; position: relative; } .sk-double-bounce > div { width: 100%; height: 100%; border-radius: 50%; background-color: currentColor; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .sk-double-bounce > div:last-child { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .sk-folding-cube { width: 27px; height: 27px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .sk-folding-cube > div { background-color: initial; float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube > div::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: currentColor; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube > div:nth-child(2) { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube > div:nth-child(4) { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube > div:nth-child(3) { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube > div:nth-child(2)::before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube > div:nth-child(4)::before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube > div:nth-child(3)::before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } .sk-pulse > div { width: 27px; height: 27px; background-color: currentColor; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes sk-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .sk-rotating-plane > div { width: 27px; height: 27px; background-color: currentColor; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .sk-three-bounce { height: 18px; } .sk-three-bounce > div { width: 18px; height: 18px; background-color: currentColor; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out; animation: sk-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-three-bounce > div:first-child { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce > div:nth-child(2) { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .sk-wandering-cubes { width: 52px; height: 52px; position: relative; } .sk-wandering-cubes > div { background-color: currentColor; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: sk-cubemove 1.8s infinite ease-in-out; animation: sk-cubemove 1.8s infinite ease-in-out; } .sk-wandering-cubes > div:last-child { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes sk-cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .sk-wave { width: 30px; height: 27px; } .sk-wave > div { background-color: currentColor; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .sk-wave > div:nth-child(2) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-wave > div:nth-child(3) { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .sk-wave > div:nth-child(4) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-wave > div:nth-child(5) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .sk-wordpress > div { width: 27px; height: 27px; background-color: currentColor; display: inline-block; border-radius: 27px; position: relative; -webkit-animation: sk-inner-circle 1s linear infinite; animation: sk-inner-circle 1s linear infinite; } .sk-wordpress > div::after { content: ''; display: block; background-color: #fff; width: 8px; height: 8px; position: absolute; border-radius: 8px; top: 5px; left: 5px; } @-webkit-keyframes sk-inner-circle { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } } @keyframes sk-inner-circle { 0% { transform: rotate(0); -webkit-transform:rotate(0); } 100% { transform: rotate(360deg); -webkit-transform:rotate(360deg); } } .inline-loader{display:inline-block;opacity:1;max-height:50px;transition:all .5s ease}.inline-loader__bounce{display:inline-block;height:10px;margin-left:15px}.inline-loader__bounce div{height:10px;width:10px}.inline-loader--hidden,.loader--hidden{max-height:0;opacity:0}.loader--full-page{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.6);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.loader--full-page .sk-spinner{width:50px;height:50px} .time_peace_button{padding:10px;padding-left:25px;padding-right:25px;border-radius:2px;background-color:#497af2;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24),0 0 8px 0 rgba(0,0,0,.12),0 8px 8px 0 rgba(0,0,0,.24);color:#fff;position:relative}.time_peace_button,.time_peace_button--link{border:0;font-size:.9em;outline:0;cursor:pointer}.time_peace_button--link{color:#737373;background:transparent}.time_peace_button--link-active{color:#497af2}.time_peace_button--delete{color:#e74c3c;cursor:pointer;font-size:.9em;background:transparent;border:0;outline:0}.time_peace_button--disabled{background:#737373}.time_peace_button__options{background:#fff;position:absolute;top:2.2rem;right:0;text-align:right;z-index:22;min-width:12rem;overflow:hidden;transition:all .5s ease;border-bottom-left-radius:5px;border:1px solid #f0eded;border-bottom-right-radius:5px;border-top-left-radius:5px}.time_peace_button__options--open{max-height:15rem}.time_peace_button--link.time_peace_button--disabled{background:transparent;color:#737373!important}.time_peace_button__options--close{max-height:0;border:0}.time_peace_button__option{height:2rem;line-height:2rem;color:#212121;padding-right:.5rem;padding-left:1rem;cursor:pointer}.time_peace_button__option:hover{background:#d3d3d3}.time_peace_button__arrow{width:0;height:0;border-style:solid;border-width:7px 7.5px 0;border-color:#fff transparent transparent;position:absolute;top:50%;right:5px;-ms-transform:translateY(-50%);transform:translateY(-50%);transition:all .5s ease}.time_peace_button__arrow--open{-ms-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg)}.time_peace_button__arrow--close{-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.time_peace_button__container{position:relative;display:inline-block;height:2.2rem}.time_peace_button__container .time_peace_button{display:block;padding-top:0;padding-bottom:0;line-height:2.2rem}.time_peace_button--gray-style{color:#6e7d8a;border:1px solid #6e7d8a;background:#fff;box-shadow:none}.time_peace_button--blue-style-bold{color:#007aff;font-weight:700;box-shadow:none}.time_peace_button--blue-style{color:#007aff;box-shadow:none}.time_peace_button--gray-border-style{border-radius:2px;border:2px solid #dcdcdc;padding:.3rem;padding-left:1rem;padding-right:1rem}.toolbar_today_button{margin-left:.6rem;margin-right:.6rem}@media only screen and (max-width:750px){.event_dialog .time_peace_button--delete{right:4rem!important;color:#fff!important;border-radius:4px!important;padding:.1rem 1rem .3rem!important;background-color:#9c0000!important}}@media only screen and (max-width:375px){.event_dialog .time_peace_button--delete{right:3rem!important;padding:.3rem!important}} .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { margin-left: -8px; position: absolute; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { content: ""; z-index: -1; border-width: 8px; left: -8px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { top: 0; margin-top: -8px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-top: none; border-bottom-color: #f0f0f0; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { top: -1px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { bottom: 0; margin-bottom: -8px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { border-bottom: none; border-top-color: #fff; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { bottom: -1px; border-top-color: #aeaeae; } .react-datepicker-wrapper { display: inline-block; } .react-datepicker { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: 0.3rem; display: inline-block; position: relative; } .react-datepicker--time-only .react-datepicker__triangle { left: 35px; } .react-datepicker--time-only .react-datepicker__time-container { border-left: 0; } .react-datepicker--time-only .react-datepicker__time { border-radius: 0.3rem; } .react-datepicker--time-only .react-datepicker__time-box { border-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 1; } .react-datepicker-popper[data-placement^="bottom"] { margin-top: 10px; } .react-datepicker-popper[data-placement^="top"] { margin-bottom: 10px; } .react-datepicker-popper[data-placement^="right"] { margin-left: 8px; } .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^="left"] { margin-right: 8px; } .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle { left: 42px; right: auto; } .react-datepicker__header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; padding-top: 8px; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0 2px; } .react-datepicker__current-month, .react-datepicker-time__header { margin-top: 0; color: #000; font-weight: bold; font-size: 0.944rem; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { background: none; line-height: 1.7rem; text-align: center; cursor: pointer; position: absolute; top: 10px; width: 0; padding: 0; border: 0.45rem solid transparent; z-index: 1; height: 10px; width: 10px; text-indent: -999em; overflow: hidden; } .react-datepicker__navigation--previous { left: 10px; border-right-color: #ccc; } .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; } .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; } .react-datepicker__navigation--next { right: 10px; border-left-color: #ccc; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 80px; } .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; } .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; } .react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__navigation--years-previous { top: 4px; border-top-color: #ccc; } .react-datepicker__navigation--years-previous:hover { border-top-color: #b3b3b3; } .react-datepicker__navigation--years-upcoming { top: -4px; border-bottom-color: #ccc; } .react-datepicker__navigation--years-upcoming:hover { border-bottom-color: #b3b3b3; } .react-datepicker__month-container { float: left; } .react-datepicker__month { margin: 0.4rem; text-align: center; } .react-datepicker__time-container { float: right; border-left: 1px solid #aeaeae; width: 70px; } .react-datepicker__time-container--with-today-button { display: inline; border: 1px solid #aeaeae; border-radius: 0.3rem; position: absolute; right: -72px; top: 0; } .react-datepicker__time-container .react-datepicker__time { position: relative; background: white; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 70px; overflow-x: hidden; margin: 0 auto; text-align: center; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0; height: calc(195px + (1.7rem / 2)); overflow-y: scroll; padding-right: 0px; padding-left: 0px; width: 100%; box-sizing: content-box; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: #f0f0f0; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: #216ba5; color: white; font-weight: bold; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: #216ba5; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: #ccc; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__week-number { color: #ccc; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day-names, .react-datepicker__week { white-space: nowrap; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__day { cursor: pointer; } .react-datepicker__day:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day--today { font-weight: bold; } .react-datepicker__day--highlighted { border-radius: 0.3rem; background-color: #3dcc4a; color: #fff; } .react-datepicker__day--highlighted:hover { background-color: #32be3f; } .react-datepicker__day--highlighted-custom-1 { color: magenta; } .react-datepicker__day--highlighted-custom-2 { color: green; } .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover { background-color: #1d5d90; } .react-datepicker__day--keyboard-selected { border-radius: 0.3rem; background-color: #2a87d0; color: #fff; } .react-datepicker__day--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) { background-color: rgba(33, 107, 165, 0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) { background-color: #f0f0f0; color: #000; } .react-datepicker__day--disabled { cursor: default; color: #ccc; } .react-datepicker__day--disabled:hover { background-color: transparent; } .react-datepicker__input-container { position: relative; display: inline-block; } .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; } .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; } .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: #b3b3b3; } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { border-top-color: #ccc; float: right; margin-left: 20px; top: 8px; position: relative; border-width: 0.45rem; } .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: #f0f0f0; position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid #aeaeae; } .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; } .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; } .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: #ccc; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: #b3b3b3; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: #b3b3b3; } .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; } .react-datepicker__close-icon { background-color: transparent; border: 0; cursor: pointer; outline: 0; padding: 0; vertical-align: middle; position: absolute; height: 16px; width: 16px; top: 25%; right: 7px; } .react-datepicker__close-icon::after { background-color: #216ba5; border-radius: 50%; bottom: 0; box-sizing: border-box; color: #fff; content: "\D7"; cursor: pointer; font-size: 12px; height: 16px; width: 16px; line-height: 1; margin: -8px auto 0; padding: 2px; position: absolute; right: 0px; text-align: center; } .react-datepicker__today-button { background: #f0f0f0; border-top: 1px solid #aeaeae; cursor: pointer; text-align: center; font-weight: bold; padding: 5px 0; clear: left; } .react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; z-index: 2147483647; } .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; } @media (max-width: 400px), (max-height: 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } } .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; } .react-datepicker__portal .react-datepicker__navigation { border: 0.81rem solid transparent; } .react-datepicker__portal .react-datepicker__navigation--previous { border-right-color: #ccc; } .react-datepicker__portal .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; } .react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; } .react-datepicker__portal .react-datepicker__navigation--next { border-left-color: #ccc; } .react-datepicker__portal .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; } .react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; } .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.auto_select__container{display:block!important}.auto_select__container__button{position:absolute;top:0;right:.3rem;width:1rem;height:100%;cursor:pointer}.auto_select__container__button .auto_select__container__button__arrow{width:0;height:0;border-style:solid;border-width:7px 7.5px 0;border-color:#737373 transparent transparent;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .5s ease}.auto_select__container__button--open .auto_select__container__button__arrow{-ms-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}.auto_select__container__button--close .auto_select__container__button__arrow{-ms-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}.auto_select{position:relative;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);transition:all .5s ease}.auto_select--invisible{opacity:0}.auto_select__container>div{z-index:1;-ms-transform:translateY(-2px);transform:translateY(-2px);background:transparent!important;position:absolute;top:3em;left:0;width:100%;min-height:auto;max-height:10em;overflow:auto;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24)}.auto_select__item{transition:all .5s ease;background:#f0f0f0;line-height:2.5rem;height:2.5rem;padding-left:2em;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.auto_select__item--highlight{background:gray}.auto_select--with-material-placeholder{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;height:4rem}.auto_select--with-material-placeholder input{height:2rem}.auto_select__placeholder{position:absolute;top:1.8rem;transition:all .3s ease;color:#d3d3d3;padding-left:1rem}.auto_select__placeholder--top{font-size:.8rem;top:1rem}.auto_select__placeholder--focused{color:#4979f3;font-size:.8rem;top:1rem} .address_input_icon{width:.9rem;height:1.2rem;display:inline-block;vertical-align:middle;margin-right:1rem;background:url(https://beta.timepeace.io/5db73fe82debe00de448b79374506d42.png);background-size:cover}.address_area_value,.address_area_value_edit{resize:none}.address_area_value{padding-top:1.8rem!important}.address_area_value_edit,.address_area_value_min{padding-top:1rem!important}.address_area_value_edit{padding-left:1rem;padding-bottom:1rem;padding-right:1.5rem}.address_clear_btn_cont{position:absolute;right:10px;top:0;height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.address_clear_btn{background-color:#f0f0f0;width:20px;height:20px;background-image:url(https://beta.timepeace.io/f15a35c2ace5456cae4d3d702363dc33.svg);background-size:contain;background-repeat:no-repeat}.address_container{position:relative}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx){.address_input_icon{background:url(https://beta.timepeace.io/95076296dceb4f10a78f6b67e45aef3f.png);background-size:cover}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.address_input_icon{background:url(https://beta.timepeace.io/a52d065d738cc1b8fa8292c2c7473919.png);background-size:cover}} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.checkbox__container{display:inline-block;cursor:pointer;vertical-align:middle}.checkbox__container__message{vertical-align:middle;display:inline-block;margin-left:1.1em}.checkbox__container__checkbox{border:2px solid #757575;display:inline-block;border-radius:4px;background:#fff;height:25px;width:25px;vertical-align:middle}.checkbox__container__checkbox--checked{background:#497af2;border-color:#497af2}.checkbox__container__checkbox--disabled{background:#757575;border:2px solid #757575}.checkbox__container__checkbox__tick{width:14px;height:16px;-ms-transform:translate(6px,3px) rotate(45deg);transform:translate(6px,3px) rotate(45deg);overflow:hidden}.checkbox__container__checkbox__tick_content{border:2px solid #fff;border-top:0;border-left:0;height:15px;width:10px;position:absolute;top:4px;left:2px;-ms-transform:translate(-3px,-4px);transform:translate(-3px,-4px)}.checkbox__container__checkbox--radio{border-radius:50%;border-color:#497af2;width:26px;height:26px;background:#fff!important}.checkbox__container__checkbox--radio .checkbox__container__checkbox__tick{border-radius:50%;background:#497af2;-ms-transform:none;transform:none;margin:3px auto;width:16px;height:16px}.checkbox__container__checkbox--radio .checkbox__container__checkbox__tick_content{display:none} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.date_picker__input{background:#f0f0f0;border-radius:2px;height:3em;outline:0;border:0;font-size:.9rem;height:2.5em;text-align:center;width:7.5rem}.date_picker{display:inline-block;margin-right:.8rem} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.text_box{margin-top:1.2rem;transition:all .5s ease}.text_box--invisible{opacity:0}.text_box__input{border:0;color:#535353;border-bottom:2px solid rgba(0,0,0,.12);outline:0;width:100%;max-width:330px;height:2rem}.text_box__input:-ms-input-placeholder{color:#535353}.text_box__input::placeholder{color:#535353}.text_box__input--focused{color:#000;border-bottom-color:#4979f3!important}.text_box__input--error{border-bottom-color:red!important;background-image:url(https://beta.timepeace.io/a188ce8bc3c370dd02540d5e4986409d.png);background-repeat:no-repeat;background-size:1.5rem;background-position-x:right;background-position-y:center;background-position:calc(100% - 1rem)}.text_box__area{border:0;color:rgba(0,0,0,.38);border-bottom:2px solid rgba(0,0,0,.12);outline:0;width:100%}.text_box__area--focused{color:#000;border-bottom-color:#4979f3!important}.text_box__area--error{border-bottom-color:red!important}.text_box{display:-ms-flexbox;display:flex}.text_box__description{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;white-space:nowrap;padding-left:.5rem;padding-right:.5rem}.text_box__counter__value{text-align:right;font-size:.7rem;color:#727272;margin-top:.4rem;padding-right:.7rem}.text_box--with-material{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;height:4rem}.text_box--with-material input{height:2rem;padding:1rem;padding-bottom:0;padding-top:1.6rem}.text_box__placeholder{position:absolute;top:1.8rem;left:1rem;transition:all .3s ease;color:#d3d3d3;pointer-events:none}.text_box__placeholder--top{font-size:.8rem;top:1rem}.text_box__placeholder--focused{color:#4979f3;font-size:.8rem;top:1rem}.text_box__error_desc{font-size:.8rem;margin-top:.5rem;color:red}.text_box--with-input{border-bottom:2px solid rgba(0,0,0,.12)}.text_box--with-input.text_box--focused{border-bottom-color:#4979f3!important}.text_box--with-input.text_box--error{border-bottom-color:red!important} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.input_with_label__label{color:#727272;font-size:.8rem;font-weight:400;transition:all .5s ease}.input_with_label__label--focus{color:#000}.input_with_label__input{margin-top:.6rem} .multi_select{position:relative;display:inline-block;-ms-flex:0 1 auto;flex:0 1 auto;min-width:7rem}.multi_select__select{white-space:nowrap}.multi_select__select--input{position:relative}.multi_select__select--input .multi_select__select__collapse_icon{position:absolute;top:50%;right:.5rem;-ms-transform:translateY(-50%);transform:translateY(-50%)}.multi_select__select--input .multi_select__select__collapse_icon--closed{-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.multi_select__select--input input{padding-right:1rem}.multi_select__select__label{display:inline-block;vertical-align:middle;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi_select__select__collapse_icon{width:0;height:0;margin-left:20px;border-style:solid;border-width:0 5px 5px;border-color:transparent transparent #737373;transition:all .5s ease;transition-delay:.2s;display:inline-block;cursor:pointer;vertical-align:middle;margin-top:2.5px}.multi_select__select__collapse_icon--opened{-ms-transform:rotate(0deg);transform:rotate(0deg)}.multi_select__select__collapse_icon--closed{-ms-transform:rotate(180deg);transform:rotate(180deg)}.multi_select__options{width:100%;overflow-x:hidden;transition:all .5s ease;background:#fff;background:#f4f4f4;border-radius:5px;border-top:0;border-top-left-radius:0;border-top-right-radius:0;min-width:15em;z-index:2;padding:1rem;padding-top:.3rem}.multi_select__options--opened{max-height:200px;overflow-y:auto}.multi_select__options--closed{max-height:0}.multi_select__options--select .multi_select__options__option{transition:all .5s ease;cursor:pointer}.multi_select__options--select .multi_select__options__option:hover{background:gray}.multi_select__options__option{line-height:2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media only screen and (max-width:900px){.multiselect--header--label{font-size:4.5vw!important;max-width:96%!important}.multiselect--header{max-width:92%!important;float:left}} .tag_component input{max-width:none}.tag_component__title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tag_component__title>*{margin-left:.5rem}.tag_component__title>:first-child{margin-left:0}.tag_component__title .auto_select{-ms-flex-preferred-size:60%;flex-basis:60%}.tag_component__title__plus{background:#d3d3d3;border-radius:50%;cursor:pointer;outline:0;font-weight:700;margin-left:1rem}.event_form_dialog__tags__item{max-width:0;transition:all .5s ease;opacity:0;max-height:0;white-space:nowrap;overflow:hidden}.event_form_dialog__tags__item--show{max-width:500px;opacity:1;max-height:200px}.event_form_dialog__tags__item--hide{opacity:0;max-width:500px} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.time-picker__input{background:#f0f0f0;border-radius:2px;height:3em;outline:0;border:0;font-size:.9rem;height:2.5em;text-align:center;width:5.5rem;transition:all .5s ease}.time-picker{display:inline-block;margin-right:.8rem}.time-picker .auto_select__item{padding-left:2px}.time-picker{max-width:8em}.time-picker.auto_select--invisible{max-width:0}.time-picker.auto_select--invisible input{width:0} .component_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1}.component_overlay__content{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-radius:10px;padding:3em;width:80%}.component_overlay__confirm_buttons{margin-top:2em;text-align:right}.component_overlay__confirm_buttons .time_peace_button{margin-left:1em} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.event_dialog__time__to{margin-right:.8rem}.event_dialog__close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.event_form_dialog__time__row{margin-top:1.5rem}.event_form_button__row__pns_info{-ms-flex:1;flex:1}.event_form_dialog__row,.event_form_simple_dialog__row{display:-ms-flexbox;display:flex;margin-top:1.5em}.event_form_dialog__row:first-child,.event_form_simple_dialog__row:first-child{margin-top:0}.event_form_dialog__row>div,.event_form_simple_dialog__row>div{-ms-flex-preferred-size:50%;flex-basis:50%;margin-left:.5em;margin-right:.5em;margin-top:0}.event_form_dialog__row>div:last-child,.event_form_simple_dialog__row>div:last-child{margin-right:0}.event_form_dialog__row>div:first-child,.event_form_simple_dialog__row>div:first-child{margin-left:0}.event_form_dialog__row .event_form_dialog__row__recurring_container,.event_form_simple_dialog__row .event_form_dialog__row__recurring_container{-ms-flex-preferred-size:18em;flex-basis:18em}.event_form_dialog__row .text_box--area,.event_form_simple_dialog__row .text_box--area{-ms-flex-preferred-size:100%;flex-basis:100%;margin-right:0;margin-left:0}.event_form_dialog__row .text_box__input,.event_form_simple_dialog__row .text_box__input{background:#f0f0f0;max-width:535px;height:3em;border-radius:2px}.event_form_dialog__row .text_box__counter,.event_form_simple_dialog__row .text_box__counter{max-width:535px}.event_form_dialog__row .text_box__area,.event_form_simple_dialog__row .text_box__area{background:#f0f0f0;height:5em;border-radius:2px;resize:none}.event_form_dialog__row .text_box__area_big,.event_form_simple_dialog__row .text_box__area_big{height:7em}.event_form_dialog__row .text_box__area_big_mobile,.event_form_simple_dialog__row .text_box__area_big_mobile{height:19em}.event_form_simple_dialog__row{display:block}.event_form_button__row{margin-top:1.5em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.event_form_button__row .time_peace_button--delete{margin-right:2em}.event_form_button__row .checkbox__container{white-space:nowrap;margin-right:3em}.event_form_dialog__row__recurring__options__row{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;margin-top:1em;-ms-flex-pack:justify;justify-content:space-between}.event_form_dialog__row__recurring__options__row .text_box{margin-top:0}.event_form_dialog__row__recurring__options__row__every_text{-ms-flex:0 0 2.5rem;flex:0 0 2.5rem;margin-top:0!important;margin-bottom:0;margin-right:.8em}.event_form_dialog__row__recurring__options__row__every_text input{text-align:right}.event_form_dialog__row__recurring__options__row__every_select{-ms-flex:1 0;flex:1 0}.event_form_dialog__row__recurring__options__row__every_select .auto_select__item,.event_form_dialog__row__recurring__options__row__every_select input{padding-left:5px}.event_form_dialog__row__recurring__options__row__message{-ms-flex:0 0 7em;flex:0 0 7em;margin-right:.5em;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.event_form_dialog__row__recurring__options{overflow:hidden;transition:all .5s ease}.event_form_dialog__row__recurring__options--visible{max-height:18em;opacity:1;overflow:visible}.event_form_dialog__row__recurring__options--invisible{max-height:0;opacity:0}.event_form_dialog__row__recurring__options__row--end input{width:100%!important}.event_form_dialog__row__recurring__options__row__every_select{max-width:10.5rem}@media (max-width:870px){.event_form_dialog__row__recurring__options__row{display:block}.event_form_dialog__row__recurring__options__row .event_form_dialog__row__recurring__right{margin-top:1rem}.event_form_dialog__row__recurring__options__row .recurring__options__repeats_on_label{margin-left:0;padding-left:0;-ms-flex:0 0 8em;flex:0 0 8em;margin-right:.5em}}.event_dialog .text_box__input[role=combobox],.event_dialog .text_box__input[type=text]{padding-left:1rem;padding-right:1rem}.event_dialog .text_box__area{padding:1rem}.event_dialog .event_form_dialog__row__recurring__left input[type=number]{text-align:right}.event_dialog .event_form_dialog__row__recurring__options__row__after_row__value_container input[type=number]{text-align:center}.event_dialog .tag_component__title .auto_select{-ms-flex:1 1 auto;flex:1 1 auto}.event_dialog .tag_component__title .auto_select:first-child{-ms-flex:0 1 50%;flex:0 1 50%}.event_dialog .event_form_dialog__row__category_container .auto_select{margin-top:1.2rem}@media (max-width:760px){.event_form_dialog__row{display:block;margin-top:0}.event_form_dialog__row>div{margin-top:1.5em;margin-left:0;margin-right:0}.event_form_button__row{-ms-flex-wrap:wrap;flex-wrap:wrap}.event_form_button__row__pns_info{-ms-flex:1 0 100%;flex:1 0 100%}.event_dialog .tag_component__title{-ms-flex-wrap:wrap;flex-wrap:wrap}.event_dialog .tag_component__title>:first-child{margin-bottom:.5rem;margin-left:0;margin-right:0}.event_dialog .tag_component__title .auto_select:first-child{-ms-flex-preferred-size:100%;flex-basis:100%}.event_dialog .tag_component__title>:nth-child(2){margin-left:0;margin-right:0}.ReactModal__Content{border:0!important;border-radius:0!important}.event_dialog__content{padding-bottom:3rem}.event_dialog__content .auto_select,.event_dialog__content .multi_select__select--input,.event_dialog__content .text_box__area{max-width:535px}.event_dialog__content .event_form_dialog__time__row{max-width:20rem;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width:550px){.event_dialog .checkbox__container__message{font-size:.8rem}}@media (max-width:440px){.event_form_dialog__row__recurring__options__every_text{-ms-flex-preferred-size:100%;flex-basis:100%}.event_form_dialog__row__recurring__every{-ms-flex-wrap:wrap;flex-wrap:wrap}}.event_form_button__row__pns_info{margin-top:1rem;overflow:hidden;transition:all .5s ease}.event_form_button__row__pns_info--invisible{max-height:0;opacity:0}.event_form_button__row__pns_info--visible{max-height:16rem;opacity:1}.event_form_dialog__row__recurring__options__row__after_row{display:-ms-flexbox;display:flex;margin-top:.8em;-ms-flex-align:center;align-items:center}.event_form_dialog__row__recurring__options__row__after_row input{width:9.5rem}.event_form_dialog__row__recurring__options__row__after_row .text_box__input{padding-left:.5em}.event_form_dialog__row__recurring__options__row__after_row .text_box{margin-top:0}.event_form_dialog__row__recurring__options__row__after_row__chk_container{-ms-flex:0 0 8em;flex:0 0 8em;margin-right:.5em}.event_dialog__delete_overlay__options__option{margin-top:1em}.event_dialog__delete_overlay__options__option .checkbox__container__checkbox--checked{background:#e74c3c;border-color:#e74c3c}.event_dialog__delete_overlay .time_peace_button{background:#e74c3c}.event_dialog{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.event_dialog__content{-ms-flex:1 1;flex:1 1;overflow:auto}.event_form_dialog__after_box{background:#f0f0f0;border-radius:5px}.event_form_dialog__after_box input{width:3em}.event_form_dialog__calendar,.event_form_dialog__category{display:block!important}.event_form_dialog__row__recurring__month_day{background:#f0f0f0;border-radius:5px;-ms-flex:0 1 9.5rem;flex:0 1 9.5rem}.event_form_dialog__row__recurring__month_day input{max-width:5rem}.event_form_dialog__recurring__row{display:block}.event_form_dialog__row__recurring__left{display:-ms-flexbox;display:flex;-ms-flex:0 0 18rem;flex:0 0 18rem}.event_form_dialog__row__recurring__right{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.recurring__options__repeats_on_label{-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;white-space:nowrap}.event_dialog__all_day_check_container{margin-right:.5rem}.event_dialog__timezone_select{display:inline-block;margin-top:.5rem;width:12.5rem}.event_dialog__timezone_select .text_box__input{background:#f0f0f0;max-width:495px;height:3em;border-radius:2px;font-size:.8rem}.event_dialog__timezone_select .auto_select__container__button{right:5px}.event_dialog__errors_validation{margin-right:.5rem;font-size:.8rem;color:#e74c3c!important}.event_dialog__timezone_button{padding-left:.5rem;line-height:2rem;padding-right:.5rem;margin-top:.5rem;cursor:pointer;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border-radius:3px;transition:all .5s ease;max-width:10rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event_dialog__timezone_button:hover{background:#c2c2c2}.event_form_dialog__tags{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.event_form_dialog__tag{background:red;border-radius:5px;color:#fff;margin-right:1rem;margin-top:.5rem;padding:4px;font-size:14px}.event_form_dialog__tag__cross{background:transparent;border:0;cursor:pointer;color:#fff}.event_form_dialog__row__pns_container{-ms-flex:1;flex:1}.event_dialog__delete_overlay__push_notifications__info{margin-top:1rem;padding-left:.5rem;transition:opacity .5s ease .3s,max-height .5s ease;opacity:0;max-height:0;overflow:hidden}.event_dialog__delete_overlay__push_notifications__info .text_box__input{max-width:100%}.event_dialog__delete_overlay__push_notifications__info--visible{max-height:200px;opacity:1}.event_dialog__delete_overlay__push_notifications{margin-top:2rem}@media only screen and (max-width:700px){.event_form_dialog__row__recurring__options__row__after_row{-ms-flex-direction:column;flex-direction:column;display:block;margin-top:0;-ms-flex-align:center;align-items:center;margin-bottom:10px}.event_form_dialog__row__recurring__options__row__after_row input{width:9.5rem}.event_form_dialog__row__recurring__options__row__after_row .text_box__input{padding-left:.5em}.event_form_dialog__row__recurring__options__row__after_row .text_box{margin-top:0}.event_form_dialog__row__recurring__options__row__after_row .react-datepicker-popper{margin-left:-35px}.event_form_dialog__row__recurring__options__row__after_row .date_picker,.event_form_dialog__row__recurring__options__row__after_row .date_picker .date_picker__input,.event_form_dialog__row__recurring__options__row__after_row .date_picker .react-datepicker-wrapper,.event_form_dialog__row__recurring__options__row__after_row .date_picker .react-datepicker__input-container{width:100%}.event_form_dialog__row__recurring__options__row__after_row .event_form_dialog__after_box{background-color:transparent}.event_form_dialog__row__recurring__options__row__after_row .event_form_dialog__after_box .text_box__input{min-width:50%}.event_form_dialog__row__recurring__options__row__after_row .event_form_dialog__row__recurring__options__row__after_row__chk_container{margin-top:.5rem;margin-bottom:.5rem}.date_picker,.date_picker .date_picker__input,.date_picker .react-datepicker-wrapper,.date_picker .react-datepicker__input-container{width:100%}.event_dialog__timezone_button{max-width:100%}.event_form_button__row__pns_info .input_with_label{margin-bottom:1rem}.event_dialog__timezone_select{width:100%;margin-top:2rem}.event_dialog__delete_overlay__push_notifications .event_dialog__delete_overlay__push_notifications__info--desc{margin-top:1rem}.event_dialog__delete_overlay__push_notifications .text_box__area{padding:0}.event_form_dialog__row__recurring__options__row__every_text{min-width:50%}.event_dialog .event_form_dialog__row__recurring__left input[type=number]{text-align:center}.event_form_dialog__row__recurring__options--visible{max-height:100%}} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.rounded_checkbox{transition:all .5s ease;border-radius:50%;font-size:.7em;width:2em;height:2em;line-height:2em;text-align:center;vertical-align:middle;cursor:pointer}.rounded_checkbox--checked{background:#497af2;color:#fff;opacity:1;font-weight:700}.rounded_checkbox--unchecked{background:#f0f0f0;color:#000;opacity:.8}.rounded_checkbox__text{font-size:.8em}.rounded_checkbox--square{border-radius:0!important}@media (max-width:900px) and (min-width:700px){width:1.5em;height:1.5em;line-height:1.5em} .week_day_selector{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:12rem}.week_day_selector .rounded_checkbox{margin-left:.5rem} .accordion__title{background:#497af2;color:#fff;height:3em;position:relative;line-height:3em;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;padding-left:1.25em;padding-right:95px;overflow:hidden}.accordion__title--closed{box-shadow:0 1px 1px 1px rgba(0,0,0,.22);border-radius:5px}.accordion__title__text{display:contents;vertical-align:middle}.accordion__title__open{background:url(https://beta.timepeace.io/e7d4b8eccf1bc62cc8998cd73ef4c4d1.png);width:17px;height:10px;background-repeat:no-repeat;background-size:cover;position:absolute;top:50%;right:1em;margin-top:-5px;transition:all .5s ease}.accordion__title__open--closed{-ms-transform:rotate(180deg);transform:rotate(180deg)}.accordion__title__open--opened{-ms-transform:rotate(0);transform:rotate(0)}.accordion__content{transition:all .5s ease;overflow:hidden}.accordion__content--closed{max-height:0;opacity:0}.accordion__content--opened{max-height:80em;opacity:1}.accordion__content{border-left:1px solid #e3e6f1;border-right:1px solid #e3e6f1;border-bottom:1px solid #e3e6f1;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 1px 1px 0 rgba(0,0,0,.22);margin-bottom:2em}.accordion__title__option{width:.8em;height:.8em;display:inline-block;vertical-align:middle;margin-right:2em;background:url(https://beta.timepeace.io/fe3486663948c80bddd221fa9d2f261c.png);background-size:cover}.accordion__title__edit{position:absolute;right:4rem;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx){.accordion__title__open{background:url(https://beta.timepeace.io/48e01503b03eaa34a94962d4d08b8ab8.png);background-size:cover}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.accordion__title__open{background:url(https://beta.timepeace.io/aea88481bea863e77f7ec2393a49db64.png);background-size:cover}} .manage__calendar__category__list__item{height:3rem;background:#fafafa;line-height:3rem;border-bottom:1px solid #e3e6f1;padding-left:1.2em;padding-right:4.2em;position:relative}.manage__calendar__category__list__item__button{position:absolute;right:.5em;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.manage_page{margin:0 auto;padding-left:5%;padding-right:5%}.manage_page__title{margin-top:3em;margin-bottom:2em;line-height:1.5;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;-ms-flex-pack:distribute;justify-content:space-around;width:40%}.manage_page__content,.manage_page__title{align-self:center;display:-ms-flexbox;display:flex}.manage_page__content{-ms-flex-item-align:center;-ms-flex-pack:justify;justify-content:space-between}.manage_page__content .draggable_list{-ms-flex:0 0 40%;flex:0 0 40%}.manage_page__content .getting_started{-ms-flex:0 1 50%;flex:0 1 50%;padding-left:1rem;padding-right:1rem}.getting_started__title{font-weight:700;margin-bottom:1rem}.getting_started__subtitle{margin-bottom:.5rem}.manage_page__title__title{-ms-flex-positive:1;flex-grow:1;font-size:1.6rem}.getting_started__list li{margin-bottom:.8rem}.getting_started__footer{margin-top:.5rem}.getting_started__check,.getting_started__not_done{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:.8rem;background-size:contain!important}.getting_started__check{background:url(https://beta.timepeace.io/cca63e75f419009b46b8bcaec74f0478.svg)}.getting_started__not_done{background:url(https://beta.timepeace.io/a51516829dad228d4ff4beb68ca20bf2.svg)}.manage_page__title__button{-ms-flex:0 0 10em;flex:0 0 10em}.manage__calendar__category__list__item__handle{background:url(https://beta.timepeace.io/2dbf5ab1e87ddfc1bba9ee17fd651eed.png);width:.8em;height:.8em;display:inline-block;vertical-align:middle;margin-right:2em;background-size:cover}@media (max-width:1050px){.manage_page__content{display:block!important}.manage_page__title{width:100%}} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.layout{display:-ms-grid;display:grid;min-height:100vh;height:100vh;-ms-grid-columns:minmax(225px,230px) auto;grid-template-columns:minmax(225px,230px) auto;-ms-grid-rows:7rem 1fr;grid-template-rows:7rem 1fr}.layout_left_bar{min-width:205px;height:100%;background:#fafafa}.layout_left_bar__app{height:7rem;background-color:#497af2;position:relative;-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;transition:all .2s ease}.layout_left_bar__app__name{padding:1.1em;color:#fff;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:2em;font-weight:700;font-size:1.4em}.layout_left_bar__app__name img{width:100%}.layout_left_nav_bar__nav_container{padding-top:1.5em;background:#fafafa;-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2;width:100%;height:100%;padding-left:12%;position:relative;transition:width .2s ease}.layout_right_panel{-ms-flex:1;flex:1}.layout_right_panel__title_bar{border-bottom:1px solid #e0e0e0;height:7rem;background:#fafafa;width:100%;display:-ms-flexbox;display:flex;line-height:7em;padding-left:5%;-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1;-ms-flex-align:center;align-items:center}.layout_right_panel__title_bar__title{font-size:2em;-ms-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;min-width:0;width:100%}.layout_right_panel__title_bar__button_container{-ms-flex:0 0 auto;flex:0 0 auto}.layout_right_panel__title_bar__right_separator{-ms-flex:0 0 5%;flex:0 0 5%}.layout_right_panel__content{overflow:auto}.page_loader_container{width:auto;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.layout_right_panel__title_bar__hamburger{width:1.2rem;height:1.2rem;display:inline-block;vertical-align:middle;margin-right:2em;background:url(https://beta.timepeace.io/d2d2ed822e67369e413c9bdea185fe85.png);background-size:cover;cursor:pointer;display:none}.vertical_nav_bar__item--small-view{display:none}.multi_select__options--layout_right_panel__title_bar__select_organization{margin-top:-2rem;box-shadow:0 0 2px rgba(0,0,0,.39)}@media only screen and (max-height:600px){.vertical_nav_bar__item{margin-bottom:1rem}}@media only screen and (max-height:450px){.vertical_nav_bar__item{margin-bottom:.6rem}}@media only screen and (max-width:750px){.layout{-ms-grid-rows:3rem 1fr;grid-template-rows:3rem 1fr;-ms-grid-columns:1fr;grid-template-columns:1fr}.vertical_nav_bar__item--big-view{display:none}.vertical_nav_bar__item--small-view{display:-ms-flexbox;display:flex}.layout_right_panel__title_bar__button_container{display:none}.layout_right_panel__title_bar__hamburger{display:inline-block}.layout_right_panel__title_bar{color:#fff;background:#497af2;height:100%;-ms-grid-column:1;grid-column:1;line-height:3rem}.multi_select__options--layout_right_panel__title_bar__select_organization{margin-top:0;background:#497af2!important;color:#fff}.layout_right_panel__title_bar__title{font-size:1.5rem;text-align:right;width:0!important}.layout_left_nav_bar__nav_container{padding-left:1rem;position:absolute;top:5rem;left:0;max-width:16rem;width:16rem;z-index:2;overflow:hidden;height:100%;display:inline-table}.layout_left_bar__app__name{padding:.5em;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.layout_left_bar__app{position:absolute;left:0;width:16rem;z-index:2;overflow:hidden;height:5rem}.layout_right_panel__content{grid-column-start:1;grid-column-end:3;-ms-grid-row:3;grid-row:3}.layout__menu_backdrop{position:fixed;background:#000;opacity:.6;width:100%;top:0;left:0;height:100%;z-index:1}.layout_left_bar__app--closed{width:0;padding:0;overflow:hidden}.layout_left_nav_bar__nav_container--closed{max-width:0;padding:0;overflow:hidden;display:none}.layout_right_panel__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}.layout_right_panel__title_bar__select_organization .multi_select__select__collapse_icon{border-color:transparent transparent #fff}.ReactModal__Content{width:100vw!important;min-width:100vw!important;min-height:100vh!important;top:0!important;left:0!important;right:0!important;-ms-transform:none!important;transform:none!important;border:0;border-radius:0;padding:.5rem!important;padding-top:5rem!important}.ReactModal__Content h2{position:absolute;top:0;left:0;width:100%;background:#3d78fa;margin:0;padding:0;line-height:3rem;padding-left:5rem;color:#fff;font-size:1.3rem!important}.ReactModal__Content .event_dialog__close_btn,.ReactModal__Content .simple_edition_dialog__close_btn{left:2rem;top:1.5rem;-ms-transform:translateY(-50%);transform:translateY(-50%);background:url(https://beta.timepeace.io/3adc13a5f9640947d0bfb5b34484633f.png);background-size:cover}.ReactModal__Content .event_form_button__row button,.ReactModal__Content .simple_edition_dialog__buttons{position:absolute;top:1.5rem;right:.5rem;-ms-transform:translateY(-50%);transform:translateY(-50%);box-shadow:none;background:transparent}.ReactModal__Content .event_form_button__row button .time_peace_button,.ReactModal__Content .simple_edition_dialog__buttons .time_peace_button{box-shadow:none;background:transparent}.ReactModal__Content .event_form_button__row button .time_peace_button--disabled,.ReactModal__Content .simple_edition_dialog__buttons .time_peace_button--disabled{color:#e0e0e0}.ReactModal__Content .event_form_button__row button .simple_edition_dialog__buttons__delete,.ReactModal__Content .simple_edition_dialog__buttons .simple_edition_dialog__buttons__delete{background:#9c0000!important;color:#fff;padding:.2rem .5rem!important;border-radius:4px}.ReactModal__Content .event_form_button__row button .simple_edition_dialog__buttons__cancel,.ReactModal__Content .simple_edition_dialog__buttons .simple_edition_dialog__buttons__cancel{display:none}.ReactModal__Content .simple_edition_dialog__buttons{margin:0}.ReactModal__Body--open #time-peace-app{display:none}.ReactModal__Body--open .ReactModal__Content,.ReactModal__Body--open .ReactModal__Overlay{position:static!important}}@media only screen and (max-width:470px){.component_overlay__content{min-width:80%}}@media only screen and (max-width:375px){.ReactModal__Content .event_dialog__close_btn{left:1rem}.ReactModal__Content h2{padding-left:3rem}}.layout_right_panel__title_bar__select_organization{overflow:visible;font-size:2rem}.layout_right_panel__title_bar__select_organization .multi_select__options{left:0;right:auto;top:5.5rem;line-height:1}.layout_right_panel__title_bar__select_organization .multi_select__select__label{width:auto;font-size:2rem}.layout_right_panel__title_bar__select_organization .multi_select__options__option{font-size:1.4rem;line-height:1.5rem;cursor:pointer}.layout_right_panel__title_bar__select_organization .multi_select__options__option:hover{background:gray} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn,.new_category_dialog__close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.new_category_dialog{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);outline:none;background:#fff;width:60%!important;padding-top:1.5rem;padding-bottom:1.2rem;padding-right:.8rem!important}.new_category_dialog__title{color:#727272;font-size:1.25em;margin-top:.5em}.category_dialog__label{display:block;font-size:.8rem;line-height:1.25rem;color:#727272;margin-top:.8rem}.category_dialog__input{margin-top:0}.category_dialog__buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:4rem;margin-left:1.7rem}.category_dialog__buttons>*{margin-right:1.2em}.category_dialog__buttons>:last-child{margin-right:0} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn,.simple_edition_dialog__close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.simple_edition_dialog{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);outline:none;background:#fff;width:60%!important;padding-top:1.5rem;padding-bottom:1.2rem;padding-right:.8rem!important;max-width:570px}.simple_edition_dialog__title{color:#727272;font-size:1.25em;margin-top:.5em}.simple_edition_dialog__label{display:block;font-size:.8rem;line-height:1.25rem;color:#727272;margin-top:.8rem}.simple_edition_dialog__input{margin-top:0}.simple_edition_dialog__buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:4rem;margin-left:1.7rem}.simple_edition_dialog__buttons>*{margin-right:1.2em}.simple_edition_dialog__buttons>:last-child{margin-right:0}.simple_edition_dialog_word_count_error{color:#e74c3c}.simple_edition_dialog_word_count_success{color:#2ecc71}.simple_edition_dialog__buttons__delete{color:#e74c3c}.simple_edition_dialog__buttons__cancel{color:#497af2}@media only screen and (max-width:470px){.simple_edition_dialog__close_btn{left:1rem!important}.simple_edition_dialog__buttons>*{margin-right:0!important}}@media only screen and (max-width:375px){.simple_edition_dialog__close_btn{left:1rem!important}.simple_edition_dialog__buttons>*{margin-right:0!important}}@media only screen and (max-width:320px){.simple_edition_dialog__close_btn{left:1rem!important}.simple_edition_dialog__buttons>*{margin-right:0!important}.simple_edition_dialog__buttons>* .simple_edition_dialog__buttons__delete{padding-right:.5rem!important;padding-left:.5rem!important}.simple_edition_dialog__buttons .time_peace_button{padding-right:0;padding-left:.3rem}} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn,.profile_edit_dialog__close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.profile_edit_dialog{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);outline:none;background:#fff;width:60%!important;padding-top:1.5rem;padding-bottom:1.2rem;padding-right:.8rem!important;max-width:570px}.profile_edit_dialog__title{margin-top:1rem;font-weight:700}.profile_edit__right_row{text-align:right;padding-left:1rem;margin-top:1rem}.profile_edit_dialog__buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:4rem;margin-left:1.7rem}.profile_edit_dialog__buttons>*{margin-right:1.2em}.profile_edit_dialog__buttons>:last-child{margin-right:0}.profile_edit_dialog__buttons__delete{color:#e74c3c}.profile_edit_dialog__buttons__cancel{color:#497af2}.profile_edit__row{display:-ms-flexbox;display:flex;margin-top:1.5rem}.profile_edit__row>*{-ms-flex:0 0 50%;flex:0 0 50%;padding-left:1rem;padding-right:1rem}.profile_edit_page{padding-left:2rem;padding-right:2rem;padding-bottom:3rem}.profile_edit_page .text_box__input{max-width:none;padding-left:.625rem}.profile_edit_page .loader{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.profile_edit_page .input_with_label__label{padding-left:.625rem}.profile_edit_page .text_box__area{padding:1rem;color:#000}.profile_edit_page .input_with_label__label--focus{color:#4979f3!important}.profile_edit__image_cell__container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.profile_edit__image_cell__message{color:#727272;padding-left:1.5rem;padding-right:0;-ms-flex-item-align:end;align-self:flex-end}.profile_edit__image_cell__message:first-child{padding-left:0;-ms-flex-item-align:start;align-self:flex-start}.profile_edit__image_cell__message *{margin-top:1rem;font-size:.9rem}.profile_edit__image_cell__message :first-child{margin-top:0}.profile_edit__image_cell__label{display:block;color:#727272;font-size:.8rem;font-weight:400;transition:all .5s ease}.profile_edit__image_cell__icon{margin-top:.6rem;-ms-flex:0 0 10rem;flex:0 0 10rem;width:10rem;height:10rem;box-shadow:0 0 5px rgba(0,0,0,.3);transition:all .5s ease}.profile_edit__image_cell__icon img{width:100%;height:100%;opacity:1;object-fit:cover}.profile_edit__image_cell__banner{margin-top:.6rem;height:10rem;max-width:100%;box-shadow:0 0 5px rgba(0,0,0,.3);transition:all .5s ease}.profile_edit__image_cell__banner img{width:100%;height:100%;object-fit:cover;opacity:1}.profile_edit__image_cell__upload_container{text-align:right;margin-top:.6rem}.profile_edit__image_cell__crop_image{text-align:center;margin-top:.6rem;margin-bottom:.6rem}.profile_edit__personal_contacts{margin-top:2rem;margin-bottom:2rem}.profile_edit__row--small-margin{margin-top:.5rem}.profile_edit__row__area .text_box__area{background:#f0f0f0;border-radius:3px}.profile_edit__error{color:#e74c3c;padding-right:1rem;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.profile_edit__row__address_text .auto_select{width:95%;display:inline-block;box-shadow:none}.profile_edit__row__address_text .address_more_info_btn__container{display:inline-block;width:5%;text-align:right}.address_more_info_btn__open{width:0;height:0;border-style:solid;border-width:0 5px 5px;border-color:transparent transparent #737373;transition:all .5s ease .2s;display:inline-block;cursor:pointer;vertical-align:middle;margin-top:2.5px}.address_more_info_btn__open--open{-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.address_more_info_btn__open--close{-ms-transform:rotate(0deg);transform:rotate(0deg)}.profile_edit__address_info{overflow:hidden;transition:all .5s ease}.profile_edit__address_info .input_with_label{margin-top:1rem}.profile_edit__address_info--open{max-height:25rem}.profile_edit__address_info--closed{max-height:0}.profile__no_editable_row{font-size:1rem;color:#727272}.profile__no_editable_row a{font-size:1rem;color:#727272!important}.profile_edit__row--hiden{display:none!important}.profile_edit__row__contact_title{padding-left:1rem;margin-top:1.5rem}.profile_edit__row__contact_title .time_peace_button--link{margin-left:1rem;color:#497af2}.profile_edit__row__add_container{text-align:right}.profile_edit__row__address_text__not_editable_text{border:0;color:#535353;border-bottom:2px solid rgba(0,0,0,.12);outline:0;width:100%;margin-top:.6rem;padding-bottom:.1rem}@media (max-width:870px){.profile_edit__row{display:block}.profile_edit__row>:not(:first-child){margin-top:1.5rem}}.profile_edit__image_cell__banner--hidden img,.profile_edit__image_cell__icon--hidden img{opacity:0}.profile_edit__image_crop{margin-top:5px} .ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move;box-shadow:0 0 0 9999em #00000080}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:none;border-color:#00f;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:#0003;border:1px solid rgba(255,255,255,.7);outline:1px solid transparent}.ReactCrop__drag-handle:focus:after{border-color:#00f;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw:after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne:after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}} .organization_list__item{display:-ms-flexbox;display:flex;height:2.5rem;line-height:2.5rem;background:#fafafa;border-bottom:1px solid #c7c7c7;padding-left:.5rem;cursor:pointer;transition:all .5s ease}.organization_list__item:hover{font-weight:700}.organization_list__item--selected{background:#497af2;color:#fff}.admins_page{padding:2em;padding-top:0}.admins_page_title{margin-top:1rem;margin-bottom:1rem;font-weight:700}.admins_page__content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.admins_page__content>*{-ms-flex:1;flex:1;min-width:0}.user_list__item__btn,.user_list__item__email,.user_list__item__name{color:#000;padding:0!important}.admins_page__content--with-org-selector>*{padding-left:.5rem;padding-right:.5rem}.admins_page__content--with-org-selector>:first-child{padding-left:0}.admins_page__content--with-org-selector>::last-child{padding-right:0}.user_list__item__row{display:-ms-flexbox;display:flex;margin-bottom:2.5rem;-ms-flex-align:center;align-items:center}.user_list__item__name{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_list__item__row__name_and_email{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_list__item__email{margin-top:.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_list__item__btn{text-align:right;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:5px}.user_list__item__btn .user_list__item__btn__link{color:#497af2;font-weight:700}.admins_page__error_overlay{z-index:2}.user_list__list{width:100%}.user_list__item,.user_list__list{margin-top:.5rem;min-width:0}.user_list__search_box{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:2rem;max-width:500px}.user_list__search_box .text_box{height:2.5rem;margin-top:0;-ms-flex:0 0 100%;flex:0 0 100%;padding-right:0}.user_list__search_box .text_box__input{background:#f0f0f0;max-width:100%}.user_list__search_box .time_peace_button{margin-top:.5rem}.user_list--disabled{opacity:.6}.admins_page__success{color:#adff2f;margin-top:1.5rem}.admins_page__error{margin-top:1.5rem;color:red}.admins_page__create{margin-top:3rem}.admins_page__create h3{margin-bottom:1.5rem}.admins_page__create .input_with_label{margin-top:.5rem}.admins_page__create .input_with_label__label--focus{color:#4979f3!important}.admins_page__create .input_with_label__label,.admins_page__create .text_box__input{padding-left:.625rem}.admins_page__save{margin-top:1rem;margin-left:1rem}.page_selector{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin-top:.5rem}.page_selector__item{-ms-flex:0 0 auto;flex:0 0 auto;padding-left:.5rem;padding-right:.5rem}.page_selector__item .time_peace_button--link{color:#727272}.page_selector__item--selected .time_peace_button--link{color:#497af2}.user_list{max-width:500px}.user_list__item__btn__cancel{font-weight:400!important;margin-right:1rem}.org_list_item_div{text-overflow:ellipsis;width:90%;display:block;min-width:0;white-space:nowrap;overflow:hidden}.user_list_admin_box{display:block;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;-webkit-padding-before:.35em;padding-block-start:.35em;-webkit-padding-start:.75em;padding-inline-start:.75em;-webkit-padding-end:.75em;padding-inline-end:.75em;-webkit-padding-after:.625em;padding-block-end:.625em;min-inline-size:-webkit-min-content;min-inline-size:-moz-min-content;min-inline-size:min-content;border:2px groove #497af2;border-image:initial}.user_list_admin_box_title{padding-left:.5rem;padding-right:.5rem}.user_list_non_admin{padding-left:1rem} .component_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1}.component_overlay__content{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-radius:10px;padding:2em;width:40%}.component_overlay__confirm_buttons{margin-top:2em;text-align:right}.component_overlay__confirm_buttons .time_peace_button{margin-left:1em}.title_password_dialog{color:#000;opacity:1}@media only screen and (max-width:900px){.event_dialog .component_overlay__content{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-radius:10px;padding:2em;width:95%}} .your_plan__invoices__table{width:100%}.your_plan__invoices__table tr{height:2rem;vertical-align:middle} .plan_price__monthly{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-bottom:.8rem}.plan_price__yearly{text-align:center;color:#6e7d8a;font-size:.875rem}.plan_price__monthly__currency{font-size:1.8rem;color:#6e7d8a;-ms-flex-item-align:start;align-self:flex-start}.plan_price__monthly__rate{font-size:1.8rem;margin-left:.5rem}.plan_price__monthly__message,.plan_price__monthly__rate{color:#364a5d;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.plan_price__monthly__message{font-size:.75rem} .your_plan__plan_container{background-color:hsla(0,0%,74%,.1);border-radius:2px;padding:1.875rem 1.5rem 1.5rem 2.0625rem}.your_plan__plan_container button{white-space:nowrap}.your_plan__plan_container__name{color:#364a5d;font-size:1.125rem;font-weight:700;padding-bottom:.8rem}.your_plan__plan_container__button_plan_info{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.your_plan__plan_container__msg{color:#364a5d;font-size:1rem}.your_plan__plan_container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.your_plan{max-width:400px;padding-right:2rem}.your_plan__title{color:#6e7d8a;font-size:.875rem;margin-bottom:.5rem;margin-top:1.75rem} .billing_info .your_plan__plan_container{padding:0;background:transparent}.billing_info .your_plan__plan_container button{white-space:nowrap}.billing_info .your_plan_container_item{padding-bottom:.3rem}.billing_info .your_plan__plan_container__plan_info{padding-right:.5rem} .account_page__content_container{display:-ms-flexbox;display:flex;padding-left:1rem}.account_page__general_info{padding-left:2rem;padding-right:2rem;text-align:center}.account_page__content .text_box__placeholder{top:1rem}.account_page__content .text_box__placeholder--normal{top:1.625rem}.account_page__content .text_box__input--focused{color:#000;border-bottom-color:#4979f3!important}.account_page__content .auto_select--with-material-placeholder,.account_page__content .text_box--with-material{height:4rem}.account_page__content .text_box--with-material input{height:3.5rem}.account_page__content .auto_select,.account_page__content .text_box--with-material,.account_page__content .text_box__input{background-color:#fafafa}.account_page__content .auto_select__placeholder--top,.account_page__content .text_box__placeholder--top{color:#8e8e8e}.account_page__content .text_box__input{padding-left:1rem;max-width:100%}.account_page__content .auto_select{box-shadow:none}.account_page__content .float-left{float:left}.account_page__content .float-right{float:right;margin-right:0}.account_page__content .footer-control{padding-top:1rem}.account_page__title{margin-bottom:1rem;margin-left:2rem;margin-top:1rem;font-weight:700}.tabs{display:-ms-flexbox;display:flex}.tabs__item{padding:1rem}.tabs__item .tabs__item__link{color:#364a5d;font-size:1rem;font-weight:700;line-height:1.1875 rem;text-align:center;text-decoration:none}.tabs__item--selected .tabs__item__link{color:#007aff;border-bottom:2px solid #007aff}.account_page__general_info__logo{height:8rem}.account_page__general_info__logo__image{height:120px;width:120px;background-color:#497af1;border-radius:50%;cursor:pointer}.account_page__general_info__logo__image_edit{width:50px;height:50px}.account_page__general_info__logo_edit_cont{position:relative;bottom:4.5rem;left:2.5rem;cursor:pointer}.account_page__general_info__org_name{color:#000;font-size:1.125 rem;font-weight:700;line-height:1.375 rem;text-align:center}.account_page__content{-ms-flex:1;flex:1;padding-left:1rem}.account__profile__page{max-width:600px;padding-right:2rem}.account__profile__edit--save{margin-left:1rem}.payments_layout__right{position:relative}@media (max-width:700px){.account__profile__page{max-width:calc(100vw - 2rem)}.account__profile__page .container50{display:block}.account__profile__page .container50 :first-child{margin-right:0}}@media (max-width:460px){.component_overlay__content.downgrade{padding:2rem}.your_plan{max-width:calc(100vw - 2rem)}.your_plan__plan_container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.your_plan__plan_container__button_plan_info{margin-top:1rem}.your_plan__plan_container__name{text-align:center}.your_plan_container_item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:.5rem}.your_plan__plan_container__button_plan_info{-ms-flex:100%;flex:100%;text-align:center}.payments_layout__right__content{padding:1rem}.payments_layout__right__content .component_overlay{position:absolute;min-width:90%}.payments_layout__right__content .component_overlay h1{font-size:1rem;line-height:1rem;margin-bottom:1.5rem}.payments_layout__right__content .component_overlay .downgrade__message{font-size:.9rem}.payments_layout__right__content .component_overlay .downgrade__data__title{font-size:.95rem}.payments_layout__right__content .component_overlay .downgrade__data__label{font-size:.8rem}.payments_layout__right__content .component_overlay .downgrade__data__value{font-size:.9rem}.payments_layout__right__content .component_overlay .downgrade_buttons_action_desc,.payments_layout__right__content .component_overlay .downgrade_buttons_action_title{font-size:.85rem}.payments_layout__right__content .component_overlay .time_peace_button{font-size:.8rem;padding:.2rem}.plan_card--free{margin-right:.5rem}.plan_card--paid{margin-left:.5rem}.plan_card__button_container .time_peace_button{font-size:.8rem}.plan_card__name{font-size:1.7rem}.plan_price__monthly__currency{font-size:1rem}.plan_price__monthly__rate{font-size:1.3rem}.checkout_form--subtitle_text,.checkout_form__checkbox_address,.checkout_form__checkbox_text{font-size:.8rem}.checkout_location{-ms-flex-wrap:wrap;flex-wrap:wrap}.checkout_location>*{margin-left:0!important;-ms-flex-preferred-size:100%!important;flex-basis:100%!important}.payments_layout__right__content .checkbox__container{display:-ms-flexbox;display:flex}.plan_card--paid .plan_card__name_price_container{margin-top:1.5rem}.plan_card__features__feature__text{font-size:.8rem!important}} .plugin_menu_title{padding-bottom:1rem;margin-left:2rem;margin-top:1rem;font-weight:700}.plugin_menu_label{padding:0 0 1rem 2rem}.plugin_menu_code_cont{margin-left:2rem;padding:1rem;border:2px solid #497af2;border-radius:5px;margin-bottom:1rem}.plugin_menu_code_area{resize:none;border:none;overflow:hidden;width:100%;min-height:50px;max-height:100px}.plugin_menu_button_copy{float:right;margin-left:1rem}.plugin_menu_button_preview{float:right;margin-top:.5rem;font-weight:700}.plugin_menu_cont{max-width:32rem;margin-right:2rem} .free-users{position:relative;padding:1rem;padding-left:2rem}.free-users-title{font-weight:700;margin-bottom:1rem} .login_page{width:100%}.login_page__left__app_title__text{display:inline-block;position:relative}.login_page__left__app_title__trademark{font-weight:400;position:absolute;font-size:22px;top:-5px;right:0}.login_page__left{margin-left:35%;padding-left:0;padding-top:0;padding-bottom:2em;width:40%;transition:all .5s ease;text-align:left;display:-ms-flexbox;display:flex;height:100vh;-ms-flex-direction:column;flex-direction:column}.login_page__left .time_peace_button{margin-right:1em}.login_page__left .text_box__input{border-radius:2px;border-bottom-color:#6e7d8a;height:3.5rem;background-color:hsla(0,0%,74%,.1);max-width:100%;padding-left:1rem;padding-top:1rem}.login_page__login__signup{position:absolute;top:4.4375rem;right:3.5625rem}.login_page__login__signup .time_peace_button{margin-left:1rem}.login_page__login{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;min-height:400px}.login_page__login__separator{-ms-flex:1;flex:1}.login_page__login_passwordReset{color:green;font-weight:700}.login_page__login__signup{color:#737373;font-size:.9em}.login_page__login__signup__link{color:#497af2}.login_page__left__app_title{color:#497af2;height:54px;width:155px;line-height:54px;text-align:center;font-size:1.3rem;font-weight:700}.login_page__left__app_title img{width:100%;height:auto}.login_page__left__get_started{margin-top:3em}.login_page__status{max-height:0;opacity:0;color:#737373;font-size:.9em}.login_page__status--visible{margin-top:2em;margin-bottom:1em;opacity:1;max-height:3em;text-align:center;color:red}.login_page__status--error{color:#e74c3c!important}.login_page__left__sign_in_below{margin-bottom:1.2em;color:#364a5d!important;font-size:1.125rem!important}.login_page__left__get_started{font-size:3rem}.login_page__image{position:fixed;width:30%;top:0;left:0;height:100vh;transition:all .5s ease;opacity:1;background:url(https://beta.timepeace.io/634d1da61bde873b0dbe976032ddd918.png) no-repeat;background-size:cover;background-position:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.login_page--bigger-left .login_page__left{padding-left:5%}.login_page--full-left .login_page__left{width:90%}.login_page--full-left .login_page__right{display:none}.login_page--full-left .profile_edit_page{padding-left:0;padding-right:0}.login_page--full-left .profile_edit_page .text_box__area{margin-right:1rem}.login_page--full-left .profile_edit_page .profile_edit__row>:first-child{padding-left:0}.login_page--full-left .profile_edit_page .profile_edit__row>:last-child{padding-right:0}.login_page--full-left .profile_edit_page .profile_edit_dialog__title{margin-left:0}.login_page--full-left .admins_page__create .input_with_label{width:50%;padding-right:1rem}.login_page--full-left .admins_page__create .input_with_label .text_box__input{max-width:none}@media (max-width:870px){.login_page--full-left .profile_edit_page .profile_edit__row>*{padding-left:0;padding-right:0}.login_page--full-left .profile_edit_page .text_box__area{margin-right:0}.login_page--full-left .admins_page__create .input_with_label{width:100%;padding-right:0}}.login_page__right__image{height:105vh}.login_page__left__buttons{margin-top:2em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.payments_layout_logo_img{display:none}@media (max-width:1024px){.login_page__status{font-size:.8em}}@media (max-width:740px){.login_page__right{max-width:0;opacity:0}.login_page__left{width:90%;text-align:center}.login_page__left__app_title{margin-left:auto;margin-right:auto}.login_page__status{font-size:.9em}.login_page__image{display:none}.login_page__left{margin:0 auto}.login_page__login__signup{margin-right:auto;margin-left:auto;display:block;position:relative;top:1rem;right:0;left:0}.payments_layout_logo_img{display:inline-block;background-color:#497af2;margin-top:2rem;border:1px solid #e1e1e1}.login_page__left__get_started{margin-top:2rem}}.login_page--bigger-left .text_box__input:-ms-input-placeholder{color:#535353!important}.login_page--bigger-left .text_box__input::placeholder{color:#535353!important}.timepeace_button_green{background:#10bb85;color:#fff;font-size:1.5rem;padding:1rem 3.125rem;border-radius:31px;border:0;outline:0;cursor:pointer;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.login_page__looking_for{font-size:1.125rem;color:#fff;text-align:center;margin-bottom:1.25rem}.login_page__grow{-ms-flex-positive:1;flex-grow:1}.login_page__image h3{color:#fff;opacity:1;text-align:center;padding-left:2rem;padding-right:2rem;max-width:25rem;margin-top:3rem;font-size:2rem;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.login_page__image .timepeace_button_green{margin-bottom:5.25rem}.mobile-icons-container{display:-ms-flexbox;display:flex;margin:auto}.download-app-store{background:url(https://beta.timepeace.io/2928664fe1fc6aca88583a6f606d60ba.svg) no-repeat 0 0;background-size:8.25rem;width:8.25rem;height:4rem}.download-app-play{background:url(https://beta.timepeace.io/28dda5cc06e6b4b9c64628c6b3d44233.png) no-repeat 0 0;background-size:9rem;width:9.25rem;height:4rem;margin-left:.5rem} .form-component{height:3em}.form-component,.form-time-component{background:#f0f0f0;border-radius:2px;outline:0;border:0;font-size:.9rem}.form-time-component{height:3em;height:2.5em;text-align:center}.form-time-component--inline-container{display:inline-block;margin-right:.8rem}.close_btn{background:url(https://beta.timepeace.io/6d49c7731c3710fc58c9b0d5bc845207.png);position:absolute;top:.8em;right:.8em;cursor:pointer;width:16px;height:16px;background-size:100% 100%;z-index:1}.signup_buttons{margin-top:1.2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.signup_buttons .time_peace_button--link{margin-right:2.5rem}.orga_requests__page{padding-left:2rem;padding-right:2rem;padding-bottom:3rem}.orga_requests__page__request_list{background:#f5f5f5}.orga_requests__page__request_list__item{border-bottom:1px dashed gray;padding:1rem;cursor:pointer;transition:all .2s ease}.orga_requests__page__request_list__item:hover{background:#353535;color:#fff}.orga_requests__page__admin_name{display:-ms-flexbox;display:flex}.orga_requests__page__admin_name>*{margin-left:.5rem;margin-right:.5rem;-ms-flex:1;flex:1}.orga_requests__page__admin_name>:first-child{margin-left:0}.orga_requests__page__admin_name>:last-child{margin-right:0}.login_page__left .auto_select__placeholder--normal,.login_page__left .text_box__placeholder--normal{color:#6e7d8a}.orga_requests__page__details__details{border-radius:5px;border:1px solid #e2e2e2;background:#f1f1f1;padding:1rem}.orga_requests__page{display:-ms-flexbox;display:flex}.orga_requests__page>*{-ms-flex:0 0 50%;flex:0 0 50%;padding:.5rem}.orga_requests__page__details__line{margin-bottom:1rem}.orga_requests__page__details__line label{font-weight:700;margin-right:.5rem}.orga_requests__page__details__buttons{text-align:right;margin-top:1.5rem}.orga_requests__page__details__buttons *{margin-right:1rem}.orga_requests__page__details__select{margin:1rem}.signin_page__footnote{font-size:.7rem;margin-top:1rem;color:#d3d3d3;text-align:left}.signup_terms_and_conditions{color:#737373;font-size:.9rem;margin-top:2rem;margin-bottom:2rem}.signup_terms_and_conditions a{font-size:.9rem;font-style:normal;text-decoration:none;color:#497af2}.signin_page{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.signin_page .auto_select,.signin_page .text_box{margin-top:0;box-shadow:none;max-width:100%}.signin_page .auto_select input,.signin_page .text_box input{max-width:100%}.signin_page .auto_select input::-webkit-input-placeholder,.signin_page .text_box input::-webkit-input-placeholder{color:#d3d3d3}.signin_page .auto_select input::-moz-placeholder,.signin_page .text_box input::-moz-placeholder{color:#d3d3d3}.signin_page .auto_select input:-ms-input-placeholder,.signin_page .auto_select input::-ms-placeholder,.signin_page .text_box input:-ms-input-placeholder,.signin_page .text_box input::-ms-placeholder{color:#d3d3d3}.signin_page .auto_select input::placeholder,.signin_page .text_box input::placeholder{color:#d3d3d3}.signin_page .auto_select__item{background:#fff;border-bottom:gray;text-align:left}.signin_page .auto_select__item--highlight{background:#d3d3d3}.signin_page__accept_terms{margin-top:1rem;display:-ms-flexbox;display:flex}.signin_page__accept_terms .checkbox__container__checkbox{width:20px;height:20px}.signin_page__accept_terms .checkbox__container__message{color:rgba(110,125,138,.82);font-size:.875rem}.signin_page__accept_terms a{font-size:.875rem}.signin_page__accept_terms .checkbox__container__checkbox__tick{-ms-transform:translate(3px,1px) rotate(45deg);transform:translate(3px,1px) rotate(45deg)}.signin_page__accept_terms.checkbox__container{text-align:left;line-height:1.3rem}.signup__button{height:3rem;box-shadow:none;transition:all .5s ease;border-radius:3px}.signup__button.time_peace_button--disabled{background:rgba(202,207,212,.6)}.signup__button.time_peace_button--link{-webkit-text-decoration-line:underline;text-decoration-line:underline}.signup__link{height:3rem;box-shadow:none;transition:all .5s ease;border-radius:3px;color:#497af2}.signup__link.time_peace_button--disabled{background:rgba(202,207,212,.6)}.signup__link--underline{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important}.signup_failure_reason_item{text-align:left;padding-bottom:.5rem}@media (max-width:380px){.signin_page__accept_terms .checkbox__container__checkbox{width:26px}}@media (max-width:870px){.signup_buttons{-ms-flex-pack:distribute;justify-content:space-around}.orga_requests__page{display:block}}.login_page__success__description{color:#364a5d;font-size:18px;line-height:24px}.login_page_authentication_password_reset{float:right;margin-top:1rem;margin-right:0!important}.login_page__success__reasons__title{color:#364a5d;font-size:16px;line-height:21px;margin-top:3.25rem}.login_page__success__reasons__title .time_peace_button--link{padding:0}.login_signup_almost_reasons_link{color:#497af2;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none}.login_page__success__reasons{opacity:0;transition:all .5s ease;margin-top:1.625rem;color:#364a5d}.login_page__success__reasons--visible{opacity:1}.login_page__success__reasons__list{list-style:circle;margin-left:1rem;margin-top:1rem}.signup_occasionally_emails_text{color:#737373;font-size:.9rem;margin-top:1rem;margin-bottom:1rem}.signup_occasionally_emails_text a{font-size:.9rem;font-style:normal;text-decoration:none;color:#497af2}.signup_multi--link{color:#497af2;-webkit-text-decoration-line:underline;text-decoration-line:underline;font-size:inherit} .checkout_card_details,.checkout_location{display:-ms-flexbox;display:flex}.checkout_card_details>*,.checkout_location>*{-ms-flex:1;flex:1;margin-left:1rem}.checkout_card_details>:first-child,.checkout_location>:first-child{margin-left:0}.checkout_form__button{width:100%}.checkout_form__button_checkout{background-image:url(https://beta.timepeace.io/249d3d7f799303c7b7f358e310a020ce.png);background-repeat:no-repeat;background-size:1.2rem;background-position-y:center;background-position-x:calc(50% - 50px)}.checkout_form__checkbox_text--organization-address{margin-bottom:.5rem}.checkout_form{padding-bottom:5rem;max-width:40rem}.checkout_form .text_box{background-color:hsla(0,0%,74%,.1);border-radius:2px;border-bottom-color:#6e7d8a;transition:none}.checkout_form .text_box .StripeElement{-ms-flex:1;flex:1;padding-top:2.3rem;padding-left:1rem}.checkout_form .text_box .text_box__placeholder{color:#6e7d8a}.checkout_form .text_box .text_box__input--error{height:4rem!important}.checkout_form .text_box__input{background-color:transparent;border-bottom-color:#6e7d8a;max-width:100%!important;height:2rem;padding-left:1rem;padding-bottom:0;padding-top:0}.checkout_form .checkbox__container__checkbox{vertical-align:top;border-width:1px}.checkout_form__checkbox_text{color:#6e7d8a;padding-top:.1rem}.checkout_form__info_text{color:#6e7d8a}.checkout_form--subtitle_text{padding-top:.1rem;padding-bottom:1rem}.checkout_form--footer_text{padding-top:1rem;padding-bottom:1rem}.checkout_form__checkbox_address{color:#364a5d;font-weight:700}.payment_address_input{background-color:hsla(0,0%,74%,.1);margin-top:1rem}.payment_address_input .auto_select__placeholder--normal{color:#6e7d8a}.payment_address_input .text_box__input--error{height:4rem!important}.payment_address_input .auto_select__placeholder--top{color:#6e7d8a} .payments_layout__left{position:fixed;left:0;top:0;width:32%;background:url(https://beta.timepeace.io/634d1da61bde873b0dbe976032ddd918.png);background-size:cover;height:100%;background-position:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.payments_layout__left h3{font-size:2rem;color:#fff;max-width:22rem;opacity:1;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-align:center;margin-left:2rem;margin-right:2rem;margin-top:3rem}.payments_layout__right{margin-left:40%;padding-top:10.3rem;padding-right:calc(40% - 22rem)}.login_layout__left__logo,.payments_layout__left__logo{background:#497af2;display:inline-block;padding:2px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-top:3.5625rem}.login_layout__left__logo{height:4.1rem}.payments_layout__left__logo__img{width:11rem}@media (max-width:870px){.payments_layout__left{display:none}.payments_layout__right{margin:0 auto;padding-top:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}} .plan_card{border-top:.5rem solid #007aff;max-width:18rem;box-shadow:0 1px 6px 0 rgba(0,0,0,.13);padding-top:1.625rem;padding-bottom:2rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.plan_card .plan_price{margin-top:1rem}.plan_card__name_price_container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:6.25rem;-ms-flex-pack:center;justify-content:center}.plan_card__name{margin-top:.5rem;text-align:center;color:#364a5d;font-size:2rem}.plan_card__name--free{font-size:2rem}.plan_card__features{margin-top:.5rem;margin-bottom:2.375rem;-ms-flex:1;flex:1}.plan_card__features__feature{margin-top:1rem;text-align:center}.plan_card__features__feature__text{color:#a7b0b8;font-size:1rem}.plan_card__features__feature__text--selected{color:#364a5d}.plan_card__selected_marker{background:url(https://beta.timepeace.io/177bc6b82b8841830e135a6857b242a2.png);background-size:contain;position:absolute;top:0;left:0;width:40%;height:30%;background-repeat:no-repeat}.plan_card__button_container{text-align:center}.plan_card__button_container button{width:80%;font-size:1rem;font-weight:700}.plan_card__button_container .time_peace_button--gray-style{font-weight:400}.plan_card--paid .plan_card__features__feature:first-child{margin-bottom:1.5rem} .payment_plans__subtitle{color:#364a5d;font-size:1.125rem}.payment_plans__plans{display:-ms-flexbox;display:flex;margin-top:2rem;margin-bottom:5rem;-ms-flex-pack:justify;justify-content:space-between;max-width:39rem}.payment_plans__plans>*{-ms-flex:1;flex:1} .downgrade__data{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:.5rem}.downgrade__data__label{text-align:right;padding-right:.5rem;color:#6e7d8a;font-size:.875rem}.downgrade__data__value{padding-right:.5rem;color:#364a5d;font-size:1rem}.downgrade{padding:4.1875rem 6.25rem 3.5625rem;width:60%!important;max-width:53.75rem}.downgrade h1{font-size:1.5rem;text-align:center;margin-bottom:.625rem}.downgrade button{font-size:1rem}.downgrade__message{margin-bottom:1.5rem;max-width:32rem;margin-left:auto;margin-right:auto}.downgrade__data__title,.downgrade__message{font-size:1.125rem;text-align:center;color:#364a5d}.downgrade__data__title{margin-bottom:1rem;font-weight:700}.downgrade__buttons_row{margin-top:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.downgrade__buttons_row>*{margin-left:.25rem;margin-right:.25rem}.downgrade__buttons_row>:first-child,.downgrade__buttons_row>:last-child{margin-left:0}.downgrade_buttons_action_title{text-align:center;padding-top:1rem;font-weight:700;color:#364a5d}.downgrade_buttons_action_desc{text-align:center;padding-top:.5rem;color:#364a5d} .success_tick_icon{background:#249d56;border-radius:50%;width:10rem;height:10rem;position:relative;margin:0 auto}.success_tick_icon__img{background:url(https://beta.timepeace.io/b4526bf489d34d4a65f0ce22fff7a0d3.png) no-repeat 0 0;background-size:contain;background-position:50%;width:5rem;height:5rem;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.success_payment__thank_you{margin-top:2rem;color:#364a5d;text-align:center;font-weight:700;font-size:1.5rem}.success_payment__payment_recieved{color:#6e7d8a;text-align:center;font-size:1.5rem}.success_payment__button{margin:0 auto;text-align:center;margin-top:1.5rem} body *{font-family:Roboto,sans-serif;box-sizing:border-box;font-size:1rem}body,html{font-size:16px;height:100%}h1{color:#497af2;font-size:2.25rem;line-height:48px;font-weight:400}h2{color:#000;font-size:1.8rem;line-height:1;margin-bottom:2rem;margin-top:2rem}h3{opacity:.4;color:#373b4a;font-size:1.5rem;line-height:2rem;font-weight:400}.ReactModal__Content{padding-left:3rem!important;padding-right:3rem!important;max-width:975px;left:50%!important;right:auto!important;width:80%!important;-ms-transform:translate(-50%);transform:translate(-50%)}.ReactModal__Content[data-testid=crop-image]{max-width:-webkit-max-content!important;max-width:-moz-max-content!important;max-width:max-content!important;width:100%!important}.ReactModal__Overlay{background:rgba(0,0,0,.45)!important}@media (max-width:1024px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}}.ReactModal__Overlay{z-index:5}.container50{display:-ms-flexbox;display:flex}.container50>*{-ms-flex:1 1 auto;flex:1 1 auto;margin-right:1rem}.container50>:last-child{margin-right:0} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:Roboto,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0} /*# sourceMappingURL=timepeace.css.map*/