@charset "UTF-8";
/*--------------------------------------------*/
/* base: _reset.scss start */
/*--------------------------------------------*/
/* line 5, ../../../../../../../../usr/local/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

/* line 22, ../../../../../../../../usr/local/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { line-height: 1; }

/* line 24, ../../../../../../../../usr/local/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { list-style: none; }

/* line 26, ../../../../../../../../usr/local/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { border-collapse: collapse; border-spacing: 0; }

/* line 28, ../../../../../../../../usr/local/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

/* line 30, ../../../../../../../../usr/local/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { quotes: none; }
/* line 103, ../../../../../../../../usr/local/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

/* line 32, ../../../../../../../../usr/local/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { border: none; }

/* line 116, ../../../../../../../../usr/local/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* line 6, ../../sass/base/_reset.scss */
* { box-sizing: border-box; outline: 0; }
/* line 9, ../../sass/base/_reset.scss */
*::-webkit-scrollbar { display: none; }

/* line 14, ../../sass/base/_reset.scss */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #A6A6A6; opacity: 1; /* Firefox */ }

/* line 19, ../../sass/base/_reset.scss */
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #A6A6A6; }

/* line 23, ../../sass/base/_reset.scss */
::-ms-input-placeholder { /* Microsoft Edge */ color: #A6A6A6; }

/* line 27, ../../sass/base/_reset.scss */
html { height: 100%; background-color: #e1f5f4; background-repeat: no-repeat; background-attachment: fixed; }

/* line 35, ../../sass/base/_reset.scss */
html { -webkit-text-size-adjust: 100%; font-size: 10px; }

/* line 40, ../../sass/base/_reset.scss */
body { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#259493+0,e1f5f4+100 */ background: #259493; /* Old browsers */ background: -moz-linear-gradient(top, #259493 0%, #e1f5f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #259493 0%, #e1f5f4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #259493 0%, #e1f5f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#259493', endColorstr='#e1f5f4',GradientType=0 ); /* IE6-9 */ }

.card hr { margin: 20px 0; background-color: rgb(212, 212, 212); height: 1px; border: none }

/* line 52, ../../sass/base/_reset.scss */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* line 60, ../../sass/base/_reset.scss */
.clearfix { display: inline-block; }

/* line 64, ../../sass/base/_reset.scss */
.float-right { float: right; }

/* line 68, ../../sass/base/_reset.scss */
.float-left { float: left; }

/* line 72, ../../sass/base/_reset.scss */
.align-right { text-align: right; }

/* line 76, ../../sass/base/_reset.scss */
.align-left { text-align: left; }

/* line 80, ../../sass/base/_reset.scss */
.align-center { text-align: center; }

/* Hides from IE-mac \*/
/* line 86, ../../sass/base/_reset.scss */
* html .clearfix { height: 1%; }

/* line 90, ../../sass/base/_reset.scss */
.clearfix { display: block; }

/* line 94, ../../sass/base/_reset.scss */
.disable-scroll { position: fixed; width: 100%; margin: auto; overflow-y: hidden; }

/* End hide from IE-mac */
/* line 104, ../../sass/base/_reset.scss */
a { cursor: pointer; }

/*--------------------------------------------*/
/* base: _reset.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* base: _typography.scss start */
/*--------------------------------------------*/
@font-face { font-family: 'Glyphicons Halflings'; src: url("../fonts/glyphicons-halflings-regular.eot"); src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }
@font-face { font-family: "NotoSans"; src: local("NotoSans"), local("NotoSans-Regular"), url("../fonts/NotoSans-Regular.ttf"); }
/* line 17, ../../sass/base/_typography.scss */
body { font: normal 100% Open Sans, 微軟正黑體, NotoSans, Helvetica, Arial, sans-serif; font-size: 100%; /* default 16px */ }

/* line 22, ../../sass/base/_typography.scss */
h1 { font-size: 1.65rem; font-weight: bold; }

/* title-xl */
/* line 28, ../../sass/base/_typography.scss */
h2 { font-size: 1.625rem; font-weight: bold; }

/* title-l */
/* line 34, ../../sass/base/_typography.scss */
h3 { font-size: 1.575rem; font-weight: bold; }

/* title-m */
/* line 40, ../../sass/base/_typography.scss */
h4 { font-size: 1.5rem; font-weight: bold; }

/* title-s */
/* line 46, ../../sass/base/_typography.scss */
h5 { font-size: 1.45rem; font-weight: bold; }

/* title-xs */
/* line 52, ../../sass/base/_typography.scss */
h6 { font-size: 1.4rem; font-weight: bold; }

/* line 57, ../../sass/base/_typography.scss */
input, select { font-size: 1.6rem; }

/*--------------------------------------------*/
/* base: _typography.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* components: _input.scss start */
/*--------------------------------------------*/
/* line 10, ../../sass/components/_input.scss */
input[type=text], input[type=tel], input[type=number] { border: 0; border-bottom: 1px solid #999999; height: 36px; line-height: 36px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
input[type=text].withdraw { width: 100px; }
/* line 18, ../../sass/components/_input.scss */
input[type=text]:focus, input[type=tel]:focus, input[type=number]:focus { border-color: #009D99; outline: 0; }

/* line 25, ../../sass/components/_input.scss */
input[type=date] { border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: px; border-radius: 5px; padding: 5px; width: 280px; height: 36px; line-height: 36px; }
/* line 29, ../../sass/components/_input.scss */
input[type=date]::-webkit-calendar-picker-indicator { font-size: 1.4rem; color: #009D99; }
/* line 33, ../../sass/components/_input.scss */
input[type=date]::-webkit-inner-spin-button { display: none; }

/* line 40, ../../sass/components/_input.scss */
.form-body li input[type=text], .form-body li input[type=tel], .form-body li [type=number], .form-body li[type=date] { margin-left: 20px; width: calc(100% - 180px); }
/* line 49, ../../sass/components/_input.scss */
.form-body li input:not(:placeholder-shown) + label { color: #009D99; }
/* line 52, ../../sass/components/_input.scss */
.form-body li input:not(:placeholder-shown) + label + .input-sign { border-color: #009D99; }
/* line 56, ../../sass/components/_input.scss */
.form-body li input[disabled=disabled]:not(:placeholder-shown) { border-color: #B7B7B7; }
/* line 59, ../../sass/components/_input.scss */
.form-body li input + label { color: #009D99; transition: all 0.2s; touch-action: manipulation; float: left; width: 130px; height: 35px; line-height: 35px; text-align: right; }
/* line 68, ../../sass/components/_input.scss */
.form-body li input + label + .input-sign { content: ""; display: block; width: 8px; height: 8px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 2px solid #009D99; background-color: #009D99; margin: 12px 0 0 20px; float: left; }
/* line 81, ../../sass/components/_input.scss */
.form-body li.warning input { margin-left: 10px; }
/* line 84, ../../sass/components/_input.scss */
.form-body li.warning .input-sign { content: url(../img/ic_input_yellow_alert.png); width: 18px; height: 18px; border: 0; background-color: transparent; margin: 8px 0 0 15px; }
/* line 92, ../../sass/components/_input.scss */
.form-body li.warning input:focus + label + .input-sign { border-color: none; background-color: transparent; }
/* line 96, ../../sass/components/_input.scss */
.form-body li.warning input:invalid + label + .input-sign { border-color: none; background-color: transparent; }
/* line 101, ../../sass/components/_input.scss */
.form-body li input:foucus { transition: all 0.2s; }
/* line 104, ../../sass/components/_input.scss */
.form-body li input:focus + label + .input-sign { border-color: #009D99; background-color: #009D99; }
/* line 108, ../../sass/components/_input.scss */
.form-body li input:invalid + label + .input-sign { border-color: #009D99; background-color: #009D99; }
/* line 112, ../../sass/components/_input.scss */
.form-body li input:focus + label { color: #009D99; }
/* line 115, ../../sass/components/_input.scss */
.form-body li .form-input-alert { width: calc(100% - 180px); float: right; text-align: left; padding: 3px 0 0 3px; font-size: 1.4rem; color: #EB8300; }
li .form-input-alert { width: 100%; float: left; text-align: left; padding: 3px 0 0 3px; font-size: 1.4rem; color: #EB8300; }
/* line 123, ../../sass/components/_input.scss */
.form-body li .form-input-remind, .form-body li .form-button-remind { font-size: 1.4rem; color: #000000; }
/* line 127, ../../sass/components/_input.scss */
.form-body li .form-input-remind span, .form-body li .form-button-remind span { color: #EB8300; font-weight: bold; padding: 0 5px; }
/* line 133, ../../sass/components/_input.scss */
.form-body li .form-input-remind { width: calc(100% - 180px); float: right; text-align: left; padding: 3px 0 0 3px; }
/* line 139, ../../sass/components/_input.scss */
.form-body li .form-button-remind { text-align: center; }
/* line 142, ../../sass/components/_input.scss */
.form-body li .validation { color: #009D99; font-weight: bold; position: absolute; z-index: 1; margin: 5px 0 0 25px; width: 60px; }
/* line 149, ../../sass/components/_input.scss */
.form-body li .validation + input { text-indent: 60px; }

@media only screen and (max-width: 768px) { /* line 158, ../../sass/components/_input.scss */
  .form-body li input[type=text], .form-body li input[type=tel], .form-body li [type=number], .form-body li[type=date] { margin-left: 40px; width: calc(100% - 40px); }
  /* line 165, ../../sass/components/_input.scss */
  .form-body li .validation { margin-left: 45px; }
  /* line 167, ../../sass/components/_input.scss */
  .form-body li .validation + input:placeholder-shown + label { opacity: 0; }
  /* line 170, ../../sass/components/_input.scss */
  .form-body li .validation + input:focus:placeholder-shown + label { opacity: 1; }
  /* line 174, ../../sass/components/_input.scss */
  .form-body li input + label { color: #999999; text-transform: uppercase; width: auto; height: 30px; text-align: left; margin: -55px 0 0 45px; }
  /* line 181, ../../sass/components/_input.scss */
  .form-body li input + label + .input-sign { margin: -20px 0 0 10px; }
  /* line 185, ../../sass/components/_input.scss */
  .form-body li input:placeholder-shown + label { cursor: text; max-width: 66.66%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform-origin: left bottom; transform: translate(0, 2.125rem) scale(1.2); }
  /* line 194, ../../sass/components/_input.scss */
  .form-body li ::-webkit-input-placeholder { opacity: 0; transition: inherit; }
  /* line 198, ../../sass/components/_input.scss */
  .form-body li input:focus::-webkit-input-placeholder { opacity: 1; }
  /* line 201, ../../sass/components/_input.scss */
  .form-body li input:not(:placeholder-shown) + label, .form-body li input:focus + label { transform: translate(-3px, -8px) scale(0.9); cursor: pointer; }
  /* line 206, ../../sass/components/_input.scss */
  .form-body li input:focus + label { transform: translate(-3px, -8px) scale(0.9); }
  /* line 210, ../../sass/components/_input.scss */
  .form-body li.warning .input-sign { margin: -27px 0 0 5px; }
  /* line 214, ../../sass/components/_input.scss */
  .form-body li .form-input-alert, .form-body li .form-input-remind { width: calc(100% - 40px); } }
@media all and (-ms-high-contrast: none) and (max-width: 768px) { /* line 222, ../../sass/components/_input.scss */
  .form-body li input + label { margin-top: -45px; } }
/* line 227, ../../sass/components/_input.scss */
select { border: 1px solid #999999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; height: 36px; line-height: 36px; }

/* line 235, ../../sass/components/_input.scss */
input[type=checkbox], input[type=radio] { height: auto; line-height: 1; }
/* line 239, ../../sass/components/_input.scss */
input[type=checkbox]:focus, input[type=radio]:focus { box-shadow: none; }

/* 自定義checkbox */
/* line 247, ../../sass/components/_input.scss */
label input[type="checkbox"] + span { display: inline-block; width: 25px; height: 25px; margin: -2px 5px 0 -27px; vertical-align: middle; background: url(../img/check_radio_sheet.png) -25px top no-repeat; background-size: 150px 25px; cursor: pointer; }

/* line 258, ../../sass/components/_input.scss */
label input[type="checkbox"]:checked + span { background: url(../img/check_radio_sheet.png) left top no-repeat; background-size: 150px 25px; }

/* line 263, ../../sass/components/_input.scss */
label input[type="checkbox"]:disabled + span { background: url(../img/check_radio_sheet.png) -50px top no-repeat; background-size: 150px 25px; cursor: not-allowed; }

/* 自定義radio */
/* line 272, ../../sass/components/_input.scss */
label input[type="radio"] + span { display: inline-block; width: 25px; height: 25px; margin: -2px 5px 0 -27px; vertical-align: middle; background: url(../img/check_radio_sheet.png) -100px top no-repeat; background-size: 150px 25px; cursor: pointer; }

/* line 283, ../../sass/components/_input.scss */
label input[type="radio"]:checked + span { background: url(../img/check_radio_sheet.png) -75px top no-repeat; background-size: 150px 25px; }

/* line 288, ../../sass/components/_input.scss */
label input[type="radio"]:disabled + span { background: url(../img/check_radio_sheet.png) -125px top no-repeat; background-size: 150px 25px; cursor: not-allowed; }

/*--------------------------------------------*/
/* components: _input.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* components: _button.scss start */
/*--------------------------------------------*/
/* line 9, ../../sass/components/_button.scss */
button, .btn-normal, .btn-form, .btn-listview, .btn-function, .btn-delete, .btn-add { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ cursor: pointer; display: block; }
/* line 24, ../../sass/components/_button.scss */
button:focus, .btn-normal:focus, .btn-form:focus, .btn-listview:focus, .btn-function:focus, .btn-delete:focus, .btn-add:focus { outline: 0; }

/* line 31, ../../sass/components/_button.scss */
input[type=button] { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ cursor: pointer; background-image: url(../img/icon_btn_withdraw.png); background-repeat: no-repeat; background-size: 0px; background-position: 0 0; }
/* line 45, ../../sass/components/_button.scss */
input[type=button][disabled=disabled] { cursor: default; background-color: #B7B7B7; border-color: #B7B7B7; color: #EEEEEE; }
/* line 50, ../../sass/components/_button.scss */
input[type=button][disabled=disabled]:active { transform: translateY(0px); }

@media only screen and (max-width: 375px) { select { max-width: 100%; } }

/* line 56, ../../sass/components/_button.scss */
.btn-form { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; height: 40px; line-height: 40px; width: 100%; max-width: 214px; margin: 0 auto 10px auto; }
/* line 63, ../../sass/components/_button.scss */
.btn-form:active { transform: translateY(5px); transition: all 0.3s ease 0s; }

/* line 69, ../../sass/components/_button.scss */
.btn-listview { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; height: 40px; line-height: 40px; width: 100%; margin: 10px auto 10px auto; }

/* line 77, ../../sass/components/_button.scss */
.btn-function { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 40px; line-height: 40px; width: 150px; text-indent: 32px; margin: 10px 20px 10px 0; float: left; }

.content-body a.icon-withdraw { font-weight: normal; font-size: 16px; text-align: center; }

.content-body a.icon-withdraw img { vertical-align: middle }
/* line 85, ../../sass/components/_button.scss */
.btn-function.icon-withdraw { background-image: url(../img/icon_btn_withdraw.png); background-repeat: no-repeat; background-size: 25px; background-position: 20% center; }
/* line 91, ../../sass/components/_button.scss */
.btn-function.icon-topup { background-image: url(../img/icon_btn_topup.png); background-repeat: no-repeat; background-size: 25px; background-position: 20% center; }
/* line 97, ../../sass/components/_button.scss */
.btn-function.icon-transfer { background-image: url(../img/icon_btn_transfer.png); background-repeat: no-repeat; background-size: 25px; background-position: 20% center; }
/* line 103, ../../sass/components/_button.scss */
.btn-function:active { transform: translateY(5px); transition: all 0.3s ease 0s; }

@media only screen and (max-width: 425px) { /* line 110, ../../sass/components/_button.scss */
  .btn-function { width: calc((100% - 30px) / 2); margin: 10px 5px; } }
/* line 116, ../../sass/components/_button.scss */
.btn-delete { width: 30px; height: 30px; display: inline-block; background-image: url(../img/icon-trash.svg); background-repeat: no-repeat; background-size: 24px 24px; background-position: center center; border: 1.5px solid #666666; padding: 20px; border-radius: 50%; float: right; margin: 10px 15px 0 0; }
/* line 129, ../../sass/components/_button.scss */
.btn-delete:active { transform: translateY(5px); transition: all 0.3s ease 0s; }

/* line 135, ../../sass/components/_button.scss */
.btn-add { width: 30px; height: 30px; display: inline-block; background-image: url(../img/icon-plus.svg); background-repeat: no-repeat; background-size: 24px 24px; background-position: center center; border: 1.5px solid #CCCCCC; padding: 20px; border-radius: 50%; float: right; margin: 10px 15px 0 0; }
/* line 148, ../../sass/components/_button.scss */
.btn-add:active { transform: translateY(5px); transition: all 0.3s ease 0s; }

/* line 154, ../../sass/components/_button.scss */
.btn-normal { /* float: right; */ margin: 0 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 36px; line-height: 32px; width: 120px; text-align: center; font-size: 1.4rem; padding: 0 10px; display: inline-block; }
/* line 164, ../../sass/components/_button.scss */
.btn-normal:last-child { margin-left: 0; }

/* 基礎顏色 */
/* line 172, ../../sass/components/_button.scss */
.btn-white { background-color: #FFFFFF; border: 2px solid #FFFFFF; color: #009D99; }

/* line 179, ../../sass/components/_button.scss */
.btn-grey { background-color: #EEEEEE; border: 2px solid #EEEEEE; color: #333333; }
/* line 184, ../../sass/components/_button.scss */
.btn-grey:active { background-color: #CECECE; border-color: #CECECE; }

/* line 190, ../../sass/components/_button.scss */
.btn-green { background-color: #009D99; border: 2px solid #009D99; color: #FFFFFF; }
/* line 195, ../../sass/components/_button.scss */
.btn-green:active { background-color: #0D665F; border-color: #0D665F; }

/* line 201, ../../sass/components/_button.scss */
.btn-green-darker { background-color: #15414B; border: 0; color: #FFFFFF; }
/* line 206, ../../sass/components/_button.scss */
.btn-green-darker:active { background-color: #091A1B; border-color: #091A1B; }

/* line 212, ../../sass/components/_button.scss */
.btn-green-outline { box-sizing: border-box; background-color: #FFFFFF; border: 2px solid #009D99; color: #009D99; }
/* line 218, ../../sass/components/_button.scss */
.btn-green-outline:active { border-color: #0D665F; color: #0D665F; }

/* line 224, ../../sass/components/_button.scss */
.btn-orange { background-color: #EB8300; border: 0; color: #FFFFFF; }

/*--------------------------------------------*/
/* components: _button.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* components: _listview.scss start */
/*--------------------------------------------*/
/* listview with 1:1 thumbs */
/* line 6, ../../sass/components/_listview.scss */
.listview-record { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }
/* line 12, ../../sass/components/_listview.scss */
.listview-record li { display: inline-block; position: relative; width: 100%; padding: 12px; margin-bottom: 10px; box-shadow: 0 0 5px #ccc;border-radius: 5px; }

/* line 19, ../../sass/components/_listview.scss */
.listview-record li:last-child { border-bottom: 0; margin-bottom: 0px; }
/* line 23, ../../sass/components/_listview.scss */
.listview-record li:hover { cursor: pointer; }
/* line 25, ../../sass/components/_listview.scss */
.listview-record li:hover .left, .listview-record li:hover .right { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }
/* line 34, ../../sass/components/_listview.scss */
.listview-record li:active .left, .listview-record li:active .right { transform: translateY(5px); transition: all 0.3s ease 0s; }
/* line 39, ../../sass/components/_listview.scss */
.listview-record li .transaction-title { float: left; font-size: 2rem; max-width: calc(60% - 55px); overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; }
/* line 48, ../../sass/components/_listview.scss */
.listview-record li .transaction-title-badge { float: right; text-align: right; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
/* line 57, ../../sass/components/_listview.scss */
.listview-record li .transaction-title-badge.positive { background-color: #DA7207; }
/* line 60, ../../sass/components/_listview.scss */
.listview-record li .transaction-title-badge.negative { background-color: #5A6CE7; }
/* line 64, ../../sass/components/_listview.scss */
.listview-record li .transaction-amount { float: right; text-align: right; font-size: 2rem; max-width: 40%; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
/* line 73, ../../sass/components/_listview.scss */
.listview-record li .transaction-amount.positive { color: #009D99; }
/* line 75, ../../sass/components/_listview.scss */
.listview-record li .transaction-amount.positive:before { content: "\002B"; margin-right: 5px; }
/* line 81, ../../sass/components/_listview.scss */
.listview-record li .transaction-amount.negative:before { content: "\002D"; margin-right: 5px; }
/* line 87, ../../sass/components/_listview.scss */
.listview-record li .transaction-date { float: left; padding-right: 10px; color: #B4B4B4; }
/* line 92, ../../sass/components/_listview.scss */
.listview-record li .transaction-time { float: left; color: #B4B4B4; }
/* line 96, ../../sass/components/_listview.scss */
.listview-record li .transaction-currency { float: left; text-align: right; display: contents; }
/* line 101, ../../sass/components/_listview.scss */
.listview-record li .transaction-balance { float: right; text-align: right; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
/* line 109, ../../sass/components/_listview.scss */
.listview-record li p { width: 100%; display: inline-block; }
/* line 113, ../../sass/components/_listview.scss */
.listview-record li .left { width: calc(100% - 50px); padding-left: 10px; }
/* line 117, ../../sass/components/_listview.scss */
.listview-record li .right { width: 50px; padding-right: 10px; }
/* line 121, ../../sass/components/_listview.scss */
.listview-record li .arrow { background-image: url("../img/icon-arrow-right.svg"); background-size: 20px 20px; background-repeat: no-repeat; background-position: 5px center; width: 40px; height: 55px; margin-left: 12px; }
/* line 131, ../../sass/components/_listview.scss */
.listview-record.more { position: relative; }
/* line 133, ../../sass/components/_listview.scss */
.listview-record.more:after { content: ""; width: 100%; height: 80px; position: absolute; display: block; bottom: 0px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }

@media all and (-ms-high-contrast: none) { /* line 149, ../../sass/components/_listview.scss */
  .listview-record li .transaction-balance { display: -ms-flexbox; } }
@media only screen and (max-width: 375px) { /* line 155, ../../sass/components/_listview.scss */
  .listview-record li .left { width: 100%; padding-left: 0; }
  /* line 159, ../../sass/components/_listview.scss */
  .listview-record li .right, .transaction-title-badge { display: none; }
  /* line 162, ../../sass/components/_listview.scss */
  .listview-record li .transaction-amount { width: 40%; }
  /* line 165, ../../sass/components/_listview.scss */
  .listview-record li .transaction-title { width: 60%; max-width: 60%; } }
/* line 173, ../../sass/components/_listview.scss */
.listview-setting li { height: 65px; width: 100%; margin-bottom: 20px; }
/* line 177, ../../sass/components/_listview.scss */
.listview-setting li:after { content: ""; width: 100%; height: 1px; background-color: #CCCCCC; display: block; position: relative; bottom: -75px; }
/* line 186, ../../sass/components/_listview.scss */
.listview-setting li:hover { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }
/* line 193, ../../sass/components/_listview.scss */
.listview-setting li:last-child:after { display: none; }
/* line 196, ../../sass/components/_listview.scss */
.listview-setting li:last-child { margin-bottom: 0px; }
/* line 199, ../../sass/components/_listview.scss */
.listview-setting li p { display: inline-block; width: 100%; margin-top: 3px; }
/* line 204, ../../sass/components/_listview.scss */
.listview-setting li .left { width: calc(100% - 220px); height: 100%; padding-left: 10px; }
/* line 209, ../../sass/components/_listview.scss */
.listview-setting li .right { width: 200px; }
/* line 212, ../../sass/components/_listview.scss */
.listview-setting li .bank-name { float: left; font-size: 2rem; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 80%; }
/* line 221, ../../sass/components/_listview.scss */
.listview-setting li .bank-name-badge { float: left; font-size: 1rem; text-align: center; padding: 0 5px; background-color: #000000; color: white; margin: 5px 0 0 5px; }
/* line 230, ../../sass/components/_listview.scss */
.listview-setting li .account { color: #B4B4B4; font-size: 1.6rem; float: left; padding-right: 10px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 80%; }
/* line 241, ../../sass/components/_listview.scss */
.listview-setting li .add-new { font-size: 2rem; line-height: 65px; }
/* line 245, ../../sass/components/_listview.scss */
.listview-setting li .status-badge-successful { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ background-color: #679A2D; color: white; padding: 8px 0px; width: 115px; text-align: center; display: inline-block; margin: 15px 0 0 -10px; border-radius: 3px; }
/* line 267, ../../sass/components/_listview.scss */
.listview-setting li .status-badge-successful.tooltip-trigger:active { background-color: #497c0f; }
/* line 272, ../../sass/components/_listview.scss */
.listview-setting li .status-badge-failed { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ background-color: #AC3958; color: white; padding: 8px 0px; width: 115px; text-align: center; display: inline-block; margin: 15px 0 0 -10px; border-radius: 3px; }
/* line 295, ../../sass/components/_listview.scss */
.listview-setting li .status-badge-failed.tooltip-trigger:active { background-color: #881232; }
/* line 300, ../../sass/components/_listview.scss */
.listview-setting li .status-badge-processing { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ background-color: #C29F47; color: white; padding: 8px 0px; width: 115px; text-align: center; display: inline-block; margin: 15px 0 0 -10px; border-radius: 3px; }
/* line 324, ../../sass/components/_listview.scss */
.listview-setting li .status-badge-processing.tooltip-trigger:active { background-color: #b58610; }
/* line 330, ../../sass/components/_listview.scss */
.listview-setting + input[type=button] { margin-top: 20px; }

@media only screen and (max-width: 767px) { /* line 336, ../../sass/components/_listview.scss */
  .status-badge-successful:before, .status-badge-failed:before, .status-badge-processing:before { display: none; }
  /* line 342, ../../sass/components/_listview.scss */
  .listview-setting li .status-badge-successful, .listview-setting li .status-badge-failed, .listview-setting li .status-badge-processing { text-indent: 0; width: 75px; text-align: center; }
  /* line 351, ../../sass/components/_listview.scss */
  .listview-setting li .right { width: 135px; }
  /* line 354, ../../sass/components/_listview.scss */
  .listview-setting li .left { width: calc(100% - 135px); }
  /* line 358, ../../sass/components/_listview.scss */
  .listview-setting li .bank-name-badge { display: none; } }
@media only screen and (max-width: 425px) { /* line 364, ../../sass/components/_listview.scss */
  .listview-setting li .right { width: 105px; }
  /* line 367, ../../sass/components/_listview.scss */
  .listview-setting li .left { width: calc(100% - 105px); padding-left: 0; }
  /* line 372, ../../sass/components/_listview.scss */
  .listview-setting li .status-badge-successful, .listview-setting li .status-badge-failed, .listview-setting li .status-badge-processing { font-size: 1rem; width: 60px; margin-left: 0px; }
  /* line 379, ../../sass/components/_listview.scss */
  .btn-delete, .btn-add { background-size: 20px 20px; padding: 15px; margin-top: 15px; }
  /* line 384, ../../sass/components/_listview.scss */
  .listview-setting li .bank-name { max-width: 100%; font-size: 1.75rem; margin-top: 10px; }
  /* line 389, ../../sass/components/_listview.scss */
  .listview-setting li .account { font-size: 1.25rem; max-width: 100%; margin-top: 0px; }
  /* line 394, ../../sass/components/_listview.scss */
  .listview-setting li .add-new { margin-top: 0; }
  /* line 397, ../../sass/components/_listview.scss */
  .btn-delete, .btn-add { margin-right: 0; } }
/*--------------------------------------------*/
/* components: _listview.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* components: _panel.scss start */
/*--------------------------------------------*/
/* line 4, ../../sass/components/_panel.scss */
.panel-mask { z-index: 101; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); transition-duration: 0.3s; display: none; }
/* line 14, ../../sass/components/_panel.scss */
.panel-mask.show { display: block; }

/* line 19, ../../sass/components/_panel.scss */
.w3-sidebar { height: 100%; width: 60%; max-width: 850px; background-color: #fff; position: fixed !important; z-index: 102; overflow: auto; display: none; right: 0; }
/* line 29, ../../sass/components/_panel.scss */
.w3-sidebar header { height: 40px; line-height: 40px; text-align: center; text-indent: 40px; font-size: 2rem; background-color: #15414B; color: white; }
/* line 37, ../../sass/components/_panel.scss */
.w3-sidebar header .w3-button { width: 40px; height: 40px; margin-top: -3px; float: right; }
/* line 44, ../../sass/components/_panel.scss */
.w3-sidebar .fields { font-size: 1.6rem; padding: 30px 50px; }
/* line 47, ../../sass/components/_panel.scss */
.w3-sidebar .fields li { height: 50px; line-height: 50px; }
/* line 52, ../../sass/components/_panel.scss */
.w3-sidebar .field-title { float: left; width: 150px; display: inline-block; color: #999999; }
/* line 58, ../../sass/components/_panel.scss */
.w3-sidebar .field-content { float: left; display: inline-block; width: calc(100% - 150px); position: relative; }
/* line 64, ../../sass/components/_panel.scss */
.w3-sidebar .notation { background-color: #eff9e2; border: #d9efc1 1px solid; width: calc(100% - 100px); padding: 15px; margin: auto; font-size: 1.4rem; word-break: break-all; }
/* line 73, ../../sass/components/_panel.scss */
.w3-sidebar .red { color: red; }
/* line 77, ../../sass/components/_panel.scss */
.w3-sidebar input.amount { padding-left: 34px; padding-right: 5px; }
/* line 80, ../../sass/components/_panel.scss */
.w3-sidebar input.amount + .currency { float: left; position: absolute; left: 0; }
/* line 87, ../../sass/components/_panel.scss */
.w3-sidebar .emphasize .amount { font-size: 2.5rem; }
/* line 91, ../../sass/components/_panel.scss */
.w3-sidebar .balance:before { content: "/"; margin: 0 5px; }
/* line 96, ../../sass/components/_panel.scss */
.w3-sidebar .declaration { font-size: 2rem; text-align: center; color: #009D99; line-height: 1.5; margin: 35px 0; padding: 0 20px; }
/* line 103, ../../sass/components/_panel.scss */
.w3-sidebar .declaration.failed { color: #AC3958; }
/* line 107, ../../sass/components/_panel.scss */
.w3-sidebar .description { text-align: center; font-size: 1.6rem; line-height: 1.5; padding: 0 20px; }
.w3-sidebar .description-non-center { font-size: 1.6rem; line-height: 1.5; padding: 0 20px; }
/* line 112, ../../sass/components/_panel.scss */
.w3-sidebar .description a { margin: 0 5px; color: #009D99; }
/* line 117, ../../sass/components/_panel.scss */
.w3-sidebar footer { width: 100%; padding: 50px 50px 30px; position: relative; bottom: 0; background-color: white; }
/* line 123, ../../sass/components/_panel.scss */
.w3-sidebar footer:after { content: ""; display: block; clear: both; }

/* line 131, ../../sass/components/_panel.scss */
.w3-card { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

/* line 135, ../../sass/components/_panel.scss */
.w3-animate-right { position: relative; animation: animateright 0.4s; }

/* line 140, ../../sass/components/_panel.scss */
.w3-bar-block .w3-dropdown-hover, .w3-bar-block .w3-dropdown-click { width: 100%; }

/* line 145, ../../sass/components/_panel.scss */
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content, .w3-bar-block .w3-dropdown-click .w3-dropdown-content { min-width: 100%; }

/* line 150, ../../sass/components/_panel.scss */
.w3-bar-block .w3-dropdown-hover .w3-button, .w3-bar-block .w3-dropdown-click .w3-button { width: 100%; text-align: left; padding: 8px 16px; }

/* line 157, ../../sass/components/_panel.scss */
.w3-bar-block .w3-bar-item { width: 100%; display: block; padding: 8px 16px; text-align: left; border: none; white-space: normal; float: none; outline: 0; }

/* line 168, ../../sass/components/_panel.scss */
.w3-bar-block.w3-center .w3-bar-item { text-align: center; }

@keyframes animateright { from { right: -300px; opacity: 0; }
  to { right: 0; opacity: 1; } }
@media (max-width: 768px) { /* line 184, ../../sass/components/_panel.scss */
  .w3-sidebar { width: 100%; } }
@media (max-width: 425px) { /* line 189, ../../sass/components/_panel.scss */
  .w3-sidebar .fields { padding: 20px; }
  /* line 192, ../../sass/components/_panel.scss */
  .w3-sidebar .fields li { height: 36px; line-height: 36px; margin-bottom: 60px; display: block; width: 100%; }
  /* line 199, ../../sass/components/_panel.scss */
  .w3-sidebar .field-title { width: 100%; }
  /* line 202, ../../sass/components/_panel.scss */
  .w3-sidebar .field-content { width: 100%; }
  /* line 205, ../../sass/components/_panel.scss */
  .w3-sidebar .notation { width: calc(100% - 40px); }
  /* line 208, ../../sass/components/_panel.scss */
  .w3-sidebar footer { padding: 30px 20px; }
  /* line 210, ../../sass/components/_panel.scss */
  .w3-sidebar footer .btn-normal { float: none; margin: 10px 0; }
  /* line 215, ../../sass/components/_panel.scss */
  .w3-sidebar input.amount { width: 140px; } }
/*--------------------------------------------*/
/* components: _panel.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* components: _tab.scss start */
/*--------------------------------------------*/
/* line 5, ../../sass/components/_tab.scss */
.tab-listview { width: 100%; height: 40px; line-height: 40px; font-size: 1.6rem; text-align: center; margin-bottom: 20px; color: #009D99; }
/* line 14, ../../sass/components/_tab.scss */
.tab-listview.col-5 li { width: calc(100% / 5); }
/* line 19, ../../sass/components/_tab.scss */
.tab-listview.col-4 li { width: calc(100% / 4); }
/* line 24, ../../sass/components/_tab.scss */
.tab-listview.col-3 li { width: calc(100% / 3); }
/* line 29, ../../sass/components/_tab.scss */
.tab-listview.col-2 li { width: calc(100% / 2); }
/* line 33, ../../sass/components/_tab.scss */
.tab-listview li { float: left; border-left: 1px solid #009D99; border-top: 1px solid #009D99; border-bottom: 1px solid #009D99; }
/* line 38, ../../sass/components/_tab.scss */
.tab-listview li:last-child { border-right: 1px solid #009D99; }
/* line 41, ../../sass/components/_tab.scss */
.tab-listview li:hover { cursor: pointer; }
/* line 44, ../../sass/components/_tab.scss */
.tab-listview li.active { background-color: #009D99; color: #FFFFFF; transition: all 0.3s ease 0s; }

/*--------------------------------------------*/
/* components: _tab.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* components: _modal.scss start */
/*--------------------------------------------*/
/* line 9, ../../sass/components/_modal.scss */
.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child { padding-left: 16px; }

/* line 16, ../../sass/components/_modal.scss */
.w3-btn, .w3-button { border: none; display: inline-block; width: 44px; height: 44px; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap; font-size: 3rem; }

/* line 33, ../../sass/components/_modal.scss */
.w3-modal { z-index: 103; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; text-align: center; vertical-align: middle; }
/* line 45, ../../sass/components/_modal.scss */
.w3-modal:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
/* line 51, ../../sass/components/_modal.scss */
.w3-modal.show { display: block; }
/* line 54, ../../sass/components/_modal.scss */
.w3-modal .modal-background { background-color: black; background-color: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; top: 0; cursor: pointer; }

/* line 65, ../../sass/components/_modal.scss */
.scrollable { overflow: auto; height: auto; max-height: 355px; background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) bottom, radial-gradient(at top at top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%), radial-gradient(at bottom at bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) bottom; background-repeat: no-repeat; background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px; background-attachment: local, local, scroll, scroll; }

/* line 75, ../../sass/components/_modal.scss */
.w3-modal-content { margin: auto; background-color: #fff; position: relative; padding: 40px 40px 20px 40px; outline: 0; width: 90%; max-width: 600px; max-height: 90%; font-size: 1.6rem; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); display: inline-block; vertical-align: middle; text-align: left; }
/* line 89, ../../sass/components/_modal.scss */
.w3-modal-content header { font-size: 2rem; }
/* line 92, ../../sass/components/_modal.scss */
.w3-modal-content .header-normal { margin-bottom: 20px; max-height: 60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
/* line 100, ../../sass/components/_modal.scss */
.w3-modal-content .header-details { padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid #CCCCCC; max-height: 60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
/* line 110, ../../sass/components/_modal.scss */
.w3-modal-content .modal-content-scrollable { height: 100%; max-height: calc(100vh - 300px); overflow-y: auto; background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%; background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%; background-repeat: no-repeat; background-color: white; background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px; background-attachment: local, local, scroll, scroll; }
/* line 125, ../../sass/components/_modal.scss */
.w3-modal-content footer { text-align: center; clear: both; display: inline-block; width: 100%; padding-top: 10px }
/* line 131, ../../sass/components/_modal.scss */
.w3-modal-content p { line-height: 1.5; }
/* line 134, ../../sass/components/_modal.scss */
.w3-modal-content .emphasize { text-align: center; height: 50px; line-height: 50px; font-weight: bold; background-color: #EEEEEE; }
/* line 140, ../../sass/components/_modal.scss */
.w3-modal-content .emphasize .amount { font-size: 2.5rem; }
/* line 144, ../../sass/components/_modal.scss */
.w3-modal-content .fields { margin-top: 5px; }
/* line 146, ../../sass/components/_modal.scss */
.w3-modal-content .fields li { line-height: 1.5; margin-bottom: 20px; height: 60px; }
/* line 152, ../../sass/components/_modal.scss */
.w3-modal-content .field-title { float: left; width: 100%; display: inline-block; color: #009D99; }
/* line 158, ../../sass/components/_modal.scss */
.w3-modal-content .field-content { float: left; display: inline-block; width: 100%; }
/* line 162, ../../sass/components/_modal.scss */
.w3-modal-content .field-content.successful:after, .w3-modal-content .field-content.failed:after, .w3-modal-content .field-content.processing:after { position: relative; top: -2px; left: 5px; display: inline-block; border-radius: 50%; text-align: center; color: #FFFFFF !important; width: 20px; height: 20px; }
/* line 175, ../../sass/components/_modal.scss */
.w3-modal-content .field-content.successful:after { content: "\2713"; background-color: #679A2D; line-height: 20px; font-size: 1.2rem; }
/* line 183, ../../sass/components/_modal.scss */
.w3-modal-content .field-content.failed:after { content: "\0021"; background-color: #AC3958; line-height: 20px; font-size: 1.2rem; font-weight: normal; }
/* line 183-, ../../sass/components/_modal.scss */
.w3-modal-content .field-content.processing:after { content: "\2016"; background-color: #B58610; line-height: 20px; font-size: 1.2rem; font-weight: bold; }
/* line 162, ../../sass/components/_modal.scss */
li .field-content.successful:after, li .field-content.failed:after, li .field-content.processing:after { position: relative; top: -2px; left: 5px; display: inline-block; border-radius: 50%; text-align: center; color: #FFFFFF !important; width: 20px; height: 20px; }
/* line 175, ../../sass/components/_modal.scss */
li .field-content.successful:after { content: "\2713"; background-color: #679A2D; line-height: 20px; font-size: 1.2rem; }
/* line 183, ../../sass/components/_modal.scss */
li .field-content.failed:after { content: "\0021"; background-color: #AC3958; line-height: 20px; font-size: 1.2rem; font-weight: normal; }
/* line 183-, ../../sass/components/_modal.scss */
li .field-content.processing:after { content: "\2016"; background-color: #B58610; line-height: 20px; font-size: 1.2rem; font-weight: bold; }
/* line 192, ../../sass/components/_modal.scss */
.w3-modal-content .highlight { color: #009D99; margin: 0 5px; }

@media all and (-ms-high-contrast: none) { /* line 199, ../../sass/components/_modal.scss */
  .w3-modal-content .header-details { line-height: 28px; } }
/* line 204, ../../sass/components/_modal.scss */
.w3-display-topright { position: absolute; right: 1px; top: 1px; }

/* line 210, ../../sass/components/_modal.scss */
.w3-button:hover { color: #000 !important; background-color: #ccc !important; }

/* line 215, ../../sass/components/_modal.scss */
.w3-animate-top { position: relative; animation: animatetop 0.4s; }

@keyframes animatetop { from { top: -300px; opacity: 0; }
  to { top: 0; opacity: 1; } }
/* line 231, ../../sass/components/_modal.scss */
.w3-animate-opacity { animation: opac 0.5s; }

@keyframes opac { from { opacity: 0; }
  to { opacity: 1; } }
@media (max-width: 600px) { /* line 245, ../../sass/components/_modal.scss */
  .w3-modal-content { margin: 0 10px; padding: 40px 20px 20px 20px; }
  /* line 249, ../../sass/components/_modal.scss */
  .w3-modal-content .field-title { width: 105px; } }
/*--------------------------------------------*/
/* components: _modal.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* components: _dropdown.scss start */
/*--------------------------------------------*/
/* line 6, ../../sass/components/_dropdown.scss */
.minor-function-area-wrapper { margin: auto -20px; }

.minor-function-area .dropdown-menu { position: relative; }

/* line 13, ../../sass/components/_dropdown.scss */
.dropdown-menu-title { height: 60px; margin-top: -20px; margin-bottom: 25px; font-size: 1.7rem; background-color: transparent; padding: 15px; border: none; border-bottom: 1px solid #ccc; width: 100%; text-align: left; color: #009D99; border-radius: 5px 5px 0 0; }

/* line 22, ../../sass/components/_dropdown.scss */
.dropdown-menu-title:hover { background-color: #EAEAEA; }

.dropdown-menu-left .dropdown-menu-title { border-right: 1px solid #ccc; }

.dropdown-menu-right .dropdown-menu-title { margin-right: -20px; }

.dropdown-menu-title:after { content: "\25BE"; padding-left: 5px }

.dropdown-menu-title:hover { cursor: pointer }

/* line 27, ../../sass/components/_dropdown.scss */
.dropdown-menu-content { margin-top: -25px; width: 100%; min-width: 150px; position: absolute; z-index: 1; right: 0; background-color: #fff; box-shadow: 0px 3px 3px rgba(106, 106, 106, 0.55); -webkit-box-shadow: 0px 3px 3px rgba(106, 106, 106, 0.55); -moz-box-shadow: 0px 3px 3px rgba(106, 106, 106, 0.55); }
/* line 38, ../../sass/components/_dropdown.scss */
.dropdown-menu-content li { border-bottom: 1px solid #CCCCCC; }
/* line 40, ../../sass/components/_dropdown.scss */
.dropdown-menu-content li:hover { background-color: #EAEAEA; }
/* line 44, ../../sass/components/_dropdown.scss */
.dropdown-menu-content li.active a { color: #009D99; font-weight: bold; }
/* line 48, ../../sass/components/_dropdown.scss */
.dropdown-menu-content li.active:hover { background-color: #FFFFFF; }
/* line 52, ../../sass/components/_dropdown.scss */
.dropdown-menu-content li.option { height: 40px; line-height: 40px; }
/* line 56, ../../sass/components/_dropdown.scss */
.dropdown-menu-content li.btn-area { padding: 10px 10px 5px; text-align: right; }
/* line 59, ../../sass/components/_dropdown.scss */
.dropdown-menu-content li.btn-area:hover { background-color: #FFFFFF; }
/* line 63, ../../sass/components/_dropdown.scss */
.dropdown-menu-content li a { text-align: center; display: block; font-size: 16px; }
/* line 68, ../../sass/components/_dropdown.scss */
.dropdown-menu-content input[type=button] { font-size: 1rem; padding: 0 5px; border-width: 1px; cursor: pointer; }

/* line 76, ../../sass/components/_dropdown.scss */
.content-body .dropdown-menu-content a { color: #000000; font-weight: normal; }

/*--------------------------------------------*/
/* components: _dropdown.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* components: _chart.scss start */
/*--------------------------------------------*/
/* line 5, ../../sass/components/_chart.scss */
.total-bar { text-align: right; height: 12px; color: #000 !important; }
/* line 15, ../../sass/components/_chart.scss */
.total-bar.level00 { background-color: transparent; }
/* line 18, ../../sass/components/_chart.scss */
.total-bar.level01 { background-color: #00CC95; }
/* line 21, ../../sass/components/_chart.scss */
.total-bar.level02 { background-color: #03a579; }
/* line 24, ../../sass/components/_chart.scss */
.total-bar.level03 { background-color: #017656; }
/* line 27, ../../sass/components/_chart.scss */
.total-bar.level04 { background-color: #ebca03; }
/* line 30, ../../sass/components/_chart.scss */
.total-bar.level05 { background-color: #e79b00; }
/* line 33, ../../sass/components/_chart.scss */
.total-bar.level06 { background-color: #f15a02; }
/* line 36, ../../sass/components/_chart.scss */
.total-bar.level07 { background-color: #d85f00; }
/* line 39, ../../sass/components/_chart.scss */
.total-bar.level08 { background-color: #e91e03; }
/* line 42, ../../sass/components/_chart.scss */
.total-bar.level09 { background-color: #c60703; }
/* line 45, ../../sass/components/_chart.scss */
.total-bar.level10 { background-color: #970300; }

/* line 51, ../../sass/components/_chart.scss */
.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after { content: ""; display: table; clear: both; }

/* line 70, ../../sass/components/_chart.scss */
.remaining-percentage { height: 13px; position: relative; right: 0; top: -3px; background-color: #f1f1f1; display: inline-block; }

/* line 80, ../../sass/components/_chart.scss */
.credit-box { margin-bottom: 40px; }
/* line 82, ../../sass/components/_chart.scss */
.credit-box:last-child { margin-bottom: 0; }
/* line 85, ../../sass/components/_chart.scss */
.credit-box .chart-title { padding: 2px 10px; border: 1px solid black; }
/* line 90, ../../sass/components/_chart.scss */
.credit-box .month-credit { height: 50px; line-height: 50px; width: 50%; text-align: right; float: right; margin-top: 16px; }
/* line 97, ../../sass/components/_chart.scss */
.credit-box .month-credit .amount { font-size: 2.2rem; font-weight: bold; }
/* line 102, ../../sass/components/_chart.scss */
.credit-box .used { height: 50px; line-height: 50px; width: 50%; }
/* line 106, ../../sass/components/_chart.scss */
.credit-box .used:after { content: ""; display: table; clear: both; }
/* line 113, ../../sass/components/_chart.scss */
.credit-box .scale span:last-child { float: right; }

@media (max-width: 600px) { /* line 120, ../../sass/components/_chart.scss */
  .credit-box .month-credit { width: 100%; margin-top: 0; float: none; text-align: left; height: 40px; line-height: 40px; }
  /* line 128, ../../sass/components/_chart.scss */
  .credit-box .used { width: 100%; height: 40px; line-height: 40px; } }
/*--------------------------------------------*/
/* components: _chart.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* layout: _content.scss start */
/*--------------------------------------------*/
/* line 9, ../../sass/layout/_general.scss */
.layout-box { height: 100%; }
/* line 13, ../../sass/layout/_general.scss */
.layout-box.layout01 .layout-left { width: 0px; height: 100%; display: none; }
/* line 18, ../../sass/layout/_general.scss */
.layout-box.layout01 .layout-right { height: 100%; width: 100%; }
/* line 21, ../../sass/layout/_general.scss */
.layout-box.layout01 .layout-right.fixed { position: fixed; right: 0; }
/* line 28, ../../sass/layout/_general.scss */
.layout-box.layout02 .layout-left { width: 240px; height: 100%; float: left; }
/* line 32, ../../sass/layout/_general.scss */
.layout-box.layout02 .layout-left.fixed { position: fixed; left: 0; }
/* line 37, ../../sass/layout/_general.scss */
.layout-box.layout02 .layout-right { height: 100%; width: calc(100% - 240px); float: left; }
/* line 41, ../../sass/layout/_general.scss */
.layout-box.layout02 .layout-right.fixed { position: fixed; right: 0; }

@media only screen and (max-width: 1439px) { /* line 52, ../../sass/layout/_general.scss */
  .layout-box.layout02 .layout-left { position: absolute; z-index: 100; }
  /* line 56, ../../sass/layout/_general.scss */
  .layout-box.layout02 .layout-right, .layout-box.layout02 .main-header-container { width: 100%; } }
/* line 64, ../../sass/layout/_general.scss */
.grid-box-01 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; gap: 0px 0px; grid-template-areas: "A B" "A B" "C C"; }
/* line 70, ../../sass/layout/_general.scss */
.grid-box-01 .box-A { grid-area: A; }
/* line 73, ../../sass/layout/_general.scss */
.grid-box-01 .box-B { grid-area: B; }
/* line 76, ../../sass/layout/_general.scss */
.grid-box-01 .box-C { grid-area: C; }

/* line 81, ../../sass/layout/_general.scss */
.grid-box-02 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto; gap: 10px 10px; grid-template-areas: "A A A" "B C C" "B C C"; }
/* line 87, ../../sass/layout/_general.scss */
.grid-box-02 .box-A { grid-area: A; }
/* line 90, ../../sass/layout/_general.scss */
.grid-box-02 .box-B { grid-area: B; }
/* line 93, ../../sass/layout/_general.scss */
.grid-box-02 .box-C { grid-area: C; }

@media all and (-ms-high-contrast: none) { /* line 99, ../../sass/layout/_general.scss */
  .grid-box-01 { display: -ms-grid; -ms-grid-columns: 1fr 1fr; -ms-grid-rows: auto auto auto; }
  /* line 103, ../../sass/layout/_general.scss */
  .grid-box-01 .box-A { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; }
  /* line 109, ../../sass/layout/_general.scss */
  .grid-box-01 .box-B { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; }
  /* line 115, ../../sass/layout/_general.scss */
  .grid-box-01 .box-C { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; }
  /* line 122, ../../sass/layout/_general.scss */
  .grid-box-02 { display: -ms-grid; -ms-grid-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto auto; }
  /* line 126, ../../sass/layout/_general.scss */
  .grid-box-02 .box-A { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; margin: 0 0 10px 0; }
  /* line 133, ../../sass/layout/_general.scss */
  .grid-box-02 .box-B { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; margin: 0 5px 0 0; }
  /* line 140, ../../sass/layout/_general.scss */
  .grid-box-02 .box-C { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 2; margin: 0 0 0 5px; } }
@media only screen and (max-width: 768px) { /* line 151, ../../sass/layout/_general.scss */
  .grid-box-01 { grid-template-areas: "A A" "B B" "C C"; }
  /* line 153, ../../sass/layout/_general.scss */
  .grid-box-01 .box-A { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; }
  /* line 159, ../../sass/layout/_general.scss */
  .grid-box-01 .box-B { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; }
  /* line 165, ../../sass/layout/_general.scss */
  .grid-box-01 .box-C { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; }
  /* line 172, ../../sass/layout/_general.scss */
  .grid-box-02 { grid-template-areas: "A A A" "B B B" "C C C"; }
  /* line 174, ../../sass/layout/_general.scss */
  .grid-box-02 .box-A { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; margin: 0 0 10px 0; }
  /* line 181, ../../sass/layout/_general.scss */
  .grid-box-02 .box-B { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; margin: 0 0 10px 0; }
  /* line 188, ../../sass/layout/_general.scss */
  .grid-box-02 .box-C { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; margin: 0 0 0 0; } }
/* line 198, ../../sass/layout/_general.scss */
.overlay { position: fixed; z-index: 99; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.5); display: none; transition-duration: 0.3s; }

/* line 211, ../../sass/layout/_general.scss */
html { transition-duration: 0.3s; width: 100%; box-sizing: border-box; }

@media only screen and (max-width: 1439px) { /* line 219, ../../sass/layout/_general.scss */
  html.nav-open { position: fixed; }
  /* line 221, ../../sass/layout/_general.scss */
  html.nav-open .overlay { display: block; } }
/* line 228, ../../sass/layout/_general.scss */
html.nav-close .layout-box.layout02 .layout-left { width: 0; }
/* line 231, ../../sass/layout/_general.scss */
html.nav-close .sidebar { -webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); -ms-transform: translateX(-240px); -o-transform: translateX(-240px); transform: translateX(-240px); }
/* line 238, ../../sass/layout/_general.scss */
html.nav-close .layout-box.layout02 .layout-rinav-closeght, html.nav-close .layout02 .main-header-container {
    width: 100%;
}
/* line 242, ../../sass/layout/_general.scss */
html.nav-close .icon-burger { left: 11px; }

@media all and (-ms-high-contrast: none) { /* line 248, ../../sass/layout/_general.scss */
  html.nav-close .layout-box.layout02 .layout-left { display: none; } }
/*--------------------------------------------*/
/* layout: _content.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* layout: _sidebar.scss start */
/*--------------------------------------------*/
/* line 5, ../../sass/layout/_sidebar.scss */
.sidebar { position: fixed; z-index: 100; overflow-y: auto; overflow-x: visible; width: 240px; height: 100%; font-size: 1.6rem; background-color: #091A1B; transition-duration: 0.3s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
/* line 20, ../../sass/layout/_sidebar.scss */
.sidebar ul { padding: 0; margin: 0; position: fixed; width: 240px; }
/* line 25, ../../sass/layout/_sidebar.scss */
.sidebar ul li { position: relative; overflow: hidden; list-style: none; padding: 0; margin: 0 0 0 0px; text-align: left; text-indent: 30px; height: 50px; }
/* line 34, ../../sass/layout/_sidebar.scss */
.sidebar ul li:first-child, .sidebar ul li:last-child { height: 40px; }
/* line 37, ../../sass/layout/_sidebar.scss */
.sidebar ul li:hover { background-color: #15414B; }
/* line 40, ../../sass/layout/_sidebar.scss */
.sidebar ul li:first-child:hover, .sidebar ul li:last-child:hover { background-color: #091A1B; }
/* line 43, ../../sass/layout/_sidebar.scss */
.sidebar ul li.active { background-color: #259493; }
/* line 46, ../../sass/layout/_sidebar.scss */
.sidebar ul li.hr { height: 20px; }
/* line 48, ../../sass/layout/_sidebar.scss */
.sidebar ul li.hr:before { content: ""; width: 90%; margin: 0 5%; height: 1px; background-color: #464646; display: block; }

/* ----------------------------------------------------------------------------------------------------------------------------
== ICONS STYLES
** ---------------------------------------------------------------------------------------------------------------------------- */
/* line 66, ../../sass/layout/_sidebar.scss */
.sidebar li a:link, .sidebar li a:visited { display: block; border: 0; padding-left: 0px; color: #FFFFFF; line-height: 50px; height: 50px; text-indent: 47px; }

/* line 77, ../../sass/layout/_sidebar.scss */
.sidebar li a:hover, .sidebar li a:focus, .sidebar li a:active { background: transparent; cursor: pointer; }

/* line 85, ../../sass/layout/_sidebar.scss */
.sidebar li:before, .sidebar li:after, .sidebar li a:before, .sidebar li a:after { content: ""; position: absolute; top: 50%; left: 0; }

/* line 95, ../../sass/layout/_sidebar.scss */
.sidebar li a:before, .sidebar li a:after { margin: -8px 0 0; background: #FFFFFF; }

/* line 101, ../../sass/layout/_sidebar.scss */
.sidebar li a:hover:before, .sidebar li a:focus:before, .sidebar li a:active:before { background: #FFFFFF; }

/* Not links */
/* line 109, ../../sass/layout/_sidebar.scss */
.sidebar .player, .sidebar .headphones, .sidebar .ribbon, .sidebar .views, .sidebar .location, .sidebar .info, .sidebar .help, .sidebar .pie, .sidebar .success, .sidebar .success-alt, .sidebar .warning, .sidebar .denied { padding-left: 28px; }

/* ----------------------------------------------------------------------------------------------------------------------------
== USER INTERACTIONS
** ---------------------------------------------------------------------------------------------------------------------------- */
/* line 132, ../../sass/layout/_sidebar.scss */
.sidebar { /* SEARCH
------------------------------------------------------------------------------------------------------------------------------- */ /* COMMENT
------------------------------------------------------------------------------------------------------------------------------- */ /* LIKE
------------------------------------------------------------------------------------------------------------------------------- */ /* ADD
------------------------------------------------------------------------------------------------------------------------------- */ /* Alternative style */ /* REMOVE
------------------------------------------------------------------------------------------------------------------------------- */ /* Alternative style */ /* DELETE
------------------------------------------------------------------------------------------------------------------------------- */ /* Alternative style */ /* REPORT
------------------------------------------------------------------------------------------------------------------------------- */ /* TRASH
------------------------------------------------------------------------------------------------------------------------------- */ /* LOCK / UNLOCK
------------------------------------------------------------------------------------------------------------------------------- */ /* UPDATE STATUS
------------------------------------------------------------------------------------------------------------------------------- */ /* RETWEET
------------------------------------------------------------------------------------------------------------------------------- */ /* SAVE
------------------------------------------------------------------------------------------------------------------------------- */ /* EDIT
------------------------------------------------------------------------------------------------------------------------------- */ /* DOWNLOAD
------------------------------------------------------------------------------------------------------------------------------- */ /* ARROWS (up/down/back/forward)
------------------------------------------------------------------------------------------------------------------------------- */ /* Alternative style */ /* Alternative style 2 */ /* ----------------------------------------------------------------------------------------------------------------------------
== MISC
** ---------------------------------------------------------------------------------------------------------------------------- */ /* HOME
------------------------------------------------------------------------------------------------------------------------------- */ /* PHOTO
------------------------------------------------------------------------------------------------------------------------------- */ /* VIDEO
------------------------------------------------------------------------------------------------------------------------------- */ /* MUSIC
------------------------------------------------------------------------------------------------------------------------------- */ /* CALL
------------------------------------------------------------------------------------------------------------------------------- */ /* TAGS
------------------------------------------------------------------------------------------------------------------------------- */ /* RSS
------------------------------------------------------------------------------------------------------------------------------- */ /* EMAIL
------------------------------------------------------------------------------------------------------------------------------- */ /* PROFILE
------------------------------------------------------------------------------------------------------------------------------- */ /* FILE
------------------------------------------------------------------------------------------------------------------------------- */ /* FOLDER
------------------------------------------------------------------------------------------------------------------------------- */ /* LIST VIEW
------------------------------------------------------------------------------------------------------------------------------- */ /* PERMALINK
------------------------------------------------------------------------------------------------------------------------------- */ /* HISTORY
------------------------------------------------------------------------------------------------------------------------------- */ /* TOOLS
------------------------------------------------------------------------------------------------------------------------------- */ /* MP3 PLAYER
------------------------------------------------------------------------------------------------------------------------------- */ /* HEADPHONES
------------------------------------------------------------------------------------------------------------------------------- */ /* RIBBON
------------------------------------------------------------------------------------------------------------------------------- */ /* VIEWS
------------------------------------------------------------------------------------------------------------------------------- */ /* LOCATION
------------------------------------------------------------------------------------------------------------------------------- */ /* INFO
------------------------------------------------------------------------------------------------------------------------------- */ /* HELP
------------------------------------------------------------------------------------------------------------------------------- */ /* PIE CHART
------------------------------------------------------------------------------------------------------------------------------- */ /* SUCCESS
------------------------------------------------------------------------------------------------------------------------------- */ /* Alternative style */ /* WARNING
------------------------------------------------------------------------------------------------------------------------------- */ /* DENIED
------------------------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------
== MEDIA CONTROLS
** ---------------------------------------------------------------------------------------------------------------------------- */ /* POWER
------------------------------------------------------------------------------------------------------------------------------- */ /* PLAY
------------------------------------------------------------------------------------------------------------------------------- */ /* Alternative style */ /* STOP
------------------------------------------------------------------------------------------------------------------------------- */ /* Alternative style */ /* PAUSE
------------------------------------------------------------------------------------------------------------------------------- */ /* Alternative style */ /* VOLUME
------------------------------------------------------------------------------------------------------------------------------- */ /* Volume on */ /* Mute */ /* Volume up/down */ /* MIC
------------------------------------------------------------------------------------------------------------------------------- */ /* FAST FORWARD
------------------------------------------------------------------------------------------------------------------------------- */ /* FAST REWIND
------------------------------------------------------------------------------------------------------------------------------- */ /* JUMP FORWARD
------------------------------------------------------------------------------------------------------------------------------- */ /* JUMP REWIND
------------------------------------------------------------------------------------------------------------------------------- */ /* POP-OUT WINDOW
------------------------------------------------------------------------------------------------------------------------------- */ /* ENLARGE
------------------------------------------------------------------------------------------------------------------------------- */ /* REPEAT
------------------------------------------------------------------------------------------------------------------------------- */ /* EXPAND
------------------------------------------------------------------------------------------------------------------------------- */ /* SHRINK
------------------------------------------------------------------------------------------------------------------------------- */ /* TOGGLE SIZE
------------------------------------------------------------------------------------------------------------------------------- */ /* FULL SCREEN
------------------------------------------------------------------------------------------------------------------------------- */ /* SHRINK
------------------------------------------------------------------------------------------------------------------------------- */ /* EJECT
------------------------------------------------------------------------------------------------------------------------------- */ }
/* line 137, ../../sass/layout/_sidebar.scss */
.sidebar .search a:before { width: 6px; height: 6px; border: 3px solid #FFFFFF; background: transparent; /* css3 */ -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
/* line 148, ../../sass/layout/_sidebar.scss */
.sidebar .search a:after { left: 10px; width: 3px; height: 7px; margin-top: 0; /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 161, ../../sass/layout/_sidebar.scss */
.sidebar .search a:hover:before, .sidebar .search a:focus:before, .sidebar .search a:active:before { border-color: #FFFFFF; background: transparent; }
/* line 168, ../../sass/layout/_sidebar.scss */
.sidebar .search a:hover:after, .sidebar .search a:focus:after, .sidebar .search a:active:after { background: #FFFFFF; }
/* line 177, ../../sass/layout/_sidebar.scss */
.sidebar .comment a:before { width: 16px; height: 10px; margin-top: -8px; /* css3 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
/* line 187, ../../sass/layout/_sidebar.scss */
.sidebar .comment a:after { left: 8px; border: 2px solid transparent; border-top-color: #FFFFFF; border-left-color: #FFFFFF; margin-top: 2px; background: transparent; }
/* line 196, ../../sass/layout/_sidebar.scss */
.sidebar .comment a:hover:after, .sidebar .comment a:focus:after, .sidebar .comment a:active:after { border-top-color: #FFFFFF; border-left-color: #FFFFFF; }
/* line 206, ../../sass/layout/_sidebar.scss */
.sidebar .like a:before, .sidebar .like a:after { width: 14px; height: 9px; margin-top: -6px; background: #FFFFFF; /* css3 */ -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 224, ../../sass/layout/_sidebar.scss */
.sidebar .like a:after { left: 4px; /* css3 */ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
/* line 234, ../../sass/layout/_sidebar.scss */
.sidebar .like a:hover:after, .sidebar .like a:focus:after, .sidebar .like a:active:after { background: #FFFFFF; }
/* line 244, ../../sass/layout/_sidebar.scss */
.sidebar .add a:before { width: 16px; height: 16px; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 253, ../../sass/layout/_sidebar.scss */
.sidebar .add a:after { left: 3px; width: 10px; height: 2px; margin-top: -1px; background: #091A1B; }
/* line 261, ../../sass/layout/_sidebar.scss */
.sidebar .add:before { z-index: 10; left: 7px; width: 2px; height: 10px; margin-top: -5px; background: #091A1B; }
/* line 272, ../../sass/layout/_sidebar.scss */
.sidebar .add-alt a:before { left: 6px; width: 5px; height: 15px; margin-top: -7px; background: #FFFFFF; }
/* line 280, ../../sass/layout/_sidebar.scss */
.sidebar .add-alt a:after { left: 1px; width: 15px; height: 5px; margin-top: -2px; background: #FFFFFF; }
/* line 288, ../../sass/layout/_sidebar.scss */
.sidebar .add-alt a:hover:after, .sidebar .add-alt a:focus:after, .sidebar .add-alt a:active:after { background: #FFFFFF; }
/* line 297, ../../sass/layout/_sidebar.scss */
.sidebar .remove a:before { width: 16px; height: 16px; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 306, ../../sass/layout/_sidebar.scss */
.sidebar .remove a:after { left: 3px; width: 10px; height: 2px; margin-top: -1px; background: #091A1B; }
/* line 316, ../../sass/layout/_sidebar.scss */
.sidebar .remove-alt a:before { left: 1px; width: 15px; height: 5px; margin-top: -2px; background: #FFFFFF; }
/* line 327, ../../sass/layout/_sidebar.scss */
.sidebar .delete a:before { width: 16px; height: 16px; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 336, ../../sass/layout/_sidebar.scss */
.sidebar .delete a:after { left: 3px; width: 10px; height: 2px; margin-top: -1px; background: #091A1B; /* css3 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 350, ../../sass/layout/_sidebar.scss */
.sidebar .delete:before { z-index: 10; left: 7px; width: 2px; height: 10px; margin-top: -5px; background: #091A1B; /* css3 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 367, ../../sass/layout/_sidebar.scss */
.sidebar .delete-alt a:before, .sidebar .delete-alt a:after { left: 6px; width: 5px; height: 15px; margin-top: -7px; background: #FFFFFF; /* css3 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 382, ../../sass/layout/_sidebar.scss */
.sidebar .delete-alt a:after { left: 1px; width: 15px; height: 5px; margin-top: -2px; }
/* line 389, ../../sass/layout/_sidebar.scss */
.sidebar .delete-alt a:hover:after, .sidebar .delete-alt a:focus:after, .sidebar .delete-alt a:active:after { background: #FFFFFF; }
/* line 398, ../../sass/layout/_sidebar.scss */
.sidebar .report a:before { left: 3px; width: 7px; height: 7px; margin-top: -5px; border-width: 7px 0 0 2px; border-style: solid; border-color: #FFFFFF; background: transparent; /* css3 */ -webkit-transform: skewY(-8deg); -moz-transform: skewY(-8deg); -ms-transform: skewY(-8deg); -o-transform: skewY(-8deg); transform: skewY(-8deg); }
/* line 415, ../../sass/layout/_sidebar.scss */
.sidebar .report a:after { left: 9px; width: 6px; height: 7px; margin-top: -3px; background: #FFFFFF; /* css3 */ -webkit-transform: skewY(-6deg); -moz-transform: skewY(-6deg); -ms-transform: skewY(-6deg); -o-transform: skewY(-6deg); transform: skewY(-6deg); }
/* line 429, ../../sass/layout/_sidebar.scss */
.sidebar .report a:hover:before, .sidebar .report a:focus:before, .sidebar .report a:active:before { border-color: #FFFFFF; background: transparent; }
/* line 436, ../../sass/layout/_sidebar.scss */
.sidebar .report a:hover:after, .sidebar .report a:focus:after, .sidebar .report a:active:after { background: #FFFFFF; }
/* line 445, ../../sass/layout/_sidebar.scss */
.sidebar .trash:after { left: 6px; width: 1px; height: 7px; border-right: 3px double #FFFFFF; border-left: 1px solid #FFFFFF; margin-top: -2px; }
/* line 454, ../../sass/layout/_sidebar.scss */
.sidebar .trash a:before { left: 2px; width: 9px; height: 11px; margin-top: -6px; border: 2px solid #FFFFFF; background: transparent; }
/* line 463, ../../sass/layout/_sidebar.scss */
.sidebar .trash a:after { left: 5px; width: 3px; height: 2px; margin-top: -9px; border: 2px solid #FFFFFF; border-bottom: 0; background: transparent; /* css3 */ -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
/* line 478, ../../sass/layout/_sidebar.scss */
.sidebar .trash:hover:after, .sidebar .trash a:hover:before, .sidebar .trash a:focus:before, .sidebar .trash a:active:before, .sidebar .trash a:hover:after, .sidebar .trash a:focus:after, .sidebar .trash a:active:after { border-color: #FFFFFF; background: transparent; }
/* line 492, ../../sass/layout/_sidebar.scss */
.sidebar .lock:before, .sidebar .lock:after, .sidebar .unlock:before, .sidebar .unlock:after { z-index: 10; left: 8px; width: 3px; height: 3px; margin-top: -2px; background: #091A1B; /* css3 */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* line 508, ../../sass/layout/_sidebar.scss */
.sidebar .lock:before, .sidebar .unlock:before { left: 9px; width: 1px; height: 4px; margin-top: 0px; }
/* line 516, ../../sass/layout/_sidebar.scss */
.sidebar .lock a:before, .sidebar .unlock a:before { left: 3px; width: 13px; height: 10px; margin-top: -4px; }
/* line 524, ../../sass/layout/_sidebar.scss */
.sidebar .lock a:after, .sidebar .unlock a:after { left: 5px; width: 5px; height: 5px; border: 2px solid #FFFFFF; border-bottom: 0; margin-top: -11px; background: transparent; /* css3 */ -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
/* line 539, ../../sass/layout/_sidebar.scss */
.sidebar .unlock a:after { left: 12px; }
/* line 543, ../../sass/layout/_sidebar.scss */
.sidebar .lock a:hover:after, .sidebar .lock a:focus:after, .sidebar .lock a:active:after, .sidebar .unlock a:hover:after, .sidebar .unlock a:focus:after, .sidebar .unlock a:active:after { border-color: #FFFFFF; }
/* line 555, ../../sass/layout/_sidebar.scss */
.sidebar .update:before { left: 10px; border-width: 2px 0 2px 2px; border-style: solid; border-color: transparent #FFFFFF; margin-top: -1px; }
/* line 563, ../../sass/layout/_sidebar.scss */
.sidebar .update a:before { left: 4px; width: 10px; height: 10px; border: 2px solid #FFFFFF; margin-top: -6px; background: transparent; /* css3 */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* line 576, ../../sass/layout/_sidebar.scss */
.sidebar .update a:after { left: 10px; width: 10px; height: 3px; border: 1px solid #091A1B; margin-top: -6px; /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 590, ../../sass/layout/_sidebar.scss */
.sidebar .update:hover:before { border-left-color: #FFFFFF; }
/* line 594, ../../sass/layout/_sidebar.scss */
.sidebar .update a:hover:before, .sidebar .update a:focus:before, .sidebar .update a:active:before { border-color: #FFFFFF; background: transparent; }
/* line 601, ../../sass/layout/_sidebar.scss */
.sidebar .update a:hover:after, .sidebar .update a:focus:after, .sidebar .update a:active:after { background: #FFFFFF; }
/* line 610, ../../sass/layout/_sidebar.scss */
.sidebar .retweet:before, .sidebar .retweet a:before { border-style: solid; border-color: transparent; background: transparent; }
/* line 617, ../../sass/layout/_sidebar.scss */
.sidebar .retweet:before { z-index: -1; left: 12px; margin-top: 2px; border-width: 5px 5px 0; border-left-color: #091A1B; border-top-color: #FFFFFF; }
/* line 626, ../../sass/layout/_sidebar.scss */
.sidebar .retweet a:before { left: -1px; margin-top: -7px; border-width: 0 5px 5px; border-right-color: #091A1B; border-bottom-color: #FFFFFF; }
/* line 634, ../../sass/layout/_sidebar.scss */
.sidebar .retweet a:after { z-index: -2; left: 3px; width: 10px; height: 6px; margin-top: -6px; border: 3px solid #FFFFFF; background: transparent; }
/* line 644, ../../sass/layout/_sidebar.scss */
.sidebar .retweet:hover:before { border-top-color: #FFFFFF; }
/* line 648, ../../sass/layout/_sidebar.scss */
.sidebar .retweet a:hover:before, .sidebar .retweet a:focus:before, .sidebar .retweet a:active:before { border-bottom-color: #FFFFFF; background: transparent; }
/* line 655, ../../sass/layout/_sidebar.scss */
.sidebar .retweet a:hover:after, .sidebar .retweet a:focus:after, .sidebar .retweet a:active:after { border-color: #FFFFFF; }
/* line 664, ../../sass/layout/_sidebar.scss */
.sidebar .save:before, .sidebar .save a:before { left: 6px; border-width: 10px 0 10px 8px; border-style: solid; border-color: transparent #FFFFFF; margin-top: -9px; background: transparent; /* css3 */ -webkit-transform: rotate(22.5deg); -moz-transform: rotate(22.5deg); -ms-transform: rotate(22.5deg); -o-transform: rotate(22.5deg); transform: rotate(22.5deg); }
/* line 680, ../../sass/layout/_sidebar.scss */
.sidebar .save a:before { left: 6px; /* css3 */ -webkit-transform: rotate(157.5deg); -moz-transform: rotate(157.5deg); -ms-transform: rotate(157.5deg); -o-transform: rotate(157.5deg); transform: rotate(157.5deg); }
/* line 690, ../../sass/layout/_sidebar.scss */
.sidebar .save a:after { border-width: 8px 10px 0; border-style: solid; border-color: #FFFFFF transparent; margin-top: -3px; background: transparent; }
/* line 698, ../../sass/layout/_sidebar.scss */
.sidebar .save:hover:before, .sidebar .save:focus:before, .sidebar .save:active:before, .sidebar .save a:hover:before, .sidebar .save a:focus:before, .sidebar .save a:active:before { border-left-color: #FFFFFF; background: transparent; }
/* line 708, ../../sass/layout/_sidebar.scss */
.sidebar .save a:hover:after, .sidebar .save a:focus:after, .sidebar .save a:active:after { border-top-color: #FFFFFF; background: transparent; }
/* line 718, ../../sass/layout/_sidebar.scss */
.sidebar .edit a:before { left: 3px; width: 5px; height: 5px; margin-top: 2px; background: #FFFFFF; -webkit-transform: skew(-10deg, -10deg); -moz-transform: skew(-10deg, -10deg); -ms-transform: skew(-10deg, -10deg); -o-transform: skew(-10deg, -10deg); transform: skew(-10deg, -10deg); }
/* line 731, ../../sass/layout/_sidebar.scss */
.sidebar .edit a:after { left: 3px; width: 13px; height: 6px; border-left: 1px solid #091A1B; margin-top: -3px; /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 745, ../../sass/layout/_sidebar.scss */
.sidebar .edit a:hover:before, .sidebar .edit a:focus:before, .sidebar .edit a:active:before, .sidebar .edit a:hover:after, .sidebar .edit a:focus:after, .sidebar .edit a:active:after { background: #FFFFFF; }
/* line 757, ../../sass/layout/_sidebar.scss */
.sidebar .download a:before { width: 14px; height: 8px; border: 3px solid #FFFFFF; border-top: 0; margin-top: -5px; background: transparent; }
/* line 766, ../../sass/layout/_sidebar.scss */
.sidebar .download a:after { left: 5px; border-width: 5px 5px 0; border-style: solid; border-color: #FFFFFF transparent; margin-top: -5px; background: transparent; }
/* line 775, ../../sass/layout/_sidebar.scss */
.sidebar .download a:hover:before, .sidebar .download a:focus:before, .sidebar .download a:active:before { border-color: #FFFFFF; background: transparent; }
/* line 782, ../../sass/layout/_sidebar.scss */
.sidebar .download a:hover:after, .sidebar .download a:focus:after, .sidebar .download a:active:after { border-color: #FFFFFF transparent; }
/* line 791, ../../sass/layout/_sidebar.scss */
.sidebar .arrow a:before { width: 16px; height: 16px; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 800, ../../sass/layout/_sidebar.scss */
.sidebar .arrow a:after { left: 8px; border-width: 5px 0 5px 6px; border-style: solid; border-color: transparent #091A1B; margin-top: -5px; background: transparent; }
/* line 809, ../../sass/layout/_sidebar.scss */
.sidebar .arrow:before { z-index: 10; left: 3px; width: 5px; height: 4px; margin-top: -2px; background: #091A1B; }
/* line 818, ../../sass/layout/_sidebar.scss */
.sidebar .arrow.back a:after { left: 2px; border-width: 5px 6px 5px 0; }
/* line 823, ../../sass/layout/_sidebar.scss */
.sidebar .arrow.back:before { left: 8px; }
/* line 827, ../../sass/layout/_sidebar.scss */
.sidebar .arrow.up a:after, .sidebar .arrow.down a:after { left: 3px; border-width: 0 5px 6px; border-color: #091A1B transparent; margin-top: -6px; }
/* line 835, ../../sass/layout/_sidebar.scss */
.sidebar .arrow.up:before, .sidebar .arrow.down:before { left: 6px; width: 4px; height: 5px; margin-top: 0; }
/* line 843, ../../sass/layout/_sidebar.scss */
.sidebar .arrow.down a:after { border-width: 6px 5px 0; margin-top: 0; }
/* line 848, ../../sass/layout/_sidebar.scss */
.sidebar .arrow.down:before { margin-top: -5px; }
/* line 854, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt a:before { left: 8px; border-width: 7px 0 7px 8px; border-style: solid; border-color: transparent #FFFFFF; margin-top: -7px; background: transparent; }
/* line 863, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt a:after { left: 0; width: 8px; height: 6px; margin-top: -3px; background: #FFFFFF; }
/* line 871, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt a:hover:before, .sidebar .arrow-alt a:focus:before, .sidebar .arrow-alt a:active:before { border-color: transparent #FFFFFF; background: transparent; }
/* line 878, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt a:hover:after, .sidebar .arrow-alt a:focus:after, .sidebar .arrow-alt a:active:after { background: #FFFFFF; }
/* line 884, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt.back a:before { left: 0; border-width: 7px 8px 7px 0; }
/* line 889, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt.back a:after { left: 8px; }
/* line 893, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt.up a:before, .sidebar .arrow-alt.down a:before { left: 1px; margin-top: -8px; border-width: 0 7px 8px; border-color: #FFFFFF transparent; }
/* line 901, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt.up a:after, .sidebar .arrow-alt.down a:after { left: 5px; width: 6px; height: 8px; margin-top: 0; }
/* line 909, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt.down a:before { left: 1px; margin-top: 0; border-width: 8px 7px 0; }
/* line 915, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt.down a:after { margin-top: -8px; }
/* line 919, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt.up a:hover:before, .sidebar .arrow-alt.up a:focus:before, .sidebar .arrow-alt.up a:active:before, .sidebar .arrow-alt.down a:hover:before, .sidebar .arrow-alt.down a:focus:before, .sidebar .arrow-alt.down a:active:before { border-color: #FFFFFF transparent; }
/* line 930, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2 a:before { left: 8px; width: 7px; height: 7px; border-width: 0 3px 3px 0; border-style: solid; border-color: #FFFFFF; margin-top: -5px; background: transparent; /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 947, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2 a:after { left: 3px; width: 13px; height: 4px; margin-top: -2px; background: #FFFFFF; }
/* line 955, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2 a:hover:before, .sidebar .arrow-alt2 a:focus:before, .sidebar .arrow-alt2 a:active:before { border-color: #FFFFFF; background: transparent; }
/* line 962, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2 a:hover:after, .sidebar .arrow-alt2 a:focus:after, .sidebar .arrow-alt2 a:active:after { background: #FFFFFF; }
/* line 968, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2.back a:before { left: 4px; border-width: 0 0 3px 3px; /* css3 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 979, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2.back a:after { left: 5px; }
/* line 983, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2.back a:hover:before, .sidebar .arrow-alt2.back a:focus:before, .sidebar .arrow-alt2.back a:active:before { border-right-color: #FFFFFF; }
/* line 989, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2.up a:before { left: 4px; border-width: 3px 0 0 3px; /* css3 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 1000, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2.up a:after, .sidebar .arrow-alt2.down a:after { left: 7px; width: 4px; height: 13px; margin-top: -4px; }
/* line 1008, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2.down a:before { left: 4px; border-width: 0 0 3px 3px; /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 1019, ../../sass/layout/_sidebar.scss */
.sidebar .arrow-alt2.down a:after { margin-top: -8px; }
/* line 1031, ../../sass/layout/_sidebar.scss */
.sidebar .home a:before { left: 21px; border-style: solid; border-color: transparent; border-width: 8px 7px; border-bottom-color: #FFFFFF; margin-top: -16px; background: transparent; }
/* line 1041, ../../sass/layout/_sidebar.scss */
.sidebar .home a:after { left: 23px; width: 2px; height: 4px; border-style: solid; border-color: #FFFFFF #FFFFFF transparent; border-width: 3px 4px 0; margin-top: 0; background: transparent; }
/* line 1052, ../../sass/layout/_sidebar.scss */
.sidebar .home a:hover:before, .sidebar .home a:focus:before, .sidebar .home a:active:before { border-bottom-color: #FFFFFF; background: transparent; }
/* line 1059, ../../sass/layout/_sidebar.scss */
.sidebar .home a:hover:after, .sidebar .home a:focus:after, .sidebar .home a:active:after { border-color: #FFFFFF #FFFFFF transparent; }
/* line 1068, ../../sass/layout/_sidebar.scss */
.sidebar .photo a:before { left: 2px; width: 16px; height: 12px; margin-top: -6px; }
/* line 1075, ../../sass/layout/_sidebar.scss */
.sidebar .photo a:after { left: 6px; width: 8px; height: 2px; margin-top: -8px; }
/* line 1082, ../../sass/layout/_sidebar.scss */
.sidebar .photo:after { left: 6px; width: 8px; height: 8px; margin-top: -4px; background: #091A1B; /* css3 */ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
/* line 1094, ../../sass/layout/_sidebar.scss */
.sidebar .photo a:hover:after, .sidebar .photo a:focus:after, .sidebar .photo a:active:after { background: #FFFFFF; }
/* line 1103, ../../sass/layout/_sidebar.scss */
.sidebar .video a:before { left: 2px; width: 14px; height: 12px; margin-top: -6px; /* css3 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
/* line 1114, ../../sass/layout/_sidebar.scss */
.sidebar .video a:after { left: 14px; border-style: solid; border-width: 5px 6px 5px 0; border-color: transparent; border-right-color: #FFFFFF; margin-top: -5px; background: transparent; }
/* line 1124, ../../sass/layout/_sidebar.scss */
.sidebar .video a:hover:after, .sidebar .video a:focus:after, .sidebar .video a:active:after { border-right-color: #FFFFFF; }
/* line 1133, ../../sass/layout/_sidebar.scss */
.sidebar .music a:before { left: 8px; width: 6px; height: 10px; border-width: 2px 1px 0 2px; border-style: solid; border-color: #FFFFFF transparent transparent #FFFFFF; background: transparent; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; }
/* line 1146, ../../sass/layout/_sidebar.scss */
.sidebar .music a:after { left: 3px; width: 7px; height: 6px; margin-top: 0; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
/* line 1157, ../../sass/layout/_sidebar.scss */
.sidebar .music a:hover:before, .sidebar .music a:focus:before, .sidebar .music a:active:before { border-color: #FFFFFF transparent transparent #FFFFFF; background: transparent; }
/* line 1164, ../../sass/layout/_sidebar.scss */
.sidebar .music a:hover:after, .sidebar .music a:focus:after, .sidebar .music a:active:after { background: #FFFFFF; }
/* line 1173, ../../sass/layout/_sidebar.scss */
.sidebar .call a:before { left: 5px; width: 4px; height: 8px; border-width: 5px 0 5px 2px; border-style: solid; border-color: #FFFFFF; background: transparent; /* css3 */ -webkit-border-top-left-radius: 3px 5px; -webkit-border-bottom-left-radius: 3px 5px; -moz-border-radius-topleft: 3px 5px; -moz-border-radius-bottomleft: 3px 5px; border-top-left-radius: 3px 5px; border-bottom-left-radius: 3px 5px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }
/* line 1195, ../../sass/layout/_sidebar.scss */
.sidebar .call-on a:after { left: 10px; width: 6px; height: 6px; margin-top: -8px; border: 4px double #FFFFFF; border-width: 4px 4px 0 0; background: transparent; /* css3 */ -webkit-border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); }
/* line 1214, ../../sass/layout/_sidebar.scss */
.sidebar .call a:hover:before, .sidebar .call a:focus:before, .sidebar .call a:active:before, .sidebar .call a:hover:after, .sidebar .call a:focus:after, .sidebar .call a:active:after { border-color: #FFFFFF; background: transparent; }
/* line 1227, ../../sass/layout/_sidebar.scss */
.sidebar .tags a:before { left: 6px; width: 9px; height: 15px; margin-top: -8px; background: #FFFFFF; /* css3 */ -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius: 3px 3px 0 0; border-radius: 5px 5px 0 0; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); transform: rotate(-40deg); }
/* line 1245, ../../sass/layout/_sidebar.scss */
.sidebar .tags a:after { left: 7px; width: 3px; height: 3px; margin-top: -4px; background: #091A1B; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* line 1260, ../../sass/layout/_sidebar.scss */
.sidebar .rss a:before { left: 3px; width: 5px; height: 5px; margin-top: 0; /* css3 */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* line 1271, ../../sass/layout/_sidebar.scss */
.sidebar .rss a:after { left: 3px; width: 8px; height: 8px; border-width: 5px 5px 0 0; border-style: double; border-color: #FFFFFF; background: transparent; /* css3 */ -webkit-border-top-right-radius: 25px; -moz-border-radius: 0 25px 0 0; border-radius: 0 25px 0 0; }
/* line 1285, ../../sass/layout/_sidebar.scss */
.sidebar .rss a:hover:after, .sidebar .rss a:focus:after, .sidebar .rss a:active:after { border-color: #FFFFFF; }
/* line 1294, ../../sass/layout/_sidebar.scss */
.sidebar .email:before { z-index: 10; left: 6px; width: 12px; height: 12px; border-width: 0 1px 1px 0; border-style: solid; border-color: #091A1B; margin-top: -13px; background: transparent; /* css3 */ -webkit-transform: rotate(39deg) skew(-12deg); -moz-transform: rotate(39deg) skew(-12deg); -ms-transform: rotate(39deg) skew(-12deg); -o-transform: rotate(39deg) skew(-12deg); transform: rotate(39deg) skew(-12deg); }
/* line 1312, ../../sass/layout/_sidebar.scss */
.sidebar .email a:before { left: 3px; width: 6px; border-width: 6px; border-style: solid; border-color: #FFFFFF #FFFFFF transparent; margin-top: -7px; background: transparent; }
/* line 1322, ../../sass/layout/_sidebar.scss */
.sidebar .email a:after { left: 4px; border-width: 0 8px 9px; border-style: solid; border-color: #FFFFFF transparent; margin-top: -3px; background: transparent; }
/* line 1331, ../../sass/layout/_sidebar.scss */
.sidebar .email a:hover:before, .sidebar .email a:focus:before, .sidebar .email a:active:before { border-color: #FFFFFF #FFFFFF transparent; background: transparent; }
/* line 1338, ../../sass/layout/_sidebar.scss */
.sidebar .email a:hover:after, .sidebar .email a:focus:after, .sidebar .email a:active:after { border-bottom-color: #FFFFFF; }
/* line 1347, ../../sass/layout/_sidebar.scss */
.sidebar .profile a:before { left: 24px; width: 16px; height: 5px; margin-top: 1px; /* css3 */ -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
/* line 1359, ../../sass/layout/_sidebar.scss */
.sidebar .profile a:after { left: 29px; width: 6px; height: 10px; margin-top: -7px; /* css3 */ -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px 10px; -webkit-border-bottom-left-radius: 5px 10px; -moz-border-radius: 5px 5px 5px 5px / 5px 5px 10px 10px; border-radius: 5px 5px 5px 5px / 5px 5px 10px 10px; }
/* line 1373, ../../sass/layout/_sidebar.scss */
.sidebar .profile a:hover:after, .sidebar .profile a:focus:after, .sidebar .profile a:active:after { background: #FFFFFF; }
/* line 1382, ../../sass/layout/_sidebar.scss */
.sidebar .file a:before { left: 5px; width: 8px; height: 12px; border: 2px solid #FFFFFF; background: transparent; }
/* line 1390, ../../sass/layout/_sidebar.scss */
.sidebar .file a:after { left: 4px; border-width: 3px; border-style: solid; border-color: #091A1B #FFFFFF #FFFFFF #091A1B; margin-top: -9px; background: transparent; }
/* line 1399, ../../sass/layout/_sidebar.scss */
.sidebar .file a:hover:before, .sidebar .file a:focus:before, .sidebar .file a:active:before { border-color: #FFFFFF; background: transparent; }
/* line 1406, ../../sass/layout/_sidebar.scss */
.sidebar .file a:hover:after, .sidebar .file a:focus:after, .sidebar .file a:active:after { border-color: #091A1B #FFFFFF #FFFFFF #091A1B; }
/* line 1415, ../../sass/layout/_sidebar.scss */
.sidebar .folder a:before { left: 4px; width: 16px; height: 12px; margin-top: -6px; /* css3 */ -webkit-border-bottom-right-radius: 1px; -webkit-border-bottom-left-radius: 1px; -moz-border-radius: 0 0 1px 1px; border-radius: 0 0 1px 1px; }
/* line 1427, ../../sass/layout/_sidebar.scss */
.sidebar .folder a:after { left: 6px; width: 6px; height: 2px; margin-top: -8px; background: #FFFFFF; /* css3 */ -webkit-border-top-right-radius: 1px; -webkit-border-top-left-radius: 1px; -moz-border-radius: 1px 1px 0 0; border-radius: 1px 1px 0 0; }
/* line 1440, ../../sass/layout/_sidebar.scss */
.sidebar .folder a:hover:after, .sidebar .folder a:focus:after, .sidebar .folder a:active:after { background: #FFFFFF; }
/* line 1449, ../../sass/layout/_sidebar.scss */
.sidebar .list a:before, .sidebar .list a:after { left: 8px; width: 12px; height: 2px; border-width: 6px 0; border-style: double; border-color: #FFFFFF; background: transparent; }
/* line 1460, ../../sass/layout/_sidebar.scss */
.sidebar .list a:after { left: 4px; width: 2px; }
/* line 1465, ../../sass/layout/_sidebar.scss */
.sidebar .list a:hover:before, .sidebar .list a:focus:before, .sidebar .list a:active:before, .sidebar .list a:hover:after, .sidebar .list a:focus:after, .sidebar .list a:active:after { border-color: #FFFFFF; background: transparent; }
/* line 1478, ../../sass/layout/_sidebar.scss */
.sidebar .permalink a:before, .sidebar .permalink a:after, .sidebar .permalink:after { left: 4px; width: 6px; height: 4px; border: 2px solid #FFFFFF; background: transparent; /* css3 */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 1497, ../../sass/layout/_sidebar.scss */
.sidebar .permalink a:after { left: 12px; margin-top: -0px; }
/* line 1502, ../../sass/layout/_sidebar.scss */
.sidebar .permalink:after { left: 7px; width: 10px; height: 2px; border: 1px solid #091A1B; margin-top: -2px; background: #FFFFFF; }
/* line 1511, ../../sass/layout/_sidebar.scss */
.sidebar .permalink a:hover:before, .sidebar .permalink a:focus:before, .sidebar .permalink a:active:before, .sidebar .permalink a:hover:after, .sidebar .permalink a:focus:after, .sidebar .permalink a:active:after { border-color: #FFFFFF; background: transparent; }
/* line 1521, ../../sass/layout/_sidebar.scss */
.sidebar .permalink:hover:after { background: #FFFFFF; }
/* line 1529, ../../sass/layout/_sidebar.scss */
.sidebar .history a:before, .sidebar .history a:after { left: 2px; width: 13px; height: 13px; border: 2px solid #FFFFFF; margin-top: -8px; background: transparent; }
/* line 1539, ../../sass/layout/_sidebar.scss */
.sidebar .history a:before { /* css3 */ -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
/* line 1546, ../../sass/layout/_sidebar.scss */
.sidebar .history a:after { left: 10px; width: 4px; height: 5px; border-width: 0 0 2px 2px; margin-top: -5px; background: transparent; }
/* line 1555, ../../sass/layout/_sidebar.scss */
.sidebar .history a:hover:before, .sidebar .history a:focus:before, .sidebar .history a:active:before, .sidebar .history a:hover:after, .sidebar .history a:focus:after, .sidebar .history a:active:after { border-color: #FFFFFF; background: transparent; }
/* line 1568, ../../sass/layout/_sidebar.scss */
.sidebar .tools:after { left: 13px; width: 3px; height: 5px; margin-top: -8px; background: #091A1B; /* css3 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 1582, ../../sass/layout/_sidebar.scss */
.sidebar .tools a:before { left: 6px; width: 4px; height: 15px; margin-top: -7px; background: #FFFFFF; /* css3 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 1596, ../../sass/layout/_sidebar.scss */
.sidebar .tools a:after { left: 8px; width: 9px; height: 9px; background: #FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
/* line 1606, ../../sass/layout/_sidebar.scss */
.sidebar .tools a:hover:after, .sidebar .tools a:focus:after, .sidebar .tools a:active:after { background: #FFFFFF; }
/* line 1615, ../../sass/layout/_sidebar.scss */
.sidebar .player:before { left: 3px; width: 9px; height: 6px; border-width: 2px 2px 11px; border-style: solid; border-color: #555; margin-top: -10px; /* css3 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
/* line 1629, ../../sass/layout/_sidebar.scss */
.sidebar .player:after { left: 6px; width: 3px; height: 3px; border: 2px solid #091A1B; /* css3 */ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
/* line 1643, ../../sass/layout/_sidebar.scss */
.sidebar .headphones:before { left: 2px; width: 12px; height: 10px; border-width: 2px 2px 0; border-style: solid; border-color: #555; margin: -8px 0 0; /* css3 */ -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
/* line 1658, ../../sass/layout/_sidebar.scss */
.sidebar .headphones:after { left: 5px; width: 4px; height: 6px; border-width: 0 3px; border-style: solid; border-color: #555; }
/* line 1670, ../../sass/layout/_sidebar.scss */
.sidebar .ribbon:before { left: 6px; border-width: 10px 5px 6px; border-style: solid; border-color: #F0A1D1 #F0A1D1 transparent; margin: -8px 0 0; }
/* line 1681, ../../sass/layout/_sidebar.scss */
.sidebar .views:before { left: 3px; width: 14px; height: 14px; margin-top: -8px; background: #555; -webkit-border-top-left-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius: 12px 0 12px 0; border-radius: 12px 0 12px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 1698, ../../sass/layout/_sidebar.scss */
.sidebar .views:after { left: 6px; width: 4px; height: 4px; border: 2px solid #091A1B; margin-top: -5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
/* line 1712, ../../sass/layout/_sidebar.scss */
.sidebar .location:before { left: 6px; width: 2px; height: 2px; border: 3px solid #555; border-bottom: 0; margin-top: -9px; background: #091A1B; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }
/* line 1726, ../../sass/layout/_sidebar.scss */
.sidebar .location:after { left: 6px; border-width: 12px 4px 0; border-style: solid; border-color: #555 transparent; margin-top: -4px; }
/* line 1737, ../../sass/layout/_sidebar.scss */
.sidebar .info { color: #2385BA; }
/* line 1741, ../../sass/layout/_sidebar.scss */
.sidebar .info:before { content: "i"; left: 3px; width: 16px; height: 16px; margin-top: -8px; font-size: 14px; font-weight: bold; font-style: italic; line-height: 15px; text-align: center; color: #091A1B; background: #2385BA; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 1763, ../../sass/layout/_sidebar.scss */
.sidebar .help { color: #2385BA; }
/* line 1767, ../../sass/layout/_sidebar.scss */
.sidebar .help:before { content: "?"; left: 3px; width: 16px; height: 16px; margin-top: -8px; font-size: 14px; font-weight: bold; line-height: 15px; text-align: center; color: #091A1B; background: #2385BA; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 1788, ../../sass/layout/_sidebar.scss */
.sidebar .pie { color: #9D2CA3; }
/* line 1792, ../../sass/layout/_sidebar.scss */
.sidebar .pie:before { left: 3px; border: 8px solid #9D2CA3; margin-top: -7px; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 1802, ../../sass/layout/_sidebar.scss */
.sidebar .pie:after { left: 11px; width: 8px; height: 8px; border-width: 0 0 2px 2px; border-style: solid; border-color: #091A1B; margin-top: -8px; background: #9D2CA3; /* css3 */ -webkit-border-top-right-radius: 16px; -moz-border-radius: 0 16px 0 0; border-radius: 0 16px 0 0; }
/* line 1820, ../../sass/layout/_sidebar.scss */
.sidebar .success { color: #7F913C; }
/* line 1824, ../../sass/layout/_sidebar.scss */
.sidebar .success:before { left: 3px; width: 16px; height: 16px; margin-top: -8px; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background: #7F913C; }
/* line 1836, ../../sass/layout/_sidebar.scss */
.sidebar .success:after { left: 8px; width: 3px; height: 8px; border-width: 0 2px 2px 0; border-style: solid; border-color: #091A1B; margin-top: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 1853, ../../sass/layout/_sidebar.scss */
.sidebar .success-alt { color: #7F913C; }
/* line 1857, ../../sass/layout/_sidebar.scss */
.sidebar .success-alt:before { left: 6px; width: 5px; height: 12px; border-width: 0 5px 5px 0; border-style: solid; border-color: #7F913C; margin-top: -11px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 1875, ../../sass/layout/_sidebar.scss */
.sidebar .warning:before { content: "!"; z-index: 2; left: 8px; margin-top: -8px; font-size: 14px; font-weight: bold; color: #000; }
/* line 1885, ../../sass/layout/_sidebar.scss */
.sidebar .warning:after { z-index: 1; border-width: 0 11px 18px; border-style: solid; border-color: #F8D201 transparent; margin-top: -10px; background: transparent; }
/* line 1897, ../../sass/layout/_sidebar.scss */
.sidebar .denied { color: #C00000; }
/* line 1901, ../../sass/layout/_sidebar.scss */
.sidebar .denied:before { left: 3px; width: 10px; height: 10px; border: 3px solid #C00000; margin-top: -8px; background: transparent; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 1914, ../../sass/layout/_sidebar.scss */
.sidebar .denied:after { left: 6px; width: 11px; height: 3px; margin-top: -2px; background: #C00000; /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 1937, ../../sass/layout/_sidebar.scss */
.sidebar .power a:before { left: 21px; width: 10px; height: 10px; border: 2px solid #FFFFFF; margin-top: -6px; background: transparent; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 1950, ../../sass/layout/_sidebar.scss */
.sidebar .power a:after { left: 26px; width: 2px; height: 7px; border: 1px solid #15414B; margin: -8px 0 0; background: #FFFFFF; }
/* line 1959, ../../sass/layout/_sidebar.scss */
.sidebar .power a:hover:before, .sidebar .power a:focus:before, .sidebar .power a:active:before { border-color: #FFFFFF; background: transparent; }
/* line 1966, ../../sass/layout/_sidebar.scss */
.sidebar .power a:hover:after, .sidebar .power a:focus:after, .sidebar .power a:active:after { background: #FFFFFF; }
/* line 1975, ../../sass/layout/_sidebar.scss */
.sidebar .play a:before { width: 16px; height: 16px; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 1984, ../../sass/layout/_sidebar.scss */
.sidebar .play a:after { left: 7px; border: 4px solid transparent; border-left-color: #091A1B; margin-top: -4px; background: transparent; }
/* line 1994, ../../sass/layout/_sidebar.scss */
.sidebar .play-alt a:before { left: 2px; border: 8px solid transparent; border-width: 8px 12px; border-left-color: #FFFFFF; margin-top: -8px; background: transparent; }
/* line 2003, ../../sass/layout/_sidebar.scss */
.sidebar .play-alt a:hover:before, .sidebar .play-alt a:focus:before, .sidebar .play-alt a:active:before { border-left-color: #FFFFFF; background: transparent; }
/* line 2013, ../../sass/layout/_sidebar.scss */
.sidebar .stop a:before { width: 16px; height: 16px; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 2022, ../../sass/layout/_sidebar.scss */
.sidebar .stop a:after { left: 5px; width: 6px; height: 6px; margin-top: -3px; background: #091A1B; }
/* line 2032, ../../sass/layout/_sidebar.scss */
.sidebar .stop-alt a:before { left: 1px; width: 14px; height: 14px; margin-top: -7px; }
/* line 2042, ../../sass/layout/_sidebar.scss */
.sidebar .pause a:before { width: 16px; height: 16px; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 2051, ../../sass/layout/_sidebar.scss */
.sidebar .pause a:after { left: 5px; width: 2px; height: 8px; border: 2px solid #091A1B; border-width: 0 2px; margin-top: -4px; background: transparent; }
/* line 2063, ../../sass/layout/_sidebar.scss */
.sidebar .pause-alt a:before { left: 2px; width: 4px; height: 14px; border: 4px solid #FFFFFF; border-width: 0 4px; margin-top: -7px; background: transparent; }
/* line 2073, ../../sass/layout/_sidebar.scss */
.sidebar .pause-alt a:hover:before, .sidebar .pause-alt a:focus:before, .sidebar .pause-alt a:active:before { border-color: #FFFFFF; background: transparent; }
/* line 2083, ../../sass/layout/_sidebar.scss */
.sidebar .volume a:before { left: -2px; border: 7px solid transparent; border-right-color: #FFFFFF; margin-top: -7px; background: transparent; }
/* line 2091, ../../sass/layout/_sidebar.scss */
.sidebar .volume a:after { left: 4px; width: 4px; height: 6px; margin-top: -3px; }
/* line 2098, ../../sass/layout/_sidebar.scss */
.sidebar .volume a:hover:before, .sidebar .volume a:focus:before, .sidebar .volume a:active:before { border-right-color: #FFFFFF; background: transparent; }
/* line 2105, ../../sass/layout/_sidebar.scss */
.sidebar .volume a:hover:after, .sidebar .volume a:focus:after, .sidebar .volume a:active:after { background: #FFFFFF; }
/* line 2113, ../../sass/layout/_sidebar.scss */
.sidebar .volume-on:before { left: 12px; width: 6px; height: 6px; margin-top: -5px; border: 4px double #FFFFFF; border-width: 4px 4px 0 0; /* css3 */ -webkit-border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 2131, ../../sass/layout/_sidebar.scss */
.sidebar .volume-on:hover:before { border-color: #FFFFFF; }
/* line 2137, ../../sass/layout/_sidebar.scss */
.sidebar .mute:before { width: 16px; height: 16px; border: 1px solid #FFFFFF; margin-top: -9px; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 2148, ../../sass/layout/_sidebar.scss */
.sidebar .mute:after { width: 18px; border-top: 1px solid #FFFFFF; /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 2159, ../../sass/layout/_sidebar.scss */
.sidebar .mute:hover:before, .sidebar .mute:hover:after { border-color: #FFFFFF; }
/* line 2166, ../../sass/layout/_sidebar.scss */
.sidebar .volume-up:before { left: 16px; width: 2px; height: 8px; margin-top: -4px; background: #FFFFFF; }
/* line 2174, ../../sass/layout/_sidebar.scss */
.sidebar .volume-up:after, .sidebar .volume-down:after { left: 13px; width: 8px; height: 2px; margin-top: -1px; background: #FFFFFF; }
/* line 2183, ../../sass/layout/_sidebar.scss */
.sidebar .volume-up:hover:before, .sidebar .volume-up:hover:after, .sidebar .volume-down:hover:after { background: #FFFFFF; }
/* line 2192, ../../sass/layout/_sidebar.scss */
.sidebar .mic a:before { left: 6px; width: 7px; height: 12px; margin-top: -9px; /* css3 */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
/* line 2203, ../../sass/layout/_sidebar.scss */
.sidebar .mic a:after { left: 4px; width: 9px; height: 6px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #FFFFFF; margin-top: -2px; background: transparent; /* css3 */ -webkit-border-bottom-right-radius: 11px; -webkit-border-bottom-left-radius: 11px; -moz-border-radius: 0 0 11px 11px; border-radius: 0 0 11px 11px; }
/* line 2219, ../../sass/layout/_sidebar.scss */
.sidebar .mic:before, .sidebar .mic:after { left: 9px; width: 1px; height: 4px; margin-top: 4px; background: #FFFFFF; }
/* line 2228, ../../sass/layout/_sidebar.scss */
.sidebar .mic:after { left: 6px; width: 7px; height: 1px; margin-top: 7px; }
/* line 2235, ../../sass/layout/_sidebar.scss */
.sidebar .mic a:hover:after, .sidebar .mic a:focus:after, .sidebar .mic a:active:after { border-color: #FFFFFF; }
/* line 2241, ../../sass/layout/_sidebar.scss */
.sidebar .mic:hover:before, .sidebar .mic:hover:after { background: #FFFFFF; }
/* line 2249, ../../sass/layout/_sidebar.scss */
.sidebar .fforward a:before { left: 1px; border: 5px solid transparent; border-width: 5px 7px; border-left-color: #FFFFFF; margin-top: -4px; background: transparent; }
/* line 2258, ../../sass/layout/_sidebar.scss */
.sidebar .fforward a:after { left: 7px; border: 5px solid transparent; border-width: 5px 7px; border-left-color: #FFFFFF; margin-top: -4px; background: transparent; }
/* line 2267, ../../sass/layout/_sidebar.scss */
.sidebar .fforward a:hover:before, .sidebar .fforward a:focus:before, .sidebar .fforward a:active:before { border-left-color: #FFFFFF; background: transparent; }
/* line 2274, ../../sass/layout/_sidebar.scss */
.sidebar .fforward a:hover:after, .sidebar .fforward a:focus:after, .sidebar .fforward a:active:after { border-left-color: #FFFFFF; }
/* line 2283, ../../sass/layout/_sidebar.scss */
.sidebar .frewind a:before { left: -6px; border: 5px solid transparent; border-width: 5px 7px; border-right-color: #FFFFFF; margin-top: -4px; background: transparent; }
/* line 2292, ../../sass/layout/_sidebar.scss */
.sidebar .frewind a:after { border: 5px solid transparent; border-width: 5px 7px; border-right-color: #FFFFFF; margin-top: -4px; background: transparent; }
/* line 2300, ../../sass/layout/_sidebar.scss */
.sidebar .frewind a:hover:before, .sidebar .frewind a:focus:before, .sidebar .frewind a:active:before { border-right-color: #FFFFFF; background: transparent; }
/* line 2307, ../../sass/layout/_sidebar.scss */
.sidebar .frewind a:hover:after, .sidebar .frewind a:focus:after, .sidebar .frewind a:active:after { border-right-color: #FFFFFF; }
/* line 2316, ../../sass/layout/_sidebar.scss */
.sidebar .next a:before { left: 9px; width: 2px; height: 10px; margin-top: -4px; }
/* line 2323, ../../sass/layout/_sidebar.scss */
.sidebar .next a:after { left: 2px; border: 5px solid transparent; border-width: 5px 7px; border-left-color: #FFFFFF; margin-top: -4px; background: transparent; }
/* line 2332, ../../sass/layout/_sidebar.scss */
.sidebar .next a:hover:after, .sidebar .next a:focus:after, .sidebar .next a:active:after { border-left-color: #FFFFFF; }
/* line 2341, ../../sass/layout/_sidebar.scss */
.sidebar .prev a:before { left: 2px; width: 2px; height: 10px; margin-top: -4px; }
/* line 2348, ../../sass/layout/_sidebar.scss */
.sidebar .prev a:after { left: -3px; border: 5px solid transparent; border-width: 5px 7px; border-right-color: #FFFFFF; margin-top: -4px; background: transparent; }
/* line 2357, ../../sass/layout/_sidebar.scss */
.sidebar .prev a:hover:after, .sidebar .prev a:focus:after, .sidebar .prev a:active:after { border-right-color: #FFFFFF; }
/* line 2366, ../../sass/layout/_sidebar.scss */
.sidebar .pop a:before, .sidebar .pop a:after { width: 12px; height: 8px; border: 1px solid #FFFFFF; margin-top: -4px; background: #091A1B; }
/* line 2375, ../../sass/layout/_sidebar.scss */
.sidebar .pop a:after { left: 3px; margin-top: -7px; }
/* line 2380, ../../sass/layout/_sidebar.scss */
.sidebar .pop a:hover:before, .sidebar .pop a:focus:before, .sidebar .pop a:active:before, .sidebar .pop a:hover:after, .sidebar .pop a:focus:after, .sidebar .pop a:active:after { border-color: #FFFFFF; background: #091A1B; }
/* line 2393, ../../sass/layout/_sidebar.scss */
.sidebar .enlarge a:before { width: 16px; height: 14px; margin-top: -7px; }
/* line 2399, ../../sass/layout/_sidebar.scss */
.sidebar .enlarge a:after { left: 1px; width: 7px; height: 6px; margin-top: -6px; background: #091A1B; }
/* line 2410, ../../sass/layout/_sidebar.scss */
.sidebar .repeat a:before { left: 1px; width: 9px; height: 9px; border: 3px solid #FFFFFF; margin-top: -6px; background: transparent; /* css3 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* line 2423, ../../sass/layout/_sidebar.scss */
.sidebar .repeat a:after { left: 9px; border: 4px solid #091A1B; border-width: 5px 2px 5px 5px; border-left-color: #FFFFFF; margin: -9px 0 0; background: transparent; }
/* line 2432, ../../sass/layout/_sidebar.scss */
.sidebar .repeat a:hover:before, .sidebar .repeat a:focus:before, .sidebar .repeat a:active:before { border-color: #FFFFFF; background: transparent; }
/* line 2439, ../../sass/layout/_sidebar.scss */
.sidebar .repeat a:hover:after, .sidebar .repeat a:focus:after, .sidebar .repeat a:active:after { border-left-color: #FFFFFF; }
/* line 2448, ../../sass/layout/_sidebar.scss */
.sidebar .expand a:before { z-index: -2; left: 1px; width: 5px; height: 0; border-width: 7px 7px 0; border-style: solid; border-color: transparent #FFFFFF; margin-top: -4px; background: transparent; /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 2466, ../../sass/layout/_sidebar.scss */
.sidebar .expand a:after { left: 5px; width: 8px; height: 8px; border: 3px solid #FFFFFF; border-width: 3px 0 0 3px; margin-top: -6px; background: transparent; }
/* line 2476, ../../sass/layout/_sidebar.scss */
.sidebar .expand a:hover:before, .sidebar .expand a:focus:before, .sidebar .expand a:active:before { border-color: transparent #FFFFFF; background: transparent; }
/* line 2483, ../../sass/layout/_sidebar.scss */
.sidebar .expand a:hover:after, .sidebar .expand a:focus:after, .sidebar .expand a:active:after { border-color: #FFFFFF; }
/* line 2492, ../../sass/layout/_sidebar.scss */
.sidebar .shrink a:before { z-index: -2; left: 1px; width: 5px; height: 0; border-width: 0 7px 7px; border-style: solid; border-color: transparent #FFFFFF; margin-top: -4px; background: transparent; /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 2510, ../../sass/layout/_sidebar.scss */
.sidebar .shrink a:after { left: 5px; width: 8px; height: 8px; border: 3px solid #FFFFFF; border-width: 0 3px 3px 0; margin-top: -6px; background: transparent; }
/* line 2520, ../../sass/layout/_sidebar.scss */
.sidebar .shrink a:hover:before, .sidebar .shrink a:focus:before, .sidebar .shrink a:active:before { border-color: transparent #FFFFFF; background: transparent; }
/* line 2527, ../../sass/layout/_sidebar.scss */
.sidebar .shrink a:hover:after, .sidebar .shrink a:focus:after, .sidebar .shrink a:active:after { border-color: #FFFFFF; }
/* line 2536, ../../sass/layout/_sidebar.scss */
.sidebar .toggle-size a:before { left: 2px; border-width: 6px; border-style: solid; border-color: #FFFFFF transparent transparent #FFFFFF; background: transparent; margin-top: -7px; }
/* line 2545, ../../sass/layout/_sidebar.scss */
.sidebar .toggle-size a:after { left: 7px; border-width: 4px; border-style: solid; border-color: transparent #FFFFFF #FFFFFF transparent; margin-top: -2px; background: transparent; }
/* line 2554, ../../sass/layout/_sidebar.scss */
.sidebar .toggle-size a:hover:before, .sidebar .toggle-size a:focus:before, .sidebar .toggle-size a:active:before { border-color: #FFFFFF transparent transparent #FFFFFF; background: transparent; }
/* line 2561, ../../sass/layout/_sidebar.scss */
.sidebar .toggle-size a:hover:after, .sidebar .toggle-size a:focus:after, .sidebar .toggle-size a:active:after { border-color: transparent #FFFFFF #FFFFFF transparent; }
/* line 2570, ../../sass/layout/_sidebar.scss */
.sidebar .full:before, .sidebar .full:after { z-index: 1; left: 8px; width: 3px; height: 8px; border: 5px solid #FFFFFF; border-width: 5px 0; margin-top: -8px; /* css3 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 2587, ../../sass/layout/_sidebar.scss */
.sidebar .full:after { /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 2596, ../../sass/layout/_sidebar.scss */
.sidebar .full:hover:before, .sidebar .full:hover:after { border-color: #FFFFFF; }
/* line 2601, ../../sass/layout/_sidebar.scss */
.sidebar .full a:before, .sidebar .full a:after { z-index: 10; width: 4px; height: 0; border-width: 0 7px 7px; border-style: solid; border-color: transparent #FFFFFF; margin-top: -8px; background: transparent; }
/* line 2613, ../../sass/layout/_sidebar.scss */
.sidebar .full a:after { border-width: 7px 7px 0; margin-top: 3px; }
/* line 2618, ../../sass/layout/_sidebar.scss */
.sidebar .full a:hover:before, .sidebar .full a:focus:before, .sidebar .full a:active:before, .sidebar .full a:hover:after, .sidebar .full a:focus:after, .sidebar .full a:active:after { border-color: transparent #FFFFFF; background: transparent; }
/* line 2631, ../../sass/layout/_sidebar.scss */
.sidebar .exit:before, .sidebar .exit:after { z-index: 1; top: 50%; left: 8px; width: 3px; height: 14px; border: 5px solid #FFFFFF; border-width: 5px 0; margin-top: -12px; /* css3 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 2649, ../../sass/layout/_sidebar.scss */
.sidebar .exit:after { /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 2658, ../../sass/layout/_sidebar.scss */
.sidebar .exit:hover:before, .sidebar .exit:hover:after { border-color: #FFFFFF; }
/* line 2663, ../../sass/layout/_sidebar.scss */
.sidebar .exit a:before, .sidebar .exit a:after { z-index: 10; left: 2px; width: 6px; border-width: 5px; border-style: solid; border-color: transparent #FFFFFF; margin-top: -5px; background: transparent; /* css3 */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* line 2681, ../../sass/layout/_sidebar.scss */
.sidebar .exit a:after { /* css3 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* line 2690, ../../sass/layout/_sidebar.scss */
.sidebar .exit a:hover:before, .sidebar .exit a:focus:before, .sidebar .exit a:active:before, .sidebar .exit a:hover:after, .sidebar .exit a:focus:after, .sidebar .exit a:active:after { border-color: transparent #FFFFFF; background: transparent; }
/* line 2703, ../../sass/layout/_sidebar.scss */
.sidebar .eject a:before { left: 1px; width: 14px; height: 2px; margin-top: 4px; }
/* line 2710, ../../sass/layout/_sidebar.scss */
.sidebar .eject a:after { left: 1px; border: 8px solid transparent; border-width: 8px 7px; border-bottom-color: #FFFFFF; margin-top: -13px; background: transparent; }
/* line 2719, ../../sass/layout/_sidebar.scss */
.sidebar .eject a:hover:after, .sidebar .eject a:focus:after, .sidebar .eject a:active:after { border-bottom-color: #FFFFFF; }

/*--------------------------------------------*/
/* layout: _sidebar.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* layout: _header.scss start */
/*--------------------------------------------*/
/* line 5, ../../sass/layout/_header.scss */
.main-header { position: relative; top: 0; width: 100%; height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 auto; }

/* line 16, ../../sass/layout/_header.scss */
.main-header-container { position: fixed; z-index: 97; width: 100%; height: 40px; text-align: center; background-color: #EEEEEE; }

/* line 25, ../../sass/layout/_header.scss */
.layout02 .main-header-container { width: calc(100% - 200px); }

/* line 29, ../../sass/layout/_header.scss */
.header-name { position: relative; line-height: 40px; display: inline-block; font-size: 2rem; font-weight: bold; color: #009D99; }
/* line 36, ../../sass/layout/_header.scss */
.header-name a { color: #009D99; }

/* line 41, ../../sass/layout/_header.scss */
.icon-burger { cursor: pointer; display: none; position: fixed; z-index: 100; top: 12px; left: 211px; height: 18px; width: 22px; background: transparent; }
/* line 51, ../../sass/layout/_header.scss */
.icon-burger:before, .icon-burger:after { background-color: #009D99; backface-visibility: hidden; content: ""; height: 2px; left: 0; transition: 0.75s; width: 22px; }
/* line 60, ../../sass/layout/_header.scss */
.icon-burger:before { box-shadow: #00AD95 0 8px 0 0; position: absolute; top: 0; }
/* line 65, ../../sass/layout/_header.scss */
.icon-burger:after { position: absolute; top: calc(100% - 2px); }

@media only screen and (max-width: 1439px) { /* line 72, ../../sass/layout/_header.scss */
  .icon-burger { display: block; } }
/* line 77, ../../sass/layout/_header.scss */
html.nav-open header .icon-burger:before { background-color: #FFFFFF; box-shadow: transparent 0 0 0 0; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

/* line 88, ../../sass/layout/_header.scss */
html.nav-open header .icon-burger:after { background-color: #FFFFFF; box-shadow: transparent 0 0 0 0; top: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/*--------------------------------------------*/
/* layout: _header.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* layout: _navigation.scss start */
/*--------------------------------------------*/
/* navigation fixed to top */
/* line 7, ../../sass/layout/_navigation.scss */
.navigation-fixed { height: 40px; width: 100%; background-color: #009D99; position: fixed; z-index: 100; text-align: center; }

/* line 16, ../../sass/layout/_navigation.scss */
.esun-logo-word { width: 112px; height: 24px; position: relative; margin: 7px auto 0; left: -3px; }

/* line 24, ../../sass/layout/_navigation.scss */
.name { color: #FFFFFF; position: relative; font-size: 1.4rem; font-weight: 500; top: -5px; left: -15px; margin-left: 20px; }

/* Sliding swipe menu */
/* line 39, ../../sass/layout/_navigation.scss */
.nav { height: 100%; width: 280px; background-color: #FFFFFF; color: #333333; left: 0; top: 0; z-index: 101; position: fixed; overflow-y: auto; overflow-x: visible; transform: translate(-280px, 0); -moz-box-shadow: inset -4px 0px 2px -3px rgba(62, 58, 57, 0.3); -webkit-box-shadow: inset -4px 0px 2px -3px rgba(62, 58, 57, 0.3); box-shadow: inset -4px 0px 2px -3px rgba(62, 58, 57, 0.3); }
/* line 52, ../../sass/layout/_navigation.scss */
.nav header { padding: 10px 20px; background-image: linear-gradient(to bottom right, #009d99, #0d665f); }
/* line 56, ../../sass/layout/_navigation.scss */
.nav .nav-menu { width: 100%; padding-bottom: 50px; padding-top: 10px; }
/* line 60, ../../sass/layout/_navigation.scss */
.nav .nav-menu a { text-decoration: none; color: #333333; font-size: 1.6rem; display: flex; width: 100%; }
/* line 67, ../../sass/layout/_navigation.scss */
.nav .nav-menu li { height: 32px; line-height: 32px; margin-top: 12px; padding: 0 20px; }
/* line 72, ../../sass/layout/_navigation.scss */
.nav .nav-menu li:first-child { margin-top: 0; }
/* line 75, ../../sass/layout/_navigation.scss */
.nav .nav-menu li.divide { border-bottom: 1px solid rgba(62, 58, 57, 0.2); width: calc( 100% - 40px); height: 5px; line-height: 5px; margin: 5px auto 10px; }

/* line 86, ../../sass/layout/_navigation.scss */
.esun-logo-round { width: 48px; height: 48px; }

/* line 91, ../../sass/layout/_navigation.scss */
.nav-thumb { width: 32px; height: 32px; margin-right: 15px; }

/* line 97, ../../sass/layout/_navigation.scss */
.ssm-overlay { cursor: pointer; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); display: none; z-index: 99; }

/* gotop */
/* line 111, ../../sass/layout/_navigation.scss */
.icon-gotop { display: none; }
/* line 113, ../../sass/layout/_navigation.scss */
.icon-gotop img { width: 50px; height: 50px; position: fixed; bottom: 20px; right: 20px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/* line 122, ../../sass/layout/_navigation.scss */
.icon-gotop:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }

/*--------------------------------------------*/
/* layout: _navigation.scss end */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* layout: _content.scss start */
/*--------------------------------------------*/
/* line 6, ../../sass/layout/_content.scss */
.single-photo { width: 325px; margin: 5vh auto 0; display: block; }

@media only screen and (max-width: 768px) { /* line 12, ../../sass/layout/_content.scss */
    .single-photo { display: none; } }
/* line 17, ../../sass/layout/_content.scss */
.content-body { width: 100%; height: auto; min-height: calc(100% - 130px); padding-top: 30px; }
/* line 22, ../../sass/layout/_content.scss */
.content-body .card { background-color: #FFFFFF; margin-bottom: 20px; padding: 20px; font-size: 1.4rem; color: #1F1F1F; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); }
/* line 30, ../../sass/layout/_content.scss */
.content-body .card .null { font-size: 2rem; text-align: center; color: #999999; line-height: 100px; }
/* line 36, ../../sass/layout/_content.scss */
.content-body .card .fields { font-size: 1.6rem; padding: 0px 20px; }
/* line 39, ../../sass/layout/_content.scss */
.content-body .card .fields li { line-height: 40px; min-height: 100px; }

.content-body .card .fields li.notation { min-height: auto; margin-bottom: 30px; }

.content-body .card .fields .notation li { height: auto; min-height: auto; line-height: 24px; }

.content-body .card .fields .field-title-main { min-height: 50px; }

.content-body .card .fields .field-title-main h3 { font-size: 22px; }

/* line 44, ../../sass/layout/_content.scss */
.content-body .card .field-title { height: 40px; float: left; width: 100%;; display: inline-block; color: #41B2B0; }
/* line 50, ../../sass/layout/_content.scss */
.content-body .card .field-content { float: left; display: inline-block; width: 100%; position: relative; overflow: auto; text-overflow: ellipsis; line-height: 24px; }
/* line 58, ../../sass/layout/_content.scss */
.content-body .card .field-badge { border-radius: 10px; padding: 1px 10px; color: white; font-size: 1rem; font-weight: bold; position: relative; top: -2px; margin-left: 3px; background-color: #EB8300; cursor: pointer; }
/* line 69, ../../sass/layout/_content.scss */
.content-body .card .field-badge a { color: white; }
/* line 72, ../../sass/layout/_content.scss */
.content-body .card .field-badge.arrow { padding-right: 10px; }
/* line 74, ../../sass/layout/_content.scss */
.content-body .card .field-badge.arrow:after { content: "\25B8"; font-size: 1.5rem; margin-left: 1px; }
/* line 81, ../../sass/layout/_content.scss */
.content-body .card .level { margin: 0 10px; }
/* line 85, ../../sass/layout/_content.scss */
.content-body .card .phone.verified:after { content: "\2713"; background-color: #679A2D; line-height: 20px; font-size: 1.2rem; width: 20px; height: 20px; color: white; position: relative; top: -2px; left: -30px; border-radius: 50%; text-align: center; display: inline-block; }
/* line 100, ../../sass/layout/_content.scss */
.content-body .card .phone.verified:before { content: "已驗證"; color: #679A2D; position: relative; left: 35px; font-size: 1.4rem; }
/* line 107, ../../sass/layout/_content.scss */
.content-body .card .phone.unverified:after { content: "\2715"; background-color: #AC3958; line-height: 20px; font-size: 1.2rem; width: 20px; height: 20px; color: white; position: relative; top: -2px; left: -30px; border-radius: 50%; text-align: center; display: inline-block; }
/* line 122, ../../sass/layout/_content.scss */
.content-body .card .phone.unverified:before { content: "未驗證"; color: #AC3958; position: relative; left: 35px; font-size: 1.4rem; }
/* 202209 wallet 3.0新增Email驗證功能 */
.content-body .email.verified:after { content: "\2713"; background-color: #679A2D; line-height: 20px; font-size: 1.2rem; width: 20px; height: 20px; color: white; position: relative; top: -2px; left: -10px; border-radius: 50%; text-align: center; display: inline-block; }
.content-body .email.verified:before { content: "已驗證"; color: #679A2D; position: relative; left: 55px; font-size: 1.4rem; }
.content-body .email.unverified:after { content: "\2715"; background-color: #AC3958; line-height: 20px; font-size: 1.2rem; width: 20px; height: 20px; color: white; position: relative; top: -2px; left: -10px; border-radius: 50%; text-align: center; display: inline-block; }
.content-body .email.unverified:before { content: "未驗證"; color: #AC3958; position: relative; left: 55px; font-size: 1.4rem; }
/* line 130, ../../sass/layout/_content.scss */
.content-body .card .declaration { font-size: 2rem; color: #009D99; }
/* line 136, ../../sass/layout/_content.scss */
.content-body .card + footer { text-align: center; margin-bottom: 20px; }
/* line 139, ../../sass/layout/_content.scss */
.content-body .card + footer a { color: white; }
/* line 142, ../../sass/layout/_content.scss */
.content-body .card + footer .btn-normal { float: none; display: inline-block; }
/* line 148, ../../sass/layout/_content.scss */
.content-body .card .tooltip-trigger { position: relative; display: inline-block; cursor: pointer; }
/* line 152, ../../sass/layout/_content.scss */
.content-body .card .tooltip-trigger .tooltip-content { display: none; width: 185px; background-color: rgba(0, 0, 0, 0.75); color: white; border-radius: 5px; padding: 7px; position: absolute; z-index: 50; top: 38px; left: -35px; word-break: break-all; text-align: center; text-indent: 0; line-height: 1.5; }
/* line 170, ../../sass/layout/_content.scss */
.content-body a { color: #009D99; text-decoration: none; font-weight: bold; }

/* line 177, ../../sass/layout/_content.scss */
.tooltip { background-color: rgba(0, 0, 0, 0.75); border-radius: 5px; padding: 7px; color: white; margin-top: 2px; }

/* line 185, ../../sass/layout/_content.scss */
.form-body { font-size: 1.6rem; color: #9D9D9D; }
/* line 188, ../../sass/layout/_content.scss */
.form-body li { margin: 30px 0 30px 0; }

@media only screen and (max-width: 768px) { /* line 193, ../../sass/layout/_content.scss */
  .form-body li { margin: 30px 0 50px 0; } }
/* line 198, ../../sass/layout/_content.scss */
.minor-function-area { width: 100%; }

/* line 204, ../../sass/layout/_content.scss */
.layout01 .container { width: calc(100% - 60px); max-width: 1200px; margin: auto; }

/* line 210, ../../sass/layout/_content.scss */
.layout02 .container { width: 100%; margin: auto; padding: 0 30px; }

@media only screen and (max-width: 768px) { /* line 218, ../../sass/layout/_content.scss */
  .layout02 .content-body { padding-top: 0px; }
  /* line 221, ../../sass/layout/_content.scss */
  .layout02 .container { padding: 10px; } }
/* line 227, ../../sass/layout/_content.scss */
.block-title { color: #FFFFFF; font-size: 2.4rem; border-bottom: 1px solid; line-height: 4.8rem; margin-bottom: 15px; }

/* line 236, ../../sass/layout/_content.scss */
.notation { background-color: #eff7e2; border: #d9efc1 1px solid; padding: 10px; margin-top: 30px; }
/* line 242, ../../sass/layout/_content.scss */
.notation .square { list-style-type: decimal; }
/* line 244, ../../sass/layout/_content.scss */
.notation .square li { margin: 0 0 5px 30px; }
/* line 246, ../../sass/layout/_content.scss */
.notation .square li:last-child { margin-bottom: 0; }

.notation .square a { text-decoration: underline; }

@media (max-width: 425px) { /* line 255, ../../sass/layout/_content.scss */
  .content-body .card .fields { padding: 0px; }
  /* line 258, ../../sass/layout/_content.scss */
  /*.content-body .card .fields li { height: 36px; line-height: 36px; margin-bottom: 50px; display: block; width: 100%; }*/
  /* line 265, ../../sass/layout/_content.scss */
  .content-body .card .field-title { width: 100%; height: 30px; line-height: 30px; }
  /* line 270, ../../sass/layout/_content.scss */
  .content-body .card .field-content { width: 100%; }
  /* line 272, ../../sass/layout/_content.scss */
  .content-body .card .field-content input[type=text], .content-body .card .field-content input[type=tel], .content-body .card .field-content input[type=number] { width: 100%; }
  /* line 279, ../../sass/layout/_content.scss */
  .content-body .card footer { padding: 30px 20px; }
  /* line 282, ../../sass/layout/_content.scss */
  .content-body .card input.amount { width: 140px; }
  /* line 285, ../../sass/layout/_content.scss */
  .content-body .card .tooltip .tooltip-content { font-size: 1.2rem; width: 150px; } }
@media (max-width: 595px) { /* line 291, ../../sass/layout/_content.scss */
  .content-body { min-height: calc(100% - 150px); } }
@media (max-width: 768px) { /* line 297, ../../sass/layout/_content.scss */
  .notation { margin-top: 0; } }
/*--------------------------------------------*/
/* layout: _content.scss start */
/*--------------------------------------------*/
/*--------------------------------------------*/
/* layout: _footer.scss start */
/*--------------------------------------------*/
/* line 5, ../../sass/layout/_footer.scss */
.main-footer { background-color: #15414B; }
/* line 7, ../../sass/layout/_footer.scss */
.main-footer a { font-weight: normal; }

/* line 12, ../../sass/layout/_footer.scss */
.services { min-height: 40px; width: 100%; line-height: 2rem; padding: 10px 0; font-size: 1.3rem; text-align: center; background-color: #EEEEEE; }
/* line 20, ../../sass/layout/_footer.scss */
.services li { display: inline-block; margin: 0 5px; }
/* line 26, ../../sass/layout/_footer.scss */
.services li a { color: #009D99; }
/* line 29, ../../sass/layout/_footer.scss */
.services li a[name=link] { border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 0 15px; }
/* line 34, ../../sass/layout/_footer.scss */
.services li a[name=call] { color: #000000; }

/* line 41, ../../sass/layout/_footer.scss */
.copyright { height: 50px; width: 90%; max-width: 850px; margin: auto; font-size: 1.3rem; text-align: center; color: #FFFFFF; }
/* line 49, ../../sass/layout/_footer.scss */
.copyright li { display: inline-block; line-height: 50px; float: left; }
/* line 53, ../../sass/layout/_footer.scss */
.copyright li a { color: #FFFFFF; margin-left: 10px; padding-left: 10px; border-left: 1px solid #FFFFFF; }
/* line 59, ../../sass/layout/_footer.scss */
.copyright li:last-child { float: right; }
/* line 62, ../../sass/layout/_footer.scss */
.copyright li:first-child { margin-left: 0; }

@media only screen and (max-width: 768px) { /* line 70, ../../sass/layout/_footer.scss */
  .copyright a { display: none; } }
/* line 76, ../../sass/layout/_footer.scss */
.esun-logo { width: 130px; top: 9px; position: relative; }

/* line 83, ../../sass/layout/_footer.scss */
.esun-copyright:before { content: "©"; margin-right: 3px; color: #FFFFFF; }

.form-body li label { width: 90px; }

.field-title { font-weight: bold; }

.field-title-description { border-radius: 5px; border: 1px solid #c8c8c8; padding: 20px; margin-bottom: 20px; }

.field-title-description .title-remind { font-size: 16px; }

.fields .field-title-description .square li { line-height: 30px; min-height: 0; height: auto; color: #525252; font-size: 16px; padding: 10px 0; }

.fields .field-title-description .square li img { margin-right: 8px; width: 30px; vertical-align: middle; }

.title { font-size: 20px; font-weight: bold; margin-top: -20px; margin-left: 20px; /* margin-bottom: 10px; */ color: #1F1F1F; }

.title-sm { font-size: 16px; font-weight: normal; margin-bottom: -10px; }

.title-remind { font-size: 14px; color: #2E92EE; font-weight: normal; }

.line-or { display: flex; justify-content: space-between; align-items: center;
}

.line-or p { font-size: 10px; font-weight: normal; color: #A1A1A1; }

.line-or .line { height: 1px; width: calc(50% - 20px); background: #EAEAEA; }

@media only screen and (max-width: 768px) {
    .title { margin-top: -40px; margin-bottom: -0px; }
}

.icon-ok { width: 24px; height: 24px; vertical-align: middle; margin-left: 12px; }

.d-flex { display: flex; }

.nav-tab {
}

.nav-tab ul { margin-right: -20px; margin-left: -20px; margin-top: -20px; background: rgb(236, 236, 236); list-style: none; font-size: 0; display: flex; grid-template-columns: 50% 50%; align-items: center; grid-gap: 0; border-radius: 5px 5px 0 0; }

.nav-tab ul li { width: 50%; text-align: center; }

.nav-tab ul li button { background-color: transparent; border-radius: 0; border: 0; color: #797979; height: 5rem; outline: 0; font-size: 1.5rem; font-weight: bold; cursor: pointer; transition: 0.12s; width: 100%; padding: 10px; border-bottom: 1px solid #d7d7d7; }

.nav-tab ul li button.tab-current { border-bottom: 2px solid #009D99; color: #009D99; position: relative; }

.content-tab { display: none; padding: 3rem 0; animation: fadeIn 0.15s linear; }

.current-content-tab { display: block; }

/* optional */
.content-tab p,
.content-tab strong { display: block; margin: 2rem 0; }

.content-tab ul li,
.content-tab ol li { list-style-position: inside; margin: 1rem 2rem; }

/*--------------------------------------------*/
/* layout: _footer.scss end */
/*--------------------------------------------*/