@charset 'UTF-8'; @import url(/assets/styles/etc/daterangepicker.css); @import url(/assets/styles/etc/jquery-confirm.css); /* mixins */ /* retina */ /* aspect ratio */ /* font face */ /* key frame animation */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeIn2 { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn2 { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes alarm { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(2); transform: scale(2); } } @keyframes alarm { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(2); transform: scale(2); } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* variable */ /* svgs */ /* functions */ /* z-index */ /* String Replace */ /* rem */ /* custom mixin to replace a defined fill color with another one */ /* Common Style */ * { margin: 0; padding: 0; } /* set html5 elements to block */ article , aside , details , figcaption , figure , footer , header , hgroup , menu , nav , section { display: block; } html , body , div , span , object , iframe , h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , a , abbr , address , cite , code , del , dfn , em , font , img , ins , q , s , samp , strike , strong , sub , sup , dl , dt , dd , ol , ul , li , fieldset , form , label , legend { line-height: 1.3em; vertical-align: middle; border: 0 none; -webkit-font-smoothing: antialiased; } body {font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif; font-size: 100%; position: relative; min-height: 320px; margin: 0 auto; word-break: normal; background-color: #fff; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } header , h1 { font-size: 100%; } html , body { height: 100%; } caption , legend {font-size: 0; position: absolute; top: -9999px; left: -9999px; visibility: hidden; overflow: hidden; width: 0; height: 0; } caption { display: none; } img {vertical-align: top; border: none; } select , input { vertical-align: top; border: 0px; border-radius: 0; background-color: transparent; } hr { display: none; border: 0 none; } ol , ul , ul li { list-style: none; } em { font-style: normal; } menu li { list-style: none; } address {font-style: normal; display: inline; } button {cursor: pointer; border: 0px; border-radius: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } table {border-spacing: 0; border-collapse: collapse; } input , textarea , keygen , select , button { font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif; } strong { font-weight: normal; } dfn { font-style: normal; } i , b , u , s {font-family: inherit; font-weight: inherit; font-style: inherit; text-decoration: none; } :focus { outline: 0; } .hidden { position: absolute; top: -99999px; } .Toastify__toast-container {position: fixed; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; width: 320px; padding: 4px; color: #fff; } .Toastify__toast-container--top-left { top: 1em; left: 1em; } .Toastify__toast-container--top-center { top: 1em; left: 50%; margin-left: -160px; } .Toastify__toast-container--top-right { top: 1em; right: 1em; } .Toastify__toast-container--bottom-left { bottom: 1em; left: 1em; } .Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; margin-left: -160px; } .Toastify__toast-container--bottom-right {right: 1em; bottom: 1em; } @media only screen and (max-width: 480px) { .Toastify__toast-container {left: 0; width: 100vw; margin: 0; padding: 0; } .Toastify__toast-container--top-left , .Toastify__toast-container--top-center , .Toastify__toast-container--top-right { top: 0; } .Toastify__toast-container--bottom-left , .Toastify__toast-container--bottom-center , .Toastify__toast-container--bottom-right { bottom: 0; } .Toastify__toast-container--rtl { right: 0; left: initial; } } .Toastify__toast {font-family: sans-serif; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: auto; max-height: 800px; margin-bottom: 1rem; padding: 8px; cursor: pointer; border-radius: 5px; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; direction: ltr; } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--default {color: #aaa; background: rgba(255, 255, 255, .3); } .Toastify__toast--info { background: #3498db; } .Toastify__toast--success { background: #e3891c; } .Toastify__toast--warning { background: #f1c40f; } .Toastify__toast--error { background: rgba(187, 51, 34, .9); } .Toastify__toast-body {font-size: 1rem; font-weight: 600; margin: auto 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (max-width: 480px) { .Toastify__toast { margin-bottom: 0; } } .Toastify__close-button {font-size: 14px; font-weight: bold; padding: 0; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; opacity: .7; color: #fff; border: none; outline: none; background: transparent; -ms-flex-item-align: start; align-self: flex-start; } .Toastify__close-button--default {opacity: .3; color: #000; } .Toastify__close-button:hover , .Toastify__close-button:focus { opacity: 1; } @-webkit-keyframes Toastify__trackProgress { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); } } @keyframes Toastify__trackProgress { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); } } .Toastify__progress-bar { position: absolute; z-index: 9999; bottom: 0; left: 0; width: 100%; height: 5px; -webkit-transform-origin: left; transform-origin: left; opacity: .7; background-color: rgba(255, 255, 255, .7); } .Toastify__progress-bar--animated { -webkit-animation: Toastify__trackProgress linear 1 forwards; animation: Toastify__trackProgress linear 1 forwards; } .Toastify__progress-bar--controlled { -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .Toastify__progress-bar--rtl { right: 0; left: initial; -webkit-transform-origin: right; transform-origin: right; } .Toastify__progress-bar--default { background: -webkit-gradient(linear, left top, right top, from(#4cd964), color-stop(#5ac8fa), color-stop(#007aff), color-stop(#34aadc), color-stop(#5856d6), to(#ff2d55)); background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); } @-webkit-keyframes Toastify__bounceInRight { from , 60% , 75% , 90% , to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from {-webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); opacity: 0; } 60% {-webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes Toastify__bounceInRight { from , 60% , 75% , 90% , to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from {-webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); opacity: 0; } 60% {-webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes Toastify__bounceOutRight { 20% {-webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } to {-webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } @keyframes Toastify__bounceOutRight { 20% {-webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } to {-webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } @-webkit-keyframes Toastify__bounceInLeft { from , 60% , 75% , 90% , to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% {-webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); opacity: 0; } 60% {-webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes Toastify__bounceInLeft { from , 60% , 75% , 90% , to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% {-webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); opacity: 0; } 60% {-webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes Toastify__bounceOutLeft { 20% {-webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 1; } to {-webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } @keyframes Toastify__bounceOutLeft { 20% {-webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 1; } to {-webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } @-webkit-keyframes Toastify__bounceInUp { from , 60% , 75% , 90% , to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from {-webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); opacity: 0; } 60% {-webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__bounceInUp { from , 60% , 75% , 90% , to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from {-webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); opacity: 0; } 60% {-webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40% , 45% {-webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 1; } to {-webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } @keyframes Toastify__bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40% , 45% {-webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 1; } to {-webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } @-webkit-keyframes Toastify__bounceInDown { from , 60% , 75% , 90% , to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% {-webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); opacity: 0; } 60% {-webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes Toastify__bounceInDown { from , 60% , 75% , 90% , to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% {-webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); opacity: 0; } 60% {-webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes Toastify__bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40% , 45% {-webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } to {-webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } @keyframes Toastify__bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40% , 45% {-webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } to {-webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } .Toastify__bounce-enter--top-left , .Toastify__bounce-enter--bottom-left { -webkit-animation-name: Toastify__bounceInLeft; animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right , .Toastify__bounce-enter--bottom-right { -webkit-animation-name: Toastify__bounceInRight; animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { -webkit-animation-name: Toastify__bounceInDown; animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { -webkit-animation-name: Toastify__bounceInUp; animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left , .Toastify__bounce-exit--bottom-left { -webkit-animation-name: Toastify__bounceOutLeft; animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right , .Toastify__bounce-exit--bottom-right { -webkit-animation-name: Toastify__bounceOutRight; animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { -webkit-animation-name: Toastify__bounceOutUp; animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { -webkit-animation-name: Toastify__bounceOutDown; animation-name: Toastify__bounceOutDown; } @-webkit-keyframes Toastify__zoomIn { from {-webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } @keyframes Toastify__zoomIn { from {-webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } @-webkit-keyframes Toastify__zoomOut { from { opacity: 1; } 50% {-webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } to { opacity: 0; } } @keyframes Toastify__zoomOut { from { opacity: 1; } 50% {-webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } to { opacity: 0; } } .Toastify__zoom-enter { -webkit-animation-name: Toastify__zoomIn; animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { -webkit-animation-name: Toastify__zoomOut; animation-name: Toastify__zoomOut; } @-webkit-keyframes Toastify__flipIn { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes Toastify__flipIn { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes Toastify__flipOut { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes Toastify__flipOut { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .Toastify__flip-enter { -webkit-animation-name: Toastify__flipIn; animation-name: Toastify__flipIn; } .Toastify__flip-exit { -webkit-animation-name: Toastify__flipOut; animation-name: Toastify__flipOut; } @-webkit-keyframes Toastify__slideInRight { from {visibility: visible; -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInRight { from {visibility: visible; -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideInLeft { from {visibility: visible; -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInLeft { from {visibility: visible; -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideInUp { from {visibility: visible; -webkit-transform: translate3d(0, 110%, 0); transform: translate3d(0, 110%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInUp { from {visibility: visible; -webkit-transform: translate3d(0, 110%, 0); transform: translate3d(0, 110%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideInDown { from {visibility: visible; -webkit-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInDown { from {visibility: visible; -webkit-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); } } @keyframes Toastify__slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); } } @-webkit-keyframes Toastify__slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); } } @keyframes Toastify__slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); } } @-webkit-keyframes Toastify__slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); } } @keyframes Toastify__slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); } } @-webkit-keyframes Toastify__slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } } @keyframes Toastify__slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } } .Toastify__slide-enter--top-left , .Toastify__slide-enter--bottom-left { -webkit-animation-name: Toastify__slideInLeft; animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right , .Toastify__slide-enter--bottom-right { -webkit-animation-name: Toastify__slideInRight; animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { -webkit-animation-name: Toastify__slideInDown; animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { -webkit-animation-name: Toastify__slideInUp; animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left , .Toastify__slide-exit--bottom-left { -webkit-animation-name: Toastify__slideOutLeft; animation-name: Toastify__slideOutLeft; } .Toastify__slide-exit--top-right , .Toastify__slide-exit--bottom-right { -webkit-animation-name: Toastify__slideOutRight; animation-name: Toastify__slideOutRight; } .Toastify__slide-exit--top-center { -webkit-animation-name: Toastify__slideOutUp; animation-name: Toastify__slideOutUp; } .Toastify__slide-exit--bottom-center { -webkit-animation-name: Toastify__slideOutDown; animation-name: Toastify__slideOutDown; } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .loading {position: relative; display: block; width: 100%; height: 100%; text-indent: -9999px; } .loading:before {position: absolute; top: 50%; left: 50%; display: block; width: 1.5em; height: 1.5em; margin: -.8em 0 0 -.75em; content: ''; -webkit-animation: loading .5s linear infinite; animation: loading .5s linear infinite; border: 2px solid transparent; border-top-color: #cc7b19; border-left-color: #cc7b19; border-radius: 50%; } .loading[data-size=inline] { display: inline-block; width: auto; padding: 1em; } .txt-r { text-align: right; } .forms .form-group { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 30px 25px; border-top: 2px solid rgba(0, 0, 0, .3); } .forms .form-group .label-with-input { display: block; } .forms .form-group .label-with-input + input[type=text] , .forms .form-group .label-with-input + input[type=password] , .forms .form-group .label-with-input + input[type=email] , .forms .form-group .label-with-input + input[type=search] , .forms .form-group .label-with-input + input[type=tel] , .forms .form-group .label-with-input + input[type=number] , .forms .form-group .label-with-input + .value , .forms .form-group .label-with-input + select { display: block; width: 100%; margin-top: 15px; } .forms .form-group .label-with-input + textarea { display: block; width: 100%; margin-top: 15px; } .forms .form-group .label-with-input ~ .validation-message { margin-top: 7px; } .forms .form-group .column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .forms .form-group .column .form-item { margin: 0; } .forms .form-group .column .form-item + .form-item { margin-left: 10px; } .forms .form-group + .form-item { margin-top: 0; } .forms .form-group-submit { display: block; margin-top: 20px; padding: 0 30px; text-align: right; } .forms .form-group-submit a + a , .forms .form-group-submit a + button , .forms .form-group-submit button + a , .forms .form-group-submit button + button { margin-left: 5px; } @media only screen and (max-width: 767px) { .forms .form-group-submit {position: fixed; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; padding: 10px; text-align: center; background-color: rgba(0, 0, 0, .7); } .forms .form-group-submit a , .forms .form-group-submit button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .forms .form-item { display: block; } .forms .form-item .label-with-input { display: block; } .forms .form-item .label-with-input + input[type=text] , .forms .form-item .label-with-input + input[type=password] , .forms .form-item .label-with-input + input[type=email] , .forms .form-item .label-with-input + input[type=search] , .forms .form-item .label-with-input + input[type=tel] , .forms .form-item .label-with-input + input[type=number] , .forms .form-item .label-with-input + textarea { display: block; width: 100%; margin-top: 5px; } .forms .form-item .label-with-input + select { margin-top: 5px; } .forms .form-item + .form-item { margin-top: 5px; } .forms .form-item .validation-message { margin-top: 7px; } .forms .form-item.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .forms .form-item.row .label-with-input { white-space: nowrap; } .forms .form-item.row .label-with-input + input[type=text] , .forms .form-item.row .label-with-input + input[type=password] , .forms .form-item.row .label-with-input + input[type=email] , .forms .form-item.row .label-with-input + input[type=search] , .forms .form-item.row .label-with-input + input[type=tel] , .forms .form-item.row .label-with-input + input[type=number] , .forms .form-item.row .label-with-input + textarea { margin: 0 0 0 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .forms .form-item.row .label-with-input + select { margin: 0 0 0 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .forms .form-item.row .validation-message { width: 100%; text-align: right; } .forms .form-item.datepicker { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .forms .form-item.datepicker .button-normal { margin-left: 10px; } .forms .form-price-value { font-size: .875rem; line-height: 2.57143em; text-align: right; color: #f9be03; } .forms .form-price-value input { width: 114px; } .forms .form-price-value[data-value=payment] { color: #f9be03; } .forms .form-price-value[data-value=payment] input { font-size: 1.125rem; font-weight: 600; color: #f9be03; } .forms .form-submit { display: block; margin-top: 13px; } .forms .form-submit a + a , .forms .form-submit a + button , .forms .form-submit button + a , .forms .form-submit button + button { margin-left: 5px; } .forms .validation-message {font-size: .8125rem; font-weight: 600; display: block; margin-top: 20px; text-transform: uppercase; color: #f53; } .validation-submit {font-size: .9375rem; display: dblock; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px; -webkit-transition: height .1s cubic-bezier(.6, .4, .2, 1.4), padding-top .1s linear, padding-bottom .1s linear, border-bottom-width .1s linear; transition: height .1s cubic-bezier(.6, .4, .2, 1.4), padding-top .1s linear, padding-bottom .1s linear, border-bottom-width .1s linear; text-align: center; color: #fff; border-bottom: 2px solid #f53; background-color: rgba(255, 85, 51, .3); } .label-with-input {font-size: .8125rem; font-weight: 600; display: inline-block; text-transform: uppercase; color: rgba(255, 255, 255, .45); } input[type=text] , input[type=password] , input[type=email] , input[type=search] , input[type=tel] , input[type=number] {font-size: .9375rem; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 36px; padding: 5px 15px; -webkit-transition: background-color .2s; transition: background-color .2s; color: #fff; border-radius: 4px; background-color: rgba(255, 255, 255, .25); } input[type=text]:focus , input[type=password]:focus , input[type=email]:focus , input[type=search]:focus , input[type=tel]:focus , input[type=number]:focus { color: #000; background-color: #eee; } input[type=text][readonly] , input[type=password][readonly] , input[type=email][readonly] , input[type=search][readonly] , input[type=tel][readonly] , input[type=number][readonly] { pointer-events: none; background-color: #323232; } input[type=text][readonly]:focus , input[type=password][readonly]:focus , input[type=email][readonly]:focus , input[type=search][readonly]:focus , input[type=tel][readonly]:focus , input[type=number][readonly]:focus { color: #f9be03; } input[type=text][disabled] , input[type=password][disabled] , input[type=email][disabled] , input[type=search][disabled] , input[type=tel][disabled] , input[type=number][disabled] { cursor: not-allowed; color: #555; background-color: #323232; } input[type=text][data-invalid=true] , input[type=password][data-invalid=true] , input[type=email][data-invalid=true] , input[type=search][data-invalid=true] , input[type=tel][data-invalid=true] , input[type=number][data-invalid=true] { border: 2px solid #f53; } input[type=text].block , input[type=password].block , input[type=email].block , input[type=search].block , input[type=tel].block , input[type=number].block { display: block; width: 100%; } input[type=text].dates[readonly] , input[type=password].dates[readonly] , input[type=email].dates[readonly] , input[type=search].dates[readonly] , input[type=tel].dates[readonly] , input[type=number].dates[readonly] { pointer-events: auto; } .form-price-value input[type=text] , .form-price-value input[type=password] , .form-price-value input[type=email] , .form-price-value input[type=search] , .form-price-value input[type=tel] , .form-price-value input[type=number] { padding-top: 0; padding-bottom: 0; text-align: right; background-color: transparent; } textarea {font-size: .9375rem; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100px; padding: 15px 15px; -webkit-transition: background-color .2s; transition: background-color .2s; color: #f9be03; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, .25); } textarea[data-invalid=true] { border: 2px solid #f53; } textarea:focus { color: #000; background-color: #eee; } .value {font-size: .9375rem; font-weight: 600; line-height: 1.73333em; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 36px; padding: 5px 10px 5px 0; color: #fff; border-radius: 4px; } input[type=checkbox] , input[type=radio] { display: inline-block; margin-top: -2px; vertical-align: middle; } input[type=checkbox] + label , input[type=radio] + label {font-size: .9375rem; line-height: 1.73333em; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 36px; padding: 5px; vertical-align: middle; color: #eee; } input[type=checkbox]:focus + label , input[type=radio]:focus + label { /*box-shadow: 0 0 0 2px $colorTxtPrimary;*/ } input[type=checkbox].toggle , input[type=radio].toggle { position: absolute; left: -9999px; } input[type=checkbox].toggle + label , input[type=radio].toggle + label {font-size: .875rem; font-weight: 500; line-height: 2.57143em; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 9px; cursor: pointer; -webkit-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s; color: #999; border-radius: 5px; background-color: rgba(0, 0, 0, .15); } input[type=checkbox].toggle + label:hover , input[type=radio].toggle + label:hover { color: #fff; } input[type=checkbox].toggle:checked + label , input[type=radio].toggle:checked + label { color: #f9be03; background-color: rgba(0, 0, 0, .45); } .switch-control { display: inline-block; } .switch-control input[type=checkbox] { position: absolute; left: -9999px; } .switch-control input[type=checkbox] + label {position: relative; display: inline-block; height: 36px; padding: 0 0 0 46px; cursor: pointer; vertical-align: middle; } .switch-control input[type=checkbox] + label:before {position: absolute; top: 50%; left: 1px; display: block; width: 32px; height: 14px; margin: -7px 0 0 0; content: ''; border-radius: 4px; background-color: rgba(0, 0, 0, .15); background-image: none; } .switch-control input[type=checkbox] + label:after {position: absolute; top: 50%; left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 18px; height: 18px; margin: -9px 0 0 0; content: ''; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 1; border: 1px solid #eee; border-radius: 4px; background-color: #fafafa; background-image: none; -webkit-box-shadow: 0 1px 2px 0 rgba(153, 153, 153, .5); box-shadow: 0 1px 2px 0 rgba(153, 153, 153, .5); } .switch-control input[type=checkbox] + label:active:after { -webkit-transform: scale(1.15, .85); transform: scale(1.15, .85); } .switch-control input[type=checkbox] + label span {font-size: .875rem; line-height: 2.57143em; display: inline-block; color: rgba(255, 255, 255, .7); } .switch-control input[type=checkbox]:checked + label:before { background-color: rgba(0, 0, 0, .45); } .switch-control input[type=checkbox]:checked + label:after { left: 15px; border: none; background-color: #f9be03; } .switch-control input[type=checkbox]:checked + label span { color: #f9be03; } .switch-control input[type=checkbox]:disabled + label { opacity: .3; } .switch-control.txt-none input[type=checkbox] + label {width: 32px; padding-left: 0; } .switch-control.txt-none input[type=checkbox] + label span { display: none; } .segmented-control {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border-radius: 5px; } .segmented-control input[type=radio] { position: absolute; left: -9999px; } .segmented-control input[type=radio] + label {font-size: .875rem; font-weight: 500; line-height: 1.42857em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 9px 5px; cursor: pointer; -webkit-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s; text-align: center; white-space: nowrap; color: rgba(255, 255, 255, .7); background-color: rgba(0, 0, 0, .15); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .segmented-control input[type=radio] + label:hover { color: #fff; } .segmented-control input[type=radio]:checked + label { color: #f9be03; background-color: rgba(0, 0, 0, .45); } .segmented-control + .segmented-control { margin-left: 3px; } select {font-size: .9375rem; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 36px; padding: 5px 20px 5px 10px; -webkit-transition: background-color .2s; transition: background-color .2s; color: rgba(255, 255, 255, .7); border-radius: 4px; background-color: rgba(255, 255, 255, .25); } select:focus { color: #000; background-color: #eee; } select[data-invalid=true] { border: 2px solid #f53; } .daterangepicker select {font-size: .75rem !important; height: 25px !important; padding: 5px 5px 5px 5px !important; color: #000 !important; -webkit-appearance: menulist !important; -moz-appearance: menulist !important; appearance: menulist !important; } .daterangepicker select.monthselect , .daterangepicker select.yearselect { background-color: rgba(238, 238, 238, .7) !important; } .tbl-data {width: 100%; margin-top: 13px; } .tbl-data .txt-r { text-align: right; } .tbl-data .txt-c { text-align: center; } .tbl-data .price { color: #f9be03; } .tbl-data thead tr th , .tbl-data thead tr td {font-size: .9375rem; font-weight: 600; padding: 14px 20px; text-align: left; color: rgba(255, 255, 255, .8); } .tbl-data tbody tr th , .tbl-data tbody tr td {font-size: .8125rem; font-weight: 400; padding: 14px 20px; text-align: left; color: rgba(255, 255, 255, .7); background-color: rgba(0, 0, 0, .15); } .tbl-data tbody tr th[data-comment=true] , .tbl-data tbody tr td[data-comment=true] { position: relative; } .tbl-data tbody tr th[data-comment=true]::after , .tbl-data tbody tr td[data-comment=true]::after {position: absolute; top: 5px; right: 0; display: block; width: 14px; height: 14px; content: ''; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\' fill=\'rgba%28255%2C255%2C255%2C0.70196%29\'%3E%3Cpath d=\'M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 9.8 11.2 15.5 19.1 9.7L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64z\'/%3E%3C/svg%3E') center center no-repeat; } .tbl-data tbody tr:hover th , .tbl-data tbody tr:hover td { background-color: rgba(0, 0, 0, .08); } .tbl-data tbody tr .none {font-size: 1rem; line-height: 3em; padding-top: 15px; padding-bottom: 15px; text-align: center; color: #999; } .tbl-data tbody tr input[type=radio] , .tbl-data tbody tr input[type=checkbox] { display: inline-block; vertical-align: middle; } .tbl-data tbody tr input[type=radio] + label , .tbl-data tbody tr input[type=checkbox] + label { font-size: .75rem; min-height: inherit; vertical-align: middle; } .tbl-data tfoot tr th , .tbl-data tfoot tr td {font-size: .9375rem; font-weight: 400; padding: 14px 20px; text-align: left; color: rgba(255, 255, 255, .7); background-color: rgba(0, 0, 0, .5); } @media only screen and (max-width: 767px) { .tbl-data thead { display: none; } .tbl-data tbody tr { display: block; margin: 10px 0; padding: 10px 5px; border-radius: 4px; background-color: rgba(0, 0, 0, .15); } .tbl-data tbody tr th , .tbl-data tbody tr td { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; text-align: right !important; background-color: transparent; } .tbl-data tbody tr th::before , .tbl-data tbody tr td::before {float: left; content: attr(data-label); } .tbl-data tbody tr th::after , .tbl-data tbody tr td::after { right: -7px !important; } .tbl-data tbody tr:hover th , .tbl-data tbody tr:hover td { background-color: transparent; } .tbl-data tfoot { display: block; } .tbl-data tfoot tr {display: block; overflow: hidden; padding: 14px 10px 14px 10px; background-color: rgba(0, 0, 0, .5); } .tbl-data tfoot tr th { display: none; } .tbl-data tfoot tr td { display: block; padding: 5px 0; background-color: transparent; } .tbl-data tfoot tr td::before {float: left; content: attr(data-label); } .tbl-data tfoot tr td small { display: block; } } .tbl-submit { display: block; margin-top: 20px; text-align: right; } .tbl-submit a ~ a , .tbl-submit a ~ button , .tbl-submit button ~ a , .tbl-submit button ~ button { margin-left: 3px; } .jconfirm .jconfirm-box { max-width: 360px; background: #fff url('/assets/images/bg_noise_01.png') center center repeat; } .jconfirm .jconfirm-box .jconfirm-title { font-size: 1rem !important; font-weight: 600 !important; } .jconfirm .jconfirm-box .jconfirm-content { font-size: .875rem !important; font-weight: 400 !important; } .jconfirm .jconfirm-box .jconfirm-buttons button.button-normal { background-color: rgba(0, 0, 0, .5); } .jconfirm .jconfirm-box .jconfirm-buttons button.button-normal:hover { text-decoration: none; background-color: rgba(0, 0, 0, .7); } .jconfirm .jconfirm-box.jconfirm-type-warning { border-top: solid 7px rgba(187, 51, 34, .7); } /* link Style */ a:link , a:visited , a:active , a:focus {-webkit-transition: color .2s; transition: color .2s; text-decoration: none; color: #cc7b19; } a:hover {text-decoration: underline; color: #fff; } .button-submit {font-size: .9375rem; font-weight: 600; position: relative; display: inline-block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 10px 9px; -webkit-transition: background-color .2s, color .2s; transition: background-color .2s, color .2s; text-align: center; white-space: nowrap; text-transform: uppercase; color: #fff !important; border-radius: 4px; background-color: #cc7b19; } .button-submit:hover { text-decoration: none; background-color: #e3891c; } .button-submit:disabled , .button-submit[disabled] { cursor: not-allowed; pointer-events: none; opacity: .3; } .button-submit[data-size=sm] {font-size: .8125rem; font-weight: 600; padding: 3px 10px; } @media only screen and (max-width: 767px) { .button-submit[data-size=sm] { padding-right: 5px; padding-left: 5px; } } .button-submit[data-size=sm] > .btn-label { line-height: inherit; vertical-align: baseline; } .button-submit[data-type=strong] , .button-submit.strong { background-color: rgba(187, 51, 34, .7); } .button-submit[data-type=strong]:hover , .button-submit.strong:hover { background-color: rgba(187, 51, 34, .9); } .button-submit:before {position: absolute; top: 50%; left: -100%; display: block; visibility: hidden; width: 1em; height: 1em; margin: -.6em 0 0 -.5em; content: ''; -webkit-transition: left .2s; transition: left .2s; -webkit-animation: loading .5s linear infinite; animation: loading .5s linear infinite; border: 2px solid transparent; border-top-color: #fff; border-left-color: #fff; border-radius: 50%; } .button-submit > .btn-label {line-height: 1.4em; position: relative; left: 0; -webkit-transition: left .2s, opacity .2s; transition: left .2s, opacity .2s; } .button-submit[data-state=loading]:before { left: 50%; visibility: visible; } .button-submit[data-state=loading]:disabled , .button-submit[data-state=loading][disabled] { opacity: 1; background-color: rgba(204, 123, 25, .3); } .button-submit[data-state=loading]:disabled[data-type=strong] , .button-submit[data-state=loading][disabled][data-type=strong] { background-color: rgba(187, 51, 34, .3); } .button-submit[data-state=loading] > .btn-label {left: 100%; opacity: 0; } .button-normal {font-size: .9375rem; font-weight: 600; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 30px 9px; -webkit-transition: background-color .2s, color .2s; transition: background-color .2s, color .2s; text-align: center; white-space: nowrap; text-transform: uppercase; color: #fff !important; border-radius: 4px; background-color: rgba(255, 255, 255, .25); } .button-normal:hover { text-decoration: none; background-color: rgba(255, 255, 255, .3); } .button-normal:disabled , .button-normal[disabled] { cursor: not-allowed; pointer-events: none; opacity: .3; } .button-normal[data-state=inner] {font-size: .8125rem; font-weight: 600; padding: 3px 17px; } .button-normal > .btn-label {line-height: 1.4em; position: relative; left: 0; -webkit-transition: left .2s, opacity .2s; transition: left .2s, opacity .2s; } [role=tooltip] > div { font-size: .75rem !important; background-color: rgba(0, 0, 0, .5) !important; } body:before {position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; background: #3f4245 url('/assets/images/bg_preset_light.png') center center no-repeat; background-size: cover; } body:after {position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; background: url('/assets/images/bg_noise_01.png') center center repeat; } .layout-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100vh; padding-top: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .layout-wrap main {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .layout-wrap .layout-contents-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (max-width: 767px) { .layout-wrap[data-menu-expand] .layout-globalmenu .btn-toggle-menu { background-image: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 352 512\' fill=\'rgba%28255%2C255%2C255%2C0.70196%29\'%3E%3Cpath d=\'M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\'/%3E%3C/svg%3E'); background-size: 18px; } .layout-wrap[data-menu-expand] .layout-globalmenu .btn-toggle-menu:hover { background-image: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 352 512\' fill=\'rgb%28255%2C255%2C255%29\'%3E%3Cpath d=\'M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\'/%3E%3C/svg%3E'); } .layout-wrap[data-menu-expand] .layout-with-sidemenu .layout-sidemenu-container {visibility: visible; opacity: 1; } .layout-wrap[data-menu-expand] .layout-with-order .layout-order-container {visibility: visible; opacity: 1; } } .layout-globalmenu {position: fixed; z-index: 800; top: 0; right: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; padding: 0px 25px; background-color: #000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .layout-globalmenu .btns { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .layout-globalmenu .btns .btn-home , .layout-globalmenu .btns .btn-toggle-menu { float: left; } .layout-globalmenu .btn-home { display: block; width: 44px; height: 44px; text-indent: -9999px; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 576 512\' fill=\'rgba%28255%2C255%2C255%2C0.70196%29\'%3E%3Cpath d=\'M488 312.7V456c0 13.3-10.7 24-24 24H348c-6.6 0-12-5.4-12-12V356c0-6.6-5.4-12-12-12h-72c-6.6 0-12 5.4-12 12v112c0 6.6-5.4 12-12 12H112c-13.3 0-24-10.7-24-24V312.7c0-3.6 1.6-7 4.4-9.3l188-154.8c4.4-3.6 10.8-3.6 15.3 0l188 154.8c2.7 2.3 4.3 5.7 4.3 9.3zm83.6-60.9L488 182.9V44.4c0-6.6-5.4-12-12-12h-56c-6.6 0-12 5.4-12 12V117l-89.5-73.7c-17.7-14.6-43.3-14.6-61 0L4.4 251.8c-5.1 4.2-5.8 11.8-1.6 16.9l25.5 31c4.2 5.1 11.8 5.8 16.9 1.6l235.2-193.7c4.4-3.6 10.8-3.6 15.3 0l235.2 193.7c5.1 4.2 12.7 3.5 16.9-1.6l25.5-31c4.2-5.2 3.4-12.7-1.7-16.9z\'/%3E%3C/svg%3E') center center no-repeat; background-size: 20px; } .layout-globalmenu .btn-home:hover { background-image: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 576 512\' fill=\'rgb%28255%2C255%2C255%29\'%3E%3Cpath d=\'M488 312.7V456c0 13.3-10.7 24-24 24H348c-6.6 0-12-5.4-12-12V356c0-6.6-5.4-12-12-12h-72c-6.6 0-12 5.4-12 12v112c0 6.6-5.4 12-12 12H112c-13.3 0-24-10.7-24-24V312.7c0-3.6 1.6-7 4.4-9.3l188-154.8c4.4-3.6 10.8-3.6 15.3 0l188 154.8c2.7 2.3 4.3 5.7 4.3 9.3zm83.6-60.9L488 182.9V44.4c0-6.6-5.4-12-12-12h-56c-6.6 0-12 5.4-12 12V117l-89.5-73.7c-17.7-14.6-43.3-14.6-61 0L4.4 251.8c-5.1 4.2-5.8 11.8-1.6 16.9l25.5 31c4.2 5.1 11.8 5.8 16.9 1.6l235.2-193.7c4.4-3.6 10.8-3.6 15.3 0l235.2 193.7c5.1 4.2 12.7 3.5 16.9-1.6l25.5-31c4.2-5.2 3.4-12.7-1.7-16.9z\'/%3E%3C/svg%3E'); } .layout-globalmenu .btn-toggle-menu { display: none; width: 44px; height: 44px; text-indent: -9999px; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 448 512\' fill=\'rgba%28255%2C255%2C255%2C0.70196%29\'%3E%3Cpath d=\'M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\'/%3E%3C/svg%3E') center center no-repeat; background-size: 20px; } .layout-globalmenu .btn-toggle-menu:hover { background-image: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 448 512\' fill=\'rgb%28255%2C255%2C255%29\'%3E%3Cpath d=\'M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\'/%3E%3C/svg%3E'); } .layout-globalmenu .utils-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .layout-globalmenu {height: 44px; padding: 0 10px; } .layout-globalmenu .btn-toggle-menu { display: block; } } .layout-contents-container.layout-with-sidemenu .layout-sidemenu-header { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; padding: 0 25px; background-color: rgba(0, 0, 0, .3); } .layout-contents-container.layout-with-sidemenu .layout-sidemenu-header > .title { font-size: .9375rem; line-height: 4em; color: #f9be03; } .layout-contents-container.layout-with-sidemenu .menus {font-size: .75rem; font-weight: 400; line-height: 3.75em; display: block; padding: 0 0 0 25px; white-space: nowrap; color: rgba(255, 255, 255, .3); } .layout-contents-container.layout-with-sidemenu .list-menus { padding-right: 10px; } .layout-contents-container.layout-with-sidemenu .list-menus > li a , .layout-contents-container.layout-with-sidemenu .list-menus > li button {font-size: .8125rem; font-weight: 400; line-height: 2.30769em; position: relative; display: block; padding: 4px 0 2px 43px; -webkit-transition: color .2s; transition: color .2s; color: rgba(255, 255, 255, .7); border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .layout-contents-container.layout-with-sidemenu .list-menus > li a:before , .layout-contents-container.layout-with-sidemenu .list-menus > li button:before {position: absolute; top: 16px; left: 33px; display: block; visibility: hidden; width: 3px; height: 3px; content: ''; -webkit-transition: background-color .2s; transition: background-color .2s; opacity: 0; border-radius: 100%; background-color: #f9be03; } .layout-contents-container.layout-with-sidemenu .list-menus > li a:hover , .layout-contents-container.layout-with-sidemenu .list-menus > li button:hover { color: #fff; background-color: rgba(0, 0, 0, .08); } .layout-contents-container.layout-with-sidemenu .list-menus > li a.selected , .layout-contents-container.layout-with-sidemenu .list-menus > li button.selected { color: #f9be03; } .layout-contents-container.layout-with-sidemenu .list-menus > li a.selected:before , .layout-contents-container.layout-with-sidemenu .list-menus > li button.selected:before {visibility: visible; opacity: 1; } .layout-contents-container.layout-with-sidemenu .list-menus > li a.selected:hover , .layout-contents-container.layout-with-sidemenu .list-menus > li button.selected:hover { color: #fff; } .layout-contents-container.layout-with-sidemenu .list-menus > li a.selected:hover:before , .layout-contents-container.layout-with-sidemenu .list-menus > li button.selected:hover:before { background-color: #fff; } .layout-contents-container.layout-with-order .layout-order-header { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; padding: 0 25px; background-color: rgba(0, 0, 0, .3); } .layout-contents-container.layout-with-order .layout-order-header > .title { font-size: .9375rem; line-height: 4em; text-align: center; color: #f9be03; } .layout-contents-container .layout-contents .layout-content-utils { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; padding: 0 25px; background-color: rgba(0, 0, 0, .15); } .layout-contents-container .layout-contents .layout-content-utils .content-view { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .layout-contents-container .layout-contents .layout-content-utils .content-view .page-title { font-size: .9375rem; line-height: 4em; } .layout-contents-container .layout-contents .layout-content-utils .content-view .cnt {font-size: .8125rem; line-height: 1.53846em; display: inline-block; margin: -2px 0 0 10px; padding: 0 8px; vertical-align: middle; white-space: nowrap; color: rgba(255, 255, 255, .7); border-radius: 4px; background-color: rgba(0, 0, 0, .15); } .layout-contents-container .layout-contents .layout-content-utils .utils-view { padding: 12px 0; } .layout-contents-container .layout-contents .layout-content-utils .utils-view .utils-filter {font-size: .625rem; display: block; min-height: 2.25rem; } .layout-contents-container .layout-contents .layout-content-utils .utils-view .utils-filter .segmented-control { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .layout-contents-container .layout-contents .layout-content-utils .utils-view .utils-filter .segmented-control label { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } @media only screen and (max-width: 767px) { .layout-contents-container .layout-contents .layout-content-utils .utils-view .utils-filter { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .layout-contents-container .layout-contents .layout-content-utils .utils-view .utils-filter .segmented-control + .segmented-control { margin: 0; margin-top: 5px; } } .layout-contents-container .layout-contents .page-title {font-size: 1.5rem; font-weight: 600; display: block; color: rgba(255, 255, 255, .7); } .layout-contents-container .layout-contents .layout-content-inner {display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 85px 25px 60px 25px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .layout-contents-container.layout-with-sidemenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .layout-contents-container.layout-with-sidemenu .layout-sidemenu-container {position: fixed; top: 60px; bottom: 0; left: 0; overflow: scroll; -webkit-box-sizing: border-box; box-sizing: border-box; width: 240px; background-color: rgba(0, 0, 0, .15); } .layout-contents-container.layout-with-sidemenu .layout-contents {display: -webkit-box; display: -ms-flexbox; display: flex; overflow: scroll; flex-direction: column; margin-left: 240px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .layout-contents-container.layout-with-sidemenu .layout-contents .layout-content-utils { position: fixed; z-index: 1; top: 60px; right: 0; left: 240px; } @media only screen and (max-width: 767px) { .layout-contents-container.layout-with-sidemenu .layout-sidemenu-container {z-index: 799; top: 44px; right: 0; bottom: 0; left: 0; visibility: hidden; width: 100%; -webkit-transition: opacity .2s, visivility .2s; transition: opacity .2s, visivility .2s; opacity: 0; background-color: rgba(0, 0, 0, .8); } .layout-contents-container.layout-with-sidemenu .layout-contents { margin-left: 0; } .layout-contents-container.layout-with-sidemenu .layout-contents .layout-content-utils { position: fixed; z-index: 801; top: 0; right: 25%; left: 25%; height: 44px; padding: 0; background-color: transparent; } .layout-contents-container.layout-with-sidemenu .layout-contents .layout-content-utils .page-title { line-height: 2.93333em; text-align: center; } .layout-contents-container.layout-with-sidemenu .layout-contents .layout-content-utils .utils-view { position: fixed; top: 44px; right: 0; left: 0; padding: 10px; } .layout-contents-container.layout-with-sidemenu .layout-contents .layout-content-inner { padding: 60px 10px 60px 10px; } } .layout-contents-container.layout-with-order .layout-order-container {position: fixed; z-index: 2; top: 60px; bottom: 0; left: 0; overflow: scroll; -webkit-box-sizing: border-box; box-sizing: border-box; width: 36.71875%; padding-bottom: 75px; background-color: rgba(0, 0, 0, .15); } .layout-contents-container.layout-with-order .layout-order-container .order-submits { position: fixed; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; width: 36.71875%; padding: 10px; background-color: rgba(0, 0, 0, .7); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .layout-contents-container.layout-with-order .layout-order-container .order-submits a , .layout-contents-container.layout-with-order .layout-order-container .order-submits button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .layout-contents-container.layout-with-order .layout-order-container .order-submits a + a , .layout-contents-container.layout-with-order .layout-order-container .order-submits a + button , .layout-contents-container.layout-with-order .layout-order-container .order-submits button + a , .layout-contents-container.layout-with-order .layout-order-container .order-submits button + button { margin-left: 5px; } .layout-contents-container.layout-with-order .layout-contents {display: -webkit-box; display: -ms-flexbox; display: flex; overflow: scroll; flex-direction: column; margin-left: 36.71875%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .layout-contents-container.layout-with-order .layout-contents .layout-content-utils { position: fixed; z-index: 798; top: 60px; right: 0; left: 36.71875%; background-color: rgba(0, 0, 0, .3); } .layout-contents-container.layout-with-order .layout-contents .layout-content-inner { padding: 85px 25px 85px 25px; } @media only screen and (max-width: 767px) { .layout-contents-container.layout-with-order .layout-order-container {z-index: 803; top: 44px; right: 0; visibility: hidden; width: 100%; -webkit-transition: opacity .2s, visivility .2s; transition: opacity .2s, visivility .2s; opacity: 0; background: #3f4245 url('/assets/images/bg_preset_light.png') center center no-repeat; background-size: cover; } .layout-contents-container.layout-with-order .layout-order-container .layout-order-header { display: none; } .layout-contents-container.layout-with-order .layout-order-container .order-submits { width: 100%; } .layout-contents-container.layout-with-order .layout-contents { margin-left: 0; } .layout-contents-container.layout-with-order .layout-contents .layout-content-utils { position: fixed; z-index: 801; top: 0; right: 25%; left: 25%; height: 44px; padding: 0; background-color: transparent; } .layout-contents-container.layout-with-order .layout-contents .layout-content-utils .page-title { line-height: 2.93333em; text-align: center; } .layout-contents-container.layout-with-order .layout-contents .layout-content-utils .utils-view { position: fixed; top: 44px; right: 0; left: 0; padding: 10px; } .layout-contents-container.layout-with-order .layout-contents .layout-content-inner { padding: 80px 10px 85px 10px; } } .page-login .layout-wrap { padding-top: 0; } .page-login main { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .page-login main { padding: 0 10px; } } .page-login .layout-contents-container {display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 480px; padding-bottom: 40px; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } @media only screen and (max-width: 767px) { .page-login .layout-contents-container { width: 100%; } } .page-login .layout-contents-container .logo { display: block; max-width: 320px; height: 40px; margin: 0 auto 30px auto; text-indent: -9999px; background-image: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'7923\' height=\'1024\' fill=\'rgb%28255%2C255%2C255%29\'%3E%3Cpath d=\'M525.586 976.143c-44.931 26.959-101.546 40.438-169.841 40.438-107.835 0-194.103-34.148-258.806-102.444S-.114 761.369-.114 659.824c0-98.849 32.351-183.321 97.053-254.313 64.702-70.093 152.768-105.14 263.299-105.14 60.208 0 115.024 12.58 164.45 37.742v122.213c-44.931-27.858-95.255-42.236-150.97-42.236-71.891 0-129.402 22.466-172.537 68.296s-64.702 103.342-64.702 174.335c1.797 70.093 23.364 127.606 63.802 172.537s97.951 67.397 171.639 67.397c54.817 0 105.14-15.277 152.768-44.931v120.417h.898zM1013.542 922.225c-35.047 58.411-97.951 87.167-186.914 87.167-65.6 0-117.72-18.871-157.26-56.613s-59.309-85.37-59.309-143.781c0-66.499 25.162-117.72 74.586-154.564 50.324-36.844 119.518-54.817 209.381-54.817h114.126v-39.54c0-47.627-11.682-82.674-34.148-106.937s-60.208-35.945-113.228-35.945c-73.688 0-140.186 20.669-200.395 61.107V348.9c53.918-30.553 124.011-46.729 212.077-46.729 180.624 0 271.386 88.066 271.386 263.299v438.532h-132.099v-81.775h1.797zm-144.679-17.973c44.033 0 78.181-11.682 102.444-35.945 25.162-24.263 37.742-55.715 37.742-94.356v-77.282H905.707c-51.222 0-88.963 9.885-115.024 29.655s-38.642 45.831-38.642 76.384c0 31.452 9.885 56.613 29.655 74.586s49.425 26.959 87.167 26.959zM1628.204 416.296h-145.578v586.806H1348.73V416.296h-110.531V312.954h110.531v-53.019c0-71.891 18.871-128.504 57.513-169.841s92.558-62.006 162.652-62.006c25.162 0 51.222 3.595 77.282 10.784v116.822c-20.669-8.986-43.134-13.48-65.6-13.48-66.499 0-99.747 39.54-99.747 118.619v52.12h145.578v103.342h1.797zM2227.591 967.156c-51.222 28.756-117.72 44.033-201.293 44.033-106.937 0-192.307-32.351-256.11-97.053s-95.255-149.173-95.255-253.414c0-110.531 28.756-197.698 87.167-260.603s132.099-94.356 221.962-94.356c88.066 0 158.159 27.858 209.381 82.674 52.12 54.817 77.282 133.896 77.282 238.137 0 27.858-2.696 57.513-8.087 88.963h-453.809c8.986 60.208 34.148 106.038 76.384 137.491 41.337 31.452 94.356 47.627 158.159 47.627 73.688 0 134.795-17.074 184.219-52.12v118.619zm-241.73-551.758c-45.831 0-84.471 16.175-116.822 49.425s-53.019 80.877-61.107 143.781h333.392v-24.263c-1.797-52.12-16.175-92.558-42.236-123.113s-63.802-45.831-113.228-45.831zM3604.295 971.65h-133.896V535.814c0-98.849-39.54-148.275-119.518-148.275-39.54 0-75.485 17.973-106.937 53.019s-46.729 88.066-46.729 156.362v374.729h-133.896V535.813c0-98.849-40.438-148.275-121.315-148.275-38.642 0-74.586 17.973-106.038 53.019s-47.627 88.066-47.627 156.362v374.729h-133.896V280.602h133.896v110.531c38.642-79.978 104.241-119.518 195.003-119.518 103.342 0 169.841 44.931 198.597 133.896 18.871-42.236 46.729-75.485 82.674-98.849s77.282-35.047 122.213-35.047c70.991 0 124.91 20.669 161.753 62.904 36.844 41.337 54.817 99.747 54.817 173.435v463.694h.898zM4283.659 371.365c57.513 66.499 85.37 151.869 85.37 255.211s-29.655 188.713-88.066 256.11c-58.411 67.397-139.288 100.647-241.732 100.647-101.546 0-181.524-33.249-239.935-99.747s-87.167-150.071-87.167-251.617c0-103.342 29.655-189.611 89.864-257.907s139.288-102.444 237.239-102.444c106.038 0 187.814 33.249 244.428 99.747zm-431.343 257.008c0 68.296 17.074 125.808 50.324 172.537s79.08 70.093 137.491 70.093c62.006 0 108.735-22.466 141.086-68.296s48.526-103.342 48.526-173.435c0-71.891-15.277-130.302-46.729-176.132-30.553-45.831-79.08-69.195-144.68-69.195-59.309 0-105.14 23.364-137.491 70.093-32.351 47.627-48.526 105.14-48.526 174.335zM5087.933 971.65h-134.795V866.51c-48.526 76.384-118.619 114.126-211.179 114.126-90.762 0-162.652-34.148-215.671-102.444s-79.08-150.97-79.08-248.921c0-107.835 27.858-195.003 82.674-260.603 55.715-65.6 126.707-97.951 213.874-97.951 89.864 0 159.057 37.742 208.482 114.126V7.418h134.795V971.65h.898zM4584.7 632.866c0 69.195 17.074 124.91 51.222 167.146 34.148 43.134 77.282 63.802 128.504 63.802 53.019 0 97.053-19.769 133.896-60.208 35.945-39.54 54.817-100.647 54.817-182.422 0-79.08-18.871-137.491-56.613-176.132-37.742-37.742-79.978-57.513-127.606-57.513-53.918 0-97.951 20.669-132.099 62.904-34.148 44.033-52.12 104.241-52.12 182.422zM5756.514 934.805c-51.222 28.756-117.72 44.033-201.293 44.033-106.937 0-192.307-32.351-256.11-97.053s-95.255-149.173-95.255-253.414c0-110.531 28.756-197.698 87.167-260.603s132.099-94.356 221.962-94.356c88.066 0 158.159 27.858 209.381 82.674 52.12 54.817 77.282 133.896 77.282 238.137 0 27.858-2.696 57.513-8.087 88.963h-453.809c8.986 60.208 34.148 106.038 76.384 137.491 41.337 31.452 94.356 47.627 158.159 47.627 73.688 0 134.795-17.074 184.219-52.12v118.619zm-240.832-551.758c-45.831 0-84.471 16.175-116.822 49.425s-53.019 80.877-61.107 143.781h333.392V551.99c-1.797-52.12-16.175-92.558-42.236-123.113-26.959-30.553-64.702-45.831-113.228-45.831zM6055.758 971.65h-133.896V280.604h133.896v121.315c33.249-85.37 94.356-127.606 181.524-127.606 12.58 0 26.959 1.797 42.236 4.493v131.2c-18.871-8.087-40.438-12.58-63.802-12.58-46.729 0-84.471 20.669-114.126 61.107s-44.931 89.864-44.931 145.578v367.54h-.898zM6955.288 971.65h-133.896V535.814c0-48.526-11.682-84.471-35.945-110.531-24.263-25.162-55.715-37.742-96.152-37.742-47.627 0-88.066 17.973-121.315 54.817s-50.324 88.066-50.324 154.564v374.729H6383.76V280.605h133.896v118.619c40.438-85.37 112.329-127.606 215.671-127.606 68.296 0 122.213 20.669 161.753 62.904 39.54 41.337 60.208 98.849 60.208 169.841v467.288zM7640.045 971.65h-352.263V53.249h301.041c96.152 0 171.639 22.466 227.354 67.397s82.674 104.241 82.674 177.929c0 51.222-14.378 95.255-43.134 133.896-28.756 37.742-65.6 62.904-109.633 73.688 50.324 8.986 91.66 32.351 125.808 69.195s51.222 87.167 51.222 150.071c0 72.789-25.162 132.099-74.586 177.929-48.526 44.931-118.619 68.296-208.482 68.296zm-62.006-802.477h-150.071v282.17h126.707c68.296 0 118.619-13.48 151.869-41.337s49.425-63.802 49.425-108.735c0-38.642-14.378-70.991-44.033-95.255s-74.586-36.844-133.896-36.844zm16.176 396.296h-166.246v290.257h179.726c115.024 0 173.435-47.627 173.435-142.882 0-46.729-15.277-82.674-46.729-108.735-32.351-25.162-78.181-38.642-140.186-38.642z\'/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center center; background-size: 100%; } .page-login .layout-contents-container .login-title {font-size: 1.125rem; font-weight: 600; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 24px; text-align: center; color: #fff; background-color: rgba(0, 0, 0, .7); } .page-login .layout-contents-container .login-forms { padding: 30px 80px 30px 80px; background-color: rgba(0, 0, 0, .3); } @media only screen and (max-width: 767px) { .page-login .layout-contents-container .login-forms { padding: 20px 30px 30px 30px; } } .page-login .layout-contents-container .login-forms .form-submit { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-login .layout-contents-container .login-forms .form-submit > a , .page-login .layout-contents-container .login-forms .form-submit > button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .page-main .layout-content-inner { padding-top: 20px; } .overview-title {font-size: 1.5rem; line-height: 2.57143em; display: block; color: rgba(255, 255, 255, .8); } .overview-title .today {font-size: 1.5rem; font-weight: 700; display: inline-block; vertical-align: baseline; color: #f9be03; } @media only screen and (max-width: 767px) { .overview-title { font-size: 1.25rem; line-height: 2.2em; text-align: center; } .overview-title span { display: none; } } .overview-sub {font-size: .9375rem; line-height: 1.6em; display: block; margin-top: 20px; color: rgba(255, 255, 255, .8); } .overview-chart { display: block; height: 350px; margin-top: 10px; padding-top: 50px; background-color: rgba(0, 0, 0, .1); } .overview-chart .chart { height: 300px; background-color: transparent; } .iced { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 448 512\' fill=\'rgb%28249%2C190%2C3%29\'%3E%3Cpath d=\'M440.1 355.2l-39.2-23 34.1-9.3c8.4-2.3 13.4-11.1 11.1-19.6l-4.1-15.5c-2.2-8.5-10.9-13.6-19.3-11.3L343 298.2 271.2 256l71.9-42.2 79.7 21.7c8.4 2.3 17-2.8 19.3-11.3l4.1-15.5c2.2-8.5-2.7-17.3-11.1-19.6l-34.1-9.3 39.2-23c7.5-4.4 10.1-14.2 5.8-21.9l-7.9-13.9c-4.3-7.7-14-10.3-21.5-5.9l-39.2 23 9.1-34.7c2.2-8.5-2.7-17.3-11.1-19.6l-15.2-4.1c-8.4-2.3-17 2.8-19.3 11.3l-21.3 81-71.9 42.2v-84.5L306 70.4c6.1-6.2 6.1-16.4 0-22.6l-11.1-11.3c-6.1-6.2-16.1-6.2-22.2 0l-24.9 25.4V16c0-8.8-7-16-15.7-16h-15.7c-8.7 0-15.7 7.2-15.7 16v46.1l-24.9-25.4c-6.1-6.2-16.1-6.2-22.2 0L142.1 48c-6.1 6.2-6.1 16.4 0 22.6l58.3 59.3v84.5l-71.9-42.2-21.3-81c-2.2-8.5-10.9-13.6-19.3-11.3L72.7 84c-8.4 2.3-13.4 11.1-11.1 19.6l9.1 34.7-39.2-23c-7.5-4.4-17.1-1.8-21.5 5.9l-7.9 13.9c-4.3 7.7-1.8 17.4 5.8 21.9l39.2 23-34.1 9.1c-8.4 2.3-13.4 11.1-11.1 19.6L6 224.2c2.2 8.5 10.9 13.6 19.3 11.3l79.7-21.7 71.9 42.2-71.9 42.2-79.7-21.7c-8.4-2.3-17 2.8-19.3 11.3l-4.1 15.5c-2.2 8.5 2.7 17.3 11.1 19.6l34.1 9.3-39.2 23c-7.5 4.4-10.1 14.2-5.8 21.9L10 391c4.3 7.7 14 10.3 21.5 5.9l39.2-23-9.1 34.7c-2.2 8.5 2.7 17.3 11.1 19.6l15.2 4.1c8.4 2.3 17-2.8 19.3-11.3l21.3-81 71.9-42.2v84.5l-58.3 59.3c-6.1 6.2-6.1 16.4 0 22.6l11.1 11.3c6.1 6.2 16.1 6.2 22.2 0l24.9-25.4V496c0 8.8 7 16 15.7 16h15.7c8.7 0 15.7-7.2 15.7-16v-46.1l24.9 25.4c6.1 6.2 16.1 6.2 22.2 0l11.1-11.3c6.1-6.2 6.1-16.4 0-22.6l-58.3-59.3v-84.5l71.9 42.2 21.3 81c2.2 8.5 10.9 13.6 19.3 11.3L375 428c8.4-2.3 13.4-11.1 11.1-19.6l-9.1-34.7 39.2 23c7.5 4.4 17.1 1.8 21.5-5.9l7.9-13.9c4.6-7.5 2.1-17.3-5.5-21.7z\'/%3E%3C/svg%3E') center center no-repeat; } .hot { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 448 512\' fill=\'rgb%28249%2C190%2C3%29\'%3E%3Cpath d=\'M323.56 51.2c-20.8 19.3-39.58 39.59-56.22 59.97C240.08 73.62 206.28 35.53 168 0 69.74 91.17 0 209.96 0 281.6 0 408.85 100.29 512 224 512s224-103.15 224-230.4c0-53.27-51.98-163.14-124.44-230.4zm-19.47 340.65C282.43 407.01 255.72 416 226.86 416 154.71 416 96 368.26 96 290.75c0-38.61 24.31-72.63 72.79-130.75 6.93 7.98 98.83 125.34 98.83 125.34l58.63-66.88c4.14 6.85 7.91 13.55 11.27 19.97 27.35 52.19 15.81 118.97-33.43 153.42z\'/%3E%3C/svg%3E') center center no-repeat; } /* 좌측 주문 내역 */ .order-summary { display: block; padding: 20px 20px 0 20px; } .order-summary dt {font-size: .875rem; display: block; clear: both; padding: 10px 0; color: rgba(255, 255, 255, .3); } .order-summary dt.row {line-height: 2.57143em; float: left; width: 30%; padding: 2px 0 3px 0; } .order-summary dd {font-size: 1rem; font-weight: 500; display: block; padding: 10px 0; color: #fff; } .order-summary dd.row {line-height: 2.57143em; float: right; width: 70%; padding: 2px 0 3px 0; } .order-summary dd .total {font-size: .875rem; display: block; text-align: right; color: rgba(255, 255, 255, .7); } .order-summary dd .total strong { font-size: 1.125rem; font-weight: 700; color: #f9be03; } .order-summary dd .segmented-control + .segmented-control , .order-summary dd .segmented-control ~ .form-item { margin-top: 10px; } .order-summary dd .order-price { padding: 0 0 0 10px; } .list-orders > li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 0 10px; text-align: right; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-orders > li .iced , .list-orders > li .hot {width: 16px; height: 16px; margin-top: -2px; } .list-orders > li .title {font-size: .875rem; line-height: 2.57143em; text-align: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .list-orders > li .quentity { min-width: 30px; } .list-orders > li .price {font-size: .9375rem; font-weight: 600; display: inline-block; min-width: 80px; color: #f9be03; } .list-orders > li .btn-delete {position: relative; display: block; width: 24px; height: 24px; margin-left: 10px; text-indent: -9999px; } .list-orders > li .btn-delete:before {position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; margin: -8px 0 0 -8px; content: ''; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 448 512\' fill=\'rgba%28255%2C255%2C255%2C0.70196%29\'%3E%3Cpath d=\'M0 84V56c0-13.3 10.7-24 24-24h112l9.4-18.7c4-8.2 12.3-13.3 21.4-13.3h114.3c9.1 0 17.4 5.1 21.5 13.3L312 32h112c13.3 0 24 10.7 24 24v28c0 6.6-5.4 12-12 12H12C5.4 96 0 90.6 0 84zm416 56v324c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48V140c0-6.6 5.4-12 12-12h360c6.6 0 12 5.4 12 12zm-272 68c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208zm96 0c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208zm96 0c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208z\'/%3E%3C/svg%3E') center center no-repeat; } .list-orders > li.none { display: block; padding: 15px; text-align: center; color: rgba(255, 255, 255, .3); border: 3px dashed rgba(255, 255, 255, .15); } .list-products { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-products > li { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% / 4); padding: 10px 5px; } .list-products > li.none {font-size: 1.125rem; font-weight: 700; width: 100%; text-align: center; color: rgba(255, 255, 255, .7); background-color: rgba(0, 0, 0, .45); text-shadow: 0px 2px 3px rgba(0, 0, 0, .7); } @media only screen and (max-width: 767px) { .list-products > li { width: calc(100% /2); } } .product-item {font-size: 1.125rem; font-weight: 700; position: relative; display: block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 108px; padding-bottom: 32px; -webkit-transition: color .2s; transition: color .2s; text-align: center; color: white; background-color: rgba(0, 0, 0, .45); text-shadow: 0px 2px 3px rgba(0, 0, 0, .7); } .product-item:before {position: absolute; z-index: -1; top: -.4rem; right: -.4rem; display: block; content: ''; -webkit-transform: rotate(30deg); transform: rotate(30deg); opacity: 0; } .product-item[data-offer=hot]:before {width: 100px; height: 100px; opacity: .2; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 448 512\' fill=\'rgb%280%2C0%2C0%29\'%3E%3Cpath d=\'M323.56 51.2c-20.8 19.3-39.58 39.59-56.22 59.97C240.08 73.62 206.28 35.53 168 0 69.74 91.17 0 209.96 0 281.6 0 408.85 100.29 512 224 512s224-103.15 224-230.4c0-53.27-51.98-163.14-124.44-230.4zm-19.47 340.65C282.43 407.01 255.72 416 226.86 416 154.71 416 96 368.26 96 290.75c0-38.61 24.31-72.63 72.79-130.75 6.93 7.98 98.83 125.34 98.83 125.34l58.63-66.88c4.14 6.85 7.91 13.55 11.27 19.97 27.35 52.19 15.81 118.97-33.43 153.42z\'/%3E%3C/svg%3E') center center no-repeat; background-size: 100%; } .product-item[data-offer=iced]:before {width: 100px; height: 100px; opacity: .2; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 448 512\' fill=\'rgb%280%2C0%2C0%29\'%3E%3Cpath d=\'M440.1 355.2l-39.2-23 34.1-9.3c8.4-2.3 13.4-11.1 11.1-19.6l-4.1-15.5c-2.2-8.5-10.9-13.6-19.3-11.3L343 298.2 271.2 256l71.9-42.2 79.7 21.7c8.4 2.3 17-2.8 19.3-11.3l4.1-15.5c2.2-8.5-2.7-17.3-11.1-19.6l-34.1-9.3 39.2-23c7.5-4.4 10.1-14.2 5.8-21.9l-7.9-13.9c-4.3-7.7-14-10.3-21.5-5.9l-39.2 23 9.1-34.7c2.2-8.5-2.7-17.3-11.1-19.6l-15.2-4.1c-8.4-2.3-17 2.8-19.3 11.3l-21.3 81-71.9 42.2v-84.5L306 70.4c6.1-6.2 6.1-16.4 0-22.6l-11.1-11.3c-6.1-6.2-16.1-6.2-22.2 0l-24.9 25.4V16c0-8.8-7-16-15.7-16h-15.7c-8.7 0-15.7 7.2-15.7 16v46.1l-24.9-25.4c-6.1-6.2-16.1-6.2-22.2 0L142.1 48c-6.1 6.2-6.1 16.4 0 22.6l58.3 59.3v84.5l-71.9-42.2-21.3-81c-2.2-8.5-10.9-13.6-19.3-11.3L72.7 84c-8.4 2.3-13.4 11.1-11.1 19.6l9.1 34.7-39.2-23c-7.5-4.4-17.1-1.8-21.5 5.9l-7.9 13.9c-4.3 7.7-1.8 17.4 5.8 21.9l39.2 23-34.1 9.1c-8.4 2.3-13.4 11.1-11.1 19.6L6 224.2c2.2 8.5 10.9 13.6 19.3 11.3l79.7-21.7 71.9 42.2-71.9 42.2-79.7-21.7c-8.4-2.3-17 2.8-19.3 11.3l-4.1 15.5c-2.2 8.5 2.7 17.3 11.1 19.6l34.1 9.3-39.2 23c-7.5 4.4-10.1 14.2-5.8 21.9L10 391c4.3 7.7 14 10.3 21.5 5.9l39.2-23-9.1 34.7c-2.2 8.5 2.7 17.3 11.1 19.6l15.2 4.1c8.4 2.3 17-2.8 19.3-11.3l21.3-81 71.9-42.2v84.5l-58.3 59.3c-6.1 6.2-6.1 16.4 0 22.6l11.1 11.3c6.1 6.2 16.1 6.2 22.2 0l24.9-25.4V496c0 8.8 7 16 15.7 16h15.7c8.7 0 15.7-7.2 15.7-16v-46.1l24.9 25.4c6.1 6.2 16.1 6.2 22.2 0l11.1-11.3c6.1-6.2 6.1-16.4 0-22.6l-58.3-59.3v-84.5l71.9 42.2 21.3 81c2.2 8.5 10.9 13.6 19.3 11.3L375 428c8.4-2.3 13.4-11.1 11.1-19.6l-9.1-34.7 39.2 23c7.5 4.4 17.1 1.8 21.5-5.9l7.9-13.9c4.6-7.5 2.1-17.3-5.5-21.7z\'/%3E%3C/svg%3E') center center no-repeat; background-size: 100%; } .product-item[data-category=coffee]:before {width: 100px; height: 100px; opacity: .2; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512.001 512.001\' fill=\'rgb%280%2C0%2C0%29\'%3E%3Cpath d=\'M439.017 206.056c-9.15 0-18.692 1.38-28.304 3.838v-20.489c0-9.198-7.458-16.651-16.651-16.651h-16.651v-8.791c0-52.277-29.052-99.275-75.806-122.657-11.107-5.53-24.098 2.564-24.098 14.894 0 27.544-22.407 49.952-49.952 49.952H116.554c-40.207 0-73.84 28.647-81.574 66.602H16.651C7.458 172.755 0 180.208 0 189.406v29.642c0 83.231 23.74 147.253 81.941 220.977 16.282 20.618 40.358 32.44 66.061 32.44h114.711c25.702 0 49.779-11.826 66.06-32.445 9.618-12.184 18.207-24.088 25.99-35.872a91.381 91.381 0 0017.652 1.715c52.998 0 110.982-41.166 132.012-93.719 22.6-56.498-7.177-106.088-65.41-106.088zM163.708 394.779c-4.125 11.602-20.005 15.94-29.507 3.967-40.325-51.101-59.263-91.866-65.345-140.678-1.138-9.128 5.334-17.442 14.46-18.58 9.085-1.128 17.442 5.339 18.58 14.461 5.312 42.619 21.572 77.307 57.931 123.514 4.381 4.535 6.007 11.327 3.881 17.316zm180.403-222.024H69.453c6.873-19.382 25.388-33.301 47.101-33.301h111.004c36.293 0 67.23-23.339 78.603-55.8 23.826 19.442 37.951 48.592 37.951 80.31v8.791zm129.4 127.021c-15.605 39.006-61.026 71.974-99.757 72.716 21.797-40.855 33.094-81.54 36.084-127.61 10.043-3.608 19.986-5.525 29.18-5.525 35.621.001 47.807 27.133 34.493 60.419z\'/%3E%3C/svg%3E') center center no-repeat; background-size: 100%; } .product-item[data-category=tea]:before {width: 100px; height: 100px; opacity: .2; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 496.117 496.117\' fill=\'rgb%280%2C0%2C0%29\'%3E%3Cpath d=\'M469 351.559H255.698c59.648-15.429 108.415-57.898 132.439-113.555h35.257c40.1 0 72.723-32.623 72.723-72.722 0-40.1-32.623-72.723-72.723-72.723H145.333v57.558h14.388c2.75 0 6.271 1.857 7.823 4.126l12.546 18.336c1.553 2.27 2.824 6.377 2.824 9.127v80.963c0 2.75-2.25 5-5 5H92.752c-2.75 0-5-2.25-5-5v-80.963c0-2.75 1.271-6.857 2.824-9.127l12.546-18.336c1.553-2.27 5.073-4.126 7.823-4.126h14.388V92.559H18.996c-7.479 20.897-11.564 43.409-11.564 66.877 0 92.377 63.123 170.009 148.588 192.123H26c-14.359 0-26 11.641-26 26s11.641 26 26 26h443c14.359 0 26-11.641 26-26 0-14.36-11.641-26-26-26zm-65.251-207h19.645c11.426 0 20.723 9.296 20.723 20.723 0 11.426-9.296 20.722-20.723 20.722h-20.858a200.21 200.21 0 001.775-26.567c0-5.007-.197-9.966-.562-14.878z\'/%3E%3C/svg%3E') center center no-repeat; background-size: 100%; } .product-item[data-category=dessert]:before {width: 100px; height: 100px; opacity: .2; background: url('data:image/svg+xml, %3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'1024\' height=\'1024\' fill=\'rgb%280%2C0%2C0%29\'%3E%3Cpath d=\'M201.885 596.694h-76.732c-7.532 0-13.215 6.992-11.477 14.319.041.188.088.376.129.564l82.955 335.929a57.832 57.832 0 0056.254 44.055h511.379c26.976 0 50.166-18.329 56.389-44.583l79.638-335.923c.006-.053.023-.094.029-.147 1.703-7.286-4.01-14.213-11.495-14.213zM351.632 894.14c-1.861.37-3.716.546-5.542.546-13.327 0-25.227-9.405-27.904-22.984L286.742 712.08c-3.035-15.429 7.004-30.405 22.438-33.446 15.429-3.035 30.399 7.004 33.44 22.438L374.064 860.7c3.041 15.423-7.004 30.405-22.432 33.44zm183.716-27.94c0 15.728-12.751 28.479-28.479 28.479S478.39 881.928 478.39 866.2V706.578c0-15.728 12.751-28.479 28.479-28.479s28.479 12.751 28.479 28.479zm191.648-154.121l-31.444 159.622c-2.671 13.573-14.583 22.984-27.904 22.984-1.832 0-3.675-.176-5.536-.546-15.434-3.035-25.474-18.018-22.432-33.44l31.438-159.628c3.041-15.434 18.029-25.474 33.446-22.438 15.423 3.041 25.474 18.012 22.432 33.446zM844.031 539.741h21.751c6.305-15.605 9.681-32.384 9.681-49.509v-6.634c0-57.475-36.64-106.538-87.792-125.084 16.403-20.084 26.19-45.176 26.19-72.393 0-65.706-56.906-119.154-126.857-119.154h-45.986C599.065 62.795 493.279 33.758 488.517 32.507a28.465 28.465 0 00-28.462 8.524 28.47 28.47 0 00-5.378 29.225c17.771 46.245 10.873 72.035.863 96.71H326.728c-69.945 0-126.857 53.448-126.857 119.154 0 27.217 9.781 52.309 26.19 72.393-51.153 18.546-87.792 67.609-87.792 125.084v6.634c0 17.125 3.376 33.904 9.681 49.509z\'/%3E%3C/svg%3E') center center no-repeat; background-size: 100%; } .product-item:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; -webkit-transition: opacity .2s; transition: opacity .2s; opacity: 0; background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%); } .product-item:hover { color: rgba(255, 255, 255, .7); -webkit-box-shadow: 0 0 0 2px #cc7b19; box-shadow: 0 0 0 2px #cc7b19; } .product-item:hover:after { opacity: 1; } .product-item .hot , .product-item .iced { display: block; margin: 0 auto 5px auto; } .product-item .info { position: relative; position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 32px; padding: 4px 10px; text-align: left; background-color: rgba(0, 0, 0, .4); } .product-item .info .price {font-size: .875rem; font-weight: 700; line-height: 1.71429em; display: inline-block; float: right; } .chart { display: block; height: 500px; background-color: rgba(0, 0, 0, .1); }