.apPluginContainer .z-depth-1, .apPluginContainer .card-panel, .apPluginContainer .card, .apPluginContainer .toast, .apPluginContainer .btn, .apPluginContainer .btn-large, .bsaButtonGroup .btn-large, .apPluginContainer .btn-floating, .apPluginContainer .dropdown-content, .apPluginContainer .collapsible { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .apPluginContainer .z-depth-1-half, .apPluginContainer .btn:hover, .apPluginContainer .btn-large:hover, .bsaButtonGroup .btn-large:hover, .apPluginContainer .btn-floating:hover, .apPluginContainer .modal { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } .apPluginContainer .z-depth-2 { -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .apPluginContainer .z-depth-3 { -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); } .apPluginContainer .z-depth-4 { -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); } .apPluginContainer .z-depth-5 { -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); } .apPluginContainer .card-panel { padding: 20px; margin: 0.5rem 0 1rem 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; background-color: #fff; } .bsaButtonGroup .waves-effect, .apPluginContainer .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; z-index: 1; will-change: opacity, transform; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .apPluginContainer .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; transition: all 0.7s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none; } .apPluginContainer .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); } .apPluginContainer .waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); } .apPluginContainer .waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); } .apPluginContainer .waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); } .apPluginContainer .waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); } .apPluginContainer .waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); } .apPluginContainer .waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); } .apPluginContainer .waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .apPluginContainer .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } .apPluginContainer .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .apPluginContainer .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .apPluginContainer .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; } .apPluginContainer .waves-block { display: block; } .apPluginContainer a.waves-effect .waves-ripple { z-index: -1; } .bsaButtonGroup .btn, .bsaButtonGroup .btn-large, .bsaButtonGroup .btn-flat { display: inline-block; height: 36px; margin-bottom: 15px; padding: 0 2rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; line-height: 36px; text-transform: uppercase; border: none; outline: 0; -webkit-tap-highlight-color: transparent; } .bsaButtonGroup .btn, .bsaButtonGroup .btn-large { text-decoration: none; color: #FFF; background-color: #2196F3; text-align: center; letter-spacing: 0.5px; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; transition: 0.2s ease-out; cursor: pointer; } .bsaButtonGroup { text-align: center; } .bsaButtonGroup > a > i { margin-left: 10px; } .bsaButtonGroup .btn-large:focus, .bsaButtonGroup .btn-large:hover, .bsaButtonGroup .btn-large:visited { color: #ffffff; } .bsaButtonGroup .btn:hover, .bsaButtonGroup .btn-large:hover { background-color: #39a1f4; color: #ffffff; } .bsaButtonGroup .btn-large-red { background-color: #F44336; color: #ffffff; } .bsaButtonGroup .btn-large-red:hover { background-color: #f4665c; color: #ffffff; } .bsaButtonGroup .btn-large { height: 54px; line-height: 56px; } .bsaButtonGroup .btn-large-next:focus, .bsaButtonGroup .btn-large-next:hover, .bsaButtonGroup .btn-large-next:visited { color: #9e9e9e; } .bsaButtonGroup .btn-large-next { background-color: #e0e0e0; color: #bdbdbd; margin-right: 15px; } .bsaButtonGroup .btn-large-next:hover { background-color: #eeeeee; color: #9e9e9e; } .bsaButtonGroup .btn-large-buy { } .bsaButtonGroup .btn-large-buy:hover { } .bsaButtonGroup .apPluginContainer { width: auto; } .apPluginContainer .btn, .apPluginContainer .btn-large, .apPluginContainer .btn-flat { display: inline-block; height: 36px; margin-bottom: 15px; padding: 0 2rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; line-height: 36px; text-transform: uppercase; border: none; outline: 0; -webkit-tap-highlight-color: transparent; } .apPluginContainer .btn.disabled, .apPluginContainer .disabled.btn-large, .apPluginContainer .btn-floating.disabled, .apPluginContainer .btn-large.disabled, .apPluginContainer .btn:disabled, .apPluginContainer .btn-large:disabled, .apPluginContainer .btn-large:disabled, .apPluginContainer .btn-floating:disabled { background-color: #DFDFDF; box-shadow: none; color: #9F9F9F; } .apPluginContainer .btn.disabled:hover, .apPluginContainer .disabled.btn-large:hover, .apPluginContainer .btn-floating.disabled:hover, .apPluginContainer .btn-large.disabled:hover, .apPluginContainer .btn:disabled:hover, .apPluginContainer .btn-large:disabled:hover, .apPluginContainer .btn-large:disabled:hover, .apPluginContainer .btn-floating:disabled:hover { background-color: #DFDFDF; color: #9F9F9F; } .apPluginContainer .btn i, .apPluginContainer .btn-large i, .apPluginContainer .btn-floating i, .apPluginContainer .btn-large i, .apPluginContainer .btn-flat i { font-size: 1.3rem; line-height: inherit; } .apPluginContainer .btn, .apPluginContainer .btn-large { text-decoration: none; color: #FFF; background-color: #2196F3; text-align: center; letter-spacing: 0.5px; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; transition: 0.2s ease-out; cursor: pointer; } .apPluginContainer .btn:hover, .apPluginContainer .btn-large:hover { background-color: #39a1f4; } .apPluginContainer .btn-floating { display: inline-block; position: relative; z-index: 1; width: 37px; height: 37px; line-height: 37px; padding: 0; background-color: #2196F3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: padding-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; cursor: pointer; } .apPluginContainer .btn-floating i { width: inherit; display: inline-block; text-align: center; color: #FFF; font-size: 1.6rem; line-height: 37px; } .apPluginContainer .btn-floating.btn-large { width: 55.5px; height: 55.5px; } .apPluginContainer .btn-floating.btn-large i { line-height: 55.5px; } .apPluginContainer .btn-flat { box-shadow: none; background-color: transparent; color: #343434; cursor: pointer; } .apPluginContainer .btn-flat.disabled { color: #b3b3b3; } .apPluginContainer .btn-large { height: 54px; line-height: 56px; } .apPluginContainer .btn-large i { font-size: 1.6rem; } .apPluginContainer .left-align { text-align: left; } .apPluginContainer .right-align { text-align: right; } .apPluginContainer .center, .apPluginContainer .center-align { text-align: center; } .apPluginContainer .left { float: left !important; } .apPluginContainer .right { float: right !important; } .apPluginContainer .no-select, input[type=range], input[type=range] + .thumb { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .apPluginContainer .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: padding-box; } .apPluginContainer .center-block { display: block; margin-left: auto; margin-right: auto; } @font-face { font-family: "Material-Design-Icons"; src: url("https://moguid.com/coqitup/frontend/css/asset/icons/Material-Design-Icons.eot?-g7cqhn"); src: url("https://moguid.com/coqitup/frontend/css/asset/icons/Material-Design-Icons.eot?#iefix-g7cqhn") format("embedded-opentype"), url("https://moguid.com/coqitup/frontend/css/asset/icons/Material-Design-Icons.woff?-g7cqhn") format("woff"), url("https://moguid.com/coqitup/frontend/css/asset/icons/Material-Design-Icons.ttf?-g7cqhn") format("truetype"), url("https://moguid.com/coqitup/frontend/css/asset/icons/Material-Design-Icons.svg?-g7cqhn#Material-Design-Icons") format("svg"); font-weight: normal; font-style: normal; } .apPluginContainer [class^="mdi-"], .apPluginContainer .select-wrapper span.select-dropdown:after, [class*=" mdi-"] { font-family: "Material-Design-Icons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .apPluginContainer .mdi-hardware-keyboard-arrow-right:before { content: "\e7b6"; } .apPluginContainer .mdi-content-add:before { content: "\e6fb"; }