metro4
Version:
The front-end framework for Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style
1 lines • 394 kB
CSS
.accordion{list-style:none inside;margin:0;padding:0;position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:100%}.accordion>.frame{display:block;margin:1px 0}.accordion>.frame>.heading{display:block;position:relative;padding:8px 16px;background-color:#f8f8f8;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion>.frame>.content{display:block}.accordion.marker-on .heading{padding-left:40px}.accordion.marker-on .heading::before{line-height:1;display:block;content:"\203A";position:absolute;left:0;top:0;font-size:32px;width:34px;height:34px;text-align:center;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.accordion.marker-on .frame.active>.heading::before{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.accordion.marker-on[dir=rtl] .heading{padding-left:1rem;padding-right:32px}.accordion.marker-on[dir=rtl] .heading::before{left:auto;right:0}.accordion.marker-on[dir=rtl] .frame.active>.heading::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.accordion.material .heading::before{display:none}.accordion.material>.frame>.heading{padding:16px 42px 16px 16px;font-size:16px;background-color:#fff}.accordion.material>.frame>.heading::after{display:block;content:"\203A";position:absolute;right:16px;top:8px;font-size:32px;width:40px;height:40px;text-align:center;line-height:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.accordion.material .frame+.frame{border-top:1px #dfdfdf solid}.accordion.material>.frame>.content{padding:16px;font-size:14px}.accordion.material>.frame.active .heading::after{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.accordion.rtl.material>.frame>.heading,.accordion[dir=rtl].material>.frame>.heading{padding:16px 16px 16px 42px}.accordion.rtl.material>.frame>.heading::after,.accordion[dir=rtl].material>.frame>.heading::after{left:16px;right:auto;top:8px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion.rtl.material>.frame.active .heading::after,.accordion[dir=rtl].material>.frame.active .heading::after{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.action-button{padding:0;border-radius:50%;width:56px;height:56px;line-height:56px;text-align:center;display:inline-block;font-weight:400;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;font-size:.875rem;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:#ebebeb;color:#1d1d1d;cursor:pointer;outline:0;position:relative;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26)}.action-button .icon{width:20px;height:20px;line-height:20px;font-size:20px;display:inline-block;text-align:center;margin-top:18px}.action-button .icon>*{width:100%;max-height:100%;display:inline-block}.action-button.second{width:40px;height:40px;line-height:40px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26)}.action-button.second .icon{width:16px;height:16px;line-height:16px;font-size:16px;margin-top:0}.action-button.prime{-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2)}.action-button:active{-webkit-box-shadow:0 17px 50px 0 rgba(0,0,0,.19),0 12px 15px 0 rgba(0,0,0,.24);box-shadow:0 17px 50px 0 rgba(0,0,0,.19),0 12px 15px 0 rgba(0,0,0,.24)}.multi-action{display:inline-block;vertical-align:middle;position:relative;width:56px;height:56px}.multi-action .action-button{position:absolute;z-index:2;margin:0!important}.multi-action .actions{position:absolute;list-style:none inside none;margin:0;padding:0;width:auto;float:left;background-color:transparent;top:8px;left:8px;z-index:1;width:40px;height:40px;border-radius:50%}.multi-action .actions li{position:absolute;display:block;width:40px;height:40px;border-radius:50%;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26);margin:0;background:#989898;color:#fff;-webkit-transform:scale(.2);transform:scale(.2);line-height:40px;font-size:20px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.multi-action .actions li a{background:inherit;color:inherit;display:block;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;text-decoration:none}.multi-action .actions li:active{-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2)}.multi-action .actions.drop-down,.multi-action .actions.drop-left,.multi-action .actions.drop-right,.multi-action .actions.drop-up{top:8px!important;left:8px!important}.multi-action .action-button.active~.actions li{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scale(1);transform:scale(1)}.multi-action .action-button.active~.actions li:nth-child(1){margin-top:-56px}.multi-action .action-button.active~.actions li:nth-child(2){margin-top:-104px}.multi-action .action-button.active~.actions li:nth-child(3){margin-top:-152px}.multi-action .action-button.active~.actions li:nth-child(4){margin-top:-200px}.multi-action .action-button.active~.actions li:nth-child(5){margin-top:-248px}.multi-action .action-button.active~.actions li:nth-child(6){margin-top:-296px}.multi-action .action-button.active~.actions li:nth-child(7){margin-top:-344px}.multi-action .action-button.active~.actions li:nth-child(8){margin-top:-392px}.multi-action .action-button.active~.actions li:nth-child(9){margin-top:-440px}.multi-action .action-button.active~.actions li:nth-child(10){margin-top:-488px}.multi-action .action-button.active~.actions.drop-bottom li:nth-child(1),.multi-action .action-button.active~.actions.drop-down li:nth-child(1){margin-top:56px}.multi-action .action-button.active~.actions.drop-bottom li:nth-child(2),.multi-action .action-button.active~.actions.drop-down li:nth-child(2){margin-top:104px}.multi-action .action-button.active~.actions.drop-bottom li:nth-child(3),.multi-action .action-button.active~.actions.drop-down li:nth-child(3){margin-top:152px}.multi-action .action-button.active~.actions.drop-bottom li:nth-child(4),.multi-action .action-button.active~.actions.drop-down li:nth-child(4){margin-top:200px}.multi-action .action-button.active~.actions.drop-bottom li:nth-child(5),.multi-action .action-button.active~.actions.drop-down li:nth-child(5){margin-top:248px}.multi-action .action-button.active~.actions.drop-bottom li:nth-child(6),.multi-action .action-button.active~.actions.drop-down li:nth-child(6){margin-top:296px}.multi-action .action-button.active~.actions.drop-bottom li:nth-child(7),.multi-action .action-button.active~.actions.drop-down li:nth-child(7){margin-top:344px}.multi-action .action-button.active~.actions.drop-bottom li:nth-child(8),.multi-action .action-button.active~.actions.drop-down li:nth-child(8){margin-top:392px}.multi-action .action-button.active~.actions.drop-bottom li:nth-child(9),.multi-action .action-button.active~.actions.drop-down li:nth-child(9){margin-top:440px}.multi-action .action-button.active~.actions.drop-bottom li:nth-child(10),.multi-action .action-button.active~.actions.drop-down li:nth-child(10){margin-top:488px}.multi-action .action-button.active~.actions.drop-right li{margin-top:0}.multi-action .action-button.active~.actions.drop-right li:nth-child(1){margin-left:56px}.multi-action .action-button.active~.actions.drop-right li:nth-child(2){margin-left:104px}.multi-action .action-button.active~.actions.drop-right li:nth-child(3){margin-left:152px}.multi-action .action-button.active~.actions.drop-right li:nth-child(4){margin-left:200px}.multi-action .action-button.active~.actions.drop-right li:nth-child(5){margin-left:248px}.multi-action .action-button.active~.actions.drop-right li:nth-child(6){margin-left:296px}.multi-action .action-button.active~.actions.drop-right li:nth-child(7){margin-left:344px}.multi-action .action-button.active~.actions.drop-right li:nth-child(8){margin-left:392px}.multi-action .action-button.active~.actions.drop-right li:nth-child(9){margin-left:440px}.multi-action .action-button.active~.actions.drop-right li:nth-child(10){margin-left:488px}.multi-action .action-button.active~.actions.drop-left li{margin-top:0}.multi-action .action-button.active~.actions.drop-left li:nth-child(1){margin-left:-56px}.multi-action .action-button.active~.actions.drop-left li:nth-child(2){margin-left:-104px}.multi-action .action-button.active~.actions.drop-left li:nth-child(3){margin-left:-152px}.multi-action .action-button.active~.actions.drop-left li:nth-child(4){margin-left:-200px}.multi-action .action-button.active~.actions.drop-left li:nth-child(5){margin-left:-248px}.multi-action .action-button.active~.actions.drop-left li:nth-child(6){margin-left:-296px}.multi-action .action-button.active~.actions.drop-left li:nth-child(7){margin-left:-344px}.multi-action .action-button.active~.actions.drop-left li:nth-child(8){margin-left:-392px}.multi-action .action-button.active~.actions.drop-left li:nth-child(9){margin-left:-440px}.multi-action .action-button.active~.actions.drop-left li:nth-child(10){margin-left:-488px}.multi-action .action-button .icon{-webkit-transition:all .3s;transition:all .3s}.multi-action .action-button.active.rotate .icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.multi-action .action-button.active.rotate-minus .icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.action-button.floating-action-top,.multi-action.floating-action-top{z-index:1080;top:90px;left:16px;position:fixed}.action-button.floating-action-bottom,.multi-action.floating-action-bottom{z-index:1080;bottom:20px;right:20px;position:fixed}.activity-ring{position:relative;padding-top:.22rem;width:32px;height:32px;margin:.625rem}.activity-ring>.wrap{position:absolute;width:30px;height:30px}.activity-ring>.wrap>.circle{opacity:0;width:30px;height:30px;-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation:orbit 4s infinite;animation:orbit 4s infinite}.activity-ring>.wrap>.circle:after{position:absolute;content:'';width:4px;height:4px;border-radius:4px;background:#fff}.activity-ring>.wrap:nth-child(2){-webkit-transform:rotate(-14deg);transform:rotate(-14deg)}.activity-ring>.wrap:nth-child(2)>.circle{-webkit-animation-delay:.133s;animation-delay:.133s}.activity-ring>.wrap:nth-child(3){-webkit-transform:rotate(-28deg);transform:rotate(-28deg)}.activity-ring>.wrap:nth-child(3)>.circle{-webkit-animation-delay:.266s;animation-delay:.266s}.activity-ring>.wrap:nth-child(4){-webkit-transform:rotate(-42deg);transform:rotate(-42deg)}.activity-ring>.wrap:nth-child(4)>.circle{-webkit-animation-delay:.4s;animation-delay:.4s}.activity-ring>.wrap:nth-child(5){-webkit-transform:rotate(-56deg);transform:rotate(-56deg)}.activity-ring>.wrap:nth-child(5)>.circle{-webkit-animation-delay:.533s;animation-delay:.533s}.activity-ring.dark-style>.wrap>.circle:after{background-color:#989898}.activity-ring.color-style>.wrap>.circle:after{background-color:#1ba1e2}.activity-ring.color-style>.wrap:nth-child(2)>.circle:after{background-color:#fa6800}.activity-ring.color-style>.wrap:nth-child(3)>.circle:after{background-color:#60a917}.activity-ring.color-style>.wrap:nth-child(4)>.circle:after{background-color:#ce352c}.activity-ring.color-style>.wrap:nth-child(5)>.circle:after{background-color:#fff000}.activity-metro{overflow:hidden;position:relative;width:100%;height:10px;background-color:transparent}.activity-metro>.circle{display:inline-block;position:absolute;width:10px;height:10px;background-color:#fff;opacity:0;margin-left:5px;-webkit-animation:metro-slide 3s cubic-bezier(.1,.85,.9,.15) infinite,metro-opacity 2s ease-in-out infinite alternate;animation:metro-slide 3s cubic-bezier(.1,.85,.9,.15) infinite,metro-opacity 2s ease-in-out infinite alternate}.activity-metro>.circle:nth-child(2){-webkit-animation-delay:.8s;animation-delay:.8s}.activity-metro>.circle:nth-child(3){-webkit-animation-delay:.7s;animation-delay:.7s}.activity-metro>.circle:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.activity-metro>.circle:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}.activity-metro.dark-style>.circle{background-color:#989898}.activity-metro.color-style>.circle{background-color:#1ba1e2}.activity-metro.color-style>.circle:nth-child(2){background-color:#fa6800}.activity-metro.color-style>.circle:nth-child(3){background-color:#60a917}.activity-metro.color-style>.circle:nth-child(4){background-color:#ce352c}.activity-metro.color-style>.circle:nth-child(5){background-color:#fff000}.activity-square{position:relative;width:40px;height:40px;overflow:hidden;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-animation:ani-shrink 1s linear infinite;animation:ani-shrink 1s linear infinite}.activity-square .square{position:absolute;width:19px;height:19px;background:#fff}.activity-square .square:nth-child(1){left:0;top:21px}.activity-square .square:nth-child(2){left:21px;top:21px;-webkit-animation:ani-drop 1s linear infinite;animation:ani-drop 1s linear infinite}.activity-square .square:nth-child(3){left:0;top:0;-webkit-animation:ani-drop2 1s linear infinite;animation:ani-drop2 1s linear infinite}.activity-square .square:nth-child(4){left:21px;top:0;-webkit-animation:ani-drop3 1s linear infinite;animation:ani-drop3 1s linear infinite}.activity-square.dark-style>.square{background-color:#989898}.activity-square.color-style>.square:nth-child(1){background-color:#fa6800}.activity-square.color-style>.square:nth-child(2){background-color:#60a917}.activity-square.color-style>.square:nth-child(3){background-color:#1ba1e2}.activity-square.color-style>.square:nth-child(4){background-color:#fff000}.activity-cycle{width:64px;height:64px;position:relative;overflow:hidden}.activity-cycle .cycle{display:block;position:relative;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:ani-pre-spin 1s linear infinite;animation:ani-pre-spin 1s linear infinite;z-index:1001}.activity-cycle .cycle::after,.activity-cycle .cycle::before{content:"";position:absolute;border-radius:50%;border:3px solid transparent;border-top-color:#fff}.activity-cycle .cycle:before{top:5px;left:5px;right:5px;bottom:5px;-webkit-animation:ani-pre-spin 2s linear infinite;animation:ani-pre-spin 2s linear infinite}.activity-cycle .cycle:after{top:15px;left:15px;right:15px;bottom:15px;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.activity-cycle.dark-style .cycle{border-top-color:#1d1d1d}.activity-cycle.dark-style .cycle:before{border-top-color:#1d1d1d}.activity-cycle.dark-style .cycle:after{border-top-color:#1d1d1d}.activity-cycle.color-style .cycle{border-top-color:#1ba1e2}.activity-cycle.color-style .cycle:before{border-top-color:#ce352c}.activity-cycle.color-style .cycle:after{border-top-color:#fff000}.activity-simple{width:64px;height:64px}.activity-simple .circular{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;position:relative;width:100%;height:100%}.activity-simple .path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:#fff}.activity-simple.dark-style .path{stroke:#1d1d1d}.activity-simple.color-style .path{-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite}.activity-simple.small{width:32px;height:32px;border-radius:50%}.activity-simple.small .circular{width:32px;height:32px}.activity-atom{width:64px;height:64px;border-radius:50%;-webkit-perspective:800px;perspective:800px}.activity-atom span{position:absolute;width:100%;height:100%;border-radius:50%}.activity-atom span:nth-child(1){left:0;top:0;-webkit-animation:rotate-one 1s linear infinite;animation:rotate-one 1s linear infinite;border-bottom:3px solid;border-bottom-color:#fff}.activity-atom span:nth-child(2){right:0;top:0;-webkit-animation:rotate-two 1s linear infinite;animation:rotate-two 1s linear infinite;border-right:3px solid;border-right-color:#fff}.activity-atom span:nth-child(3){right:0;bottom:0;-webkit-animation:rotate-three 1s linear infinite;animation:rotate-three 1s linear infinite;border-top:3px solid;border-top-color:#fff}.activity-atom.dark-style span:nth-child(1){border-bottom-color:#1d1d1d}.activity-atom.dark-style span:nth-child(2){border-right-color:#1d1d1d}.activity-atom.dark-style span:nth-child(3){border-top-color:#1d1d1d}.activity-atom.color-style span:nth-child(1){border-bottom-color:#1ba1e2}.activity-atom.color-style span:nth-child(2){border-right-color:#ce352c}.activity-atom.color-style span:nth-child(3){border-top-color:#fff000}.activity-bars{width:60px;height:50px}.activity-bars span{height:100%;width:8px;display:inline-block;float:left;margin-left:2px;-webkit-animation:bars .8s infinite ease-in-out;animation:bars .8s infinite ease-in-out;background-color:#fff}.activity-bars span:nth-child(2){-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-bars span:nth-child(3){-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-bars span:nth-child(4){-webkit-animation-delay:-.5s;animation-delay:-.5s}.activity-bars span:nth-child(5){-webkit-animation-delay:-.4s;animation-delay:-.4s}.activity-bars span:nth-child(6){-webkit-animation-delay:-.3s;animation-delay:-.3s}.activity-bars.dark-style span{background-color:#1d1d1d}.activity-bars.color-style span:nth-child(1){background-color:#a0f}.activity-bars.color-style span:nth-child(2){background-color:#1ba1e2}.activity-bars.color-style span:nth-child(3){background-color:#60a917}.activity-bars.color-style span:nth-child(4){background-color:#fff000}.activity-bars.color-style span:nth-child(5){background-color:#fa6800}.activity-bars.color-style span:nth-child(6){background-color:#dc4fad}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}@-webkit-keyframes color{0%,100%{stroke:#ce352c}40%{stroke:#00aff0}66%{stroke:#60a917}80%,90%{stroke:#fff000}}@keyframes color{0%,100%{stroke:#ce352c}40%{stroke:#00aff0}66%{stroke:#60a917}80%,90%{stroke:#fff000}}@-webkit-keyframes rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0);transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg);transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0);transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg);transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@-webkit-keyframes rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0);transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg);transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0);transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg);transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@-webkit-keyframes rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0);transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg);transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@keyframes rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0);transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg);transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@-webkit-keyframes bars{0%,100%,40%{-webkit-transform:scaleY(.05);transform:scaleY(.05)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes bars{0%,100%,40%{-webkit-transform:scaleY(.05);transform:scaleY(.05)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.app-bar{display:-webkit-box;display:flex;position:fixed;top:0;left:0;right:0;height:auto;min-height:52px;z-index:1030;background-color:#f8f8f8;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-webkit-box-align:center;align-items:center}.app-bar .app-bar-container{background-color:inherit;color:inherit}.app-bar .app-bar-button,.app-bar .app-bar-container,.app-bar .app-bar-item,.app-bar .brand{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;height:52px;line-height:52px;padding:0 16px;background-color:inherit;color:inherit;text-decoration:none;font-size:14px;flex-shrink:0;border:none;-webkit-box-pack:center;justify-content:center}.app-bar .app-bar-button:focus,.app-bar .app-bar-container:focus,.app-bar .app-bar-item:focus,.app-bar .brand:focus{outline:0}.app-bar .app-bar-container{padding:0}.app-bar .app-bar-item{white-space:nowrap}.app-bar .app-bar-button{width:52px;padding:0}.app-bar .app-bar-menu{flex-shrink:0;list-style:none inside;margin:0;padding:0;position:relative;width:100%;display:-webkit-box;display:flex;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;background-color:inherit;color:inherit}.app-bar .app-bar-menu>li,.app-bar .app-bar-menu>li>a{display:block;line-height:52px;background-color:inherit;color:inherit;flex-shrink:0}.app-bar .app-bar-menu>li>a{padding:0 16px;text-decoration:none;font-size:14px;position:relative}.app-bar .app-bar-menu>li{position:relative}.app-bar .app-bar-menu a:hover{text-decoration:none}.app-bar .app-bar-item:not(.no-hover) .active,.app-bar .app-bar-item:not(.no-hover):active,.app-bar .app-bar-item:not(.no-hover):hover,.app-bar .app-bar-menu li:not(.no-hover) .active,.app-bar .app-bar-menu li:not(.no-hover):active,.app-bar .app-bar-menu li:not(.no-hover):hover,.app-bar .brand:not(.no-hover) .active,.app-bar .brand:not(.no-hover):active,.app-bar .brand:not(.no-hover):hover,.app-bar .hamburger:not(.no-hover) .active,.app-bar .hamburger:not(.no-hover):active,.app-bar .hamburger:not(.no-hover):hover{background:rgba(29,29,29,.1)}.app-bar .hamburger{position:absolute;right:0;top:0;display:block;height:52px;width:52px}.app-bar .hamburger.menu-down.active .line:nth-child(1),.app-bar .hamburger.menu-down.active .line:nth-child(3){margin:-4px 16px}.app-bar .app-bar-menu .d-menu,.app-bar .app-bar-menu .v-menu{-webkit-box-shadow:none;box-shadow:none;position:relative;width:100%;background-color:#f8f8f8}.app-bar .app-bar-container .divider,.app-bar .app-bar-menu .divider{height:1px!important;line-height:1px!important;background-color:#e4e4e4}.app-bar .app-bar-container .d-menu{background-color:#f8f8f8;position:absolute;width:auto;-webkit-box-shadow:2px 2px 2px 0 rgba(227,228,229,.7),-.5px 0 1px 0 rgba(227,228,229,.7);box-shadow:2px 2px 2px 0 rgba(227,228,229,.7),-.5px 0 1px 0 rgba(227,228,229,.7)}.app-bar .app-bar-container .v-menu{position:absolute;float:left;width:auto;border:1px solid #dfdfdf;background-color:#fff}.app-bar .app-bar-container>.d-menu,.app-bar .app-bar-container>.v-menu{top:100%}.app-bar .app-bar-container a{color:inherit;text-decoration:none}.app-bar a{outline:0!important}.app-bar .app-bar-menu .d-menu .d-menu,.app-bar .app-bar-menu .d-menu .v-menu,.app-bar .app-bar-menu .v-menu .d-menu,.app-bar .app-bar-menu .v-menu .v-menu{left:0}.app-bar .app-bar-menu.opened{max-height:calc(100vh - 52px);overflow-y:auto}.app-bar .app-bar-input{width:100px;height:30px;font-size:.875rem;border:none!important;border-radius:4px}.app-bar .hamburger:not(.hidden)~.ml-auto{margin-right:48px}.app-bar-expand{flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row}.app-bar-expand .app-bar-container,.app-bar-expand .app-bar-item,.app-bar-expand .brand{width:auto;flex-shrink:1}.app-bar-expand .app-bar-menu{float:left}.app-bar-expand .app-bar-menu{width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.app-bar-expand .app-bar-menu .d-menu{position:absolute;width:auto;-webkit-box-shadow:2px 2px 2px 0 rgba(227,228,229,.7),-.5px 0 1px 0 rgba(227,228,229,.7);box-shadow:2px 2px 2px 0 rgba(227,228,229,.7),-.5px 0 1px 0 rgba(227,228,229,.7)}.app-bar-expand .app-bar-menu .d-menu a,.app-bar-expand .app-bar-menu .d-menu li{height:38px;line-height:38px}.app-bar-expand .app-bar-menu .v-menu{position:absolute;float:left;width:auto;border:1px solid #dfdfdf;background-color:#fff}.app-bar-expand .app-bar-menu.collapsed{display:-webkit-box!important;display:flex!important}.app-bar-expand .app-bar-menu .d-menu .d-menu,.app-bar-expand .app-bar-menu .d-menu .v-menu,.app-bar-expand .app-bar-menu .v-menu .d-menu,.app-bar-expand .app-bar-menu .v-menu .v-menu{left:100%}.app-bar-expand .hamburger{display:none}.p-ab{padding-top:52px!important}.m-ab{margin-top:52px!important}.h-ab{height:calc(100% - 52px)}.badge{position:absolute;z-index:1;top:0;right:0;background-color:#f8f8f8;color:#1d1d1d;border-radius:.25rem;display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;-webkit-transform:translateY(-50%) translateX(50%);transform:translateY(-50%) translateX(50%)}.app-bar-item .badge,.app-bar-menu>li>a .badge,.brand .badge,.d-menu>li>a .badge,.h-menu>li>a .badge,.t-menu>li>a .badge,.v-menu>li>a .badge{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}.badge.inline{position:relative;display:inline-block;right:auto;top:-1px;-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}.badge.inside{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}.bottom-nav{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:56px;width:100%;position:fixed;bottom:0;left:0;right:0;-webkit-box-shadow:0 -2px 10px 0 rgba(0,0,0,.16),0 -1px 5px 0 rgba(0,0,0,.26);box-shadow:0 -2px 10px 0 rgba(0,0,0,.16),0 -1px 5px 0 rgba(0,0,0,.26);z-index:1030}.bottom-nav .button{width:auto;height:100%;-webkit-box-flex:1;flex-grow:1;flex-basis:0;text-align:center;text-transform:capitalize;margin:0;border-radius:0;line-height:normal}.bottom-nav .button .icon{width:24px;height:24px;font-size:22px}.bottom-nav .button .label{display:block}.bottom-sheet{background-color:#fff;display:block;z-index:1030;max-width:360px;left:50%;list-style:none inside;padding:0;margin:0 0 0 -50%;width:100%;top:100%;position:fixed;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2)}.bottom-sheet::after{display:block;clear:both;content:""}.bottom-sheet.wide-sm{max-width:576px}.bottom-sheet.wide-ld{max-width:640px}.bottom-sheet.wide-md{max-width:768px}.bottom-sheet.wide-lg{max-width:992px}.bottom-sheet.wide{max-width:100%}.bottom-sheet>.title{height:56px;font-size:16px;color:rgba(0,0,0,.87)}.bottom-sheet>.item,.bottom-sheet>li{font-size:16px;position:relative;height:48px;padding-left:56px;display:block;cursor:pointer;vertical-align:middle;line-height:48px}.bottom-sheet>.item .icon,.bottom-sheet>li .icon{left:16px;position:absolute;width:24px;height:24px;font-size:24px;line-height:24px;vertical-align:middle;text-align:center;top:50%;margin-top:-12px;opacity:.8}.bottom-sheet>.item.active,.bottom-sheet>.item.hovered,.bottom-sheet>.item:hover,.bottom-sheet>li.active,.bottom-sheet>li.hovered,.bottom-sheet>li:hover{background-color:rgba(29,29,29,.1)}.bottom-sheet>.divider{height:1px;background-color:#dfdfdf}.bottom-sheet.grid-style{padding:16px}.bottom-sheet.grid-style>.item,.bottom-sheet.grid-style>li{width:64px;height:72px;line-height:normal;text-align:center;vertical-align:middle;display:block;float:left;margin:8px;padding:4px;font-size:11px}.bottom-sheet.grid-style>.item .icon,.bottom-sheet.grid-style>li .icon{display:block;position:relative;width:42px;height:42px;font-size:42px;margin:0 0 8px -21px;padding:0;top:0;left:50%;line-height:1}.bottom-sheet.grid-style>.divider{display:none}.bottom-sheet.opened{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.bottom-nav~.bottom-sheet{padding-bottom:76px}.breadcrumbs{margin-bottom:1rem;margin-left:0;padding:0;list-style:none inside;display:-webkit-box;display:flex;flex-wrap:nowrap;-webkit-box-align:center;align-items:center;background-color:#fff;color:#6a6a6a}.breadcrumbs .breadcrumb-item,.breadcrumbs .page-item{position:relative;cursor:pointer;display:list-item;background-color:inherit;color:inherit;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;margin:4px}.breadcrumbs .breadcrumb-item+.breadcrumb-item::after,.breadcrumbs .breadcrumb-item+.breadcrumb-item::before,.breadcrumbs .page-item+.page-item::after,.breadcrumbs .page-item+.page-item::before{display:block;position:absolute;vertical-align:middle;color:transparent;font-size:0;content:"";height:1px;width:.375rem;background-color:#1d1d1d;top:50%;left:0;margin-left:-.5rem}.breadcrumbs .breadcrumb-item+.breadcrumb-item::before,.breadcrumbs .page-item+.page-item::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-.125rem}.breadcrumbs .breadcrumb-item+.breadcrumb-item::after,.breadcrumbs .page-item+.page-item::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:.125rem}.breadcrumbs .breadcrumb-item a,.breadcrumbs .page-item a,.breadcrumbs .page-link{display:block;position:relative;padding:.5rem .75rem;line-height:1;font-size:1rem;text-decoration:none;color:inherit;background-color:transparent}.breadcrumbs .breadcrumb-item a:hover,.breadcrumbs .page-item a:hover,.breadcrumbs .page-link:hover{color:#1d1d1d}.breadcrumbs .breadcrumb-item:last-child,.breadcrumbs .page-item:last-child{font-weight:700}.button-group .active{background-color:#989898;color:#fff}.button,.flat-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:0 .75rem;font-size:.875rem;height:36px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:#ebebeb;color:#1d1d1d;cursor:pointer;outline:0;position:relative;overflow:visible}.button .icon+.caption,.flat-button .icon+.caption{margin-left:8px}.button .caption+.icon,.flat-button .caption+.icon{margin-left:8px}.flat-button{min-width:64px;background-color:transparent}.button.focus,.button:active,.button:focus{-webkit-box-shadow:0 0 0 3px rgba(228,228,228,.45);box-shadow:0 0 0 3px rgba(228,228,228,.45)}.button:hover{background-color:rgba(29,29,29,.1)}.button.link{background-color:transparent;color:#0366d6}.button.link:hover{background-color:transparent;color:#0056b3;text-decoration:underline}.button.link.focus,.button.link:focus{-webkit-box-shadow:none;box-shadow:none}.button.hovered:hover{background-color:rgba(29,29,29,.2)}.button img{height:1rem}.button.mini{font-size:.625rem;padding:0 .5rem;height:20px;line-height:20px}.button.mini img{height:.625rem}.button.small{font-size:.75rem;padding:0 .6rem;height:26px;line-height:26px}.button.small img{height:.75rem}.button.large{font-size:1.375rem;padding:0 1rem;height:53px;line-height:53px}.button.large img{height:1.375rem}.button.cycle,.button.square{width:2.25rem;height:2.25rem;padding-left:0!important;padding-right:0!important}.button.cycle.mini,.button.square.mini{width:1.39875rem;height:1.39875rem}.button.cycle.small,.button.square.small{width:1.724375rem;height:1.724375rem}.button.cycle.large,.button.square.large{width:3.3125rem;height:3.3125rem}.button.cycle{border-radius:50%}.button.cycle.dropdown-toggle::before,.button.square.dropdown-toggle::before{display:none}.button.dropdown-toggle.no-marker{padding-right:.75rem!important}.button:focus,.button:hover{text-decoration:none}.button:active{outline:0;-webkit-box-shadow:0 0 0 3px rgba(190,190,190,.45);box-shadow:0 0 0 3px rgba(190,190,190,.45)}.button.disabled,.button:disabled{opacity:.65}.button.outline{background:transparent none;border-width:1px;border-color:#dfdfdf}.button:active{-webkit-box-shadow:none;box-shadow:none}a.button,a.flat-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#1d1d1d;-webkit-box-shadow:none;box-shadow:none;text-decoration:none}a.button:hover,a.flat-button:hover{-webkit-box-shadow:none;box-shadow:none}a.button.focus,a.button:active,a.button:focus,a.flat-button.focus,a.flat-button:active,a.flat-button:focus{-webkit-box-shadow:0 0 0 3px rgba(228,228,228,.45);box-shadow:0 0 0 3px rgba(228,228,228,.45)}.button *+*{margin-left:.5rem}input[type=button],input[type=reset],input[type=submit]{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:0 .75rem;font-size:.875rem;height:36px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:#ebebeb;color:#1d1d1d;cursor:pointer;outline:0;position:relative;overflow:visible}input[type=button] .icon+.caption,input[type=reset] .icon+.caption,input[type=submit] .icon+.caption{margin-left:8px}input[type=button] .caption+.icon,input[type=reset] .caption+.icon,input[type=submit] .caption+.icon{margin-left:8px}input[type=button].focus,input[type=button]:active,input[type=button]:focus,input[type=reset].focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit].focus,input[type=submit]:active,input[type=submit]:focus{-webkit-box-shadow:0 0 0 3px rgba(228,228,228,.45);box-shadow:0 0 0 3px rgba(228,228,228,.45)}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:rgba(29,29,29,.1)}input[type=button].link,input[type=reset].link,input[type=submit].link{background-color:transparent;color:#0366d6}input[type=button].link:hover,input[type=reset].link:hover,input[type=submit].link:hover{background-color:transparent;color:#0056b3;text-decoration:underline}input[type=button].link.focus,input[type=button].link:focus,input[type=reset].link.focus,input[type=reset].link:focus,input[type=submit].link.focus,input[type=submit].link:focus{-webkit-box-shadow:none;box-shadow:none}input[type=button].hovered:hover,input[type=reset].hovered:hover,input[type=submit].hovered:hover{background-color:rgba(29,29,29,.2)}input[type=button] img,input[type=reset] img,input[type=submit] img{height:1rem}input[type=button].mini,input[type=reset].mini,input[type=submit].mini{font-size:.625rem;padding:0 .5rem;height:20px;line-height:20px}input[type=button].mini img,input[type=reset].mini img,input[type=submit].mini img{height:.625rem}input[type=button].small,input[type=reset].small,input[type=submit].small{font-size:.75rem;padding:0 .6rem;height:26px;line-height:26px}input[type=button].small img,input[type=reset].small img,input[type=submit].small img{height:.75rem}input[type=button].large,input[type=reset].large,input[type=submit].large{font-size:1.375rem;padding:0 1rem;height:53px;line-height:53px}input[type=button].large img,input[type=reset].large img,input[type=submit].large img{height:1.375rem}input[type=button].cycle,input[type=button].square,input[type=reset].cycle,input[type=reset].square,input[type=submit].cycle,input[type=submit].square{width:2.25rem;height:2.25rem;padding-left:0!important;padding-right:0!important}input[type=button].cycle.mini,input[type=button].square.mini,input[type=reset].cycle.mini,input[type=reset].square.mini,input[type=submit].cycle.mini,input[type=submit].square.mini{width:1.39875rem;height:1.39875rem}input[type=button].cycle.small,input[type=button].square.small,input[type=reset].cycle.small,input[type=reset].square.small,input[type=submit].cycle.small,input[type=submit].square.small{width:1.724375rem;height:1.724375rem}input[type=button].cycle.large,input[type=button].square.large,input[type=reset].cycle.large,input[type=reset].square.large,input[type=submit].cycle.large,input[type=submit].square.large{width:3.3125rem;height:3.3125rem}input[type=button].cycle,input[type=reset].cycle,input[type=submit].cycle{border-radius:50%}input[type=button].cycle.dropdown-toggle::before,input[type=button].square.dropdown-toggle::before,input[type=reset].cycle.dropdown-toggle::before,input[type=reset].square.dropdown-toggle::before,input[type=submit].cycle.dropdown-toggle::before,input[type=submit].square.dropdown-toggle::before{display:none}input[type=button].dropdown-toggle.no-marker,input[type=reset].dropdown-toggle.no-marker,input[type=submit].dropdown-toggle.no-marker{padding-right:.75rem!important}input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{text-decoration:none}input[type=button]:active,input[type=reset]:active,input[type=submit]:active{outline:0;-webkit-box-shadow:0 0 0 3px rgba(190,190,190,.45);box-shadow:0 0 0 3px rgba(190,190,190,.45)}input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled{opacity:.65}input[type=button].outline,input[type=reset].outline,input[type=submit].outline{background:transparent none;border-width:1px;border-color:#dfdfdf}input[type=button]:active,input[type=reset]:active,input[type=submit]:active{-webkit-box-shadow:none;box-shadow:none}input[type=button] *+*,input[type=reset] *+*,input[type=submit] *+*{margin-left:.5rem}input[type=button] .load-marker,input[type=reset] .load-marker,input[type=submit] .load-marker{-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}input[type=button] .load-caption,input[type=reset] .load-caption,input[type=submit] .load-caption{margin-left:-16px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}input[type=button].loading .load-marker,input[type=reset].loading .load-marker,input[type=submit].loading .load-marker{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-animation:spin-loader 1.5s linear infinite;animation:spin-loader 1.5s linear infinite}input[type=button].loading .load-caption,input[type=reset].loading .load-caption,input[type=submit].loading .load-caption{margin-left:.5rem}.button .load-marker{-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.button .load-caption{margin-left:-16px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.button.loading .load-marker{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-animation:spin-loader 1.5s linear infinite;animation:spin-loader 1.5s linear infinite}.button.loading .load-caption{margin-left:.5rem}@-webkit-keyframes spin-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.calendar{display:block;position:relative;width:280px;border:1px solid #dfdfdf;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:#fff}.calendar-content,.calendar-footer,.calendar-header{position:relative;display:block;background-color:#fff;color:#1d1d1d}.calendar-header{padding:1rem;background-color:#004d6f;color:#fff;-webkit-user-select:none;user-select:none}.calendar-header .header-year{font-size:.75rem;line-height:1}.calendar-header .header-day{font-size:1.325rem}.calendar-content{padding:1px;width:278px}.calendar-content .calendar-toolbar,.calendar-content .days-wrapper{display:-webkit-box;display:flex;position:relative}.calendar-content .calendar-toolbar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:.5rem 0;width:100%}.calendar-content .calendar-toolbar .next-month,.calendar-content .calendar-toolbar .next-year,.calendar-content .calendar-toolbar .next-year-group,.calendar-content .calendar-toolbar .prev-month,.calendar-content .calendar-toolbar .prev-year,.calendar-content .calendar-toolbar .prev-year-group{padding:.5rem 0;cursor:pointer;text-align:center;width:30px;display:block;position:relative;flex-shrink:0}.calendar-content .calendar-toolbar .curr-month,.calendar-content .calendar-toolbar .curr-year{padding:.5rem 0;width:100%;text-align:center;cursor:pointer;font-size:14px}.calendar-content .days,.calendar-content .week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:0}.calendar-content.-week-numbers .days,.calendar-content.-week-numbers .week-days{grid-template-columns:repeat(8,1fr)}.calendar-content .day,.calendar-content .week-day,.calendar-content .week-number{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.calendar-content .week-day,.calendar-content .week-number{font-weight:700;background-color:#f8f8f8}.calendar-content .week-day{border-bottom:1px solid #dfdfdf}.calendar-content .week-number{border-right:1px solid #dfdfdf}.calendar-content .week-days .week-number{border-right:none}.calendar-content .day,.calendar-content .week-day,.calendar-content .week-number{height:39px;cursor:pointer;font-size:14px;position:relative;-webkit-user-select:none;user-select:none;margin:0}.calendar-content .day.selected{-webkit-box-shadow:inset 0 0 0 1px #5ebdec!important;box-shadow:inset 0 0 0 1px #5ebdec!important}.calendar-content .day.selected::after{border-top:20px solid #5ebdec;border-left:20px solid transparent;right:0;top:0}.calendar-content .day.selected::before{right:1px!important;top:1px!important}.calendar-content .day.showed{font-weight:700}.calendar-content .outside{color:#bebebe;font-size:12px}.calendar-content .today{background-color:rgba(96,169,23,.5);color:#fff;font-weight:700}.calendar-content .coincidental{-webkit-box-shadow:inset 0 0 12px rgba(190,190,190,.4);box-shadow:inset 0 0 12px rgba(190,190,190,.4)}.calendar-content .excluded{background-color:#f8f8f8}.calendar-content .day{border:1px solid transparent}.calendar-content .day:hover{border-color:#dfdfdf}.calendar-footer{padding:.5rem;border-top:1px solid #dfdfdf;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.calendar-footer>*{margin:0 2px;font-size:.75rem;height:32px;line-height:32px;padding:0 8px}.calendar.compact{width:220px}.calendar.compact .calendar-content{width:100%}.calendar.compact .calendar-header{padding:.5rem;line-height:1.2}.calendar.compact .calendar-header .header-year{font-size:.65rem}.calendar.compact .calendar-header .header-day{font-size:1rem}.calendar.compact .calendar-toolbar>*{padding:0!important;font-size:14px}.calendar.compact .calendar-footer .button{height:24px;line-height:24px;padding:0 .25rem}.calendar.compact .day,.calendar.compact .week-number{height:30px;line-height:30px;width:30px;margin:0;font-size:12px}.calendar .calendar-time{display:block;padding:5px 10px 10px;border-top:1px solid #dfdfdf;background:#f8f8f8}.calendar .calendar-time .calendar-time__inner{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}.calendar .calendar-time .calendar-time__inner .button.spinner-button-minus{border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf}.calendar .calendar-time .calendar-time__inner input{text-align:center}.calendar .calendar-time .calendar-time__inner .minutes{margin-left:2px}.calendar .calendar-time .calendar-time__inner-row{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-pack:justify;justify-content:space-between;width:100%}.calendar .calendar-time .calendar-time__inner-cell{display:block;width:50%}.calendar.compact .calendar-time__inner-cell{display:block;width:50%}.calendar.compact .calendar-time__inner-cell span{font-size:12px}.calendar .calendar-content .months,.calendar .calendar-content .years{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap}.calendar .calendar-content .months .month,.calendar .calendar-content .months .year,.calendar .calendar-content .years .month,.calendar .calendar-content .years .year{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;flex-basis:33.33%;height:68px;font-size:14px;cursor:pointer}.calendar .calendar-content .months .month:hover,.calendar .calendar-content .months .year:hover,.calendar .calendar-content .years .month:hover,.calendar .calendar-content .years .year:hover{border-color:#dfdfdf}.calendar .calendar-content .months,.calendar .calendar-content .years{padding:1px}.calendar .calendar-content .calendar-toolbar{border-bottom:1px solid #dfdfdf}.calendar.compact .months .month,.calendar.compact .months .year,.calendar.compact .years .month,.calendar.compact .years .year{height:52px}.calendar-wide{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;width:560px}.calendar-wide::after{display:block;clear:both;content:""}.calendar-wide.calendar-picker{width:460px}.calendar-wide .calendar-footer,.calendar-wide .calendar-header{position:absolute;top:0;height:100%;min-height:100%}.calendar-wide .calendar-header{left:0}.calendar-wide .calendar-footer{right:0}.calendar-wide .calendar-header{width:180px}.calendar-wide .calendar-footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:stretch;align-items:stretch;border-top:none;border-left:1px solid #dfdfdf;width:100px}.calendar-wide .calendar-footer *{width:100%;margin:2px 0}.calendar-wide .calendar-content{margin:0 96px 0 180px}.calendar-wide.compact{width:454px!important}.calendar-wide.compact.calendar-picker{width:354px!important}.calendar-wide.compact .calendar-header{width:120px}.calendar-wide.compact .calendar-content{margin:0 96px 0 120px;width:234px}.calendar .day,.calendar .month,.calendar .year{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.calendar .to-animate{-webkit-transform:scale(0);transform:scale(0)}.calendar .days .day,.calendar .months .month,.calendar .years .year{border:1px solid #f8f8f8}.calendar .events{position:absolute;top:0;left:0;right:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;height:auto}.calendar .events .event{width:4px;height:4px;background-color:red;margin:1px}.calendar-picker{position:relative}.calendar-picker input{width:100%}.calendar-picker .calendar-wide{width:464px}.calendar-picker .calendar-wide.compact{width:364px}.calendar-for-picker{position:absolute;top:100%;left:0;display:none;z-index:500}.calendar-for-picker.open{display:block!important}.calendar-for-picker.open-up{top:auto;bottom:100%}.calendar-for-picker.dialog-mode{position:fixed;top:50%!important;left:50%!important;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:1050}.calendar-for-picker.dialog-mode.open-up{top:auto;bottom:auto}.card{display:block;position:relative;font-size:.875rem;width:calc(100% - 1rem);margin:8px auto;border-radius:2px;border:1px solid #dfdfdf;background-color:#fff}.card-header{border-bottom:1px #eee solid;padding:1rem;font-size:16px;border-radius:2px 2px 0 0;display:block}.card-header