#es { font-family: Helvetica,Arial,sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height: 1.5; direction: ltr } #es *,#es :after,#es :before { box-sizing: border-box } #es img,#es input { min-width: 0; min-height: 0; max-width: 100% } #es article,#es aside,#es blockquote,#es figure,#es footer,#es form,#es header,#es nav { padding: 0; margin: 0; width: auto; height: auto; border: 0; outline: 0; float: none; position: static; display: block; background: none; text-align: inherit; font-size: inherit; font-family: inherit; text-shadow: none } #es button,#es input,#es select,#es textarea { font-family: Helvetica,Arial,sans-serif } #es h1,#es h2,#es h3,#es h4,#es h5,#es h6 { border: 0; box-shadow: none } #es img { vertical-align: middle; border: 0 } #es hr { border: 0; -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } #es table { border-collapse: collapse; border-spacing: 0 } #es td,#es tr { border: 1px solid transparent } #es a { -webkit-tap-highlight-color: rgba(0,0,0,0) } #es a:link { text-decoration: none } #es li { line-height: 1.5 } #es dd,#es ol,#es ul { margin-left: 1.25em } #es blockquote { line-height: 1.5 } #es pre { background: #fff } #es .divider { border-bottom: 0 } #es .form-group:after,#es .form-group:before { content: " "; display: table } #es .form-group:after { clear: both } #es .btn .caret { margin-top: 0; margin-bottom: 0 } #es .es-h1,#es .es-h2,#es .es-h3,#es .es-h4,#es .es-h5,#es .es-h6,#es h1,#es h2,#es h3,#es h4,#es h5,#es h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit } #es .es-h1 .small,#es .es-h1 small,#es .es-h2 .small,#es .es-h2 small,#es .es-h3 .small,#es .es-h3 small,#es .es-h4 .small,#es .es-h4 small,#es .es-h5 .small,#es .es-h5 small,#es .es-h6 .small,#es .es-h6 small,#es h1 .small,#es h1 small,#es h2 .small,#es h2 small,#es h3 .small,#es h3 small,#es h4 .small,#es h4 small,#es h5 .small,#es h5 small,#es h6 .small,#es h6 small { font-weight: 400; line-height: 1; color: #777 } #es h1,#es h2,#es h3 { margin-top: 0; margin-bottom: 10px } #es h1 .small,#es h1 small,#es h2 .small,#es h2 small,#es h3 .small,#es h3 small { font-size: 65% } #es h4,#es h5,#es h6 { margin-top: 0; margin-bottom: 10px } #es h4 .small,#es h4 small,#es h5 .small,#es h5 small,#es h6 .small,#es h6 small { font-size: 75% } #es .es-h1,#es .es-h2,#es .es-h3,#es .es-h4,#es .es-h5,#es .es-h6 { margin: 0; padding: 0 } #es .es-h1,#es .es-h2 { font-size: 17px } #es .es-h3,#es .es-h4 { font-size: 15px } #es .es-h5 { font-size: 13px } #es .es-h6 { font-size: 12px } #es p { margin: 0 0 10px } #es .lead { margin-bottom: 20px; font-size: 13px; font-weight: 300; line-height: 1.4 } @media(min-width: 768px) { #es .lead { font-size:18px } } #es .bg-primary { color: #fff; background-color: #428bca } a#es .bg-primary:focus,a#es .bg-primary:hover { background-color: #3071a9 } #es .bg-success { background-color: #dff0d8 } a#es .bg-success:focus,a#es .bg-success:hover { background-color: #c1e2b3 } #es .bg-info { background-color: #d9edf7 } a#es .bg-info:focus,a#es .bg-info:hover { background-color: #afd9ee } #es .bg-warning { background-color: #fcf8e3 } a#es .bg-warning:focus,a#es .bg-warning:hover { background-color: #f7ecb5 } #es .bg-danger { background-color: #f2dede } a#es .bg-danger:focus,a#es .bg-danger:hover { background-color: #e4b9b9 } #es .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee } #es ol,#es ul { margin-top: 0; margin-bottom: 10px } #es ol ol,#es ol ul,#es ul ol,#es ul ul { margin-bottom: 0 } #es dl { margin-top: 0; margin-bottom: 20px } #es dd,#es dt { line-height: 1.59 } #es dt { font-weight: 700 } #es dd { margin-left: 0 } @media(min-width: 768px) { #es .dl-horizontal dt { float:left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .dl-horizontal dd { margin-left: 180px } } #es abbr[data-original-title],#es abbr[title] { cursor: help; border-bottom: 1px dotted #777 } #es blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17px; border-left: 5px solid #eee } #es blockquote ol,#es blockquote p,#es blockquote ul { font-size: inherit } #es blockquote ol:last-child,#es blockquote p:last-child,#es blockquote ul:last-child { margin-bottom: 0 } #es blockquote .small,#es blockquote footer,#es blockquote small { display: block; font-size: 80%; line-height: 1.59; color: #777 } #es blockquote .small:before,#es blockquote footer:before,#es blockquote small:before { content: "\2014 \00A0" } #es .blockquote-reverse,#es blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right } #es .blockquote-reverse .small:before,#es .blockquote-reverse footer:before,#es .blockquote-reverse small:before,#es blockquote.pull-right .small:before,#es blockquote.pull-right footer:before,#es blockquote.pull-right small:before { content: "" } #es .blockquote-reverse .small:after,#es .blockquote-reverse footer:after,#es .blockquote-reverse small:after,#es blockquote.pull-right .small:after,#es blockquote.pull-right footer:after,#es blockquote.pull-right small:after { content: "\00A0 \2014" } #es address { margin-bottom: 20px; font-style: normal; line-height: 1.59 } #es .g-list-inline,#es .g-list-unstyled { margin: 0; padding: 0; list-style: none } #es .g-list-inline { font-size: 0 } #es .g-list-inline>li { display: inline-block; font-size: 12px } #es .g-list-inline--delimited>li+li { margin-left: 4px } #es .g-list-inline--delimited>li+li:before { content: attr(data-breadcrumb) "\00A0" } #es .g-list-inline--dashed>li { position: relative } #es .g-list-inline--dashed>:not(:first-child) { margin-left: 8px; padding-left: 8px; border-left: 1px dotted #e1e1e1 } #es .g-list-inline--space-right>li { margin-right: 16px } #es .g-list-inline--space-left>li { margin-left: 16px } #es .g-list--horizontal { margin: 0; padding: 0; list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex } #es .g-list--horizontal>.g-list__item { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; display: inline-block; vertical-align: middle } #es .has-dividers--right>.g-list__item { position: relative } #es .has-dividers--right>.g-list__item:after { width: 3px; height: 3px; content: ""; display: inline-block; vertical-align: middle; margin-left: 4px; margin-right: 4px; border-radius: 50%; background-color: #888 } #es .has-dividers--right>.g-list__item:last-child { margin-right: 0; padding-right: 0 } #es .has-dividers--right>.g-list__item:last-child:after { content: none } #es .o-row { display: table; width: 100%; table-layout: fixed } #es .o-row--unset { table-layout: unset } #es .o-col,#es .o-col--1,#es .o-col--2,#es .o-col--3,#es .o-col--4,#es .o-col--5,#es .o-col--6,#es .o-col--7,#es .o-col--8,#es .o-col--9,#es .o-col--10,#es .o-col--11,#es .o-col--12,#es .o-col-sm,#es .o-col-sm--1,#es .o-col-sm--2,#es .o-col-sm--3,#es .o-col-sm--4,#es .o-col-sm--5,#es .o-col-sm--6,#es .o-col-sm--7,#es .o-col-sm--8,#es .o-col-sm--9,#es .o-col-sm--10,#es .o-col-sm--11,#es .o-col-sm--12 { display: table-cell; vertical-align: middle } #es .o-col--1,#es .o-col-sm--1 { width: 8.333333% } #es .o-col--2,#es .o-col-sm--2 { width: 16.666667% } #es .o-col--3,#es .o-col-sm--3 { width: 25% } #es .o-col--4,#es .o-col-sm--4 { width: 33.333333% } #es .o-col--5,#es .o-col-sm--5 { width: 41.666667% } #es .o-col--6,#es .o-col-sm--6 { width: 50% } #es .o-col--7,#es .o-col-sm--7 { width: 58.333333% } #es .o-col--8,#es .o-col-sm--8 { width: 66.666667% } #es .o-col--9,#es .o-col-sm--9 { width: 75% } #es .o-col--10,#es .o-col-sm--10 { width: 83.333333% } #es .o-col--11,#es .o-col-sm--11 { width: 91.666667% } #es .o-col--12,#es .o-col-sm--12 { width: 100% } #es.is-mobile .o-col,#es.is-mobile .o-col--1,#es.is-mobile .o-col--2,#es.is-mobile .o-col--3,#es.is-mobile .o-col--4,#es.is-mobile .o-col--5,#es.is-mobile .o-col--6,#es.is-mobile .o-col--7,#es.is-mobile .o-col--8,#es.is-mobile .o-col--9,#es.is-mobile .o-col--10,#es.is-mobile .o-col--11,#es.is-mobile .o-col--12 { display: block; width: 100% } @media(max-width: 720px) { #es.es-dialog .o-col,#es.es-dialog .o-col--1,#es.es-dialog .o-col--2,#es.es-dialog .o-col--3,#es.es-dialog .o-col--4,#es.es-dialog .o-col--5,#es.es-dialog .o-col--6,#es.es-dialog .o-col--7,#es.es-dialog .o-col--8,#es.es-dialog .o-col--9,#es.es-dialog .o-col--10,#es.es-dialog .o-col--11,#es.es-dialog .o-col--12 { display:block; width: 100% } } #es .o-col--top { vertical-align: top } #es .o-grid { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 } #es .o-grid__cell { -webkit-flex: 1; -ms-flex: 1; flex: 1 } #es.is-mobile .o-grid { display: block } #es.is-mobile .o-grid:after,#es.is-mobile .o-grid:before { content: " "; display: table } #es.is-mobile .o-grid:after { clear: both } #es.is-mobile .o-grid__cell { -webkit-flex: none; -ms-flex: none; flex: none } #es .o-grid--top { -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start } #es .o-grid--bottom { -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end } #es .o-grid--center { -webkit-align-items: center; -ms-align-items: center; align-items: center } #es .o-grid--justify-center { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center } #es .o-grid__cell--top { -webkit-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start } #es .o-grid__cell--bottom { -webkit-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end } #es .o-grid__cell--center { -webkit-align-self: center; -ms-align-self: center; align-self: center } #es .o-grid__cell-left { -webkit-flex: none; -ms-flex: none; flex: none; margin-right: auto } #es .o-grid__cell-right { margin-left: auto } #es .o-grid__cell--auto-size,#es .o-grid__cell-right { -webkit-flex: none; -ms-flex: none; flex: none } #es .o-grid__cell--text-overflow { text-overflow: ellipsis; overflow: hidden } #es .o-grid--full>.o-grid__cell { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } #es .o-grid--1of2>.o-grid__cell { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50% } #es .o-grid--1of3>.o-grid__cell { -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333% } #es .o-grid--1of4>.o-grid__cell { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25% } #es .o-grid--gutters { margin: -8px -8px 8px } #es .o-grid--gutters>.o-grid__cell { padding: 8px 8px 0 } #es .o-grid--gutters--lg { margin: -16px -16px 16px } #es .o-grid--gutters--lg>.o-grid__cell { padding: 16px 16px 0 } #es .o-grid__cell--1of3 { width: 33.3333%!important } #es .o-grid__cell--1of3,#es .o-grid__cell--2of3 { -webkit-flex: none!important; -ms-flex: none!important; flex: none!important } #es .o-grid__cell--2of3 { width: 66.3333%!important } #es.is-mobile .o-grid--gutters { margin: 0 } #es.is-mobile .o-grid--gutters>.o-grid__cell { padding: 0 0 16px } #es.is-mobile .o-grid__cell--1of3,#es.is-mobile .o-grid__cell--2of3 { width: 100%!important } #es .o-grid-sm { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 } #es .o-grid-sm__cell { -webkit-flex: 1; -ms-flex: 1; flex: 1 } #es .o-grid-sm--top { -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start } #es .o-grid-sm--bottom { -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end } #es .o-grid-sm--center { -webkit-align-items: center; -ms-align-items: center; align-items: center } #es .o-grid-sm--justify-center { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center } #es .o-grid-sm--nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } #es .o-grid-sm__cell--top { -webkit-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start } #es .o-grid-sm__cell--bottom { -webkit-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end } #es .o-grid-sm__cell--center { -webkit-align-self: center; -ms-align-self: center; align-self: center } #es .o-grid-sm__cell--left { -webkit-flex: none; -ms-flex: none; flex: none; margin-right: auto } #es .o-grid-sm__cell--right { margin-left: auto } #es .o-grid-sm__cell--auto-size,#es .o-grid-sm__cell--right { -webkit-flex: none; -ms-flex: none; flex: none } #es .o-grid-sm--full>.o-grid-sm__cell { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } #es .o-grid-sm--1of2>.o-grid-sm__cell { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50% } #es .o-grid-sm--1of3>.o-grid-sm__cell { -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333% } #es .o-grid-sm--1of4>.o-grid-sm__cell { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25% } #es .o-grid-sm--gutters { margin: -8px -8px 8px } #es .o-grid-sm--gutters>.o-grid-sm__cell { padding: 8px 8px 0 } #es .o-grid-sm--gutters-lg { margin: -16px -16px 16px } #es .o-grid-sm--gutters-lg>.o-grid-sm__cell { padding: 16px 16px 0 } #es fieldset { padding: 0; margin: 0; border: 0; min-width: 0 } #es legend { display: block; width: 100%; padding: 0; margin-bottom: 19px; font-size: 19.5px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } #es label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } #es input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #es input[type=checkbox],#es input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal } #es input[type=file] { display: block; border: 0; box-shadow: none } #es input[type=range] { display: block; width: 100% } #es select[multiple],#es select[size] { height: auto; overflow: auto } #es input[type=checkbox]:focus,#es input[type=file]:focus,#es input[type=radio]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } #es output { padding-top: 7px } #es .o-form-control,#es output { display: block; font-size: 13px; line-height: 1.5; color: #444 } #es .o-form-control { width: 100%; height: 34px; padding: 6px 12px; margin: 0; background-color: #fff; background-image: none; border: 1px solid #ddd; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } #es .o-form-control::-moz-placeholder { color: #999; opacity: 1 } #es .o-form-control:-ms-input-placeholder { color: #999 } #es .o-form-control::-webkit-input-placeholder { color: #999 } #es .o-form-control[disabled],#es .o-form-control[readonly],fieldset[disabled] #es .o-form-control { background-color: #f5f5f5; opacity: 1 } #es .o-form-control[disabled],fieldset[disabled] #es .o-form-control { cursor: not-allowed } #es textarea.o-form-control { height: auto } #es .o-select-group { position: relative; background-color: #fff; border-radius: 3px; width: 100% } #es .o-select-group select { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ddd; margin: 0; z-index: 2; background-color: transparent; position: relative; float: none!important; padding-right: 16px!important } #es .o-select-group option { color: #444; background-color: #fff } #es .o-select-group__drop { position: absolute; right: 8px; top: 8px; color: #888; margin: 0; line-height: 1; top: 50%; transform: perspective(1px) translateY(-50%); z-index: 1 } #es .o-select-group__drop:before { border-style: solid; border-width: .1em .1em 0 0; content: ""; display: inline-block; width: .5em; height: .5em; position: relative; left: 0; vertical-align: top; top: 1px; transform: rotate(135deg) } #es .o-select-group--inline { display: inline-block; width: auto } #es .o-select-group--inline select { width: auto } @-moz-document url-prefix() { .o-select-group select { text-indent: -.1em } } #es input[type=search] { -webkit-appearance: none } @media screen and (-webkit-min-device-pixel-ratio: 0) { #es input[type=date].o-form-control,#es input[type=datetime-local].o-form-control,#es input[type=month].o-form-control,#es input[type=time].o-form-control { line-height:34px } #es input[type=date].input-sm,#es input[type=datetime-local].input-sm,#es input[type=month].input-sm,#es input[type=time].input-sm,.input-group-sm #es input[type=date],.input-group-sm #es input[type=datetime-local],.input-group-sm #es input[type=month],.input-group-sm #es input[type=time] { line-height: 28px } #es input[type=date].input-lg,#es input[type=datetime-local].input-lg,#es input[type=month].input-lg,#es input[type=time].input-lg,.input-group-lg #es input[type=date],.input-group-lg #es input[type=datetime-local],.input-group-lg #es input[type=month],.input-group-lg #es input[type=time] { line-height: 42px } } #es .o-form-group { margin-bottom: 16px } #es .checkbox,#es .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } #es .checkbox label,#es .radio label { min-height: 19px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } #es .checkbox-inline input[type=checkbox],#es .checkbox input[type=checkbox],#es .radio-inline input[type=radio],#es .radio input[type=radio] { position: absolute; margin-left: -20px; margin-top: 4px\9 } #es .checkbox+.checkbox,#es .radio+.radio { margin-top: -5px } #es .checkbox-inline,#es .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer } #es .checkbox-inline+.checkbox-inline,#es .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px } #es .checkbox-inline.disabled,#es .checkbox.disabled label,#es .radio-inline.disabled,#es .radio.disabled label,#es input[type=checkbox].disabled,#es input[type=checkbox][disabled],#es input[type=radio].disabled,#es input[type=radio][disabled],fieldset[disabled] #es .checkbox-inline,fieldset[disabled] #es .checkbox label,fieldset[disabled] #es .radio-inline,fieldset[disabled] #es .radio label,fieldset[disabled] #es input[type=checkbox],fieldset[disabled] #es input[type=radio] { cursor: not-allowed } #es .o-form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 32px } #es .o-form-control-static.input-lg,#es .o-form-control-static.input-sm { padding-left: 0; padding-right: 0 } #es .input-sm { height: 28px; padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 2px } select#es .input-sm { height: 28px; line-height: 28px } select[multiple]#es .input-sm,textarea#es .input-sm { height: auto } #es .o-form-group-sm .o-form-control { height: 28px; padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 2px } #es .o-form-group-sm select.o-form-control { height: 28px; line-height: 28px } #es .o-form-group-sm select[multiple].o-form-control,#es .o-form-group-sm textarea.o-form-control { height: auto } #es .o-form-group-sm .o-form-control-static { height: 28px; min-height: 31px; padding: 6px 10px; font-size: 11px; line-height: 1.5 } #es .input-lg { height: 42px; padding: 10px 16px; font-size: 15px; line-height: 1.3333333; border-radius: 5px } select#es .input-lg { height: 42px; line-height: 42px } select[multiple]#es .input-lg,textarea#es .input-lg { height: auto } #es .o-form-group-lg .o-form-control { height: 42px; padding: 10px 16px; font-size: 15px; line-height: 1.3333333; border-radius: 5px } #es .o-form-group-lg select.o-form-control { height: 42px; line-height: 42px } #es .o-form-group-lg select[multiple].o-form-control,#es .o-form-group-lg textarea.o-form-control { height: auto } #es .o-form-group-lg .o-form-control-static { height: 42px; min-height: 35px; padding: 11px 16px; font-size: 15px; line-height: 1.3333333 } #es .has-feedback { position: relative } #es .has-feedback .o-form-control { padding-right: 42.5px } #es .o-form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none } #es .input-group-lg+.o-form-control-feedback,#es .input-lg+.o-form-control-feedback,#es .o-form-group-lg .o-form-control+.o-form-control-feedback { width: 42px; height: 42px; line-height: 42px } #es .input-group-sm+.o-form-control-feedback,#es .input-sm+.o-form-control-feedback,#es .o-form-group-sm .o-form-control+.o-form-control-feedback { width: 28px; height: 28px; line-height: 28px } #es .has-error .checkbox,#es .has-error .checkbox-inline,#es .has-error.checkbox-inline label,#es .has-error.checkbox label,#es .has-error .help-block,#es .has-error .o-control-label,#es .has-error .radio,#es .has-error .radio-inline,#es .has-error.radio-inline label,#es .has-error.radio label { color: #fc595b } #es .has-error .o-form-control { border-color: #fc595b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } #es .has-error .o-form-control:focus { border-color: #fb272a; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #febdbe; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #febdbe } #es .has-error .o-input-group__addon { color: #fc595b; border-color: #fc595b; background-color: #f2dede } #es .has-error .form-control-feedback { color: #fc595b } #es .has-feedback label~.o-form-control-feedback { top: 25px } #es .has-feedback label.sr-only~.o-form-control-feedback { top: 0 } #es .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } #es .o-form-inline .o-form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } #es .o-form-inline .o-form-control { display: inline-block; width: auto; vertical-align: middle } #es .o-form-inline .o-form-control-static { display: inline-block } #es .o-form-inline .input-group { display: inline-table; vertical-align: middle } #es .o-form-inline .input-group .input-group-addon,#es .o-form-inline .input-group .input-group-btn,#es .o-form-inline .input-group .o-form-control { width: auto } #es .o-form-inline .input-group>.o-form-control { width: 100% } #es .o-form-inline .o-control-label { margin-bottom: 0; vertical-align: middle } #es .o-form-inline .checkbox,#es .o-form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } #es .o-form-inline .checkbox label,#es .o-form-inline .radio label { padding-left: 0 } #es .o-form-inline .checkbox input[type=checkbox],#es .o-form-inline .radio input[type=radio] { position: relative; margin-left: 0 } #es .o-form-inline .has-feedback .o-form-control-feedback { top: 0 } #es .o-form-horizontal .checkbox,#es .o-form-horizontal .checkbox-inline,#es .o-form-horizontal .radio,#es .o-form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px } #es .o-form-horizontal .checkbox,#es .o-form-horizontal .radio { min-height: 27px } #es .o-form-horizontal .o-form-group { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .o-form-horizontal .o-control-input { flex: 1 } #es .o-form-horizontal .o-control-label { vertical-align: top; width: 25%; padding-right: 16px } @media(min-width: 768px) { #es .o-form-horizontal .o-control-label { text-align:left; margin-bottom: 0; padding-top: 7px } } #es .o-form-horizontal .has-feedback .o-form-control-feedback { right: 15px } @media(min-width: 768px) { #es .o-form-horizontal .o-form-group-lg .o-control-label { padding-top:14.333333px; font-size: 15px } } @media(min-width: 768px) { #es .o-form-horizontal .o-form-group-sm .o-control-label { padding-top:6px; font-size: 11px } } #es.is-mobile .o-form-horizontal .o-form-group { display: block; margin-bottom: 20px } #es.is-mobile .o-form-horizontal .o-form-group:after,#es.is-mobile .o-form-horizontal .o-form-group:before { content: " "; display: table } #es.is-mobile .o-form-horizontal .o-form-group:after { clear: both } #es.is-mobile .o-form-horizontal .o-control-label { width: 100% } #es .es-privacy-cf { -webkit-order: 2; -ms-order: 2; order: 2; margin-left: auto } #es .data-field-datetime-yearprivacy .es-privacy-toggle span,#es .o-form-group .es-privacy-toggle span { display: none } #es.is-desktop .o-form-group .es-privacy-toggle { height: 34px; line-height: 28px } #es.is-desktop .o-form-group .es-privacy-toggle .i-chevron:before { top: .45em } #es.is-mobile .o-form-horizontal .o-form-group .es-privacy-cf { position: absolute; top: -4px; right: 0 } #es .o-form-actions { padding: 16px; margin-top: 16px; margin-bottom: 16px; background-color: #eceff1; border-top: 1px solid #e1e1e1 } #es .o-form-actions:after,#es .o-form-actions:before { content: " "; display: table } #es .o-form-actions:after { clear: both } #es .o-form-group--float { position: relative } #es .o-form-group--float .o-control-label { position: absolute; top: 20px; left: 16px; margin-bottom: 0; pointer-events: none; color: #888; line-height: 1; font-weight: 400; z-index: 2; transition: all .28s ease } #es .o-form-group--float .o-form-control { padding: 16px; box-shadow: none; height: auto } #es .o-form-group--float .o-select-group { padding: 16px; border: 1px solid #e1e1e1 } #es .o-form-group--float .o-select-group .o-form-control { padding: 0; border: 0; height: 16px!important } #es .o-form-group--float ::-webkit-input-placeholder { color: transparent!important } #es .o-form-group--float :-moz-placeholder,#es .o-form-group--float ::-moz-placeholder { color: transparent!important } #es .o-form-group--float :-ms-input-placeholder { color: transparent!important } #es .o-form-group--float input:-webkit-autofill~label { font-size: 11px!important; top: 6px!important } #es .o-form-group--float input:-webkit-autofill { padding-top: 24px!important; padding-bottom: 8px!important } #es .o-form-group--float.is-filled .o-control-label,#es .o-form-group--float.is-focused .o-control-label { top: 8px; left: 16px; font-size: 12px } #es .o-form-group--float.is-filled .o-select-group,#es .o-form-group--float.is-focused .o-select-group { padding-top: 24px; padding-bottom: 8px } #es .o-form-group--float.is-filled .o-form-control:not(select),#es .o-form-group--float.is-focused .o-form-control:not(select) { padding-top: 20px; padding-bottom: 12px } #es .o-input-group { position: relative; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-wrap; display: -ms-wrapbox; display: -ms-wrap; display: wrap; -webkit-align-items: stretch; -ms-align-items: stretch; align-items: stretch; width: 100%; border-collapse: separate } #es .o-input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0 } #es .o-input-group>.o-form-control { position: relative; z-index: 2; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 } #es .o-input-group--full-width { width: 100% } #es .o-input-group--lg>.o-form-control,#es .o-input-group--lg>.o-input-group__addon,#es .o-input-group--lg>.o-input-group__btn>.btn { height: 42px; padding: 10px 16px; font-size: 15px; line-height: 1.3333333; border-radius: 5px } select#es .o-input-group--lg>.o-form-control,select#es .o-input-group--lg>.o-input-group__addon,select#es .o-input-group--lg>.o-input-group__btn>.btn { height: 42px; line-height: 42px } select[multiple]#es .o-input-group--lg>.o-form-control,select[multiple]#es .o-input-group--lg>.o-input-group__addon,select[multiple]#es .o-input-group--lg>.o-input-group__btn>.btn,textarea#es .o-input-group--lg>.o-form-control,textarea#es .o-input-group--lg>.o-input-group__addon,textarea#es .o-input-group--lg>.o-input-group__btn>.btn { height: auto } #es .o-input-group--sm>.o-form-control,#es .o-input-group--sm>.o-input-group__addon,#es .o-input-group--sm>.o-input-group__btn>.btn { height: 28px; padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 2px } select#es .o-input-group--sm>.o-form-control,select#es .o-input-group--sm>.o-input-group__addon,select#es .o-input-group--sm>.o-input-group__btn>.btn { height: 28px; line-height: 28px } select[multiple]#es .o-input-group--sm>.o-form-control,select[multiple]#es .o-input-group--sm>.o-input-group__addon,select[multiple]#es .o-input-group--sm>.o-input-group__btn>.btn,textarea#es .o-input-group--sm>.o-form-control,textarea#es .o-input-group--sm>.o-input-group__addon,textarea#es .o-input-group--sm>.o-input-group__btn>.btn { height: auto } #es .o-input-group .o-form-control:not(:first-child):not(:last-child),#es .o-input-group__addon:not(:first-child):not(:last-child),#es .o-input-group__btn:not(:first-child):not(:last-child),#es .o-input-group__select:not(:first-child):not(:last-child) { border-radius: 0 } #es .o-input-group__addon,#es .o-input-group__btn,#es .o-input-group__select { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; white-space: nowrap; vertical-align: middle; -webkit-flex: none; -ms-flex: none; flex: none } #es .o-input-group__select select { width: auto!important } #es .o-input-group__addon { padding: 6px 12px; font-size: 13px; font-weight: 400; color: #444; text-align: center; background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 3px } #es .o-input-group__addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 2px } #es .o-input-group__addon.input-lg { padding: 10px 16px; font-size: 15px; border-radius: 5px } #es .o-input-group__addon input[type=checkbox],#es .o-input-group__addon input[type=radio] { margin-top: 0 } #es .o-input-group .o-form-control:first-child,#es .o-input-group__addon:first-child,#es .o-input-group__btn:first-child>.btn,#es .o-input-group__btn:first-child>.dropdown-toggle,#es .o-input-group__btn:first-child>.o-btn-group>.btn,#es .o-input-group__btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),#es .o-input-group__btn:last-child>.o-btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-top-right-radius: 0 } #es .o-input-group__select:last-child>.o-select-group select { border-bottom-right-radius: 3px; border-top-right-radius: 3px } #es .o-input-group__addon:first-child,#es .o-input-group__select:first-child>.o-select-group select { border-right: 0 } #es .o-input-group .o-form-control:last-child,#es .o-input-group__addon:last-child,#es .o-input-group__btn:first-child>.btn:not(:first-child),#es .o-input-group__btn:first-child>.o-btn-group:not(:first-child)>.btn,#es .o-input-group__btn:last-child>.btn,#es .o-input-group__btn:last-child>.dropdown-toggle,#es .o-input-group__btn:last-child>.o-btn-group>.btn,#es .o-input-group__select:last-child>.o-select-group select { border-bottom-left-radius: 0; border-top-left-radius: 0 } #es .o-input-group__addon:last-child,#es .o-input-group__select:last-child>.o-select-group select { border-left: 0 } #es .o-input-group__btn { position: relative; font-size: 0; white-space: nowrap } #es .o-input-group__btn>.btn { position: relative; margin: 0; height: 34px } #es .o-input-group__btn>.btn+.btn { margin-left: -1px } #es .o-input-group__btn>.btn:active,#es .o-input-group__btn>.btn:focus,#es .o-input-group__btn>.btn:hover { z-index: 2 } #es .o-input-group__btn:first-child>.btn,#es .o-input-group__btn:first-child>.o-btn-group { margin-right: -1px } #es .o-input-group__btn:last-child>.btn,#es .o-input-group__btn:last-child>.o-btn-group { z-index: 2; margin-left: -1px } #es .btn { display: inline-block; margin: 0; font-weight: 700; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; text-shadow: none; box-shadow: none; padding: 6px 12px; font-size: 12px; line-height: 1.59; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: none; -o-transition: none; transition: none } #es .btn.active.focus,#es .btn.active:focus,#es .btn.focus,#es .btn:active.focus,#es .btn:active:focus,#es .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } #es .btn.focus,#es .btn:focus,#es .btn:hover { color: #333; text-decoration: none } #es .btn.active,#es .btn:active { outline: 0; background-image: none; background-color: #f5f5f5!important } #es .btn.disabled,#es .btn[disabled],fieldset[disabled] #es .btn { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } a#es .btn.disabled,fieldset[disabled] a#es .btn { pointer-events: none } #es .btn-default { color: #333!important; background-color: #fff!important; border-color: #ccc!important } #es .btn-default.focus,#es .btn-default:focus { color: #333!important; background-color: #e6e6e6!important; border-color: #8c8c8c!important } #es .btn-default.active,#es .btn-default:active,#es .btn-default:hover,.open>.dropdown-toggle#es .btn-default { color: #333!important; background-color: #e6e6e6!important; border-color: #adadad!important } #es .btn-default.active.focus,#es .btn-default.active:focus,#es .btn-default.active:hover,#es .btn-default:active.focus,#es .btn-default:active:focus,#es .btn-default:active:hover,.open>.dropdown-toggle#es .btn-default.focus,.open>.dropdown-toggle#es .btn-default:focus,.open>.dropdown-toggle#es .btn-default:hover { color: #333!important; background-color: #d4d4d4!important; border-color: #8c8c8c!important } #es .btn-default.active,#es .btn-default:active,.open>.dropdown-toggle#es .btn-default { background-image: none!important } #es .btn-default.disabled,#es .btn-default.disabled.active,#es .btn-default.disabled.focus,#es .btn-default.disabled:active,#es .btn-default.disabled:focus,#es .btn-default.disabled:hover,#es .btn-default[disabled],#es .btn-default[disabled].active,#es .btn-default[disabled].focus,#es .btn-default[disabled]:active,#es .btn-default[disabled]:focus,#es .btn-default[disabled]:hover,fieldset[disabled] #es .btn-default,fieldset[disabled] #es .btn-default.active,fieldset[disabled] #es .btn-default.focus,fieldset[disabled] #es .btn-default:active,fieldset[disabled] #es .btn-default:focus,fieldset[disabled] #es .btn-default:hover { background-color: #fff!important; border-color: #ccc!important } #es .btn-default .badge { color: #fff!important; background-color: #333!important } #es .btn-primary { color: #fff!important; background-color: #428bca!important; border-color: #357ebd!important } #es .btn-primary.focus,#es .btn-primary:focus { color: #fff!important; background-color: #3071a9!important; border-color: #193c5a!important } #es .btn-primary.active,#es .btn-primary:active,#es .btn-primary:hover,.open>.dropdown-toggle#es .btn-primary { color: #fff!important; background-color: #3071a9!important; border-color: #285e8e!important } #es .btn-primary.active.focus,#es .btn-primary.active:focus,#es .btn-primary.active:hover,#es .btn-primary:active.focus,#es .btn-primary:active:focus,#es .btn-primary:active:hover,.open>.dropdown-toggle#es .btn-primary.focus,.open>.dropdown-toggle#es .btn-primary:focus,.open>.dropdown-toggle#es .btn-primary:hover { color: #fff!important; background-color: #285e8e!important; border-color: #193c5a!important } #es .btn-primary.active,#es .btn-primary:active,.open>.dropdown-toggle#es .btn-primary { background-image: none!important } #es .btn-primary.disabled,#es .btn-primary.disabled.active,#es .btn-primary.disabled.focus,#es .btn-primary.disabled:active,#es .btn-primary.disabled:focus,#es .btn-primary.disabled:hover,#es .btn-primary[disabled],#es .btn-primary[disabled].active,#es .btn-primary[disabled].focus,#es .btn-primary[disabled]:active,#es .btn-primary[disabled]:focus,#es .btn-primary[disabled]:hover,fieldset[disabled] #es .btn-primary,fieldset[disabled] #es .btn-primary.active,fieldset[disabled] #es .btn-primary.focus,fieldset[disabled] #es .btn-primary:active,fieldset[disabled] #es .btn-primary:focus,fieldset[disabled] #es .btn-primary:hover { background-color: #428bca!important; border-color: #357ebd!important } #es .btn-primary .badge { color: #428bca!important; background-color: #fff!important } #es .btn-success { color: #fff!important; background-color: #5cb85c!important; border-color: #4cae4c!important } #es .btn-success.focus,#es .btn-success:focus { color: #fff!important; background-color: #449d44!important; border-color: #255625!important } #es .btn-success.active,#es .btn-success:active,#es .btn-success:hover,.open>.dropdown-toggle#es .btn-success { color: #fff!important; background-color: #449d44!important; border-color: #398439!important } #es .btn-success.active.focus,#es .btn-success.active:focus,#es .btn-success.active:hover,#es .btn-success:active.focus,#es .btn-success:active:focus,#es .btn-success:active:hover,.open>.dropdown-toggle#es .btn-success.focus,.open>.dropdown-toggle#es .btn-success:focus,.open>.dropdown-toggle#es .btn-success:hover { color: #fff!important; background-color: #398439!important; border-color: #255625!important } #es .btn-success.active,#es .btn-success:active,.open>.dropdown-toggle#es .btn-success { background-image: none!important } #es .btn-success.disabled,#es .btn-success.disabled.active,#es .btn-success.disabled.focus,#es .btn-success.disabled:active,#es .btn-success.disabled:focus,#es .btn-success.disabled:hover,#es .btn-success[disabled],#es .btn-success[disabled].active,#es .btn-success[disabled].focus,#es .btn-success[disabled]:active,#es .btn-success[disabled]:focus,#es .btn-success[disabled]:hover,fieldset[disabled] #es .btn-success,fieldset[disabled] #es .btn-success.active,fieldset[disabled] #es .btn-success.focus,fieldset[disabled] #es .btn-success:active,fieldset[disabled] #es .btn-success:focus,fieldset[disabled] #es .btn-success:hover { background-color: #5cb85c!important; border-color: #4cae4c!important } #es .btn-success .badge { color: #5cb85c!important; background-color: #fff!important } #es .btn-info { color: #fff!important; background-color: #5bc0de!important; border-color: #46b8da!important } #es .btn-info.focus,#es .btn-info:focus { color: #fff!important; background-color: #31b0d5!important; border-color: #1b6d85!important } #es .btn-info.active,#es .btn-info:active,#es .btn-info:hover,.open>.dropdown-toggle#es .btn-info { color: #fff!important; background-color: #31b0d5!important; border-color: #269abc!important } #es .btn-info.active.focus,#es .btn-info.active:focus,#es .btn-info.active:hover,#es .btn-info:active.focus,#es .btn-info:active:focus,#es .btn-info:active:hover,.open>.dropdown-toggle#es .btn-info.focus,.open>.dropdown-toggle#es .btn-info:focus,.open>.dropdown-toggle#es .btn-info:hover { color: #fff!important; background-color: #269abc!important; border-color: #1b6d85!important } #es .btn-info.active,#es .btn-info:active,.open>.dropdown-toggle#es .btn-info { background-image: none!important } #es .btn-info.disabled,#es .btn-info.disabled.active,#es .btn-info.disabled.focus,#es .btn-info.disabled:active,#es .btn-info.disabled:focus,#es .btn-info.disabled:hover,#es .btn-info[disabled],#es .btn-info[disabled].active,#es .btn-info[disabled].focus,#es .btn-info[disabled]:active,#es .btn-info[disabled]:focus,#es .btn-info[disabled]:hover,fieldset[disabled] #es .btn-info,fieldset[disabled] #es .btn-info.active,fieldset[disabled] #es .btn-info.focus,fieldset[disabled] #es .btn-info:active,fieldset[disabled] #es .btn-info:focus,fieldset[disabled] #es .btn-info:hover { background-color: #5bc0de!important; border-color: #46b8da!important } #es .btn-info .badge { color: #5bc0de!important; background-color: #fff!important } #es .btn-warning { color: #fff!important; background-color: #f0ad4e!important; border-color: #eea236!important } #es .btn-warning.focus,#es .btn-warning:focus { color: #fff!important; background-color: #ec971f!important; border-color: #985f0d!important } #es .btn-warning.active,#es .btn-warning:active,#es .btn-warning:hover,.open>.dropdown-toggle#es .btn-warning { color: #fff!important; background-color: #ec971f!important; border-color: #d58512!important } #es .btn-warning.active.focus,#es .btn-warning.active:focus,#es .btn-warning.active:hover,#es .btn-warning:active.focus,#es .btn-warning:active:focus,#es .btn-warning:active:hover,.open>.dropdown-toggle#es .btn-warning.focus,.open>.dropdown-toggle#es .btn-warning:focus,.open>.dropdown-toggle#es .btn-warning:hover { color: #fff!important; background-color: #d58512!important; border-color: #985f0d!important } #es .btn-warning.active,#es .btn-warning:active,.open>.dropdown-toggle#es .btn-warning { background-image: none!important } #es .btn-warning.disabled,#es .btn-warning.disabled.active,#es .btn-warning.disabled.focus,#es .btn-warning.disabled:active,#es .btn-warning.disabled:focus,#es .btn-warning.disabled:hover,#es .btn-warning[disabled],#es .btn-warning[disabled].active,#es .btn-warning[disabled].focus,#es .btn-warning[disabled]:active,#es .btn-warning[disabled]:focus,#es .btn-warning[disabled]:hover,fieldset[disabled] #es .btn-warning,fieldset[disabled] #es .btn-warning.active,fieldset[disabled] #es .btn-warning.focus,fieldset[disabled] #es .btn-warning:active,fieldset[disabled] #es .btn-warning:focus,fieldset[disabled] #es .btn-warning:hover { background-color: #f0ad4e!important; border-color: #eea236!important } #es .btn-warning .badge { color: #f0ad4e!important; background-color: #fff!important } #es .btn-danger { color: #fff!important; background-color: #d9534f!important; border-color: #d43f3a!important } #es .btn-danger.focus,#es .btn-danger:focus { color: #fff!important; background-color: #c9302c!important; border-color: #761c19!important } #es .btn-danger.active,#es .btn-danger:active,#es .btn-danger:hover,.open>.dropdown-toggle#es .btn-danger { color: #fff!important; background-color: #c9302c!important; border-color: #ac2925!important } #es .btn-danger.active.focus,#es .btn-danger.active:focus,#es .btn-danger.active:hover,#es .btn-danger:active.focus,#es .btn-danger:active:focus,#es .btn-danger:active:hover,.open>.dropdown-toggle#es .btn-danger.focus,.open>.dropdown-toggle#es .btn-danger:focus,.open>.dropdown-toggle#es .btn-danger:hover { color: #fff!important; background-color: #ac2925!important; border-color: #761c19!important } #es .btn-danger.active,#es .btn-danger:active,.open>.dropdown-toggle#es .btn-danger { background-image: none!important } #es .btn-danger.disabled,#es .btn-danger.disabled.active,#es .btn-danger.disabled.focus,#es .btn-danger.disabled:active,#es .btn-danger.disabled:focus,#es .btn-danger.disabled:hover,#es .btn-danger[disabled],#es .btn-danger[disabled].active,#es .btn-danger[disabled].focus,#es .btn-danger[disabled]:active,#es .btn-danger[disabled]:focus,#es .btn-danger[disabled]:hover,fieldset[disabled] #es .btn-danger,fieldset[disabled] #es .btn-danger.active,fieldset[disabled] #es .btn-danger.focus,fieldset[disabled] #es .btn-danger:active,fieldset[disabled] #es .btn-danger:focus,fieldset[disabled] #es .btn-danger:hover { background-color: #d9534f!important; border-color: #d43f3a!important } #es .btn-danger .badge { color: #d9534f!important; background-color: #fff!important } #es .btn-es-default { color: #444!important; background-color: #fff!important; border-color: #e1e1e1!important } #es .btn-es-default.focus,#es .btn-es-default:focus { color: #444!important; background-color: #e6e6e6!important; border-color: #a1a1a1!important } #es .btn-es-default.active,#es .btn-es-default:active,#es .btn-es-default:hover,.open>.dropdown-toggle#es .btn-es-default { color: #444!important; background-color: #e6e6e6!important; border-color: #c2c2c2!important } #es .btn-es-default.active.focus,#es .btn-es-default.active:focus,#es .btn-es-default.active:hover,#es .btn-es-default:active.focus,#es .btn-es-default:active:focus,#es .btn-es-default:active:hover,.open>.dropdown-toggle#es .btn-es-default.focus,.open>.dropdown-toggle#es .btn-es-default:focus,.open>.dropdown-toggle#es .btn-es-default:hover { color: #444!important; background-color: #d4d4d4!important; border-color: #a1a1a1!important } #es .btn-es-default.active,#es .btn-es-default:active,.open>.dropdown-toggle#es .btn-es-default { background-image: none!important } #es .btn-es-default.disabled,#es .btn-es-default.disabled.active,#es .btn-es-default.disabled.focus,#es .btn-es-default.disabled:active,#es .btn-es-default.disabled:focus,#es .btn-es-default.disabled:hover,#es .btn-es-default[disabled],#es .btn-es-default[disabled].active,#es .btn-es-default[disabled].focus,#es .btn-es-default[disabled]:active,#es .btn-es-default[disabled]:focus,#es .btn-es-default[disabled]:hover,fieldset[disabled] #es .btn-es-default,fieldset[disabled] #es .btn-es-default.active,fieldset[disabled] #es .btn-es-default.focus,fieldset[disabled] #es .btn-es-default:active,fieldset[disabled] #es .btn-es-default:focus,fieldset[disabled] #es .btn-es-default:hover { background-color: #fff!important; border-color: #e1e1e1!important } #es .btn-es-default .badge { color: #fff!important; background-color: #444!important } #es .btn-es-primary { color: #fff!important; background-color: #4a90e2!important; border-color: #4a90e2!important } #es .btn-es-primary.focus,#es .btn-es-primary:focus { color: #fff!important; background-color: #2275d7!important; border-color: #185195!important } #es .btn-es-primary.active,#es .btn-es-primary:active,#es .btn-es-primary:hover,.open>.dropdown-toggle#es .btn-es-primary { color: #fff!important; background-color: #2275d7!important; border-color: #2171ce!important } #es .btn-es-primary.active.focus,#es .btn-es-primary.active:focus,#es .btn-es-primary.active:hover,#es .btn-es-primary:active.focus,#es .btn-es-primary:active:focus,#es .btn-es-primary:active:hover,.open>.dropdown-toggle#es .btn-es-primary.focus,.open>.dropdown-toggle#es .btn-es-primary:focus,.open>.dropdown-toggle#es .btn-es-primary:hover { color: #fff!important; background-color: #1d65b8!important; border-color: #185195!important } #es .btn-es-primary.active,#es .btn-es-primary:active,.open>.dropdown-toggle#es .btn-es-primary { background-image: none!important } #es .btn-es-primary.disabled,#es .btn-es-primary.disabled.active,#es .btn-es-primary.disabled.focus,#es .btn-es-primary.disabled:active,#es .btn-es-primary.disabled:focus,#es .btn-es-primary.disabled:hover,#es .btn-es-primary[disabled],#es .btn-es-primary[disabled].active,#es .btn-es-primary[disabled].focus,#es .btn-es-primary[disabled]:active,#es .btn-es-primary[disabled]:focus,#es .btn-es-primary[disabled]:hover,fieldset[disabled] #es .btn-es-primary,fieldset[disabled] #es .btn-es-primary.active,fieldset[disabled] #es .btn-es-primary.focus,fieldset[disabled] #es .btn-es-primary:active,fieldset[disabled] #es .btn-es-primary:focus,fieldset[disabled] #es .btn-es-primary:hover { background-color: #4a90e2!important; border-color: #4a90e2!important } #es .btn-es-primary .badge { color: #4a90e2!important; background-color: #fff!important } #es .btn-es-success { color: #fff!important; background-color: #4fc251!important; border-color: #4fc251!important } #es .btn-es-success.focus,#es .btn-es-success:focus { color: #fff!important; background-color: #39a53b!important; border-color: #256c27!important } #es .btn-es-success.active,#es .btn-es-success:active,#es .btn-es-success:hover,.open>.dropdown-toggle#es .btn-es-success { color: #fff!important; background-color: #39a53b!important; border-color: #379d38!important } #es .btn-es-success.active.focus,#es .btn-es-success.active:focus,#es .btn-es-success.active:hover,#es .btn-es-success:active.focus,#es .btn-es-success:active:focus,#es .btn-es-success:active:hover,.open>.dropdown-toggle#es .btn-es-success.focus,.open>.dropdown-toggle#es .btn-es-success:focus,.open>.dropdown-toggle#es .btn-es-success:hover { color: #fff!important; background-color: #308a32!important; border-color: #256c27!important } #es .btn-es-success.active,#es .btn-es-success:active,.open>.dropdown-toggle#es .btn-es-success { background-image: none!important } #es .btn-es-success.disabled,#es .btn-es-success.disabled.active,#es .btn-es-success.disabled.focus,#es .btn-es-success.disabled:active,#es .btn-es-success.disabled:focus,#es .btn-es-success.disabled:hover,#es .btn-es-success[disabled],#es .btn-es-success[disabled].active,#es .btn-es-success[disabled].focus,#es .btn-es-success[disabled]:active,#es .btn-es-success[disabled]:focus,#es .btn-es-success[disabled]:hover,fieldset[disabled] #es .btn-es-success,fieldset[disabled] #es .btn-es-success.active,fieldset[disabled] #es .btn-es-success.focus,fieldset[disabled] #es .btn-es-success:active,fieldset[disabled] #es .btn-es-success:focus,fieldset[disabled] #es .btn-es-success:hover { background-color: #4fc251!important; border-color: #4fc251!important } #es .btn-es-success .badge { color: #4fc251!important; background-color: #fff!important } #es .btn-es-danger { color: #fff!important; background-color: #f65b5b!important; border-color: #f65b5b!important } #es .btn-es-danger.focus,#es .btn-es-danger:focus { color: #fff!important; background-color: #f32b2b!important; border-color: #c70b0b!important } #es .btn-es-danger.active,#es .btn-es-danger:active,#es .btn-es-danger:hover,.open>.dropdown-toggle#es .btn-es-danger { color: #fff!important; background-color: #f32b2b!important; border-color: #f32121!important } #es .btn-es-danger.active.focus,#es .btn-es-danger.active:focus,#es .btn-es-danger.active:hover,#es .btn-es-danger:active.focus,#es .btn-es-danger:active:focus,#es .btn-es-danger:active:hover,.open>.dropdown-toggle#es .btn-es-danger.focus,.open>.dropdown-toggle#es .btn-es-danger:focus,.open>.dropdown-toggle#es .btn-es-danger:hover { color: #fff!important; background-color: #ed0d0d!important; border-color: #c70b0b!important } #es .btn-es-danger.active,#es .btn-es-danger:active,.open>.dropdown-toggle#es .btn-es-danger { background-image: none!important } #es .btn-es-danger.disabled,#es .btn-es-danger.disabled.active,#es .btn-es-danger.disabled.focus,#es .btn-es-danger.disabled:active,#es .btn-es-danger.disabled:focus,#es .btn-es-danger.disabled:hover,#es .btn-es-danger[disabled],#es .btn-es-danger[disabled].active,#es .btn-es-danger[disabled].focus,#es .btn-es-danger[disabled]:active,#es .btn-es-danger[disabled]:focus,#es .btn-es-danger[disabled]:hover,fieldset[disabled] #es .btn-es-danger,fieldset[disabled] #es .btn-es-danger.active,fieldset[disabled] #es .btn-es-danger.focus,fieldset[disabled] #es .btn-es-danger:active,fieldset[disabled] #es .btn-es-danger:focus,fieldset[disabled] #es .btn-es-danger:hover { background-color: #f65b5b!important; border-color: #f65b5b!important } #es .btn-es-danger .badge { color: #f65b5b!important; background-color: #fff!important } #es .btn-es-default-o { color: #333!important; background-color: #fff!important; border-color: #ddd!important } #es .btn-es-default-o.active,#es .btn-es-default-o.active.focus,#es .btn-es-default-o.active:focus,#es .btn-es-default-o.active:hover,#es .btn-es-default-o.focus,#es .btn-es-default-o:active,#es .btn-es-default-o:active.focus,#es .btn-es-default-o:active:focus,#es .btn-es-default-o:active:hover,#es .btn-es-default-o:focus,#es .btn-es-default-o:hover,.open>.dropdown-toggle#es .btn-es-default-o,.open>.dropdown-toggle#es .btn-es-default-o.focus,.open>.dropdown-toggle#es .btn-es-default-o:focus,.open>.dropdown-toggle#es .btn-es-default-o:hover { color: #333!important } #es .btn-es-default-o.active,#es .btn-es-default-o:active,.open>.dropdown-toggle#es .btn-es-default-o { background-image: none!important } #es .btn-es-primary-o { background-color: #fff!important; border-color: #ddd!important } #es .btn-es-primary-o,#es .btn-es-primary-o.active,#es .btn-es-primary-o.active.focus,#es .btn-es-primary-o.active:focus,#es .btn-es-primary-o.active:hover,#es .btn-es-primary-o.focus,#es .btn-es-primary-o:active,#es .btn-es-primary-o:active.focus,#es .btn-es-primary-o:active:focus,#es .btn-es-primary-o:active:hover,#es .btn-es-primary-o:focus,#es .btn-es-primary-o:hover,.open>.dropdown-toggle#es .btn-es-primary-o,.open>.dropdown-toggle#es .btn-es-primary-o.focus,.open>.dropdown-toggle#es .btn-es-primary-o:focus,.open>.dropdown-toggle#es .btn-es-primary-o:hover { color: #428bca!important } #es .btn-es-primary-o.active,#es .btn-es-primary-o:active,.open>.dropdown-toggle#es .btn-es-primary-o { background-image: none!important } #es .btn-es-success-o { background-color: #fff!important; border-color: #ddd!important } #es .btn-es-success-o,#es .btn-es-success-o.active,#es .btn-es-success-o.active.focus,#es .btn-es-success-o.active:focus,#es .btn-es-success-o.active:hover,#es .btn-es-success-o.focus,#es .btn-es-success-o:active,#es .btn-es-success-o:active.focus,#es .btn-es-success-o:active:focus,#es .btn-es-success-o:active:hover,#es .btn-es-success-o:focus,#es .btn-es-success-o:hover,.open>.dropdown-toggle#es .btn-es-success-o,.open>.dropdown-toggle#es .btn-es-success-o.focus,.open>.dropdown-toggle#es .btn-es-success-o:focus,.open>.dropdown-toggle#es .btn-es-success-o:hover { color: #5cb85c!important } #es .btn-es-success-o.active,#es .btn-es-success-o:active,.open>.dropdown-toggle#es .btn-es-success-o { background-image: none!important } #es .btn-es-danger-o { background-color: #fff!important; border-color: #ddd!important } #es .btn-es-danger-o,#es .btn-es-danger-o.active,#es .btn-es-danger-o.active.focus,#es .btn-es-danger-o.active:focus,#es .btn-es-danger-o.active:hover,#es .btn-es-danger-o.focus,#es .btn-es-danger-o:active,#es .btn-es-danger-o:active.focus,#es .btn-es-danger-o:active:focus,#es .btn-es-danger-o:active:hover,#es .btn-es-danger-o:focus,#es .btn-es-danger-o:hover,.open>.dropdown-toggle#es .btn-es-danger-o,.open>.dropdown-toggle#es .btn-es-danger-o.focus,.open>.dropdown-toggle#es .btn-es-danger-o:focus,.open>.dropdown-toggle#es .btn-es-danger-o:hover { color: #d9534f!important } #es .btn-es-danger-o.active,#es .btn-es-danger-o:active,.open>.dropdown-toggle#es .btn-es-danger-o { background-image: none!important } #es .btn-link { color: #428bca; font-weight: 400; border-radius: 0 } #es .btn-link,#es .btn-link.active,#es .btn-link:active,#es .btn-link[disabled],fieldset[disabled] #es .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } #es .btn-link,#es .btn-link:active,#es .btn-link:focus,#es .btn-link:hover { border-color: transparent } #es .btn-link:focus,#es .btn-link:hover { color: #2a6496; text-decoration: underline; background-color: transparent } #es .btn-link[disabled]:focus,#es .btn-link[disabled]:hover,fieldset[disabled] #es .btn-link:focus,fieldset[disabled] #es .btn-link:hover { color: #777; text-decoration: none } #es .btn-lg { padding: 10px 16px; font-size: 15px; line-height: 1.3333333; border-radius: 5px } #es .btn-sm { padding: 5px 10px } #es .btn-sm,#es .btn-xs { font-size: 11px; line-height: 1.5; border-radius: 2px } #es .btn-xs { padding: 1px 5px } #es .btn-rounded { border-radius: 24px } #es .btn-block { display: block; width: 100% } #es .btn-block+.btn-block { margin-top: 5px } #es input[type=button].btn-block,#es input[type=reset].btn-block,#es input[type=submit].btn-block { width: 100% } #es .o-btn-group-yesno { width: auto; min-width: 90px; display: inline-block; margin: 0 auto; vertical-align: middle; white-space: nowrap } #es .o-btn-group-yesno .btn { float: left!important; color: #333!important; background: #ddd!important; border: 1px solid #ccc!important; border-radius: 0!important; border-bottom-left-radius: 3px!important; border-top-left-radius: 3px!important; text-align: center!important; font-size: 12px!important } #es .o-btn-group-yesno .btn+.btn { border-radius: 0!important; border-bottom-right-radius: 3px!important; border-top-right-radius: 3px!important } #es .o-btn-group-yesno .btn.active,#es .o-btn-group-yesno .btn.is-active { background: #fff!important; color: #fff!important; text-shadow: 0 -1px 0 rgba(0,0,0,.25)!important } #es .o-btn-group-yesno .btn.btn--yes.active,#es .o-btn-group-yesno .btn.btn--yes.is-active { background: #428bca!important; border-color: #3071a9!important } #es .o-btn-group-yesno .btn.btn--no.active,#es .o-btn-group-yesno .btn.btn--no.is-active { background: #d9534f!important; border-color: #c9302c!important } #es .btn-file { padding-left: 24px!important; white-space: normal } #es .btn-file:before { display: inline-block; position: absolute; width: 16px; height: 16px; line-height: 16px; left: 4px; top: 6px; font-size: 10px; color: #555; cursor: pointer; font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; text-decoration: inherit; content: "\f093" } #es .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: 0; background: #fff; cursor: inherit; display: block } #es .btn-es-facebook { color: #fff!important; background-color: #516db6!important; border-color: #2b6cb3!important } #es .btn-es-facebook.focus,#es .btn-es-facebook:focus { color: #fff!important; background-color: #3f5795!important; border-color: #122e4c!important } #es .btn-es-facebook.active,#es .btn-es-facebook:active,#es .btn-es-facebook:hover,.open>.dropdown-toggle#es .btn-es-facebook { color: #fff!important; background-color: #3f5795!important; border-color: #1f4e82!important } #es .btn-es-facebook.active.focus,#es .btn-es-facebook.active:focus,#es .btn-es-facebook.active:hover,#es .btn-es-facebook:active.focus,#es .btn-es-facebook:active:focus,#es .btn-es-facebook:active:hover,.open>.dropdown-toggle#es .btn-es-facebook.focus,.open>.dropdown-toggle#es .btn-es-facebook:focus,.open>.dropdown-toggle#es .btn-es-facebook:hover { color: #fff!important; background-color: #34487c!important; border-color: #122e4c!important } #es .btn-es-facebook.active,#es .btn-es-facebook:active,.open>.dropdown-toggle#es .btn-es-facebook { background-image: none!important } #es .btn-es-facebook.disabled,#es .btn-es-facebook.disabled.active,#es .btn-es-facebook.disabled.focus,#es .btn-es-facebook.disabled:active,#es .btn-es-facebook.disabled:focus,#es .btn-es-facebook.disabled:hover,#es .btn-es-facebook[disabled],#es .btn-es-facebook[disabled].active,#es .btn-es-facebook[disabled].focus,#es .btn-es-facebook[disabled]:active,#es .btn-es-facebook[disabled]:focus,#es .btn-es-facebook[disabled]:hover,fieldset[disabled] #es .btn-es-facebook,fieldset[disabled] #es .btn-es-facebook.active,fieldset[disabled] #es .btn-es-facebook.focus,fieldset[disabled] #es .btn-es-facebook:active,fieldset[disabled] #es .btn-es-facebook:focus,fieldset[disabled] #es .btn-es-facebook:hover { background-color: #516db6!important; border-color: #2b6cb3!important } #es .btn-es-facebook .badge { color: #516db6!important; background-color: #fff!important } #es .btn-es-twitter { color: #fff!important; background-color: #339aed!important; border-color: #05b3f4!important } #es .btn-es-twitter.focus,#es .btn-es-twitter:focus { color: #fff!important; background-color: #1381da!important; border-color: #025777!important } #es .btn-es-twitter.active,#es .btn-es-twitter:active,#es .btn-es-twitter:hover,.open>.dropdown-toggle#es .btn-es-twitter { color: #fff!important; background-color: #1381da!important; border-color: #0487b8!important } #es .btn-es-twitter.active.focus,#es .btn-es-twitter.active:focus,#es .btn-es-twitter.active:hover,#es .btn-es-twitter:active.focus,#es .btn-es-twitter:active:focus,#es .btn-es-twitter:active:hover,.open>.dropdown-toggle#es .btn-es-twitter.focus,.open>.dropdown-toggle#es .btn-es-twitter:focus,.open>.dropdown-toggle#es .btn-es-twitter:hover { color: #fff!important; background-color: #106eb9!important; border-color: #025777!important } #es .btn-es-twitter.active,#es .btn-es-twitter:active,.open>.dropdown-toggle#es .btn-es-twitter { background-image: none!important } #es .btn-es-twitter.disabled,#es .btn-es-twitter.disabled.active,#es .btn-es-twitter.disabled.focus,#es .btn-es-twitter.disabled:active,#es .btn-es-twitter.disabled:focus,#es .btn-es-twitter.disabled:hover,#es .btn-es-twitter[disabled],#es .btn-es-twitter[disabled].active,#es .btn-es-twitter[disabled].focus,#es .btn-es-twitter[disabled]:active,#es .btn-es-twitter[disabled]:focus,#es .btn-es-twitter[disabled]:hover,fieldset[disabled] #es .btn-es-twitter,fieldset[disabled] #es .btn-es-twitter.active,fieldset[disabled] #es .btn-es-twitter.focus,fieldset[disabled] #es .btn-es-twitter:active,fieldset[disabled] #es .btn-es-twitter:focus,fieldset[disabled] #es .btn-es-twitter:hover { background-color: #339aed!important; border-color: #05b3f4!important } #es .btn-es-twitter .badge { color: #339aed!important; background-color: #fff!important } #es .btn-es-linkedin { color: #fff!important; background-color: #6cb3d3!important; border-color: #4b97c3!important } #es .btn-es-linkedin.focus,#es .btn-es-linkedin:focus { color: #fff!important; background-color: #459fc7!important; border-color: #24516b!important } #es .btn-es-linkedin.active,#es .btn-es-linkedin:active,#es .btn-es-linkedin:hover,.open>.dropdown-toggle#es .btn-es-linkedin { color: #fff!important; background-color: #459fc7!important; border-color: #34769d!important } #es .btn-es-linkedin.active.focus,#es .btn-es-linkedin.active:focus,#es .btn-es-linkedin.active:hover,#es .btn-es-linkedin:active.focus,#es .btn-es-linkedin:active:focus,#es .btn-es-linkedin:active:hover,.open>.dropdown-toggle#es .btn-es-linkedin.focus,.open>.dropdown-toggle#es .btn-es-linkedin:focus,.open>.dropdown-toggle#es .btn-es-linkedin:hover { color: #fff!important; background-color: #368cb3!important; border-color: #24516b!important } #es .btn-es-linkedin.active,#es .btn-es-linkedin:active,.open>.dropdown-toggle#es .btn-es-linkedin { background-image: none!important } #es .btn-es-linkedin.disabled,#es .btn-es-linkedin.disabled.active,#es .btn-es-linkedin.disabled.focus,#es .btn-es-linkedin.disabled:active,#es .btn-es-linkedin.disabled:focus,#es .btn-es-linkedin.disabled:hover,#es .btn-es-linkedin[disabled],#es .btn-es-linkedin[disabled].active,#es .btn-es-linkedin[disabled].focus,#es .btn-es-linkedin[disabled]:active,#es .btn-es-linkedin[disabled]:focus,#es .btn-es-linkedin[disabled]:hover,fieldset[disabled] #es .btn-es-linkedin,fieldset[disabled] #es .btn-es-linkedin.active,fieldset[disabled] #es .btn-es-linkedin.focus,fieldset[disabled] #es .btn-es-linkedin:active,fieldset[disabled] #es .btn-es-linkedin:focus,fieldset[disabled] #es .btn-es-linkedin:hover { background-color: #6cb3d3!important; border-color: #4b97c3!important } #es .btn-es-linkedin .badge { color: #6cb3d3!important; background-color: #fff!important } #es .btn.is-loading { color: transparent!important; position: relative; cursor: default; text-shadow: none!important; opacity: 1; pointer-events: auto; -webkit-transition: all 0 linear,opacity .1s ease; transition: all 0 linear,opacity .1s ease } #es .btn.is-loading:before { border-radius: 500rem; border: .2em solid rgba(0,0,0,.1) } #es .btn.is-loading:after,#es .btn.is-loading:before { position: absolute; content: ""; top: 50%; left: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px } #es .btn.is-loading:after { -webkit-animation: btn-spin .6s linear; animation: btn-spin .6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; box-shadow: 0 0 0 1px transparent; border: .2em solid transparent; border-top-color: #767676 } @keyframes btn-spin { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -o-transform: rotate(1turn); transform: rotate(1turn) } } #es .o-nav { list-style: none; margin: 0; padding: 0 } #es .o-nav:after,#es .o-nav:before { content: " "; display: table } #es .o-nav:after { clear: both } #es .o-nav__item,#es .o-nav__link { display: inline-block; *display: inline; zoom:1;outline: 0!important } #es .o-nav__item::-moz-focus-inner,#es .o-nav__link::-moz-focus-inner { border: 0!important } #es .o-nav--stacked .o-nav__item { display: list-item } #es .o-nav--stacked .o-nav__link { display: block } #es .o-nav--banner { text-align: center } #es .o-nav--block { line-height: 1; white-space: nowrap; font-size: 0 } #es .o-nav--block .o-nav__item { letter-spacing: normal; word-spacing: normal } #es .o-nav--block .o-nav__link { padding: 4px; font-size: 13px } #es.is-mobile .o-nav-block { white-space: wrap } #es .o-nav--fit { display: table; width: 100% } #es .o-nav--fit .o-nav__item { display: table-cell } #es .o-nav--fit .o-nav__link { display: block } #es .o-nav--keywords>li:after { content: "\002C" "\00A0" } #es .o-nav--keywords>li:last-child:after { display: none } #es .o-label { display: inline; padding: .2em .6em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: .25em } #es .o-label+.o-label { margin-left: 2px } #es .o-label:empty { display: none } .btn #es .o-label { position: relative; top: -1px } #es .o-label--default,#es .o-label--inverse { background-color: #777!important } #es .o-label--default[href]:focus,#es .o-label--default[href]:hover,#es .o-label--inverse[href]:focus,#es .o-label--inverse[href]:hover { background-color: #5e5e5e!important } #es .o-label--primary { background-color: #4a90e2!important } #es .o-label--primary[href]:focus,#es .o-label--primary[href]:hover { background-color: #2275d7!important } #es .o-label--success { background-color: #4fc251!important } #es .o-label--success[href]:focus,#es .o-label--success[href]:hover { background-color: #39a53b!important } #es .o-label--info { background-color: #5bc0de!important } #es .o-label--info[href]:focus,#es .o-label--info[href]:hover { background-color: #31b0d5!important } #es .o-label--warning { background-color: #ec971f!important } #es .o-label--warning[href]:focus,#es .o-label--warning[href]:hover { background-color: #c77c11!important } #es .o-label--danger,#es .o-label--important { background-color: #f65b5b!important } #es .o-label--danger[href]:focus,#es .o-label--danger[href]:hover,#es .o-label--important[href]:focus,#es .o-label--important[href]:hover { background-color: #f32b2b!important } #es .o-label--default-o { color: #777!important; border: 1px solid #777!important } #es .o-label--default-o,#es .o-label--default-o[href]:focus,#es .o-label--default-o[href]:hover { background-color: #e2e2e2!important } #es .o-label--clean-o { background-color: #fff; color: #888; border: 1px solid #888 } #es .o-label--primary-o { color: #4a90e2!important; border: 1px solid #4a90e2!important } #es .o-label--primary-o,#es .o-label--primary-o[href]:focus,#es .o-label--primary-o[href]:hover { background-color: #fff!important } #es .o-label--success-o { color: #4fc251!important; border: 1px solid #4fc251!important } #es .o-label--success-o,#es .o-label--success-o[href]:focus,#es .o-label--success-o[href]:hover { background-color: #eef9ee!important } #es .o-label--info-o { color: #5bc0de!important; border: 1px solid #5bc0de!important } #es .o-label--info-o,#es .o-label--info-o[href]:focus,#es .o-label--info-o[href]:hover { background-color: #fff!important } #es .o-label--warning-o { color: #ec971f!important; border: 1px solid #ec971f!important } #es .o-label--warning-o,#es .o-label--warning-o[href]:focus,#es .o-label--warning-o[href]:hover { background-color: #fdf3e4!important } #es .o-label--danger-o { color: #f65b5b!important; border: 1px solid #f65b5b!important } #es .o-label--danger-o,#es .o-label--danger-o[href]:focus,#es .o-label--danger-o[href]:hover { background-color: #fff!important } #es .o-alert { padding: 8px 16px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 3px; text-shadow: none; position: relative; overflow: hidden; font-size: 12px } #es .o-alert h4 { margin-top: 0; color: inherit } #es .o-alert .o-alert-link { font-weight: 700 } #es .o-alert>p,#es .o-alert>ul { margin-bottom: 0 } #es .o-alert>p+p { margin-top: 5px } #es .o-alert--icon:before { position: absolute; top: -8px; left: 0; font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 72px; line-height: 1; opacity: .1; content: "\f00c" } #es .o-alert__close { color: #000; float: right; font-size: 18px; font-weight: 700; line-height: 1; opacity: .3; text-shadow: 0 1px 0 #fff } #es button.o-alert__close { background: transparent none repeat scroll 0 0; border: 0; cursor: pointer; padding: 0 } #es .o-alert--dismissible { padding-right: 35px } #es .o-alert--dismissible .o-alert__close { position: relative; top: -2px; right: -21px; color: inherit } #es .o-alert--success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d } #es .o-alert--success hr { border-top-color: #c9e2b3 } #es .o-alert--success .alert-link { color: #2b542c } #es .o-alert--success.o-alert--icon:before { color: #3c763d; content: "\f00c" } #es .o-alert--info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f } #es .o-alert--info hr { border-top-color: #a6e1ec } #es .o-alert--info .alert-link { color: #245269 } #es .o-alert--info.o-alert--icon:before { color: #31708f; content: "\f1cd" } #es .o-alert--warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b } #es .o-alert--warning hr { border-top-color: #f7e1b5 } #es .o-alert--warning .alert-link { color: #66512c } #es .o-alert--warning.o-alert--icon:before { color: #8a6d3b; content: "\f071" } #es .o-alert--danger,#es .o-alert--error { background-color: #f2dede; border-color: #ebccd1; color: #fc595b } #es .o-alert--danger hr,#es .o-alert--error hr { border-top-color: #e4b9c0 } #es .o-alert--danger .alert-link,#es .o-alert--error .alert-link { color: #fb272a } #es .o-alert--danger.o-alert--icon:before,#es .o-alert--error.o-alert--icon:before { color: #fc595b; content: "\f0e7"; left: 8px } #es .o-avatar-status { position: relative; display: inline-block } #es .o-avatar-status__indicator { position: absolute; top: -4px; right: -6px; width: 12px; height: 12px; border-radius: 50%; background-color: #4fc251; border: 2px solid #fff } #es .o-avatar-status.is-offline .o-avatar-status__indicator { background-color: #f65b5b } #es .o-avatar-status--rounded { border-radius: 50% } #es .o-avatar-action { position: relative; display: inline-block } #es .o-avatar-action__remove-tag { position: absolute; top: -4px; right: -4px; line-height: 1; z-index: 2 } #es .o-avatar-action__remove-tag>a { width: 16px; height: 16px; line-height: 16px; color: #fff; background: #f65b5b; border-radius: 50%; text-align: center; display: inline-block } #es .o-avatar-action__remove-tag>a i { line-height: inherit; display: inline-block; vertical-align: top; font-size: 9px; width: 16px; height: 16px; text-align: center } #es .o-avatar { display: inline-block; border-radius: 2px; vertical-align: middle; overflow: hidden; padding: 0; margin: 0; width: 35px; height: 35px; line-height: 35px; font-size: 20px } #es .o-avatar img { display: block; max-width: none; width: 100%; height: 100%; image-rendering: optimizeQuality; border-radius: 2px } #es .o-avatar--xs { width: 16px; height: 16px; line-height: 16px; font-size: 8px } #es .o-avatar--sm { width: 24px; height: 24px; line-height: 24px; font-size: 12px } #es .o-avatar--md { width: 32px; height: 32px; line-height: 32px; font-size: 16px } #es .o-avatar--lg { width: 64px; height: 64px; line-height: 64px; font-size: 32px } #es .o-avatar--xl { width: 120px; height: 120px; line-height: 120px; font-size: 60px } #es .o-avatar--rounded,#es .o-avatar--rounded img { border-radius: 50% } #es .o-avatar-list-unstyled { border: 0; margin: 0 } #es .o-avatar-list-unstyled img { width: 100%; height: 100% } #es .o-avatar--inset { border: 0; margin: 0 } #es .o-avatar--inset img { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3); box-shadow: inset 0 1px 2px rgba(0,0,0,.3); border-radius: 3px } #es [class*=" o-avatar-border"],#es [class^=o-avatar-border] { background-color: #e1e1e1 } #es [class*=" o-avatar-border"]:hover,#es [class^=o-avatar-border]:hover { background-color: #c8c8c8 } #es .o-avatar-border--sm { padding: 1px } #es .o-avatar-border--md { padding: 2px } #es .o-avatar-border--lg { padding: 4px } #es .o-avatar-list__item { display: inline-block; margin-right: 8px; margin-bottom: 8px } #es .o-avatar--text { border-radius: 3px; color: #fff; text-align: center } #es .o-avatar--bg-1,#es .o-avatar--bg-1:hover { background-color: #ffcdd2 } #es .o-avatar--bg-2,#es .o-avatar--bg-2:hover { background-color: #e1bee7 } #es .o-avatar--bg-3,#es .o-avatar--bg-3:hover { background-color: #bbdefb } #es .o-avatar--bg-4,#es .o-avatar--bg-4:hover { background-color: #b2dfdb } #es .o-avatar--bg-5,#es .o-avatar--bg-5:hover { background-color: #ffcc80 } #es .o-avatar-group-1 { width: 50px; height: 50px; font-size: 0 } #es .o-avatar-group-1>div { float: left; overflow: hidden; position: relative; border-radius: 50% } #es .o-avatar-group-1>div:first-child { width: 50px; height: 50px } #es .o-avatar-group-1>div:first-child img { max-width: 50px; width: 50px; height: 50px } #es .o-avatar-group-1>div .o-avatar { border-radius: 0; width: 50px; height: 50px; line-height: 50px } #es .o-avatar-group-2 { width: 50px; height: 50px; font-size: 0 } #es .o-avatar-group-2>div { float: left; overflow: hidden; position: relative; width: 25px } #es .o-avatar-group-2>div img { max-width: 50px; width: 50px; height: 50px; margin-left: -12px } #es .o-avatar-group-2>div .o-avatar { border-radius: 0; width: 25px; height: 50px; line-height: 50px } #es .o-avatar-group-3 { width: 50px; height: 50px; font-size: 0 } #es .o-avatar-group-3>div { float: left; overflow: hidden; position: relative } #es .o-avatar-group-3>div .o-avatar { border-radius: 0 } #es .o-avatar-group-3>div:first-child { width: 33px; height: 50px } #es .o-avatar-group-3>div:first-child img { max-width: 50px; width: 50px; height: 50px; margin-left: -8px } #es .o-avatar-group-3>div:first-child .o-avatar { height: 50px } #es .o-avatar-group-3>div:first-child .o-avatar:first-child { width: 33px; line-height: 50px } #es .o-avatar-group-3>div:not(:first-child) { width: 17px } #es .o-avatar-group-3>div:not(:first-child) .o-avatar { width: 17px; font-size: 12px; height: 25px; line-height: 24px } #es .o-avatar-group-3>div:not(:first-child) img { max-width: 25px; width: 25px; height: 25px; margin-left: -4px } #es .o-avatar--profile { width: 100%; height: 100%; font-size: 3.4em; line-height: 2.4em; border-radius: 0 } #es.is-mobile .o-avatar--profile { font-size: 3em; line-height: 2em } #es .o-flag { display: table; width: 100% } #es .o-flag__body,#es .o-flag__image { display: table-cell; vertical-align: middle } #es .o-flag--top { vertical-align: top } #es .o-flag--bottom { vertical-align: bottom } #es .o-flag__image { padding-right: 8px; width: 1% } #es .o-flag__image>img { display: block; max-width: none } #es .o-flag--rev .o-flag__image { padding-right: 0; padding-left: 8px } #es .o-flag__body { width: 100% } #es .o-flag-list .o-flag { margin-bottom: 16px } #es .o-media { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center } #es .o-media--top { -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start } #es .o-media--bottom { -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end } #es .o-media--rev .o-media__image { margin-left: 8px; margin-right: 0; -webkit-order: 2; -ms-order: 2; order: 2 } #es .o-media__body--text-overflow { overflow: hidden; text-overflow: ellipsis } #es .o-media__image { margin-right: 8px } #es .o-media__body { -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0 } #es.popbox { position: absolute; top: 0; z-index: 10020; width: auto; background: #fff; border: 1px solid #e1e1e1; border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); white-space: normal; text-align: left!important; line-height: 1.5 } #es.popbox .arrow,#es.popbox .arrow:after { position: absolute; display: inline-block; border-color: transparent; border-style: solid } #es.popbox .arrow:after { content: ""; z-index: -1 } #es.popbox.top .arrow { bottom: -6px; left: 50%; margin-left: -6px; border-width: 6px 6px 0; border-top-color: #fff } #es.popbox.top .arrow:after { border-width: 7px 7px 0; border-top-color: #e1e1e1; bottom: -1px; left: -7px; margin: 0 } #es.popbox.top-left .arrow { bottom: -6px; left: 50%; margin-left: -6px; border-width: 6px 6px 0; border-top-color: #fff } #es.popbox.top-left .arrow:after { border-width: 7px 7px 0; border-top-color: #e1e1e1; bottom: -1px; left: -7px; margin: 0 } #es.popbox.top-left .arrow { left: 0; right: auto; margin-left: 6px; margin-right: auto } #es.popbox.top-right .arrow { bottom: -6px; left: 50%; margin-left: -6px; border-width: 6px 6px 0; border-top-color: #fff } #es.popbox.top-right .arrow:after { border-width: 7px 7px 0; border-top-color: #e1e1e1; bottom: -1px; left: -7px; margin: 0 } #es.popbox.top-right .arrow { left: auto; right: 0; margin-left: auto; margin-right: 6px } #es.popbox.bottom .arrow { top: -6px; left: 50%; margin-left: -6px; border-width: 0 6px 6px; border-bottom-color: #fff } #es.popbox.bottom .arrow:after { border-width: 0 7px 7px; border-bottom-color: #e1e1e1; top: -1px; left: -7px; margin: 0 } #es.popbox.bottom-left .arrow { top: -6px; left: 50%; margin-left: -6px; border-width: 0 6px 6px; border-bottom-color: #fff } #es.popbox.bottom-left .arrow:after { border-width: 0 7px 7px; border-bottom-color: #e1e1e1; top: -1px; left: -7px; margin: 0 } #es.popbox.bottom-left .arrow { left: 0; right: auto; margin-left: 6px; margin-right: auto } #es.popbox.bottom-right .arrow { top: -6px; left: 50%; margin-left: -6px; border-width: 0 6px 6px; border-bottom-color: #fff } #es.popbox.bottom-right .arrow:after { border-width: 0 7px 7px; border-bottom-color: #e1e1e1; top: -1px; left: -7px; margin: 0 } #es.popbox.bottom-right .arrow { left: auto; right: 0; margin-left: auto; margin-right: 6px } #es.popbox.left .arrow { top: 50%; right: -6px; margin-top: -6px; border-width: 6px 0 6px 6px; border-left-color: #fff } #es.popbox.left .arrow:after { border-width: 7px 0 7px 7px; border-left-color: #e1e1e1; bottom: -7px; right: -1px } #es.popbox.left-top .arrow { top: 50%; right: -6px; margin-top: -6px; border-width: 6px 0 6px 6px; border-left-color: #fff } #es.popbox.left-top .arrow:after { border-width: 7px 0 7px 7px; border-left-color: #e1e1e1; bottom: -7px; right: -1px } #es.popbox.left-top .arrow { top: 0; margin-top: 6px; margin-bottom: auto } #es.popbox.left-bottom .arrow { top: 50%; right: -6px; margin-top: -6px; border-width: 6px 0 6px 6px; border-left-color: #fff } #es.popbox.left-bottom .arrow:after { border-width: 7px 0 7px 7px; border-left-color: #e1e1e1; bottom: -7px; right: -1px } #es.popbox.left-bottom .arrow { top: auto; bottom: 0; margin-top: auto; margin-bottom: 6px } #es.popbox.right .arrow { top: 50%; left: -6px; margin-top: -6px; border-width: 6px 6px 6px 0; border-right-color: #fff } #es.popbox.right .arrow:after { border-width: 7px 7px 7px 0; border-right-color: #e1e1e1; bottom: -7px; left: -1px } #es.popbox.right-top .arrow { top: 50%; left: -6px; margin-top: -6px; border-width: 6px 6px 6px 0; border-right-color: #fff } #es.popbox.right-top .arrow:after { border-width: 7px 7px 7px 0; border-right-color: #e1e1e1; bottom: -7px; left: -1px } #es.popbox.right-top .arrow { top: 0; margin-top: 6px; margin-bottom: auto } #es.popbox.right-bottom .arrow { top: 50%; left: -6px; margin-top: -6px; border-width: 6px 6px 6px 0; border-right-color: #fff } #es.popbox.right-bottom .arrow:after { border-width: 7px 7px 7px 0; border-right-color: #e1e1e1; bottom: -7px; left: -1px } #es.popbox.right-bottom .arrow { top: auto; bottom: 0; margin-top: auto; margin-bottom: 6px } #es.popbox .popbox-header { border-bottom: 1px solid #f2f2f2; padding: 5px 15px; font-size: 11px } #es.popbox .popbox-header:after,#es.popbox .popbox-header:before { content: " "; display: table } #es.popbox .popbox-header:after { clear: both } #es.popbox .popbox-header .es-title { font-weight: 700; float: left } #es.popbox .popbox-header .es-action { float: right } #es.popbox .popbox-header__mobile-close { display: none; float: right; color: #444 } #es.is-mobile .popbox-header__mobile-close { display: inline-block } #es .o-pagination-wrap { line-height: 1; font-size: 13px; clear: both; width: 100%; margin-top: 16px; text-align: center } #es .o-pagination { display: inline-block; padding-left: 0; margin: 0; border-radius: 3px } #es .o-pagination>li { display: inline } #es .o-pagination>li>a,#es .o-pagination>li>span { position: relative; float: left; padding: 6px 12px; line-height: 1.59; text-decoration: none; color: #888; background-color: #fff; border: 1px solid #e1e1e1; margin-left: -1px } #es .o-pagination>li:first-child>a,#es .o-pagination>li:first-child>span { margin-left: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px } #es .o-pagination>li:last-child>a,#es .o-pagination>li:last-child>span { border-bottom-right-radius: 3px; border-top-right-radius: 3px } #es .o-pagination>li>a:focus,#es .o-pagination>li>a:hover,#es .o-pagination>li>span:focus,#es .o-pagination>li>span:hover { z-index: 3; color: #444; background-color: #eee; border-color: #e1e1e1 } #es .o-pagination>.active>a,#es .o-pagination>.active>a:focus,#es .o-pagination>.active>a:hover,#es .o-pagination>.active>span,#es .o-pagination>.active>span:focus,#es .o-pagination>.active>span:hover { z-index: 2; color: #888; background-color: #f5f5f5; border-color: #e1e1e1; cursor: default } #es .o-pagination>.disabled>a,#es .o-pagination>.disabled>a:focus,#es .o-pagination>.disabled>a:hover,#es .o-pagination>.disabled>span,#es .o-pagination>.disabled>span:focus,#es .o-pagination>.disabled>span:hover { color: #888; background-color: #fff; border-color: #e1e1e1; cursor: default } #es.tooltip { position: absolute; z-index: 1070; display: block; font-family: Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.59; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 11px; width: auto!important; height: auto!important; background-color: transparent!important; border: 0!important; opacity: 0; filter: alpha(opacity=0) } #es.tooltip.in { opacity: 1; filter: alpha(opacity=10000) } #es.tooltip.top { margin-top: -3px; padding: 5px 0!important } #es.tooltip.right { margin-left: 3px; padding: 0 5px!important } #es.tooltip.bottom { margin-top: 3px; padding: 5px 0!important } #es.tooltip.left { margin-left: -3px; padding: 0 5px!important } #es .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 3px } #es .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } #es.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } #es.tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } #es.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } #es.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } #es.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } #es.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } #es.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } #es.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } #es .o-checkbox { padding-left: 16px; margin-top: 8px; margin-bottom: 8px; font-size: 13px } #es .o-checkbox label { display: block; position: relative; padding: 0 0 0 4px; font-weight: 400; font-size: inherit; line-height: 1.5; margin: 0 } #es .o-checkbox label:before { content: ""; border: 1px solid #ddd; border-radius: 2px; background-color: #fff } #es .o-checkbox label:after,#es .o-checkbox label:before { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -16px; cursor: pointer } #es .o-checkbox label:after { line-height: 16px; padding-left: 2px; padding-top: 0; font-size: 13px; color: #fff } #es .o-checkbox input[type=checkbox] { display: none } #es .o-checkbox input[type=checkbox]:checked+label:before { background-color: #4a90e2; border-color: #4a90e2; text-decoration: none } #es .o-checkbox input[type=checkbox]:checked+label:after { font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f00c"; color: #fff; text-decoration: none } #es .o-checkbox input[type=checkbox]:disabled+label { cursor: not-allowed } #es .o-checkbox input[type=checkbox]:disabled+label:before { background-color: #f5f5f5; cursor: not-allowed } #es .o-checkbox input[type=checkbox]:disabled+label:after { color: #4a90e2 } #es .o-checkbox--sm label { font-size: 13px } #es .o-checkbox--inline { display: inline-block; margin-right: 8px } #es .o-checkbox--inline label { display: inline-block } #es .has-error .o-checkbox label:before { border: 1px solid #fc595b!important } #es .o-radio { padding-left: 16px; margin-top: 8px; margin-bottom: 8px; font-size: 13px } #es .o-radio label { display: block; position: relative; padding: 0 0 0 5px; font-weight: 400; font-size: inherit; line-height: 1.5; margin: 0; cursor: pointer } #es .o-radio label:before { width: 16px; height: 16px; left: 0; top: 0; margin-left: -16px; border: 1px solid #ccc; border-radius: 50% } #es .o-radio label:after,#es .o-radio label:before { content: ""; display: inline-block; position: absolute; background-color: #fff; cursor: pointer } #es .o-radio label:after { width: 8px; height: 8px; line-height: 16px; left: -12px; top: 4px; border-radius: 50% } #es .o-radio input[type=radio] { display: none } #es .o-radio input[type=radio]:checked+label:before { background-color: #4a90e2; border-color: #4a90e2 } #es .o-radio input[type=radio]:checked+label:after { font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; display: inline-block; text-decoration: inherit } #es .o-radio input[type=radio]:disabled+label { cursor: not-allowed } #es .o-radio input[type=radio]:disabled+label:before { cursor: not-allowed; background-color: #fff } #es .o-radio input[type=radio]:disabled+label:after { cursor: not-allowed } #es .o-radio--sm label { font-size: 13px } #es .o-radio--inline { display: inline-block; margin-right: 8px } #es .o-radio--inline label { display: inline-block } #es .o-tabs { margin: 0; padding: 0; list-style: none; display: table; table-layout: fixed; width: 100%; text-align: center; font-size: 13px } #es .o-tabs__item { display: table-cell; position: relative } #es .o-tabs__item.has-notice .o-tabs__bubble,#es .o-tabs__item:hover .o-tabs__link-edit { display: inline-block } #es .o-tabs__item.error .o-tabs__link { border-right: 2px solid #f65b5b; color: #f65b5b } #es .o-tabs__link-edit { display: none } #es .o-tabs__link { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #888; outline: 0!important } #es .o-tabs__link::-moz-focus-inner { border: 0!important } #es .o-tabs__toggle-submenu { position: absolute; top: 2px; right: 40px; padding: 0 2px } #es .o-tabs__bubble,#es .o-tabs__link-edit { position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } #es .o-tabs__bubble { background-color: #ededed; border-radius: 2px; color: #888; display: none; font-size: 11px; font-weight: 700; line-height: 1; min-width: 10px; padding: 3px 7px; text-align: center; vertical-align: middle; white-space: nowrap } #es .o-tabs--horizontal { border-bottom: 1px solid #e1e1e1 } #es .o-tabs--horizontal .o-tabs__item { color: #888; border-bottom: 2px solid transparent; position: relative; bottom: -2px } #es .o-tabs--horizontal .o-tabs__item .o-tabs__link:hover { border-bottom: 2px solid #f5f5f5 } #es .o-tabs--horizontal .o-tabs__item.active .o-tabs__link { color: #444; border-bottom: 2px solid #4a90e2; background-color: #f5f5f5 } #es .o-tabs--horizontal .o-tabs__link { display: block; color: #888; padding: 2px 0 } #es .o-tabs--horizontal .o-tabs__link:hover { background-color: #f5f5f5 } #es .o-tabs--horizontal-flat { border: 1px solid #e1e1e1 } #es .o-tabs--horizontal-flat .o-tabs__item { color: #888; border-right: 1px solid #e1e1e1; position: relative } #es .o-tabs--horizontal-flat .o-tabs__item.active .o-tabs__link { color: #4a90e2 } #es .o-tabs--horizontal-flat .o-tabs__item:last-child { border-right: 0 } #es .o-tabs--horizontal-flat .o-tabs__link { display: block; font-weight: 700; color: #888; padding: 8px 0; background-color: #fff } #es .o-tabs--horizontal-flat .o-tabs__link:hover { background-color: #f5f5f5 } #es .o-tabs--stacked .o-tabs__item { display: block; text-align: left; color: #888; border-right: 2px solid transparent; position: relative } #es .o-tabs--stacked .o-tabs__item.active>.o-tabs__link { color: #444; border-right: 2px solid #4a90e2; background-color: #f5f5f5 } #es .o-tabs--stacked .o-tabs__link { display: block; color: #888; padding: 2px 0 } #es .o-tabs--stacked .o-tabs__link:hover { background-color: #f5f5f5 } #es .o-tabs--stacked-o .o-tabs__item { position: relative; display: block; text-align: left; color: #888 } #es .o-tabs--stacked-o .o-tabs__item+.o-tabs__item { margin-top: 4px } #es .o-tabs--stacked-o .o-tabs__item:before { content: ""; position: absolute; display: block; width: 16px; height: 16px; background: #f5f5f5; border-radius: 50%; top: 50%; margin-top: -8px } #es .o-tabs--stacked-o .o-tabs__item.active:before { background: #d3f1d7 } #es .o-tabs--stacked-o .o-tabs__link { padding: 2px 0 2px 20px; font-size: 13px } #es .o-tabs--stacked-o .active .o-tabs__link { color: #444 } #es .o-tabs--stacked-o .o-tabs__item.is-loading .o-tabs__bubble,#es .o-tabs--stacked-o .o-tabs__item.is-loading .o-tabs__link-edit,#es .o-tabs--stacked .o-tabs__item.is-loading .o-tabs__bubble,#es .o-tabs--stacked .o-tabs__item.is-loading .o-tabs__link-edit { display: none } #es .o-tabs--stacked-o .o-tabs__item.is-loading .o-loader,#es .o-tabs--stacked .o-tabs__item.is-loading .o-loader { position: absolute; left: auto; right: 4px } #es .has-notice .o-tabs__link { padding-right: 40px } #es .o-tabs--stacked-app .o-tabs__item { position: relative; display: block; text-align: left; color: #888 } #es .o-tabs--stacked-app .o-tabs__item+.o-tabs__item { margin-top: 4px } #es .o-tabs--stacked-app .o-tabs__item.active .o-tabs__link { color: #444 } #es .o-tabs--stacked-app .o-tabs__link { padding: 4px 0 4px 20px } #es .o-tabs--stacked-app__icon { display: inline-block; width: 16px; height: 16px; line-height: 18px; text-align: center; font-size: 11px; border-radius: 50%; color: #fff; position: absolute; top: 50%; margin-top: -8px } #es .o-tabs--es { width: auto; border-collapse: separate; border-spacing: 0 8px } #es .o-tabs--es .o-tabs__item { color: #888; margin: 0 8px; padding: 0 8px } #es .o-tabs--es .o-tabs__link { color: #888; padding: 0 4px; outline: 0!important } #es .o-tabs--es .o-tabs__link::-moz-focus-inner { border: 0!important } #es .o-tabs--es .active { font-weight: 700 } #es .o-tabs--es .active .o-tabs__link { color: #444; border-bottom: 2px solid #4a90e2 } #es.is-mobile .o-tabs--ed { width: 100% } #es .tab-content>.tab-pane,#es .tab-content__item { display: none } #es .tab-content>.active,#es .tab-content>.is-active { display: block } #es .dl-menu-wrapper { position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; overflow: hidden; -webkit-transform: perspective(1px) scale(1); -moz-transform: perspective(1px) scale(1); -o-transform: perspective(1px) scale(1); transform: perspective(1px) scale(1) } #es .o-tabs--dlmenu { margin: 5px 0 0; position: relative; width: 100%; opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 0; list-style: none } #es .o-tabs--dlmenu .dl-submenu { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } #es .o-tabs--dlmenu li { position: relative } #es .o-tabs--dlmenu.dl-subview li,#es .o-tabs--dlmenu.dl-subview li.dl-subview .o-tabs__bubble,#es .o-tabs--dlmenu.dl-subview li.dl-subview>a,#es .o-tabs--dlmenu.dl-subview li.dl-subviewopen>.o-tabs__bubble,#es .o-tabs--dlmenu.dl-subview li.dl-subviewopen>a,#es .o-tabs--dlmenu li .dl-submenu { display: none } #es .o-tabs--dlmenu.dl-subview li.dl-subview,#es .o-tabs--dlmenu.dl-subview li.dl-subview .dl-submenu,#es .o-tabs--dlmenu.dl-subview li.dl-subviewopen,#es .o-tabs--dlmenu.dl-subview li.dl-subviewopen>.dl-submenu,#es .o-tabs--dlmenu.dl-subview li.dl-subviewopen>.dl-submenu .o-tabs__bubble,#es .o-tabs--dlmenu.dl-subview li.dl-subviewopen>.dl-submenu>li { display: block } #es .dl-menu-wrapper .dl-submenu { position: relative; width: 100%; left: 0; margin: 0 } #es .dl-menu-wrapper .dl-animate-in-1 .dl-submenu,#es .dl-menu-wrapper .dl-animate-out-1 .dl-submenu,#es .o-tabs--dlmenu.dl-animate-in-1,#es .o-tabs--dlmenu.dl-animate-out-1 { position: absolute } #es .o-tabs--dlmenu.dl-animate-out-1 { -webkit-animation: MenuAnimOut2 .3s ease-in-out; animation: MenuAnimOut2 .3s ease-in-out } @-webkit-keyframes MenuAnimOut2 { to { -webkit-transform: translateX(-100%); opacity: 0 } } @keyframes MenuAnimOut2 { to { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } } #es .o-tabs--dlmenu.dl-animate-in-1 { -webkit-animation: MenuAnimIn2 .3s ease-in-out; animation: MenuAnimIn2 .3s ease-in-out } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0 } to { -webkit-transform: translateX(0); opacity: 1 } } @keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } #es .dl-menu-wrapper>.dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn2 .3s ease-in-out; animation: SubMenuAnimIn2 .3s ease-in-out } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0 } to { -webkit-transform: translateX(0); opacity: 1 } } @keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } #es .dl-menu-wrapper>.dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut2 .3s ease-in-out; animation: SubMenuAnimOut2 .3s ease-in-out } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0); opacity: 1 } to { -webkit-transform: translateX(100%); opacity: 0 } } @keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } to { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0 } } #es .subPanel { display: none; -webkit-transition: .5s ease; -moz-transition: ease .5s; -o-transition: ease .5s; transition: .5s ease; overflow: hidden } #es .subPanel.isOpen { background-color: #fff; display: block; z-index: 10 } #es .o-switch { position: relative; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } #es .o-switch__checkbox { display: none } #es .o-switch__label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #e1e1e1; border-radius: 3px } #es .o-switch__inner { display: block; width: 200%; margin-left: -100%; transition: margin .3s ease-in 0 } #es .o-switch__inner:after,#es .o-switch__inner:before { display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px; font-size: 10px; color: #fff; font-family: Trebuchet,Arial,sans-serif; font-weight: 700; box-sizing: border-box } #es .o-switch__inner:before { content: ""; padding-left: 10px; background-color: #4fc251; color: #fff } #es .o-switch__inner:after { content: ""; padding-right: 10px; background-color: #f5f5f5; color: #e1e1e1; text-align: right } #es .o-switch__switch { display: block; width: 20px; height: 22px; margin: 0; background: #fff; position: absolute; top: 0; bottom: 0; right: 20px; border: 1px solid #e1e1e1; border-radius: 3px; transition: all .3s ease-in 0 } #es .o-switch__checkbox:checked+.o-switch__label .o-switch__inner { margin-left: 0 } #es .o-switch__checkbox:checked+.o-switch__label .o-switch__switch { right: 0 } #es .d1 .o-onoffswitch { position: relative; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin: 12px 0 16px } #es .d1 .o-onoffswitch__checkbox { display: none } #es .d1 .o-onoffswitch__label { display: block; overflow: hidden; cursor: pointer; height: 8px; padding: 0; line-height: 8px; border: 0 solid #fff; border-radius: 20px; background-color: #f5f5f5 } #es .d1 .o-onoffswitch__label:before { content: ""; display: block; width: 20px; margin: -6px; background: #888; position: absolute; top: 0; bottom: 0; right: 28px; border-radius: 20px; transition: right .2s ease-in 0 } #es .d1 .o-onoffswitch+.o-onoffswitch { margin-top: 20px } #es .d1 .o-onoffswitch__label .o-onoffswitch__checkbox:checked+.o-onoffswitch__label { background-color: #f5f5f5 } #es .d1 .o-onoffswitch__checkbox:checked+.o-onoffswitch__label,#es .d1 .o-onoffswitch__checkbox:checked+.o-onoffswitch__label:before { border-color: #f5f5f5 } #es .d1 .o-onoffswitch__checkbox:checked+.o-onoffswitch__label .o-onoffswitch__inner { margin-left: 0 } #es .d1 .o-onoffswitch__checkbox:checked+.o-onoffswitch__label:before { right: 0; background-color: #4fc251; transition: right .2s ease-in 0 } #es .o-onoffswitch { position: relative; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-top: 8px } #es .o-onoffswitch__checkbox { display: none } #es .o-onoffswitch__label { display: block; overflow: hidden; cursor: pointer; height: 16px; padding: 0; line-height: 16px; border: 2px solid #ccc; border-radius: 16px; background-color: #e6e6e6; transition: background-color .3s ease-in } #es .o-onoffswitch__label:before { content: ""; display: block; width: 16px; margin: 0; background: #fff; position: absolute; top: 0; bottom: 0; right: 24px; border: 2px solid #ccc; border-radius: 16px; transition: all .3s ease-in 0 } #es .o-onoffswitch__checkbox:checked+.o-onoffswitch__label { background-color: #4fc251 } #es .o-onoffswitch__checkbox:checked+.o-onoffswitch__label,#es .o-onoffswitch__checkbox:checked+.o-onoffswitch__label:before { border-color: #4fc251 } #es .o-onoffswitch__checkbox:checked+.o-onoffswitch__label:before { right: 0 } #es.o-popover--es { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.59; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; background-color: #fff; background-clip: padding-box; border: 1px solid #e1e1e1; border: 1px solid rgba(0,0,0,.2); border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); z-index: 20001 } #es.o-popover--es.top { margin-top: -10px } #es.o-popover--es.right { margin-left: 10px } #es.o-popover--es.bottom { margin-top: 10px } #es.o-popover--es.left { margin-left: -10px } #es.o-popover--es .popover-title { font-family: sans-serif!important; background-color: #f5f5f5!important; border-radius: 5px 5px 0 0!important; font-size: 12px!important; font-weight: 700!important; line-height: 14px!important; margin: 0!important; padding: 8px 14px!important; background: none repeat scroll 0 0 transparent; border: 1px solid transparent!important; font-weight: 700; line-height: 16px!important } #es.o-popover--es .popover-content { font-family: sans-serif!important; font-size: 11px!important; padding: 2px 14px!important; margin-bottom: 0!important } #es.o-popover--es .popover-content p { margin-top: 0; line-height: 16px!important } #es.o-popover--es .arrow,#es.o-popover--es .arrow:after { border-color: transparent!important; border-style: solid!important; display: inline-block!important; height: 0!important; position: absolute!important; width: 0!important } #es.o-popover--es>.arrow { border-width: 11px!important } #es.o-popover--es>.arrow:after { border-width: 10px!important; content: "" } #es.o-popover--es.top>.arrow { left: 50%!important; margin-left: -11px!important; border-bottom-width: 0!important; border-top-color: #aeaeae!important; border-top-color: rgba(0,0,0,.25)!important; bottom: -11px!important } #es.o-popover--es.top>.arrow:after { content: " "!important; bottom: 1px!important; margin-left: -10px!important; border-bottom-width: 0!important; border-top-color: #fff!important } #es.o-popover--es.right>.arrow { top: 50%!important; left: -11px!important; margin-top: -11px!important; border-left-width: 0!important; border-right-color: #aeaeae!important; border-right-color: rgba(0,0,0,.25)!important } #es.o-popover--es.right>.arrow:after { content: " "!important; left: 1px!important; bottom: -10px!important; border-left-width: 0!important; border-right-color: #fff!important } #es.o-popover--es.bottom>.arrow { left: 50%!important; margin-left: -11px!important; border-top-width: 0!important; border-bottom-color: #aeaeae!important; border-bottom-color: rgba(0,0,0,.25)!important; top: -11px!important } #es.o-popover--es.bottom>.arrow:after { content: " "!important; top: 1px!important; margin-left: -10px!important; border-top-width: 0!important; border-bottom-color: #fff!important } #es.o-popover--es.left>.arrow { top: 50%!important; right: -11px!important; margin-top: -11px!important; border-right-width: 0!important; border-left-color: #aeaeae!important; border-left-color: rgba(0,0,0,.25)!important } #es.o-popover--es.left>.arrow:after { content: " "!important; right: 1px!important; border-right-width: 0!important; border-left-color: #fff!important; bottom: -10px!important } #es .o-box { border: 1px solid #e1e1e1; border-radius: 3px } #es .o-box--border { border-top: 1px solid #e1e1e1 } #es .o-box>div { padding: 8px 16px } #es .o-box>div:after,#es .o-box>div:before { content: " "; display: table } #es .o-box>div:after { clear: both } #es .es-cover-title { margin: 5px 0; word-break: break-all } #es .es-title-font { font-family: inherit } #es .es-user-info { font-size: 13px } #es .es-user-name { word-break: break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-count-no { line-height: 16px; font-size: 9px; background: #e5e5e5; border: 1px solid #e1e1e1; border-radius: 2px 2px 2px 2px; color: #444; padding: 2px 4px } #es .es-hr { margin: 16px 0; border-top: 1px solid #e1e1e1 } #es .es-bg-shade { background-color: #f5f5f5 } #es .fa-rss-square { color: #e37126 } #es .es-snackbar .btn-rss { font-size: 12px; font-weight: 400 } #es .es-divider-top { border-top: 1px solid #e1e1e1 } #es .es-divider-bottom { border-bottom: 1px solid #e1e1e1 } #es .app-icon-small { width: 16px; height: 16px } #es .label-notification { background: #e16273; color: #fff!important; border: 0; border-radius: 8px; font-size: 9px; font-family: Arial,sans-serif; font-weight: 700; padding: 0 3px; line-height: 12px; display: none; min-width: 16px; width: auto; height: 16px; line-height: 16px; text-align: center } #es .has-notice .label-notification { display: block } #es .search-highlight { background: #ff9; color: #333; padding: 1px 3px } #es i { width: auto; height: auto } #es .article-item-actions:after,#es .article-item-actions:before,#es .article-item-meta:after,#es .article-item-meta:before,#es .blog-description:after,#es .blog-description:before,#es .es-modules-wrap:after,#es .es-modules-wrap:before,#es .stream-content:after,#es .stream-content:before,#es .stream-meta:after,#es .stream-meta:before,#es .widget-body:after,#es .widget-body:before,#es .widget-box:after,#es .widget-box:before { content: " "; display: table } #es .article-item-actions:after,#es .article-item-meta:after,#es .blog-description:after,#es .es-modules-wrap:after,#es .stream-content:after,#es .stream-meta:after,#es .widget-body:after,#es .widget-box:after { clear: both } #es .step-content { display: none } #es .step-content.active { display: block } #es .es-profile-data-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #e1e1e1; table-layout: auto; background-color: #fff; margin-bottom: 80px } #es .es-profile-data-table td,#es .es-profile-data-table tr { border: 1px solid transparent; vertical-align: top } #es .es-profile-data-table tbody>tr>td { border-top: 0 } #es .es-profile-data-table .profile-data-label { width: 250px; border-right: 0; border-bottom: 0 } #es .es-profile-data-table .profile-data-info { border-left: 0; padding-bottom: 16px } #es .es-profile-data-table .profile-data-info a { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es .es-profile-data-table thead { background-color: #fafafa } #es .es-profile-data-table thead th { padding: 8px 16px } #es .es-profile-data-table thead tr { border: 1px solid #e1e1e1 } #es .es-profile-data-table tbody>tr:last-child td { border-bottom: 1px solid #e1e1e1 } #es .es-profile-data-table td { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 8px 16px } #es .profile-data-info__data { border-bottom: 1px solid #e1e1e1; padding: 4px 0 8px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100% } #es .profile-data-info__content { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100% } #es.is-mobile .es-profile-data-table th,#es.is-mobile .es-profile-data-table tr { display: block } #es.is-mobile .es-profile-data-table td { border-left: 0; border-right: 0 } #es.is-mobile .es-profile-data-table thead>tr { border: 0 } #es.is-mobile .es-profile-data-table tbody>tr { border-top: 1px solid #e1e1e1 } #es.is-mobile .es-profile-data-table tbody>tr:last-child td { border-bottom: 0 } #es.is-mobile .profile-data-label { display: block; width: 100%; font-weight: 700; padding-bottom: 0 } #es.is-mobile .profile-data-info { display: block; width: 100%; padding-bottom: 8px } #es.is-mobile .profile-data-info__data { border-bottom: 0; padding: 0 } #es.is-mobile .es-rsvp-notice { width: 100%; padding: 20px; border-bottom: 0!important } #es .o-btn-group>.dropdown-menu { font-size: 13px } #es .i-chevron:before { border-style: solid; border-width: .1em .1em 0 0; content: ""; display: inline-block; width: .5em; height: .5em; position: relative; top: .45em; left: 0; vertical-align: top } #es .i-chevron.i-chevron--up:before { top: .5em; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } #es .i-chevron.i-chevron--right:before { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } #es .i-chevron.i-chevron--down:before { top: .25em; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } #es .i-chevron.i-chevron--left:before { left: .15em; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg) } #es .es-rsvp-notice { width: 240px; word-wrap: break-word; white-space: normal; padding: 0 8px } #es .es-blog-item,#es .es-rss-item { margin-bottom: 16px } #es .es-blog-item__title { font-size: 15px } #es .es-blog-item__meta a,#es .es-blog-item__meta span { color: #888; font-size: 12px } #es .es-blog-item+.es-blog-item { border-top: 1px solid #e1e1e1; padding-top: 16px } #es .es-discuss-group__title { font-size: 13px; font-weight: 700 } #es .es-discuss-group__meta a,#es .es-discuss-group__meta span { color: #888; font-size: 12px } #es .es-discuss-group+.es-discuss-group { border-top: 1px solid #e1e1e1; padding-top: 16px; margin-top: 8px } #es .es-discuss-item+.es-discuss-item { border-top: 1px dashed #e1e1e1; padding-top: 8px; margin-top: 8px } #es .es-discuss-link { vertical-align: text-top } #es .es-calendar-date { border: 1px solid #e1e1e1; border-radius: 2px; padding: 8px; text-align: center; width: 44px } #es .es-calendar-date__date { font-weight: 700; font-size: 13px; line-height: 13px } #es .es-calendar-date__mth { color: #f65b5b; font-size: 13px; line-height: 13px } #es .es-calendar-date__title { color: #444 } #es .dropdown-menu--rsvp>li.active a { position: relative } #es .dropdown-menu--rsvp>li.active a:after { content: "\f00c"; position: absolute; top: 0; right: 8px; font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 13px!important; color: #444!important; width: 20px!important; height: 20px!important; text-align: center!important } #es .row-table { display: table; width: 100% } #es .col-cell { display: table-cell; vertical-align: top; float: none!important } #es .col-cell.cell-mid { vertical-align: middle } #es .cell-half { width: 50% } #es .cell-tight { width: 1%; white-space: nowrap } #es .panel-go .col-cell { vertical-align: middle; padding: 30px 50px } #es .panel-go .col-cell+.col-cell { border-left: 1px solid #eee } #es .es-user-status-indicator { position: absolute; top: -4px; right: -6px; width: 12px; height: 12px; border-radius: 50%; background-color: #4fc251; border: 2px solid #fff } #es .es-user-status-indicator.is-offline { background-color: #f65b5b } #es .es-verified { color: #56b2fd; display: inline-block; font: normal normal 900 1em/1 Font Awesome\ 5 Free; font-size: 1em; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: .2em } #es .es-verified,#es .es-verified:before { text-shadow: none!important; position: relative } #es .es-verified:before { content: "\f058"; z-index: 2 } #es .es-verified:after { content: ""; width: .8em; height: .8em; background: #fff; border-radius: 50%; position: absolute; top: .1em; left: 0 } #es .es-debug-code { position: relative!important } #es .es-debug-code:hover { z-index: 9999!important } #es .es-debug-code__text { position: absolute!important; top: 0!important; color: #d9534f!important; background: #fff!important; padding: 2px 4px!important; font-family: Helvetica,Arial,sans-serif!important; border: 1px dashed #d7d7d7!important; font-size: 11px!important; z-index: 999!important; white-space: pre!important } #es .es-debug-code__text i { display: inline-block!important } #es [data-es-debug]:after,#es [data-es-debug]:before { -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; pointer-events: none; -webkit-transition: all .18s ease-out .18s; transition: all .18s ease-out .18s; bottom: 100%; left: 50%; position: absolute; z-index: 10; -webkit-transform: translate(-50%,10px); -ms-transform: translate(-50%,10px); transform: translate(-50%,10px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top } #es [data-es-debug]:after { background: rgba(17,17,17,.9); border-radius: 4px; color: #fff; content: attr(data-es-debug); font-size: 12px; padding: .5em 1em; white-space: pre; margin-bottom: 11px } #es [data-es-debug]:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; background-size: 100% auto; height: 6px; width: 18px; content: ""; margin-bottom: 5px } #es [data-es-debug]:hover:after,#es [data-es-debug]:hover:before,#es [data-es-debug][data-es-debug-visible]:after,#es [data-es-debug][data-es-debug-visible]:before { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; pointer-events: auto; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%) } #es [data-es-debug].font-awesome:after { font-family: Font Awesome\ 5 Free } #es [data-es-debug][data-es-debug-break]:after { white-space: pre } #es { font-size: 13px } #es.es-main { position: relative; display: inline-block; width: 100% } #es .es-container { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; width: 100%; position: relative; z-index: 1 } #es .es-container .es-content,#es .es-container .es-sidebar,#es .es-container__sidebar { position: relative } #es .es-container__sidebar { width: 240px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 0 0 240px; -ms-flex: 0 0 240px; flex: 0 0 240px; margin-right: 20px; min-width: 0 } #es .es-container__sidebar .btn-close-sidebar { display: none } #es .es-container__sidebar .es-modules-es-sidebar:not(:first-child) { margin-top: 16px } #es .es-container .es-content { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; height: 100%; min-width: 0 } #es .es-container .es-content>.loading-indicator { height: 100px; position: relative } #es .es-container.es-sidebar-right .es-container__sidebar { -webkit-order: 2; -ms-order: 2; order: 2; margin-left: 20px; margin-right: 0 } #es .es-container[data-achievements] .achievements-list,#es .es-container[data-conversations] .conversation-list,#es .es-container[data-friends] [data-friends-items],#es .es-container[data-profile-about] .profile-data-box,#es .es-notification-list { min-height: 450px } #es .btn-es-sidebar-toggle { display: none; width: 100%; margin-bottom: 8px; clear: both; position: relative } #es .es-dashboard .es-content>.loading-indicator,#es .es-profile .es-content>.loading-indicator { display: none } #es .es-dashboard.loading .es-content>.loading-indicator,#es .es-profile.loading .es-content>.loading-indicator { display: block } #es .es-content-wrap { position: relative } #es.is-mobile.es-main { height: 100% } #es.is-mobile .btn-es-sidebar-toggle { display: block } #es.is-mobile .es-container { display: block; position: relative; height: 100% } #es.is-mobile .es-container__sidebar { display: none } #es.is-mobile .es-container .es-content { clear: both; display: block; position: relative; min-height: 400px; left: 0; -webkit-transition: transform .3s cubic-bezier(.79,.14,.15,.86); -o-transition: transform .3s cubic-bezier(.79,.14,.15,.86); transition: transform .3s cubic-bezier(.79,.14,.15,.86) } #es.is-mobile .es-container .es-content:after,#es.is-mobile .es-container .es-content:before { content: " "; display: table } #es.is-mobile .es-container .es-content:after { clear: both } #es .es-photo-camera,#es .es-photo-camera-preview { background: #b3b3b3; border-radius: 2px; padding: 62px 0; text-align: center } #es .es-photo-camera *,#es .es-photo-camera-preview * { display: inline-block; vertical-align: top } #es .o-btn-group-sort .btn { font-size: 12px; padding-left: 10px; padding-right: 10px } #es .es-profile-edit-form { padding: 16px } #es .es-profile-edit-form .o-onoffswitch { margin: 8px auto 0 } #es.layout-edit .edit-form { min-height: 450px } #es.layout-edit .edit-form .yesno-list>li div.pull-left { max-width: 320px } #es.layout-edit .step-content { display: none } #es.layout-edit .step-content.active { display: block } #es.layout-edit .avatar-preview { display: block; width: 128px; height: 128px; position: relative; background: #f5f5f5; border-radius: 3px } #es.layout-edit .avatar-preview img { position: absolute } #es.layout-edit .avatar-preview .loading-indicator { position: absolute; left: 50%; margin-left: -25px; top: 20% } #es .es-forms__actions .o-form-actions { margin: 0 } #es .es-forms .es-location-form,#es .es-forms .es-location-map { border: 1px solid #e1e1e1 } #es .es-forms .es-location-map { border-bottom: 0 } #es .has-error .es-location-form.has-border,#es .has-error .es-location-map { border-color: #fc595b!important } #es table { background-color: transparent } #es caption { padding-top: 8px; padding-bottom: 8px; color: #777 } #es caption,#es th { text-align: left } #es .table { width: 100%; max-width: 100%; margin-bottom: 20px } #es .table>tbody>tr>td,#es .table>tbody>tr>th,#es .table>tfoot>tr>td,#es .table>tfoot>tr>th,#es .table>thead>tr>td,#es .table>thead>tr>th { padding: 8px; line-height: 1.59; vertical-align: top; border-top: 1px solid #ddd } #es .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd } #es .table>caption+thead>tr:first-child>td,#es .table>caption+thead>tr:first-child>th,#es .table>colgroup+thead>tr:first-child>td,#es .table>colgroup+thead>tr:first-child>th,#es .table>thead:first-child>tr:first-child>td,#es .table>thead:first-child>tr:first-child>th { border-top: 0 } #es .table>tbody+tbody { border-top: 2px solid #ddd } #es .table .table { background-color: #fff } #es .table-condensed>tbody>tr>td,#es .table-condensed>tbody>tr>th,#es .table-condensed>tfoot>tr>td,#es .table-condensed>tfoot>tr>th,#es .table-condensed>thead>tr>td,#es .table-condensed>thead>tr>th { padding: 5px } #es .table-bordered,#es .table-bordered>tbody>tr>td,#es .table-bordered>tbody>tr>th,#es .table-bordered>tfoot>tr>td,#es .table-bordered>tfoot>tr>th,#es .table-bordered>thead>tr>td,#es .table-bordered>thead>tr>th { border: 1px solid #ddd } #es .table-bordered>thead>tr>td,#es .table-bordered>thead>tr>th { border-bottom-width: 2px } #es .table-borderless>tbody>tr>td,#es .table-borderless>tbody>tr>th,#es .table-borderless>tfoot>tr>td,#es .table-borderless>tfoot>tr>th,#es .table-borderless>thead>tr>td,#es .table-borderless>thead>tr>th { padding: 8px; line-height: 1.59; vertical-align: top; border-top: 0 } #es .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9 } #es .table-hover>tbody>tr:hover { background-color: #f5f5f5 } #es table col[class*=col-] { position: static; float: none; display: table-column } #es table td[class*=col-],#es table th[class*=col-] { position: static; float: none; display: table-cell } #es .table>tbody>tr.active>td,#es .table>tbody>tr.active>th,#es .table>tbody>tr>td.active,#es .table>tbody>tr>th.active,#es .table>tfoot>tr.active>td,#es .table>tfoot>tr.active>th,#es .table>tfoot>tr>td.active,#es .table>tfoot>tr>th.active,#es .table>thead>tr.active>td,#es .table>thead>tr.active>th,#es .table>thead>tr>td.active,#es .table>thead>tr>th.active { background-color: #f5f5f5 } #es .table-hover>tbody>tr.active:hover>td,#es .table-hover>tbody>tr.active:hover>th,#es .table-hover>tbody>tr:hover>.active,#es .table-hover>tbody>tr>td.active:hover,#es .table-hover>tbody>tr>th.active:hover { background-color: #e8e8e8 } #es .table>tbody>tr.success>td,#es .table>tbody>tr.success>th,#es .table>tbody>tr>td.success,#es .table>tbody>tr>th.success,#es .table>tfoot>tr.success>td,#es .table>tfoot>tr.success>th,#es .table>tfoot>tr>td.success,#es .table>tfoot>tr>th.success,#es .table>thead>tr.success>td,#es .table>thead>tr.success>th,#es .table>thead>tr>td.success,#es .table>thead>tr>th.success { background-color: #dff0d8 } #es .table-hover>tbody>tr.success:hover>td,#es .table-hover>tbody>tr.success:hover>th,#es .table-hover>tbody>tr:hover>.success,#es .table-hover>tbody>tr>td.success:hover,#es .table-hover>tbody>tr>th.success:hover { background-color: #d0e9c6 } #es .table>tbody>tr.info>td,#es .table>tbody>tr.info>th,#es .table>tbody>tr>td.info,#es .table>tbody>tr>th.info,#es .table>tfoot>tr.info>td,#es .table>tfoot>tr.info>th,#es .table>tfoot>tr>td.info,#es .table>tfoot>tr>th.info,#es .table>thead>tr.info>td,#es .table>thead>tr.info>th,#es .table>thead>tr>td.info,#es .table>thead>tr>th.info { background-color: #d9edf7 } #es .table-hover>tbody>tr.info:hover>td,#es .table-hover>tbody>tr.info:hover>th,#es .table-hover>tbody>tr:hover>.info,#es .table-hover>tbody>tr>td.info:hover,#es .table-hover>tbody>tr>th.info:hover { background-color: #c4e3f3 } #es .table>tbody>tr.warning>td,#es .table>tbody>tr.warning>th,#es .table>tbody>tr>td.warning,#es .table>tbody>tr>th.warning,#es .table>tfoot>tr.warning>td,#es .table>tfoot>tr.warning>th,#es .table>tfoot>tr>td.warning,#es .table>tfoot>tr>th.warning,#es .table>thead>tr.warning>td,#es .table>thead>tr.warning>th,#es .table>thead>tr>td.warning,#es .table>thead>tr>th.warning { background-color: #fcf8e3 } #es .table-hover>tbody>tr.warning:hover>td,#es .table-hover>tbody>tr.warning:hover>th,#es .table-hover>tbody>tr:hover>.warning,#es .table-hover>tbody>tr>td.warning:hover,#es .table-hover>tbody>tr>th.warning:hover { background-color: #faf2cc } #es .table>tbody>tr.danger>td,#es .table>tbody>tr.danger>th,#es .table>tbody>tr>td.danger,#es .table>tbody>tr>th.danger,#es .table>tfoot>tr.danger>td,#es .table>tfoot>tr.danger>th,#es .table>tfoot>tr>td.danger,#es .table>tfoot>tr>th.danger,#es .table>thead>tr.danger>td,#es .table>thead>tr.danger>th,#es .table>thead>tr>td.danger,#es .table>thead>tr>th.danger { background-color: #f2dede } #es .table-hover>tbody>tr.danger:hover>td,#es .table-hover>tbody>tr.danger:hover>th,#es .table-hover>tbody>tr:hover>.danger,#es .table-hover>tbody>tr>td.danger:hover,#es .table-hover>tbody>tr>th.danger:hover { background-color: #ebcccc } #es .table-responsive { overflow-x: auto; min-height: .01% } @media screen and (max-width: 767px) { #es .table-responsive { width:100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd } #es .table-responsive>.table { margin-bottom: 0 } #es .table-responsive>.table>tbody>tr>td,#es .table-responsive>.table>tbody>tr>th,#es .table-responsive>.table>tfoot>tr>td,#es .table-responsive>.table>tfoot>tr>th,#es .table-responsive>.table>thead>tr>td,#es .table-responsive>.table>thead>tr>th { white-space: nowrap } #es .table-responsive>.table-bordered { border: 0 } #es .table-responsive>.table-bordered>tbody>tr>td:first-child,#es .table-responsive>.table-bordered>tbody>tr>th:first-child,#es .table-responsive>.table-bordered>tfoot>tr>td:first-child,#es .table-responsive>.table-bordered>tfoot>tr>th:first-child,#es .table-responsive>.table-bordered>thead>tr>td:first-child,#es .table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } #es .table-responsive>.table-bordered>tbody>tr>td:last-child,#es .table-responsive>.table-bordered>tbody>tr>th:last-child,#es .table-responsive>.table-bordered>tfoot>tr>td:last-child,#es .table-responsive>.table-bordered>tfoot>tr>th:last-child,#es .table-responsive>.table-bordered>thead>tr>td:last-child,#es .table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } #es .table-responsive>.table-bordered>tbody>tr:last-child>td,#es .table-responsive>.table-bordered>tbody>tr:last-child>th,#es .table-responsive>.table-bordered>tfoot>tr:last-child>td,#es .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } } #es .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } #es .fade.in { opacity: 1 } #es .collapse { display: none } #es .collapse.in { display: block } tr#es .collapse.in { display: table-row } tbody#es .collapse.in { display: table-row-group } #es .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height,visibility; transition-property: height,visibility; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; transition-timing-function: ease } #es .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent } #es .dropdown_,#es .dropup { position: relative } #es .dropdown-toggle_:focus { outline: 0 } #es .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 12px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 3px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box } #es .dropdown-menu.pull-right { right: 0; left: auto } #es .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e1e1e1 } #es .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.59; color: #444; white-space: nowrap; background-image: none } #es .dropdown-menu>li>a:focus,#es .dropdown-menu>li>a:hover { text-decoration: none; color: #373737; background-color: #f5f5f5 } #es .dropdown-menu>.active>a,#es .dropdown-menu>.active>a:focus,#es .dropdown-menu>.active>a:hover { color: #444; text-decoration: none; outline: 0; background-color: #f5f5f5 } #es .dropdown-menu>.disabled>a,#es .dropdown-menu>.disabled>a:focus,#es .dropdown-menu>.disabled>a:hover { color: #777 } #es .dropdown-menu>.disabled>a:focus,#es .dropdown-menu>.disabled>a:hover { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed } #es .open>.dropdown-menu { display: block } #es .open>a { outline: 0 } #es .dropdown-menu-right { left: auto; right: 0 } #es .dropdown-menu-left { left: 0; right: auto } #es .dropdown-menu-full { left: 0; right: 0 } #es .dropdown-header { display: block; padding: 3px 20px; font-size: 11px; line-height: 1.59; color: #777; white-space: nowrap } #es .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 } #es .pull-right>.dropdown-menu { right: 0; left: auto } #es .dropup .caret,#es .navbar-fixed-bottom .dropdown_ .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9; content: "" } #es .dropup .dropdown-menu,#es .navbar-fixed-bottom .dropdown_ .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px } @media(min-width: 768px) { #es .navbar-right .dropdown-menu { left:auto; right: 0 } #es .navbar-right .dropdown-menu-left { left: 0; right: auto } } #es .o-btn-group,#es .o-btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } #es .o-btn-group-vertical>.btn,#es .o-btn-group>.btn { position: relative; float: left } #es .o-btn-group-vertical>.btn.active,#es .o-btn-group-vertical>.btn:active,#es .o-btn-group-vertical>.btn:focus,#es .o-btn-group-vertical>.btn:hover,#es .o-btn-group>.btn.active,#es .o-btn-group>.btn:active,#es .o-btn-group>.btn:focus,#es .o-btn-group>.btn:hover { z-index: 2 } #es .o-btn-group .btn+.btn,#es .o-btn-group .btn+.o-btn-group,#es .o-btn-group .o-btn-group+.btn,#es .o-btn-group .o-btn-group+.o-btn-group { margin-left: -1px } #es .btn-toolbar { margin: 0 0 0 -5px } #es .btn-toolbar .btn,#es .btn-toolbar .input-group,#es .btn-toolbar .o-btn-group { float: left } #es .btn-toolbar>.btn,#es .btn-toolbar>.input-group,#es .btn-toolbar>.o-btn-group { margin-left: 5px } #es .o-btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle_) { border-radius: 0 } #es .o-btn-group>.btn:first-child { margin-left: 0 } #es .o-btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle_) { border-bottom-right-radius: 0; border-top-right-radius: 0 } #es .o-btn-group>.btn:last-child:not(:first-child),#es .o-btn-group>.dropdown-toggle_:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } #es .o-btn-group>.o-btn-group { float: left } #es .o-btn-group>.o-btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } #es .o-btn-group>.o-btn-group:first-child:not(:last-child)>.btn:last-child,#es .o-btn-group>.o-btn-group:first-child:not(:last-child)>.dropdown-toggle_ { border-bottom-right-radius: 0; border-top-right-radius: 0 } #es .o-btn-group>.o-btn-group:last-child:not(:first-child)>.btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0 } #es .o-btn-group .dropdown-toggle_:active,#es .o-btn-group.open .dropdown-toggle_ { outline: 0 } #es .o-btn-group>.btn+.dropdown-toggle_ { padding-left: 8px; padding-right: 8px } #es .o-btn-group>.btn-lg+.dropdown-toggle_ { padding-left: 12px; padding-right: 12px } #es .o-btn-group.open .dropdown-toggle_ { background-color: #f5f5f5!important } #es .o-btn-group.open .dropdown-toggle_.btn-link { -webkit-box-shadow: none; box-shadow: none } #es .btn .caret { margin-left: 0 } #es .btn-lg .caret { border-width: 5px 5px 0 } #es .dropup .btn-lg .caret { border-width: 0 5px 5px } #es .o-btn-group-vertical>.btn,#es .o-btn-group-vertical>.o-btn-group,#es .o-btn-group-vertical>.o-btn-group>.btn { display: block; float: none; width: 100%; max-width: 100% } #es .o-btn-group-vertical>.o-btn-group>.btn { float: none } #es .o-btn-group-vertical>.btn+.btn,#es .o-btn-group-vertical>.btn+.o-btn-group,#es .o-btn-group-vertical>.o-btn-group+.btn,#es .o-btn-group-vertical>.o-btn-group+.o-btn-group { margin-top: -1px; margin-left: 0 } #es .o-btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0 } #es .o-btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } #es .o-btn-group-vertical>.btn:last-child:not(:first-child) { border-bottom-left-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0 } #es .o-btn-group-vertical>.o-btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } #es .o-btn-group-vertical>.o-btn-group:first-child:not(:last-child)>.btn:last-child,#es .o-btn-group-vertical>.o-btn-group:first-child:not(:last-child)>.dropdown-toggle_ { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } #es .o-btn-group-vertical>.o-btn-group:last-child:not(:first-child)>.btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } #es .o-btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } #es .o-btn-group-justified>.btn,#es .o-btn-group-justified>.o-btn-group { float: none; display: table-cell; width: 1% } #es .o-btn-group-justified>.o-btn-group .btn { width: 100% } #es .o-btn-group-justified>.o-btn-group .dropdown-menu { left: auto } #es [data-toggle=buttons]>.btn input[type=checkbox],#es [data-toggle=buttons]>.btn input[type=radio],#es [data-toggle=buttons]>.o-btn-group>.btn input[type=checkbox],#es [data-toggle=buttons]>.o-btn-group>.btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none } #es .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 11px; font-weight: 700; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777; border-radius: 10px } #es .badge:empty { display: none } .btn #es .badge { position: relative; top: -1px } .btn-xs #es .badge,.o-btn-group-xs>.btn #es .badge { top: 0; padding: 1px 5px } a#es .badge:focus,a#es .badge:hover { color: #fff; text-decoration: none; cursor: pointer } .list-group-item.active>#es .badge,.nav-pills>.active>a>#es .badge { color: #428bca; background-color: #fff } .list-group-item>#es .badge { float: right } .list-group-item>#es .badge+#es .badge { margin-right: 5px } .nav-pills>li>a>#es .badge { margin-left: 3px } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { 0% { background-position: 40px 0 } to { background-position: 0 0 } } #es .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 3px } #es .progress,#es .progress-bar { -webkit-box-shadow: 0; box-shadow: 0 } #es .progress-bar { float: left; width: 0; height: 100%; font-size: 11px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } #es .progress-bar-striped,#es .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 40px 40px } #es .progress-bar.active,#es .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } #es .progress-bar-success { background-color: #5cb85c } .progress-striped #es .progress-bar-success { background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent) } #es .progress-bar-info { background-color: #5bc0de } .progress-striped #es .progress-bar-info { background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent) } #es .progress-bar-warning { background-color: #f0ad4e } .progress-striped #es .progress-bar-warning { background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent) } #es .progress-bar-danger { background-color: #d9534f } .progress-striped #es .progress-bar-danger { background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent) } #es .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } #es .embed-responsive .embed-responsive-item,#es .embed-responsive embed,#es .embed-responsive iframe,#es .embed-responsive object,#es .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0 } #es .embed-responsive-16by9 { padding-bottom: 56.25% } #es .embed-responsive-4by3 { padding-bottom: 75% } #es .embed-responsive-1by1 { padding-bottom: 100% } #es .ui-helper-hidden { display: none } #es .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } #es .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } #es .ui-helper-clearfix:after,#es .ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse } #es .ui-helper-clearfix:after { clear: both } #es .ui-helper-clearfix { min-height: 0 } #es .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } #es .ui-front { z-index: 100 } #es .ui-state-disabled { cursor: default!important } #es .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } #es .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } #es .ui-slider { position: relative; text-align: left } #es .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default } #es .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } #es .ui-slider.ui-state-disabled .ui-slider-handle,#es .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } #es .ui-slider-horizontal { height: .8em } #es .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } #es .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } #es .ui-slider-horizontal .ui-slider-range-min { left: 0 } #es .ui-slider-horizontal .ui-slider-range-max { right: 0 } #es .ui-slider-vertical { width: .8em; height: 100px } #es .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } #es .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } #es .ui-slider-vertical .ui-slider-range-min { bottom: 0 } #es .ui-slider-vertical .ui-slider-range-max { top: 0 } #es .bb-smiley { max-width: 16px; max-height: 16px } #es .es-video-providers { margin-bottom: 5px } #es .es-video-providers li { width: 31%; display: inline-block; margin-bottom: 10px; padding-left: 22px; position: relative } #es .es-video-providers li:before { position: absolute; top: 0; left: 0; content: ""; width: 16px; height: 16px; line-height: 16px; background-image: url(../../../../../media/com_easysocial/images/videos/icons-video.png); background-size: 160px 16px } #es .es-video-providers li.video-youtube:before { background-position: -16px 0 } #es .es-video-providers li.video-vimeo:before { background-position: -32px 0 } #es .es-video-providers li.video-dailymotion:before { background-position: -48px 0 } #es .es-video-providers li.video-google:before { background-position: -64px 0 } #es .es-video-providers li.video-liveleak:before { background-position: -80px 0 } #es .es-video-providers li.video-metacafe:before { background-position: -96px 0 } #es .es-video-providers li.video-nicovideo:before { background-position: -112px 0 } #es .es-video-providers li.video-yahoo:before { background-position: -128px 0 } #es .es-video-providers li.video-smule:before { background-position: -144px 0 } #es .imgareaselect-border1 { background: url(../../../../../media/com_easysocial/styles/foundry/imgareaselect/border-v.gif) repeat-y 0 0 } #es .imgareaselect-border2 { background: url(../../../../../media/com_easysocial/styles/foundry/imgareaselect/border-h.gif) repeat-x 0 0 } #es .imgareaselect-border3 { background: url(../../../../../media/com_easysocial/styles/foundry/imgareaselect/border-v.gif) repeat-y 100% 0 } #es .imgareaselect-border4 { background: url(../../../../../media/com_easysocial/styles/foundry/imgareaselect/border-h.gif) repeat-x 0 100% } #es .imgareaselect-border1,#es .imgareaselect-border2,#es .imgareaselect-border3,#es .imgareaselect-border4,#es .imgareaselect-handle { filter: alpha(opacity=50); opacity: .5 } #es .imgareaselect-handle { background-color: #fff; border: 1px solid #000 } #es .imgareaselect-outer { background-color: #000; filter: alpha(opacity=50); opacity: .5 } #es .es-stepbar { z-index: 15px } #es .es-stepbar .navbar-inner { padding: 10px 0; border: 0; background: transparent; box-shadow: none } #es .es-stepbar .es-stepbar__lists { width: 100%; margin: 0 3px 0 0; padding: 0; list-style: none } #es .es-stepbar .es-stepbar__lists>li { float: left; position: relative; z-index: 2; border: 0 } #es .es-stepbar .es-stepbar__lists>li>a { display: block; border-radius: 50%; width: 24px; height: 24px; line-height: 24px; padding: 0!important; text-align: center; background: #d6d6d6; color: #888; text-shadow: none } #es .es-stepbar .es-stepbar__lists>li>a .fa { display: none; line-height: 24px } #es .es-stepbar .es-stepbar__lists>li>a .fa:before { font-size: 12px } #es .es-stepbar .es-stepbar__lists>li>a .step-number { display: block } #es .es-stepbar .es-stepbar__lists>li>a .step-desp { background: #333 } #es .es-stepbar .es-stepbar__lists>li.active a,#es .es-stepbar .es-stepbar__lists>li>a:hover { background: #5c93cc; color: #fff } #es .es-stepbar .es-stepbar__lists>li.active.past a { background: #74b07a; color: #fff; text-shadow: none } #es .es-stepbar .es-stepbar__lists>li.active.past .step-number { display: none } #es .es-stepbar .es-stepbar__lists>li.active.past .fa,#es .es-stepbar .es-stepbar__lists>li.last .fa { display: block } #es .es-stepbar .es-stepbar__lists>li.last .step-number { display: none } #es .es-stepbar .es-stepbar__lists>li.divider-vertical { width: 30px; height: 3px; background: #d6d6d6; top: 10px; margin: 0 2px; position: relative } #es .es-stepbar .es-stepbar__lists>li.divider-vertical.active { background: #5c93cc } #es .es-stepbar .es-stepbar__lists>li.divider-vertical.active.past { background: #74b07a } #es .es-stepbar .divider-vertical-last { width: 100%; height: 3px; float: right; position: relative; top: 10px; background: #d6d6d6 } #es .es-stepbar-vertical { list-style: none; margin: 0; padding: 0 } #es .es-stepbar-vertical__item { position: relative; padding-left: 20px } #es .es-stepbar-vertical__item+.es-stepbar-vertical__item { margin-top: 16px } #es .es-stepbar-vertical__item+.es-stepbar-vertical__item:before { content: ""; display: inline-block; position: absolute; width: 1px; background-color: #e1e1e1; top: -22px; left: 5px; bottom: 8px } #es .es-stepbar-vertical__item.active .es-stepbar-vertical__indicator { background-color: #4a90e2 } #es .es-stepbar-vertical__item.active .es-stepbar-vertical__txt { font-weight: 700 } #es .es-stepbar-vertical__item.past .es-stepbar-vertical__indicator { background-color: #4fc251 } #es .es-stepbar-vertical__item.past .es-stepbar-vertical__txt { font-weight: 400; color: #888 } #es .es-stepbar-vertical__indicator { position: absolute; width: 12px; height: 12px; left: 0; top: 3px; background-color: #e1e1e1; border-radius: 50% } #es .es-stepbar-vertical__txt { color: #444 } #es .es-snackbar { color: #333; background-color: #f5f5f5; border-radius: 3px; font-weight: 700; line-height: 1; padding: 8px; margin-bottom: 16px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-align-items: center; align-items: center } #es .es-snackbar__cell { -webkit-flex: 1; -ms-flex: 1; flex: 1 } #es .es-snackbar__title { font-size: 13px; font-weight: 700; margin: 0; line-height: 1 } #es .es-snackbar__dropdown>a { color: #888 } #es .es-snackbar .dropdown-menu { margin-top: 6px } #es .es-snackbar .dropdown-menu-right { left: auto; right: 0 } #es .es-cards { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; line-height: 1 } #es .es-cards,#es .es-cards__item { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-cards__item { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 0 8px; min-width: 20% } #es .es-cards__item .es-card__bd { flex: 1 0 auto } #es .es-cards--1 .es-cards__item { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } #es .es-cards--1 .embed-responsive,#es .es-cards--1 .es-card__cover,#es .es-cards--1 .es-card__hd { max-height: 160px } #es .es-cards--2 { margin-left: -8px; margin-right: -8px } #es .es-cards--2 .es-cards__item { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 8px 16px } #es .es-cards--3 { margin-left: -8px; margin-right: -8px } #es .es-cards--3 .es-cards__item { -webkit-flex: 0 0 33.333332%; -ms-flex: 0 0 33.333332%; flex: 0 0 33.333332%; padding: 0 8px 16px } #es .es-cards--3 .embed-responsive,#es .es-cards--3 .es-card__cover,#es .es-cards--3 .es-card__hd { max-height: 160px } #es .es-cards--4 .es-cards__item { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 0 8px 16px } #es .es-cards--4 .es-cards__item:nth-child(4n+1) { padding-left: 0 } #es .es-cards--4 .es-cards__item:nth-child(4n) { padding-right: 0 } #es .es-card { border: 1px solid #e1e1e1; font-size: 13px; line-height: 1.5; width: 100%; background-color: #fff; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #es .es-card,#es .es-card__bd,#es .es-card__ft,#es .es-card__hd { position: relative } #es .es-card__bd:after,#es .es-card__bd:before,#es .es-card__ft:after,#es .es-card__ft:before,#es .es-card__hd:after,#es .es-card__hd:before { content: " "; display: table } #es .es-card__bd:after,#es .es-card__ft:after,#es .es-card__hd:after { clear: both } #es .es-card__bd { flex: 1 0 auto; padding: 16px 16px 8px } #es .es-card__ft,#es .es-card__ft a { color: #888 } #es .es-card__ft { padding: 8px 16px } #es .es-card__ft .g-list-inline>li { line-height: 28px } #es .es-card--featured { border: 1px solid #faebcc; background-color: #fcf8e3!important } #es .es-card--featured .es-card__label-txt { color: #8a6d3b } #es .es-card__state { position: absolute; right: 16px; top: -30px; z-index: 2; display: none } #es .es-card__label-txt { position: absolute; top: 64px; right: 16px; font-weight: 700; opacity: .8; filter: alpha(opacity=80) } #es .es-card.no-hd .es-card__state { top: auto; bottom: -20px; z-index: 2 } #es .es-card__app-type { position: absolute; right: 16px; top: 8px } #es .es-card .embed-responsive-item,#es .es-card__cover { background-size: cover } #es .es-card__cover-popup-btn { position: relative } #es .es-card__cover-popup-btn:after,#es .es-card__cover-popup-btn:before { position: absolute; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease } #es .es-card__cover-popup-btn:before { background: rgba(0,0,0,.3); color: #fff; z-index: 2; content: "\f03e"; font-family: Font Awesome\ 5 Free; font-weight: 900; text-align: center; width: 40px; height: 40px; top: 50%; left: 50%; font-size: 20px; line-height: 36px; text-shadow: 0 1px 0 rgba(0,0,0,.5); border-radius: 100%; margin: -20px 0 0 -20px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0 } #es .es-card__cover-popup-btn:after { content: ""; width: 100%; height: 100% } #es .es-card__cover-popup-btn:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } #es .es-card__cover-popup-btn:hover:after { background: rgba(0,0,0,.5) } #es .es-card__cover-label { position: absolute; top: 8px; left: 16px } #es .es-card__avatar { position: absolute; top: -30px; left: 16px; width: 40px; height: 40px; border-radius: 3px; background: rgba(0,0,0,.1); padding: 1px } #es .es-card__avatar a,#es .es-card__avatar span { background-color: #fff; display: block; padding: 2px } #es .es-card__avatar--rounded,#es .es-card__avatar--rounded a,#es .es-card__avatar--rounded img,#es .es-card__avatar--rounded span { border-radius: 50% } #es .es-card__title { font-size: 15px; font-weight: 700; margin-bottom: 8px; line-height: 1 } #es .es-card__meta,#es .es-card__title { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es .es-card__meta,#es .es-card__meta a { color: #888 } #es .es-card__desc { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es .es-card__calendar-date { position: absolute; top: -30px; left: 16px; width: 40px; height: 40px; border-radius: 3px; background-color: #fff; color: #333; border: 1px solid #e1e1e1; border-radius: 2px; padding: 8px; text-align: center } #es .es-card__calendar-date--rounded { border-radius: 50% } #es .es-card__calendar-day { font-weight: 700; font-size: 13px; line-height: 13px } #es .es-card__calendar-mth { color: #f65b5b; font-size: 13px; line-height: 13px } #es .es-card--border { border-top: 1px solid #e1e1e1 } #es .es-card.is-featured .es-card__state,#es .es-card.is-passed .es-card__state { display: block } #es .es-card__action-group { position: absolute; z-index: 4; top: 4px; right: 4px } #es .es-card__addplaylist-action,#es .es-card__admin-action { display: none; float: left } #es .es-card__admin-action { margin-left: 4px } #es .es-card:hover .es-card__addplaylist-action,#es .es-card:hover .es-card__admin-action { display: block } #es .es-card__addplaylist-item { display: inline-block!important; vertical-align: top; width: 100% } #es .es-card__addplaylist-item .fa { line-height: 1.59; margin-left: 20px } #es .es-cards-loader { display: none } #es .is-loading .es-cards-loader { display: block } #es .es-video-item { position: relative } #es .es-video-item:hover .es-video-admin-action { display: block } #es .es-video-admin-action { display: none; position: absolute; z-index: 2; top: 5px; right: 5px } #es .es-card__btn-published { position: absolute; top: 8px; right: 8px } #es .es-card__ft-ratings { display: inline-block; margin-left: 8px } #es .es-card__ft-ratings .stars { color: #ff8f13 } #es .es-app-type { width: 40px; height: 40px; background-color: #f5f5f5; border-radius: 50%; text-align: center } #es .es-app-type__icon { line-height: 36px } #es .es-app-type__icon:before { font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f02e"; font-size: 16px } #es .es-app-type--tpl { background-color: #dff4df; color: #4fc251 } #es .es-app-type--tpl .es-app-type__icon:before { content: "\f0db" } #es .es-app-type--app { background-color: #f9ddb5; color: #ec971f } #es .es-app-type--app .es-app-type__icon:before { content: "\f1b3" } #es .es-app-type--ctf { background-color: #cfe8ff; color: #4a90e2 } #es .es-app-type--ctf .es-app-type__icon:before { content: "\f1de" } #es .es-app-type--mod { background-color: #c9eaf4; color: #5bc0de } #es .es-app-type--mod .es-app-type__icon:before { content: "\f022" } #es .es-app-type--plg { background-color: #fff; color: #f65b5b } #es .es-app-type--plg .es-app-type__icon:before { content: "\f1e6" } #es.es-mobile-content .es-cards,#es.is-mobile .es-cards { margin: 0 } #es.es-mobile-content .es-cards__item,#es.is-mobile .es-cards__item { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; min-width: 100%; margin-bottom: 16px } #es.es-mobile-content .es-cards__item:nth-child(2n),#es.es-mobile-content .es-cards__item:nth-child(odd),#es.is-mobile .es-cards__item:nth-child(2n),#es.is-mobile .es-cards__item:nth-child(odd) { padding: 0 } #es .embed-responsive--hover-slider2,#es .embed-responsive--hover-slider3 { position: relative } #es .embed-responsive--hover-slider2 .embed-responsive-item,#es .embed-responsive--hover-slider3 .embed-responsive-item { background-position: 50%; background-repeat: no-repeat } #es .embed-responsive-item--slide1 { z-index: 1 } #es .embed-responsive--hover-slider2:hover .embed-responsive-item--slide1 { background-size: cover; animation: album-item-half-fade 4s infinite; -webkit-animation: album-item-half-fade 4s infinite } #es .embed-responsive--hover-slider2:hover .embed-responsive-item--slide2 { background-size: cover; animation: album-item-half-fade2 4s infinite; -webkit-animation: album-item-half-fade2 4s infinite } #es .embed-responsive--hover-slider3:hover .embed-responsive-item--slide1 { background-size: cover; animation: album-item-third-fade 4s infinite; -webkit-animation: album-item-third-fade 4s infinite } #es .embed-responsive--hover-slider3:hover .embed-responsive-item--slide2 { background-size: cover; animation: album-item-third-fade2 4s infinite; -webkit-animation: album-item-third-fade2 4s infinite } #es .embed-responsive--hover-slider3:hover .embed-responsive-item--slide3 { background-size: cover; animation: album-item-third-fade3 4s infinite; -webkit-animation: album-item-third-fade3 4s infinite } @keyframes album-item-half-fade { 0% { opacity: 1 } 50% { opacity: 0 } to { opacity: 1 } } @keyframes album-item-half-fade2 { 0% { opacity: 0 } 50% { opacity: 1 } to { opacity: 0 } } @keyframes album-item-third-fade { 0% { opacity: 1 } 33.333% { opacity: 0 } 66.666% { opacity: 0 } to { opacity: 1 } } @keyframes album-item-third-fade2 { 0 { opacity: 0 } 33.333% { opacity: 1 } 66.666% { opacity: 0 } to { opacity: 0 } } @keyframes album-item-third-fade3 { 0% { opacity: 0 } 33.333% { opacity: 0 } 66.666% { opacity: 1 } to { opacity: 0 } } @media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) { #es.is-mobile .es-cards { display: block } #es .es-cards--2 .es-cards__item { -webkit-flex: 0; -ms-flex: 0; flex: 0; min-width: 50% } #es .es-cards--3 .es-cards__item { -webkit-flex: 0; -ms-flex: 0; flex: 0; min-width: 33.333332% } #es .es-cards--4 .es-cards__item { -webkit-flex: 0; -ms-flex: 0; flex: 0; min-width: 25% } } #es legend { padding-bottom: 8px; font-size: 15px; font-weight: 700 } #es label { font-size: 13px } #es .o-form-group { position: relative } #es .o-form-group .controls-error { display: none } #es .o-form-group .controls-error .help-block { margin: 0 } #es .o-form-group .text-note { color: #555!important } #es .o-form-group .label { line-height: 18px } #es [data-field-password-strength] { display: none } #es [data-field-password-strength][class*=" password_strength_"] { display: inline } #es .form-group.has-warning .checkbox,#es .form-group.has-warning .checkbox-inline,#es .form-group.has-warning.checkbox-inline label,#es .form-group.has-warning.checkbox label,#es .form-group.has-warning .help-block,#es .form-group.has-warning .o-control-label,#es .form-group.has-warning .radio,#es .form-group.has-warning .radio-inline,#es .form-group.has-warning.radio-inline label,#es .form-group.has-warning.radio label { color: #8a6d3b } #es .form-group.has-warning .o-form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } #es .form-group.has-warning .o-form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b } #es .form-group.has-warning .o-input-group__addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3 } #es .form-group.has-warning .form-control-feedback { color: #8a6d3b } #es .form-group.has-error .checkbox,#es .form-group.has-error .checkbox-inline,#es .form-group.has-error.checkbox-inline label,#es .form-group.has-error.checkbox label,#es .form-group.has-error .help-block,#es .form-group.has-error .o-control-label,#es .form-group.has-error .radio,#es .form-group.has-error .radio-inline,#es .form-group.has-error.radio-inline label,#es .form-group.has-error.radio label { color: #fc595b } #es .form-group.has-error .o-form-control { border-color: #fc595b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } #es .form-group.has-error .o-form-control:focus { border-color: #fb272a; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #febdbe; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #febdbe } #es .form-group.has-error .o-input-group__addon { color: #fc595b; border-color: #fc595b; background-color: #f2dede } #es .form-group.has-error .form-control-feedback { color: #fc595b } #es .form-group.has-error .controls-error { display: inline-block } #es .has-success .checkbox,#es .has-success .checkbox-inline,#es .has-success.checkbox-inline label,#es .has-success.checkbox label,#es .has-success .help-block,#es .has-success .o-control-label,#es .has-success .radio,#es .has-success .radio-inline,#es .has-success.radio-inline label,#es .has-success.radio label { color: #3c763d } #es .has-success .o-form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } #es .has-success .o-form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 } #es .has-success .o-input-group__addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8 } #es .has-success .form-control-feedback { color: #3c763d } #es .form-group.is-loading .controls-error { display: inline-block } #es .es-terms-field,#es .form-noresize { resize: none } #es .input-vertical { margin: 0 } #es .input-vertical>li { margin-bottom: 5px } #es .es-forgotpass input[type=text] { margin: 0 } #es .es-terms-field { height: 150px } #es .data-field-file-item { margin: 5px 0 } #es .data-field-file-item .file-wrap { display: inline-block } #es .data-field-file-item .file-name { background: #f5f5f5; border: 1px dashed #ddd; border-radius: 3px 3px 3px 3px; padding: 4px 5px; display: inline-block } #es .data-field-file-item .file-name .close { position: relative; font-size: 12px; top: -1px; margin-left: 10px } #es .data-field-file-item .file-move { cursor: move; margin-right: 10px } #es .data-field-file-item-drag { background: #f5f5f5; border: 1px dashed #ddd; border-radius: 3px 3px 3px 3px; display: inline-block } #es .o-alert.field-file-error { display: inline-block; height: 26px!important; line-height: 12px!important; margin: 0 0 3px!important; min-height: 26px; padding: 6px 25px 6px 30px!important } #es .o-alert.field-file-error:before { top: 4px!important } #es .o-alert.field-file-error .close { top: -2px!important; line-height: 13px } #es .datepicker-wrap { position: relative; display: inline-block } #es .datepicker-wrap--block { display: block } #es .datepicker-wrap:before { display: block; width: 12px; height: 12px; line-height: 1; content: ""; position: absolute; right: 8px; color: #444; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: "\f073"; font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; display: inline-block; text-decoration: inherit } #es .datepicker-wrap input { padding-right: 24px } #es .datepicker-wrap+select+.chzn-container { margin-top: 10px } #es .data-field-relationship { position: relative } #es .data-relationship-display { position: relative; width: 300px } #es .data-relationship-display[data-relationship-display-pending] { border: 1px solid #ddd; border-radius: 3px } #es .data-relationship-display[data-relationship-display-pending] .data-relationship-display-actions { position: relative; right: auto; margin-top: 8px } #es .data-relationship-display[data-relationship-display-confirm] .data-relationship-display-info { padding-top: 5px } #es .data-relationship-display .label { margin-top: 5px } #es .data-relationship-display .data-relationship-display-actions { position: absolute; top: 0; right: 5px } #es .data-relationship-display .data-relationship-display-actions a { color: #bbb } #es .data-relationship-display .data-relationship-display-actions .btn-delete { border: 1px solid #ddd; display: inline-block; font-size: 12px; line-height: 1.2; padding: 3px 5px; position: relative; top: 4px; border-radius: 3px; text-align: center; background: #fff } #es .data-relationship-display .data-relationship-display-actions .btn-approve,#es .data-relationship-display .data-relationship-display-actions .btn-reject { position: relative; font-size: 11px; padding: 4px 6px } #es.w768 .data-relationship-display,#es.w768 .data-relationship-form-target .media { width: 100% } #es.w600 .data-relationship-display .data-relationship-display-actions .btn-delete,#es.w600 .data-relationship-form-target .btn-delete { padding: 4px 8px; height: auto; width: auto; font-size: 16px; line-height: 1.5 } #es .data-relationship-display-type { position: relative } #es .data-relationship-display-type .btn-delete { top: -2px; right: 0; position: absolute; color: #bbb } #es .data-relationship-display-info { padding: 10px } #es .data-relationship-display-info .media { margin-top: 5px } #es .data-relationship-display-target img { width: 40px; height: 40px } #es .data-relationship-form-target { position: relative; top: 5px; margin-bottom: 5px } #es .data-relationship-form-target .media { width: 300px; position: relative; padding: 5px; margin-top: 5px; border: 1px solid #ddd; border-radius: 3px } #es .data-relationship-form-target .media-object img { width: 40px; height: 40px } #es .data-relationship-form-target .btn-delete { color: #bbb; position: absolute; top: 5px; right: 5px; text-align: center; border: 1px solid #ddd; display: block; width: 17px; height: 16px; font-size: 14px; line-height: 9px; padding: 1px 2px; border-radius: 3px } #es [data-element=avatar] { padding-bottom: 10px } #es .es-field-avatar .avatar-wrap-frame { width: 136px; height: 136px; background: #f5f5f5; padding: 4px; position: relative; border-radius: 3px } #es .es-field-avatar .es-loading-icon { position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -8px } #es .es-field-avatar .avatar-frame { background-size: cover; width: 128px; height: 128px; background-position: 50%; position: relative; background-repeat: no-repeat; margin: 0 0 10px } #es .es-field-avatar .avatar-frame.avatar-frame-crop { background-size: contain; width: 100%; height: 130px } #es .es-field-avatar .avatar-viewport { position: absolute } #es .es-field-avatar .avatar-remove { position: absolute; top: 4px; right: 4px } #es .es-field-avatar .avatar-remove a { color: #fff!important; background: #b2282a; display: block; width: 16px; height: 16px; line-height: 13px; text-align: center; border-radius: 2px } #es .es-field-cover .cover-image-wrap { background: #f5f5f5; padding: 4px; position: relative; min-height: 50px; border-radius: 3px } #es .es-field-cover .es-loading-icon { position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -8px } #es .es-field-cover .cover-image { background-size: cover; background-repeat: no-repeat } #es .es-field-cover .cover-image.cover-move { cursor: move } #es .es-field-cover .cover-remove { position: absolute; top: 4px; right: 4px } #es .es-field-cover .cover-remove a { color: #fff!important; background: #b2282a; display: block; width: 16px; height: 16px; line-height: 13px; text-align: center; border-radius: 2px } #es .data-field-textarea textarea { min-height: 100px; display: block; width: 100%; height: 34px; padding: 6px 12px; margin: 0; font-size: 13px; line-height: 1.5; color: #444; background-color: #fff; background-image: none; border: 1px solid #ddd; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } #es .data-field-textarea textarea::-moz-placeholder { color: #999; opacity: 1 } #es .data-field-textarea textarea:-ms-input-placeholder { color: #999 } #es .data-field-textarea textarea::-webkit-input-placeholder { color: #999 } #es .has-error .data-field-textarea textarea { border-color: #fc595b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } #es .fields-config-param-choice { display: inline-block; vertical-align: middle } #es .fields-config-param-choices { overflow-y: scroll; max-height: 330px; clear: both } #es .fields-config-param-choices .es-state-default,#es .fields-config-param-choices .es-state-featured { position: relative } #es .data-field-birthday-yearprivacy { border: 1px dashed #ddd; padding: 0 10px 10px } #es.is-mobile [data-field-datetime-day],#es.is-mobile [data-field-datetime-month],#es.is-mobile [data-field-datetime-year] { width: 100%!important; margin-bottom: 5px } #es .data-field-datetime-yearprivacy { border: 1px dashed #ddd; padding: 0 10px 10px } #es .data-field-datetime-yearprivacy .es-title { font-size: 12px; margin: 5px 0 } #es .data-field-multitextbox-item+.data-field-multitextbox-item { margin-top: 10px } #es .data-field-multitextbox-item .media-object { float: left } #es .data-field-multitextbox-item .item-move { cursor: move; margin-right: 10px; position: relative; top: 0 } #es .data-field-multitextbox-item .btn-del { text-shadow: none; color: #777 } #es .data-field-multidropdown-item+.data-field-multidropdown-item { margin-top: 10px } #es .data-field-multidropdown-item .media-object { float: left } #es .data-field-multidropdown-item .item-move { cursor: move; margin-right: 10px; position: relative; top: 0 } #es .data-field-multidropdown-item select { width: 70%; display: inline } #es .data-field-multidropdown-item .btn-del { margin-left: 10px; text-shadow: none; color: #777 } #es .data-field-address input.o-form-control.has-error,#es .data-field-address select.o-form-control.has-error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } #es .editor-wrap .btn { border: 1px solid #ddd } #es .btn-file { position: relative; overflow: hidden } #es .input-group input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: 0; background: #fff; cursor: inherit; display: block } #es .has-error .o-input-group__btn .btn { border-color: #fc595b!important } #es .mod-es-cta .es-splash-image { background-size: cover; z-index: 1; position: absolute; top: 0; left: 0; height: 100%; width: 100% } #es .mod-es-cta .es-cta-info { position: absolute; width: 55%; padding: 20px; z-index: 2; text-shadow: 1px 1px 0 hsla(0,0%,100%,.5) } #es .mod-es-cta .es-cta-info h2 { font-size: 24px; margin: 15px 0 } #es .mod-es-cta .es-cta-actions { position: absolute; left: 60%; text-align: center; z-index: 2 } #es .mod-es-cta .es-cta-form,#es .mod-es-cta .es-cta-login { border: 1px solid #d6eefc; background: #fff; padding: 15px; border-radius: 5px } #es .mod-es-cta .btn-es-facebook { margin-bottom: 20px } #es .mod-es-cta .es-cta-form+.es-cta-login { margin-top: 10px } #es .es-field-datetime-form { box-shadow: none; display: table; width: 100%; background-color: #fff; padding: 6px 10px; position: relative } #es .es-field-datetime-form.with-border { border: 1px solid #ddd } #es .es-field-datetime-form.with-calendar { padding-right: 34px } #es .es-field-datetime-form.has-datetime .es-field-datetime-remove-button { display: block } #es .es-field-datetime-form .es-field-datetime-buttons { position: absolute; top: 0; right: 0; z-index: 2 } #es .es-field-datetime-form .es-field-datetime-buttons>* { width: 34px; height: 34px; line-height: 34px; text-align: center; cursor: pointer; float: right; color: #666; position: relative } #es .es-field-datetime-form .es-field-datetime-buttons>:hover { color: #5580be } #es .es-field-datetime-form .es-field-datetime-remove-button { display: none } #es .es-field-datetime-form .es-field-datetime-remove-button i { font-size: 8px; position: relative; top: -1px } #es .es-field-datetime-form .es-field-datetime-textbox { display: block; padding: 0 0 0 20px; width: 100% } #es .es-field-datetime-form .es-field-datetime-textbox i { position: absolute; line-height: 32px; width: 32px; text-align: center; top: 0; left: 0 } #es .es-field-datetime-form .es-field-datetime-textbox input { width: 100%; padding: 0; height: 22px!important; line-height: 22px!important; border: 0!important; background: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; margin-bottom: 0!important } #es .es-field-startend-wrap { border: 1px solid #e9e9e9; padding: 5px } #es .es-field-startend-wrap .es-field-startend-legend { font-weight: 700; color: #bbb; text-transform: uppercase; letter-spacing: 1px; margin: 5px 0 10px 5px } #es .es-field-box { border: 1px solid #e9e9e9; padding: 5px; border-radius: 4px } #es .es-field-box .es-field-box-header { font-weight: 700; color: #bbb; text-transform: uppercase; letter-spacing: 1px; margin: 5px 0 10px 5px } #es [data-picker-toggle],#es [data-recurring-end-toggle] { cursor: pointer } #es .es-recurring-daily-list,#es .es-recurring-select { width: 50% } #es.w320 .es-recurring-daily-list,#es.w320 .es-recurring-select { width: 100% } #es .es-recurring-daily-list { border: 1px solid #ddd; padding: 0 10px 10px } #es .es-recur-action-text { position: relative; left: 60%; width: 40% } #es.is-mobile .es-recur-action-text { left: 5%; width: 100% } #es.is-mobile .btn-edit-save+.btn-edit-save { margin-bottom: 10px } @media(max-width: 369px) { #es [data-field-recaptcha] { transform:scale(.86); -webkit-transform: scale(.86); -webkit-transform-origin: 0 0; transform-origin: 0 0 } } #es .es-form-working-hour-wrap { padding-top: 8px; padding-bottom: 8px; display: inline-block; border-radius: 3px; min-width: 270px } #es .es-form-working-hour__title { font-weight: 700 } #es .es-form-working-hour__day { max-width: 300px; margin-bottom: 16px } #es .es-form-working-hour__day .o-checkbox { margin-bottom: 0 } #es .es-form-working-hour__day .o-checkbox label { padding-left: 8px } #es .es-form-working-hour__time { width: 48px!important } #es .es-form-working-hour__grid { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; margin: 0; padding: 0 } #es .es-form-working-hour__grid--justify { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } #es .es-form-working-hour__cell { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0; max-width: 100px } #es .es-form-working-hour__cell--auto-size { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } #es .es-form-working-hour__cell--action { width: 50px; -webkit-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px } #es .es-form-working-hour__cell--divider { -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-flex: none; -ms-flex: none; flex: none; padding-left: 8px; padding-right: 8px } #es .es-form-working-hour__action-link { padding: 4px; margin-right: 2px; font-size: 16px } #es .es-form-working-hour .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #e1e1e1 } #es .es-form-working-hour .select2-container--default .select2-selection--multiple .select2-selection__rendered { position: 0 5px; margin: 0 } #es .es-form-working-hour.es-form-working-hour--24 .es-form-working-hour__time { width: auto!important } #es.is-mobile .es-form-working-hour-wrap { width: 100% } #es.is-mobile .es-form-working-hour-wrap .es-form-working-hour__time { width: 100%!important } #es.is-mobile .es-form-working-hour-wrap .es-form-working-hour__cell { padding-top: 0 } #es .es-form-business-hour__end,#es .es-form-business-hour__start { border: 1px solid #e1e1e1; border-radius: 3px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; max-width: 220px } #es .es-form-business-hour__start { margin-bottom: 16px } #es .es-form-business-hour__label { width: 60px; border-right: 1px solid #e1e1e1; display: inline-block; padding: 8px 16px; line-height: 28px } #es .es-form-business-hour__time { padding: 8px; width: 128px } #es .es-form-business-hour__time select { padding: 5px 6px } #es .es-form-business-hour__ampm { text-align: right; padding: 8px 16px } #es.is-mobile .es-form-business-hour,#es.w780 .es-form-business-hour { display: block; width: 100% } #es.is-mobile .es-form-business-hour__start,#es.w780 .es-form-business-hour__start { margin: 0 0 16px } #es.is-mobile .es-form-business-hour__end,#es.is-mobile .es-form-business-hour__start,#es.w780 .es-form-business-hour__end,#es.w780 .es-form-business-hour__start { max-width: 100% } #es .es-form-hashtags-wrap { border: 1px solid #e1e1e1; border-radius: 3px; padding: 8px } #es .dropdown--popdown { display: inline-block } #es .btn-popdown { font-size: 13px; width: 100%; border: 1px solid #ddd; border-radius: 3px; text-align: left; background-color: #fff!important; position: relative; color: #444!important; line-height: 1.59; padding: 0; text-shadow: none } #es .btn-popdown>div { padding: 6px 16px } #es .btn-popdown__caret { position: absolute; right: 8px; top: 8px } #es .btn-popdown__caret+div { padding-right: 24px } #es .btn-popdown__desp { white-space: pre-line; color: #888 } #es .btn-popdown--inline { display: inline-block; width: auto } #es .btn-popdown--inline .dropdown-menu--popdown { max-width: 240px } #es .dropdown-menu--popdown { padding: 0; width: auto } #es .dropdown-menu--popdown>li { border-top: 1px solid rgba(0,0,0,.15) } #es .dropdown-menu--popdown>li:first-child { border-top: 0 } #es .dropdown-menu--popdown>li>a { padding: 8px 16px } #es .dropdown-menu--popdown>li>a>i { width: 18px; text-align: center } #es .dropdown-menu--popdown__desp { white-space: pre-line; color: #888; line-height: 1.5 } #es.is-mobile .dropdown-menu--popdown { width: 100% } #es .es-privacy-contents-custom { position: relative } #es .es-register-mini-field:after,#es .es-register-mini-field:before { content: " "; display: table } #es .es-register-mini-field:after { clear: both } #es .es-fields-error-note { display: none; font-size: 11px; color: #fc595b } a#es .es-fields-error-note:focus,a#es .es-fields-error-note:hover { color: #fb272a } #es .has-error .es-fields-error-note { display: inline-block } #es .o-btn-group-ampm { width: auto; min-width: 90px; display: inline-block; margin: 0 auto; vertical-align: middle; white-space: nowrap } #es .o-btn-group-ampm .btn { float: left!important; background: #f5f5f5!important; border: 1px solid #ccc!important; border-radius: 0!important; border-bottom-left-radius: 3px!important; border-top-left-radius: 3px!important; text-align: center!important; font-size: 12px!important; color: #888!important } #es .o-btn-group-ampm .btn+.btn { border-radius: 0!important; border-bottom-right-radius: 3px!important; border-top-right-radius: 3px!important; position: relative; left: -1px } #es .o-btn-group-ampm .btn.active,#es .o-btn-group-ampm .btn.is-active { background: #f5f5f5!important; color: #4a90e2!important } #es .o-btn-group-ampm .btn.btn--am.active,#es .o-btn-group-ampm .btn.btn--am.is-active,#es .o-btn-group-ampm .btn.btn--pm.active,#es .o-btn-group-ampm .btn.btn--pm.is-active { background: #f5f5f5!important } #es .sentence.has-data .words>span.with-data { display: inline-block } #es .sentence.has-data .words>span.without-data { display: none!important } #es .words { display: inline-block; position: relative; cursor: pointer } #es .words+.words { border-left: 1px solid #ccc; padding-left: 4px } #es .words+.words .has-data { border-left: 0 } #es .words>span:hover { color: #428bca; text-decoration: underline } #es .words>span.with-data { display: none } #es .words>span.without-data { display: inline-block; color: #428bca } #es .words.open>span { color: #428bca; text-decoration: underline } #es .words.has-data>span.with-data { display: inline-block } #es .words.has-data>span.without-data { display: none!important } #es .tab-content { overflow: visible } #es .nav-tabs>li a,#es .tab-box { font-size: 12px } #es .es-login-box { background-color: #333; background-position: top; background-repeat: no-repeat; border-radius: 3px; padding: 16px; background-size: cover } #es .es-login-box__msg { color: #fff; padding: 16px; margin: 0 auto } #es .es-login-box__msg-title { font-size: 20px; font-weight: 700 } #es .es-login-box__msg-desc,#es .es-login-box__msg-title { margin-bottom: 20px; text-shadow: 0 0 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5) } #es .es-login-box__msg-desc { font-size: 14px } #es .es-login-box__form-wrap { max-width: 360px; min-width: 240px; margin: 16px auto } #es .es-login-box__form { padding: 28px; background-color: #fff; border-radius: 10px; margin-bottom: 16px; box-shadow: 0 2px 12px rgba(0,0,0,.3) } #es .es-login-box__form-title { font-size: 15px; font-weight: 700; text-align: center } #es .es-login-box__form-subtitle { font-size: 13px; text-align: center } #es .es-login-box__rmb { background-color: #f5f5f5; padding: 4px 8px; margin-bottom: 16px } #es .es-login-box__links { text-align: center; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5) } #es .es-login-box__links>a { color: #fff } #es .es-login-box__links>a:hover { text-decoration: underline } #es .es-login-box .btn-es-facebook,#es .es-login-box .btn-es-linkedin,#es .es-login-box .btn-es-twitter { margin-bottom: 4px } #es .es-login-social-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; margin: -8px 0 8px -8px } #es .es-login-social-container,#es .es-login-social-container__cell { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-login-social-container__cell { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 8px 0 0 8px } #es .es-login-social-container__cell>span { display: inline-block; width: 100% } #es .es-signin-social { margin-top: 8px } #es .es-login-box-dialog { height: 100% } #es.is-mobile .es-login-box__form-wrap { min-width: 200px } #es .es-register-box-dialog { width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #es .es-register-box-dialog .es-register-box,#es .es-register-box-dialog .es-register-box-footer { width: 50vw; max-height: 80vh; border: 1px solid #e1e1e1 } #es .es-register-box-dialog .es-register-box { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } #es .es-register-box-dialog .es-register-box-footer { border-top: 0; background-color: #fff; -webkit-flex: 0 1 50px; -ms-flex: 0 1 50px; flex: 0 1 50px } @media(max-width: 980px) { #es .es-register-box-dialog { padding-top:20px; height: 80vh; left: 20px; top: 0; -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start } #es .es-register-box-dialog .es-register-box__left-col { display: none } #es .es-register-box-dialog .es-register-box,#es .es-register-box-dialog .es-register-box-footer { width: 90vw } } #es .es-register-box-wrap { background-color: #fff; border: 1px solid #e1e1e1 } #es .es-register-box { background-color: #f5f5f5; background-position: bottom; background-repeat: no-repeat; border-radius: 3px; padding: 16px; background-size: cover; position: relative } #es .es-register-box__close { position: absolute; top: -15px; right: -15px; border-radius: 50%; width: 24px; height: 24px; background: #888; color: #fff; text-align: center; padding-top: 2px } #es .es-register-box__close:active,#es .es-register-box__close:focus,#es .es-register-box__close:hover { background: #888 } #es .es-register-box__msg { color: #444; padding: 16px; margin: 0 auto } #es .es-register-box__msg-title { font-size: 20px; font-weight: 700; margin-bottom: 20px } #es .es-register-box__msg-desc { font-size: 14px; margin-bottom: 20px } #es .es-register-box__social-group .btn+.btn { margin-top: 8px } #es .es-register-box__divider { position: relative; overflow: hidden; text-align: center } #es .es-register-box__divider span { display: inline-block; vertical-align: baseline; text-transform: uppercase; color: #888; zoom:1;*display: inline; *vertical-align: auto; position: relative; padding: 0 8px } #es .es-register-box__divider span:after,#es .es-register-box__divider span:before { content: ""; display: block; width: 1000px; position: absolute; top: .73em; border-top: 1px solid #e1e1e1 } #es .es-register-box__divider span:before { right: 100% } #es .es-register-box__divider span:after { left: 100% } #es .es-register-box__form-dialog { height: calc(80vh - 40px); max-height: 400px; overflow-y: auto; padding: 0 8px } #es .es-register-box__form-wrap { max-width: 360px; min-width: 240px; margin: 16px } #es .es-register-box__form { margin-bottom: 16px } #es .es-register-box__links { text-align: center; color: #444 } #es .es-register-box__links>a { color: #444 } #es .es-register-box__links>a:hover { text-decoration: underline } #es .es-register-box-footer { padding: 16px 8px; text-align: center } #es .es-privacy { position: relative } #es .es-privacy .es-privacy-toggle-label { color: #858585; height: 24px; padding: 0 4px; background: none; line-height: 24px } #es .es-privacy .es-privacy-toggle { outline: 0!important; border: 0!important; padding: 4px 8px; background: none!important; color: #888 } #es .es-privacy .es-privacy-toggle::-moz-focus-inner { border: 0!important } #es .es-privacy .es-privacy-toggle>i { width: 12px } #es .es-privacy .es-privacy-toggle .i-chevron { margin-left: 2px } #es .es-privacy .es-privacy-menu { display: none; margin-top: 0; left: auto; right: 0 } #es .es-privacy .es-privacy-menu li.active a { color: #444 } #es .es-privacy .es-privacy-menu a { font-size: 12px } #es .es-privacy .es-privacy-menu a:hover { border-top-color: transparent; border-bottom-color: transparent } #es .es-privacy .es-privacy-menu .fa { text-align: center; width: 13px } #es .es-privacy .es-privacy-custom-form,#es .es-privacy .es-privacy-field-form { padding: 10px; width: 300px } #es .es-privacy .es-privacy-custom-form .btn,#es .es-privacy .es-privacy-field-form .btn { float: right; margin-left: 5px } #es .es-privacy.active .es-privacy-toggle .caret { opacity: 1; filter: alpha(opacity=100) } #es .es-privacy.active .es-privacy-menu { display: block } #es .es-privacy.active .es-privacy-custom-form,#es .es-privacy.active .es-privacy-field-form { display: none } #es .es-privacy.active .es-privacy-custom-form>div,#es .es-privacy.active .es-privacy-field-form>div { white-space: normal } #es .es-privacy.active.custom-privacy .es-privacy-menu { display: none } #es .es-privacy.active.custom-privacy .es-privacy-custom-form { display: block } #es .es-privacy.active.field-privacy .es-privacy-menu { display: none } #es .es-privacy.active.field-privacy .es-privacy-field-form { display: block } #es.es-profile .es-privacy { position: absolute; top: 0; right: 0; z-index: 20 } #es .es-stream .es-privacy { display: inline; position: relative } #es.is-mobile .es-privacy .es-privacy-toggle .caret { opacity: 1; filter: alpha(opacity=100) } #es .es-reports .es-report { display: block; clear: both } #es .es-reports .es-report:after,#es .es-reports .es-report:before { content: " "; display: table } #es .es-reports .es-report:after { clear: both } #es .es-reports .es-report+.es-report { margin-top: 30px } #es .es-reports .es-report .es-report-msg { clear: both; position: relative; padding: 10px 20px; margin-bottom: 16px; border: 1px solid #dadada; border-radius: 5px; background-image: -webkit-linear-gradient(top,#fdfae7,#faf3d6); background-image: -o-linear-gradient(top,#fdfae7 0,#faf3d6 100%); background-image: linear-gradient(180deg,#fdfae7 0,#faf3d6); background-repeat: repeat-x } #es .es-reports .es-report .es-report-msg:after,#es .es-reports .es-report .es-report-msg:before { content: ""; position: absolute; width: 0; height: 0; display: inline-block } #es .es-reports .es-report .es-report-msg:after { top: 100%; left: 19px; right: auto1; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #faf3d6 } #es .es-reports .es-report .es-report-msg:before { top: 100%; left: 18px; right: auto; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(0,0,0,.2) } #es .es-reports .es-report.is-read .es-report-msg { background-image: -webkit-linear-gradient(top,#f8f8f8,#f8f8f8); background-image: -o-linear-gradient(top,#f8f8f8 0,#f8f8f8 100%); background-image: linear-gradient(180deg,#f8f8f8 0,#f8f8f8); background-repeat: repeat-x } #es .es-reports .es-report.is-read .es-report-msg:after,#es .es-reports .es-report.is-read .es-report-msg:before { content: ""; position: absolute; width: 0; height: 0; display: inline-block } #es .es-reports .es-report.is-read .es-report-msg:after { top: 100%; left: 19px; right: auto1; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #f8f8f8 } #es .es-reports .es-report.is-read .es-report-msg:before { top: 100%; left: 18px; right: auto; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(0,0,0,.2) } #es .es-reports .es-report .es-report-reporter { font-size: 11px } #es .es-reports .es-report .es-report-reporter .es-report-username { font-weight: 700 } #es .mentions { position: relative } #es .mentions div { padding: 0!important; margin: 0!important; border: 0!important; background: transparent!important; -webkit-box-shadow: none!important; box-shadow: none!important; border-radius: 0; width: 100%; top: 0; left: 0; z-index: 1; white-space: pre-wrap; word-wrap: break-word; color: transparent; opacity: 0; -moz-padding-end: 1px; -moz-padding-start: 1px } #es .mentions div>span { background: #e9f2f9; border-radius: 2px; -webkit-box-shadow: 0 0 1px #005c87 inset; box-shadow: inset 0 0 1px #005c87 } #es .mentions textarea { padding: 0!important; margin: 0!important; border: 0!important; background: transparent!important; -webkit-box-shadow: none!important; box-shadow: none!important; border-radius: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; white-space: pre-wrap; word-wrap: break-word; resize: none; outline: 0; overflow: hidden; color: #444 } #es .mentions textarea::-moz-placeholder { color: #888; opacity: 1 } #es .mentions textarea:-ms-input-placeholder { color: #888 } #es .mentions textarea::-webkit-input-placeholder { color: #888 } #es .mentions-inspector { background: #f5f5f5; border-top: 1px solid #e1e1e1; margin-top: 5px } #es .mentions-inspector:after,#es .mentions-inspector:before { content: " "; display: table } #es .mentions-inspector:after { clear: both } #es .mentions-inspector fieldset { width: 50%; padding: 10px } #es .mentions-inspector fieldset,#es .mentions-inspector label { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #es .mentions-inspector label { display: inline-block; width: 30%; font-size: 10px; margin: 0; line-height: 26px; text-align: right; padding-right: 5px } #es .mentions-inspector input { width: 70%; margin: 0; padding: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #es .mentions-inspector b { text-align: right } #es .mentions-inspector hr { margin: 0; opacity: 0 } #es .mentions-inspector hr:after,#es .mentions-inspector hr:before { content: " "; display: table } #es .mentions-inspector hr:after { clear: both } #es .mentions-textfield .mentions>div { color: transparent } #es .mentions-textfield .mentions>div span { background: #e9f2f9 } #es .mentions-autocomplete { position: absolute!important; z-index: 99999!important; margin-top: 8px; overflow: hidden } #es .mentions-autocomplete>b { position: absolute; width: 100%; left: 0; height: 1px; padding: 0 5px; z-index: 2; display: none } #es .mentions-autocomplete>b>b { height: 5px; width: 100%; margin-top: -5px; -webkit-box-shadow: 0 0 5px 0 #000; box-shadow: 0 0 5px 0 #000; display: block } #es .mentions-autocomplete.loading .mentions-autocomplete-loading { display: block } #es .mentions-autocomplete.loading .mentions-menu { display: none } #es .mentions-autocomplete.empty .mentions-autocomplete-empty { display: block } #es .mentions-autocomplete.empty.loading .mentions-autocomplete-empty,#es .mentions-autocomplete.empty .mentions-menu { display: none } #es .mentions-autocomplete.search .mentions-autocomplete-search { display: block } #es .mentions-autocomplete.search.loading .mentions-autocomplete-search,#es .mentions-autocomplete.search .mentions-menu { display: none } #es .mentions-autocomplete.has-shadow>b { display: block } #es .mentions-autocomplete.has-animation .mentions-autocomplete-inner { top: -160px; -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease } #es .mentions-autocomplete.has-animation.active { top: 0 } #es .mentions-autocomplete.is-sticky .mentions-autocomplete-inner { border-top: 0; border-radius: 0 0 3px 3px; margin: 0 9px 5px 10px } #es .mentions-autocomplete-empty,#es .mentions-autocomplete-loading,#es .mentions-autocomplete-search { display: none; text-align: center; padding: 6px } #es .mentions-autocomplete-loading-indicator { display: block; padding: 8px 0; height: 20px; position: relative; top: -16px } #es .mentions-autocomplete-inner { border: 1px solid #e1e1e1; border-radius: 3px; max-height: 160px; overflow-y: auto; color: #444; background: #fff; position: relative; z-index: 1; -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.15); box-shadow: 0 3px 2px rgba(0,0,0,.15); margin-bottom: 5px } #es .mentions-menu { list-style: none!important; margin: 0!important; padding: 0!important; background: none!important } #es .mentions-menu .mentions-menuItem { cursor: pointer; padding: 6px; text-align: left; font-size: 13px } #es .mentions-menu .mentions-menuItem+.mentions-menuItem { border-top: 1px solid #e1e1e1 } #es .mentions-menu .mentions-menuItem.active { background: #e9f2f9 } #es .mentions-menu .mentions-menuItem.hidden { display: none } #es.mentions-autocomplete { position: absolute!important; z-index: 99999!important; margin-top: 8px; overflow: hidden } #es.mentions-autocomplete>b { position: absolute; width: 100%; left: 0; height: 1px; padding: 0 5px; z-index: 2; display: none } #es.mentions-autocomplete>b>b { height: 5px; width: 100%; margin-top: -5px; -webkit-box-shadow: 0 0 5px 0 #000; box-shadow: 0 0 5px 0 #000; display: block } #es.mentions-autocomplete.loading .mentions-autocomplete-loading { display: block } #es.mentions-autocomplete.loading .mentions-menu { display: none } #es.mentions-autocomplete.empty .mentions-autocomplete-empty { display: block } #es.mentions-autocomplete.empty.loading .mentions-autocomplete-empty,#es.mentions-autocomplete.empty .mentions-menu { display: none } #es.mentions-autocomplete.search .mentions-autocomplete-search { display: block } #es.mentions-autocomplete.search.loading .mentions-autocomplete-search,#es.mentions-autocomplete.search .mentions-menu { display: none } #es.mentions-autocomplete.has-shadow>b { display: block } #es.mentions-autocomplete.has-animation .mentions-autocomplete-inner { top: -160px; -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease } #es.mentions-autocomplete.has-animation.active { top: 0 } #es.mentions-autocomplete.is-sticky .mentions-autocomplete-inner { border-top: 0; border-radius: 0 0 3px 3px; margin: 0 9px 5px 10px } #es.mentions-autocomplete .mentions-menu .mentions-menuItem>img { background: #fafafa; float: left; margin-right: 6px; width: 16px; height: 16px; display: block } #es.mentions-autocomplete .mentions-menu-avatar { width: 16px; height: 16px; position: relative; top: 1px } #es .es-rating .fa,#es .es-rating .far { color: #fec86d } #es .dialog-content .widget,#es .dialog-content .widget-box { border: 0 } #es .widget { background: #fff; border: 1px solid #e1e1e1; border-radius: 3px; margin: 0 auto 20px; position: relative } #es .widget.widget-alert { background: #f0f3f8 } #es .widget.widget-alert hr { border: 1px solid #c5cfd6 } #es .widget .accordion-body { overflow: hidden } #es .widget .wbody { font-size: 12px; padding: 0 } #es .widget .wbody:after,#es .widget .wbody:before { content: " "; display: table } #es .widget .wbody:after { clear: both } #es .widget .wbody.wbody-padding { padding: 14px 16px } #es .widget h6 { margin: 0 } #es.es-explorer-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 9999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px } #es.es-explorer-popup.active { display: block!important } #es.es-explorer-popup>.fd-loading { position: absolute; top: 50%; width: 100% } #es.es-explorer-popup .es-explorer { height: 100% } #es.es-explorer-popup .es-explorer .close-button,#es.es-explorer-popup .es-explorer .insert-button { display: block } #es.es-explorer-popup .fd-explorer-content { height: 100% } #es .es-popup-viewport { width: 100%; height: 100%; overflow: hidden; background: #eee; -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.5); box-shadow: 0 3px 12px rgba(0,0,0,.5) } #es .es-explorer { width: 100%; border: 1px solid #ccc; position: relative; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; overflow: hidden } #es .es-explorer:after,#es .es-explorer:before { content: " "; display: table } #es .es-explorer:after { clear: both } #es .es-explorer [data-message-group] { position: absolute; width: 100%; z-index: 2 } #es .es-explorer .o-alert { margin-bottom: 0; border-radius: 0; border-left: 0; border-right: 0; border-top: 0 } #es .es-explorer.is-loading .fd-explorer-browser-action i.es-loading-indicator.fd-small { position: absolute; width: 100%; height: 100%; display: block!important; background-position: 100%!important; background-color: #efefef!important; padding: 0!important; top: 0 } #es .es-explorer__sidebar { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 0; -ms-flex: 0; flex: 0; background-color: #fff } #es .es-explorer__sidebar-hd { padding: 8px; border-bottom: 1px solid #e1e1e1 } #es .es-explorer__sidebar-title { font-weight: 700; padding: 8px; font-size: 11px } #es .es-explorer__content { position: relative; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; width: 100%; height: 400px } #es .es-explorer__content-hd { padding: 8px; border-bottom: 1px solid #e1e1e1 } #es .is-side-open .es-explorer__sidebar { width: 200px; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; border-right: 1px solid #e1e1e1 } #es.is-mobile .is-side-open .es-explorer__sidebar { width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); border-right: 0; position: relative } #es.is-mobile .is-side-open .es-explorer__content { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } #es.is-mobile .es-explorer__sidebar { -webkit-transform: translate3d(-101%,0,0); -moz-transform: translate3d(-101%,0,0); -o-transform: translate3d(-101%,0,0); transform: translate3d(-101%,0,0); position: absolute } #es.is-mobile .es-explorer__content,#es.is-mobile .es-explorer__sidebar { -webkit-transition: transform .3s cubic-bezier(.79,.14,.15,.86); -o-transition: transform .3s cubic-bezier(.79,.14,.15,.86); transition: transform .3s cubic-bezier(.79,.14,.15,.86) } #es.is-mobile .es-explorer__content { width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } #es.is-mobile .es-explorer__content-hd { padding: 0 } #es .es-explorer-browser { height: 100% } #es .es-explorer-browser-action { position: relative; line-height: 28px } #es .es-explorer-browser-action .o-checkbox { margin: 0 } #es .es-explorer-browser-action .btn+.btn { margin-left: 10px } #es .es-explorer-browser-action i.es-loading-indicator.fd-small { display: none!important } #es .es-explorer-browser-action__upload { text-align: right } #es .es-explorer-browser-action-bar { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-align-items: center; align-items: center } #es .es-explorer-browser-action-bar__cell-back { -webkit-flex: none; -ms-flex: none; flex: none; border-right: 1px solid #e1e1e1; display: none } #es .es-explorer-browser-action-bar__cell-action { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-right: 16px; text-align: left } #es .es-explorer-browser-action-bar__back a { display: inline-block; padding: 8px 16px; color: #888 } #es.is-mobile .es-explorer-browser-action-bar { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #es.is-mobile .es-explorer-browser-action-bar__cell-back { display: block } #es.is-mobile .es-explorer-browser-action-bar__cell-action { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-right: 16px; text-align: right } #es.is-mobile .es-explorer-browser-action-bar__cell-upload { -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; border-top: 1px solid #e1e1e1; padding: 8px; text-align: right } #es .fd-explorer-viewport { width: 100%; height: 100%; overflow-y: scroll } #es .fd-explorer-file-group { display: none } #es .fd-explorer-file-group.is-active { display: block } #es .fd-explorer-file { padding: 4px 8px; cursor: pointer; position: relative; min-height: 52px } #es .fd-explorer-file .btn-file-action-group { position: absolute; top: 10px; right: 10px; z-index: 3; display: none } #es .fd-explorer-file .o-checkbox label { padding-left: 8px } #es .fd-explorer-file .file-title { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .fd-explorer-file .file-meta { color: #888; font-size: 11px } #es .fd-explorer-file.is-checked { background: rgba(56,117,215,.2) } #es .fd-explorer-file.is-selected { background: #3875d7 } #es .fd-explorer-file.is-selected .file-meta,#es .fd-explorer-file.is-selected .file-title,#es .fd-explorer-file.is-selected [class^=ies-] { color: #fff } #es .fd-explorer-file+.fd-explorer-file { border-top: 1px solid #eee } #es .fd-explorer-file:hover .btn-file-action-group,#es.is-mobile .btn-file-action-group { display: block } #es .fd-explorer-folder { cursor: pointer; padding: 4px 8px; position: relative } #es .fd-explorer-folder .fa-folder { color: #e8953d; margin-right: 4px } #es .fd-explorer-folder.is-active { background-color: #e9f2f9 } #es .fd-explorer-folder .fd-folder-remove-button { display: none; position: absolute; top: 4px; right: 8px; color: #888 } #es .fd-explorer-folder .fd-folder-remove-button i { font-size: 10px } #es .fd-explorer-folder .fd-folder-remove-button:hover { color: #444 } #es .fd-explorer-folder:hover .fd-folder-remove-button { display: block } #es .fd-explorer-folder[data-id="0"]:hover .fd-folder-remove-button { display: none } #es [data-alertlog] { margin: 0 } #es .fd-explorer-funky { border-bottom: 1px solid #ccc; padding: 10px; margin: 0 } #es .funkybar { margin: 10px 0 } #es .service-state>span { display: none } #es .service-state.state-busy .working,#es .service-state.state-idle .idle { display: block } #es .service-state.state-busy .working i.es-loading-indicator.fd-small { display: inline-block!important; padding: 7px 29px 0 0!important } #es .es-explorer .close-button,#es .es-explorer .insert-button,#es .togglefunky { display: none } #es .es-photo { position: relative; float: left; width: 100% } #es .es-photo.ar-1x1>a { padding-top: 100% } #es .es-photo.ar-4x3>a { padding-top: 75% } #es .es-photo.ar-16x9>a { padding-top: 56.25% } #es .es-photo.ar-9x16>a { padding-top: 177.77777777778% } #es .es-photo>a { width: auto; height: auto; display: block; position: relative; overflow: hidden } #es .es-photo>a.fit-height b { width: 200%; height: 100%; text-align: left } #es .es-photo>a.fit-height img { position: absolute; top: 0; opacity: 1; height: 100% } #es .es-photo>a.fit-width b { width: 100%; height: 400%; text-align: left } #es .es-photo>a.fit-width img { position: absolute; opacity: 1; width: 100% } #es .es-photo>a.fit-both img { opacity: 1; margin: -10% } #es .es-photo>a.fit-small img { opacity: 1 } #es .es-photo>a.fit-small em { display: none } #es .es-photo b,#es .es-photo u { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #es .es-photo b { display: block; font-size: 0; z-index: 1; text-align: center } #es .es-photo b:before { content: " "; height: 100%; margin-right: -.25em } #es .es-photo b:before,#es .es-photo img { display: inline-block; vertical-align: middle } #es .es-photo img { position: relative; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 0 } #es .es-photo em { display: block; position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; opacity: 0; background-size: cover; background-position: 50%; background-repeat: no-repeat } #es .es-photo em.layout-contain { background-size: contain; background-position: 50% } #es .es-photo.css-resizing>a.fit-both b,#es .es-photo.css-resizing>a.fit-height b,#es .es-photo.css-resizing>a.fit-width b { display: none } #es .es-photo.css-resizing>a.fit-both em,#es .es-photo.css-resizing>a.fit-height em,#es .es-photo.css-resizing>a.fit-width em { opacity: 1 } #es .es-photo__note { display: none; position: absolute; width: 100%; height: 100%; top: 0; z-index: 2; left: 0; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; font-size: 32px; background: rgba(0,0,0,.35); color: #fff } #es .es-photo:nth-child(5) .es-photo__note { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-photos { position: relative } #es .es-photos:after,#es .es-photos:before { content: " "; display: table } #es .es-photos:after { clear: both } #es .es-photos.pattern-tile.photos-1 .es-photo { width: 100%; clear: left } #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-both,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-height,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-small,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-width { padding: 0; margin: 0 } #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-both u,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-height u,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-small u,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-width u { position: relative } #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-both b,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-height b,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-small b,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-width b { text-align: left; position: relative; width: auto; height: auto } #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-both img,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-height img,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-small img,#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-width img { position: relative; width: auto; height: auto; max-width: 100%; max-height: 320px } #es .es-photos.pattern-tile.photos-2 .es-photo { width: 50% } #es .es-photos.pattern-tile.photos-2 .es-photo:nth-child(2) u { margin-left: 2px } #es .es-photos.pattern-tile.photos-3 .es-photo { width: 50% } #es .es-photos.pattern-tile.photos-3 .es-photo:first-child { clear: left; width: 100%; margin-bottom: 2px } #es .es-photos.pattern-tile.photos-3 .es-photo:nth-child(2) { clear: left } #es .es-photos.pattern-tile.photos-3 .es-photo:nth-child(3) u { margin-left: 2px } #es .es-photos.pattern-tile.photos-4 .es-photo { width: 33.333333333333% } #es .es-photos.pattern-tile.photos-4 .es-photo:first-child { clear: left; width: 100%; margin-bottom: 2px } #es .es-photos.pattern-tile.photos-4 .es-photo:nth-child(2) { clear: left } #es .es-photos.pattern-tile.photos-4 .es-photo:nth-child(3) u,#es .es-photos.pattern-tile.photos-4 .es-photo:nth-child(4) u { margin-left: 2px } #es .es-photos.pattern-tile.photos-5 .es-photo { width: 33.333333333333% } #es .es-photos.pattern-tile.photos-5 .es-photo:first-child { clear: left; width: 50%; margin-bottom: 2px } #es .es-photos.pattern-tile.photos-5 .es-photo:nth-child(2) { width: 50%; margin-bottom: 2px } #es .es-photos.pattern-tile.photos-5 .es-photo:nth-child(2) u { margin-left: 2px } #es .es-photos.pattern-tile.photos-5 .es-photo:nth-child(3) { clear: left } #es .es-photos.pattern-tile.photos-5 .es-photo:nth-child(4) u,#es .es-photos.pattern-tile.photos-5 .es-photo:nth-child(5) u { margin-left: 2px } #es .es-photos.pattern-flow .es-photo { width: auto; height: 96px; margin: 1px } #es .es-photos.pattern-flow .es-photo>a { display: inline-block; padding-top: 0; width: auto; height: auto } #es .es-photos.pattern-flow .es-photo>a.fit-small b { min-width: 96px } #es .es-photos.pattern-flow .es-photo b,#es .es-photos.pattern-flow .es-photo u { display: inline-block; position: relative; width: auto; height: auto } #es .es-photos.pattern-flow .es-photo b { min-height: 96px } #es .es-photos.pattern-flow .es-photo b:before,#es .es-photos.pattern-flow .es-photo img { height: 96px } #es .es-cover.es-photo { float: none } #es .es-cover.es-photo em { opacity: 1 } #es .es-cover.es-photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #es .es-cover-container { padding-top: 16.666666666667% } #es .es-cover-viewport { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #es .es-user-badges { margin: 0; list-style: none } #es .es-user-badges>li { display: inline-block; margin: 0 0 15px; padding: 10px; width: 120px; height: 130px; border: 1px solid #f5f5f5; vertical-align: top; text-align: center; position: relative } #es .es-user-badges>li .btn-delete { color: #fff; background: #cc4456; border: 1px solid #be1f23; border-radius: 3px 3px 3px 3px; display: block; font-size: 14px; width: 16px; height: 16px; line-height: 9px; padding: 1px 2px; position: absolute; text-align: center; top: 4px; right: 4px } #es .es-user-badges>li .small { line-height: 13px; margin-top: 5px } #es .btn-assign-badges [class^=ies-]:before { font-size: 7px } #es.es-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1051; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; opacity: 0; background: rgba(0,0,0,.25) } #es.es-dialog.active { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } #es.es-dialog.is-loading { -webkit-transition: none; -o-transition: none; transition: none } #es.es-dialog.is-failed .es-dialog-content { display: none } #es.es-dialog.is-failed .o-empty { display: inline-block; min-height: 110px } #es.es-dialog .o-empty__icon { font-size: 30px } #es.es-dialog .o-empty__text { font-size: 15px } #es.es-dialog .es-hint { display: none; background: #fff; text-align: center; margin: 0 auto } #es.es-dialog .widget { border: 0 } #es.es-dialog+.o-popover--es { z-index: 1052 } #es .es-dialog-modal { position: relative; border-radius: 3px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2); box-shadow: 0 2px 3px rgba(0,0,0,.2); max-width: 100%; max-height: 100%; min-width: 320px; min-height: 170px } #es.es-dialog.has-footer .es-dialog-modal { min-height: 218px } #es.is-mobile .es-dialog-header { border-radius: 0; text-align: center; font-weight: 700 } #es .es-dialog-header { position: absolute; top: 0; left: 0; width: 100%; height: 50px; line-height: 38px; z-index: 3; background: #fff; border: 1px solid #fff; border-bottom: 0; padding: 8px 16px; border-radius: 3px 3px 0 0 } #es .es-dialog-header__grid { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-align-items: center; align-items: center; margin: 0; padding: 0; height: 100% } #es .es-dialog-header__cell { text-align: center; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } #es .es-dialog-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; z-index: 2; display: none; background: #fff; border-top: 1px solid #e1e1e1; border-radius: 0 0 3px 3px } #es .es-dialog-body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; border-top: 50px solid transparent; border-bottom: 0 } #es .es-dialog-container { position: absolute; width: 100%; height: 100%; overflow: auto; overflow-x: hidden; background: #fff; border: 1px solid #fff; border-radius: 0 0 3px 3px } #es.is-loading .es-dialog-container { overflow: hidden } #es.es-dialog.has-footer .es-dialog-body { border-bottom: 48px solid transparent } #es.es-dialog.has-footer .es-dialog-container { border-radius: 0 } #es.es-dialog.has-footer .es-dialog-footer { display: block } #es .es-dialog-title { font-size: 15px; font-weight: 700; position: relative; top: 8px } #es .es-dialog-back-button { padding-right: 8px } #es .es-dialog-back-button+.es-dialog-header__cell { text-align: center } #es .es-dialog-back-button,#es .es-dialog-close-button { color: #bbb; font-size: 15px; cursor: pointer; text-align: center; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } #es .es-dialog-back-button:hover,#es .es-dialog-close-button:hover { color: #888 } #es .es-dialog-back-button i,#es .es-dialog-close-button i { position: relative; top: -8px; font-size: 20px } #es .es-dialog-content { position: relative; padding: 4px 16px; font-size: 13px; height: 100% } #es .es-dialog-content * { font-size: 13px } #es .es-dialog-footer-content { text-align: center; border-radius: 0 0 3px 3px; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-content: space-evenly; -ms-align-content: space-evenly; align-content: space-evenly } #es .es-dialog-footer-content .btn,#es .es-dialog-footer-content .btn:active,#es .es-dialog-footer-content .btn:focus,#es .es-dialog-footer-content .btn:hover { -webkit-flex: 1!important; -ms-flex: 1!important; flex: 1!important; border-radius: 0!important; height: 48px!important; border: 0!important; background-color: #fff!important; background-image: none!important; opacity: 1!important; line-height: 38px!important } #es .es-dialog-footer-content .btn+.btn,#es .es-dialog-footer-content .btn:active+.btn,#es .es-dialog-footer-content .btn:focus+.btn,#es .es-dialog-footer-content .btn:hover+.btn { border-left: 1px solid #e1e1e1!important } #es .es-dialog-footer-content .btn-es-default,#es .es-dialog-footer-content .btn-es-default:active,#es .es-dialog-footer-content .btn-es-default:focus,#es .es-dialog-footer-content .btn-es-default:hover { color: #444!important } #es .es-dialog-footer-content .btn-es-primary,#es .es-dialog-footer-content .btn-es-primary:active,#es .es-dialog-footer-content .btn-es-primary:focus,#es .es-dialog-footer-content .btn-es-primary:hover { color: #4a90e2!important } #es .es-dialog-footer-content .btn-es-danger,#es .es-dialog-footer-content .btn-es-danger:active,#es .es-dialog-footer-content .btn-es-danger:focus,#es .es-dialog-footer-content .btn-es-danger:hover { color: #f65b5b!important } #es .es-dialog-footer-content .is-loading { color: transparent!important } #es .es-dialog-error-message { display: block; font-weight: 400 } #es.es-dialog.type-iframe .es-dialog-container { overflow: hidden } #es.es-dialog.type-iframe .es-dialog-content { width: 100%; height: 100%; padding: 0 } #es.es-dialog.type-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 } #es.is-mobile.es-dialog { z-index: 2147483647; width: 100%; height: 100% } #es.is-mobile .es-dialog-modal { width: 100%!important; height: 100%!important } #es.is-mobile .es-dialog-body { -webkit-overflow-scrolling: touch; overflow-y: scroll } #es .es-dialog-tabs { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: 1px solid #dee3e9; line-height: 30px } #es .es-dialog-tabs--space-evenly { -webkit-justify-content: space-evenly; -ms-justify-content: space-evenly; justify-content: space-evenly } #es .es-dialog-tabs__item { width: 100%; text-align: center } #es .es-dialog-tabs__item.active { border-bottom: 2px solid #61a6ef } #es .es-dialog-tabs__item.active .o-box__tabs-link { color: #222 } #es .es-dialog-tabs__item.divider { -webkit-flex: none; -ms-flex: none; flex: none; width: 1px; background-color: #dee3e9; margin: 0; padding: 0 } #es .es-dialog-tabs__link { color: #888; display: block; padding: 8px; white-space: nowrap } #es .es-dialog-tabs__link:hover { text-decoration: none } #es .es-progress-wrap { position: relative; background-image: -webkit-linear-gradient(top,#fbfbfb,#f2f2f2); background-image: -o-linear-gradient(top,#fbfbfb 0,#f2f2f2 100%); background-image: linear-gradient(180deg,#fbfbfb 0,#f2f2f2); background-repeat: repeat-x; border-radius: 22px; border: 1px solid #eee; padding: 10px 15px; margin-bottom: 16px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-align-items: center; align-items: center } #es .es-progress-wrap .progress { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; background-image: -webkit-linear-gradient(top,#d7d7d7,#d7d7d7); background-image: -o-linear-gradient(top,#d7d7d7 0,#d7d7d7 100%); background-image: linear-gradient(180deg,#d7d7d7 0,#d7d7d7); background-repeat: repeat-x; height: 12px; margin-bottom: 0; border-radius: 10px } #es .es-progress-wrap .progress .bar { border-radius: 0 8px 8px 0 } #es .es-progress-wrap .progress-result { -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; text-align: right; padding-left: 8px; font-size: 12px } #es .es-progress-wrap.progress-narrow .progress { width: 88% } #es .es-progress-wrap.progress-narrow .progress-result { right: 5px } #es .es-flyout { position: relative } #es .es-flyout .es-flyout-content { position: absolute; opacity: 0; filter: alpha(opacity=0) } #es .es-flyout.show-all .es-flyout-content,#es .es-flyout:hover .es-flyout-content { opacity: 1; filter: alpha(opacity=100) } #es .es-flyout .es-flyout-button>i { margin-right: 4px } #es .es-flyout .es-flyout-button:hover { text-decoration: underline } #es .es-flyout .es-flyout-button:hover>i { text-decoration: none } #es .form-uploader .upload-submit { clear: both; padding: 18px 10px; border: 1px dashed #e1e1e1; margin-top: 20px; border-radius: 3px } #es .form-uploader .upload-submit:after,#es .form-uploader .upload-submit:before { content: " "; display: table } #es .form-uploader .upload-submit:after { clear: both } #es .form-uploader .queue-item { clear: both; padding: 10px; border: 1px solid #e1e1e1; position: relative; border-radius: 3px } #es .form-uploader .queue-item+.queue-item { margin-top: 10px } #es .form-uploader .queue-item .media { padding-right: 40px } #es .form-uploader .queue-item .media .media-object { margin-right: 20px } #es .form-uploader .queue-item .queue-item-thumb { width: 32px; height: 32px; background: #e1e1e1 } #es .form-uploader .queue-item .queue-item-info { position: relative; margin-bottom: 4px } #es .form-uploader .queue-item .queue-item-info>span { display: inline-block; position: relative } #es .form-uploader .queue-item .queue-item-size { color: #f5f5f5 } #es .form-uploader .queue-item .queue-item-size,#es .form-uploader .queue-item .queue-item-status { padding-left: 6px; margin-left: 6px } #es .form-uploader .queue-item .queue-item-size:before,#es .form-uploader .queue-item .queue-item-status:before { display: block; content: ""; background: #f5f5f5; width: 1px; height: 11px; position: absolute; top: 4px; left: 0 } #es .form-uploader .queue-item .progress { height: 8px; margin: 0 } #es .form-uploader .queue-item.is-queue .queue-item-done { display: none } #es .form-uploader .queue-item.is-done .queue-item-info { top: 5px } #es .form-uploader .queue-item.is-done .queue-item-status { display: none } #es .form-uploader .queue-item.is-done .queue-item-done { display: inline-block; color: #a4c757; padding-left: 6px; margin-left: 6px } #es .form-uploader .queue-item.is-done .queue-item-done:before { display: block; content: ""; background: #f5f5f5; width: 1px; height: 11px; position: absolute; top: 4px; left: 0 } #es .form-uploader .queue-item.is-done .progress { display: none } #es .form-uploader .queue-item.is-error .queue-item-status { color: #b94a48 } #es .form-uploader .queue-item.is-error .queue-item-done { display: none } #es .form-uploader .attach-remove { position: absolute; top: 14px; right: 10px; padding: 0 4px; width: 20px; height: 20px; font-size: 14px; color: #666; line-height: 14px } #es .es-sharing .es-sharing-list { list-style: none; margin: 0; padding: 0 } #es .es-sharing .es-sharing-list>li { width: 30px; padding-right: 3px; display: inline-block } #es .es-sharing .es-sharing-list>li:nth-child(odd) { clear: none } #es .es-sharing .es-sharing-list>li>a { padding: 4px 3px; display: block; font-size: 11px; border-radius: 2px } #es .es-sharing .es-sharing-list>li .es-sharing-title { display: none } #es .dropdown-menu-sharing:after,#es .dropdown-menu-sharing:before { content: ""; position: absolute; width: 0; height: 0; display: inline-block } #es .dropdown-menu-sharing:after { bottom: 100%; left: 15px; right: auto1; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff } #es .dropdown-menu-sharing:before { bottom: 100%; left: 14px; right: auto; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0,0,0,.2) } #es .es-reaction-option { position: relative; display: inline-block } #es .es-reaction-option__link { cursor: pointer; line-height: 1; text-decoration: none; position: relative; z-index: 2; outline: 0!important } #es .es-reaction-option__link::-moz-focus-inner { border: 0!important } #es .es-reaction-option__link.is-active .es-reaction-option__text { color: #444 } #es .es-reaction-option__link.btn { color: #444!important } #es .es-reaction-option__link.btn.is-active { background-color: #f5f5f5!important } #es .es-reaction-option__icon { width: 20px; height: 20px; font-size: 20px } #es .es-reactions-pop { position: absolute; left: 32px; background: #fff; bottom: 120%; min-width: 300px; -webkit-transform: translate3d(-10%,0,0); transform: translate3d(-10%,0,0); display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; padding: 2px 6px; border-radius: 100rem; -webkit-transition: .3s .3s; transition: .3s .3s; box-shadow: 0 0 0 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.15); z-index: 2; overflow: hidden; opacity: 0; visibility: hidden } #es .es-reactions-pop:hover { overflow: visible } #es .es-reaction-option__link.is-hover~.es-reactions-pop { -webkit-transition-delay: .1s; transition-delay: .1s; opacity: 1; visibility: visible } #es .es-reaction-option__link.is-hover:before { display: inline-block } #es .es-reactions-pop__item { position: relative; width: 48px; height: 48px; color: #ffd972; cursor: pointer; -webkit-transition-delay: .6s,.3s; transition-delay: .6s,.3s; -webkit-transition-duration: 0,.3s; transition-duration: 0,.3s; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; opacity: 0; -webkit-transform: translate3d(0,100%,0) scale(.3); transform: translate3d(0,100%,0) scale(.3) } #es .es-reactions-pop__text { position: absolute; top: -20px; background-color: rgba(0,0,0,.75); color: #fff; font-weight: 700; left: 50%; transform: translateX(-50%); border-radius: 8px; padding: 2px 8px; -webkit-transition: .15s .15s; transition: .15s .15s; opacity: 0; visibility: hidden } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item,#es .es-reactions-pop.is-hover .es-reactions-pop__item { -webkit-transform: none; transform: none; opacity: 1 } #es .es-reactions-pop__item .es-icon-reaction { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease,-webkit-transform .2s ease } #es .es-reactions-pop__item:hover .es-icon-reaction { -webkit-transform: scale(1) translate3d(0,-5%,0); transform: scale(1) translate3d(0,-5%,0) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:first-of-type,#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:first-of-type,#es .es-reactions-pop.is-hover .es-reactions-pop__item:first-of-type,#es .es-reactions-pop:hover .es-reactions-pop__item:first-of-type { -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-delay: .02s; transition-delay: .02s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,1); transition-timing-function: cubic-bezier(.6,.6,.5,1) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(2),#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(2),#es .es-reactions-pop.is-hover .es-reactions-pop__item:nth-of-type(2),#es .es-reactions-pop:hover .es-reactions-pop__item:nth-of-type(2) { -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-delay: .04s; transition-delay: .04s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,1.2); transition-timing-function: cubic-bezier(.6,.6,.5,1.2) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(3),#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(3),#es .es-reactions-pop.is-hover .es-reactions-pop__item:nth-of-type(3),#es .es-reactions-pop:hover .es-reactions-pop__item:nth-of-type(3) { -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-delay: .06s; transition-delay: .06s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,1.4); transition-timing-function: cubic-bezier(.6,.6,.5,1.4) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(4),#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(4),#es .es-reactions-pop.is-hover .es-reactions-pop__item:nth-of-type(4),#es .es-reactions-pop:hover .es-reactions-pop__item:nth-of-type(4) { -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-delay: .08s; transition-delay: .08s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,1.6); transition-timing-function: cubic-bezier(.6,.6,.5,1.6) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(5),#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(5),#es .es-reactions-pop.is-hover .es-reactions-pop__item:nth-of-type(5),#es .es-reactions-pop:hover .es-reactions-pop__item:nth-of-type(5) { -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,1.8); transition-timing-function: cubic-bezier(.6,.6,.5,1.8) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(6),#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(6),#es .es-reactions-pop.is-hover .es-reactions-pop__item:nth-of-type(6),#es .es-reactions-pop:hover .es-reactions-pop__item:nth-of-type(6) { -webkit-transition-duration: .7s; transition-duration: .7s; -webkit-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,2); transition-timing-function: cubic-bezier(.6,.6,.5,2) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(7),#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(7),#es .es-reactions-pop.is-hover .es-reactions-pop__item:nth-of-type(7),#es .es-reactions-pop:hover .es-reactions-pop__item:nth-of-type(7) { -webkit-transition-duration: .8s; transition-duration: .8s; -webkit-transition-delay: .14s; transition-delay: .14s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,2.2); transition-timing-function: cubic-bezier(.6,.6,.5,2.2) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(8),#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(8),#es .es-reactions-pop.is-hover .es-reactions-pop__item:nth-of-type(8),#es .es-reactions-pop:hover .es-reactions-pop__item:nth-of-type(8) { -webkit-transition-duration: .9s; transition-duration: .9s; -webkit-transition-delay: .16s; transition-delay: .16s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,2.4); transition-timing-function: cubic-bezier(.6,.6,.5,2.4) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(9),#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(9),#es .es-reactions-pop.is-hover .es-reactions-pop__item:nth-of-type(9),#es .es-reactions-pop:hover .es-reactions-pop__item:nth-of-type(9) { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: .18s; transition-delay: .18s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,2.6); transition-timing-function: cubic-bezier(.6,.6,.5,2.6) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(10),#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(10),#es .es-reactions-pop.is-hover .es-reactions-pop__item:nth-of-type(10),#es .es-reactions-pop:hover .es-reactions-pop__item:nth-of-type(10) { -webkit-transition-duration: 1.1s; transition-duration: 1.1s; -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,2.8); transition-timing-function: cubic-bezier(.6,.6,.5,2.8) } #es .es-reaction-option__link.is-hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(11),#es .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item:nth-of-type(11),#es .es-reactions-pop.is-hover .es-reactions-pop__item:nth-of-type(11),#es .es-reactions-pop:hover .es-reactions-pop__item:nth-of-type(11) { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-delay: .22s; transition-delay: .22s; -webkit-transition-timing-function: cubic-bezier(.6,.6,.5,3); transition-timing-function: cubic-bezier(.6,.6,.5,3) } #es.is-desktop .es-reactions-pop__item:hover .es-reactions-pop__text { opacity: 1; visibility: visible; top: -26px } #es.is-desktop .es-reaction-option__link~.es-reactions-pop { -webkit-transition-delay: 1.75s; transition-delay: 1.75s } #es.is-desktop .es-reaction-option__link:hover~.es-reactions-pop { -webkit-transition-delay: .1s; transition-delay: .1s } #es.is-desktop .es-reaction-option__link:hover~.es-reactions-pop,#es.is-desktop .es-reactions-pop:hover { opacity: 1; visibility: visible } #es.is-desktop .es-reaction-option__link:hover:before { display: inline-block } #es.is-desktop .es-reaction-option__link:hover+.es-reactions-pop .es-reactions-pop__item,#es.is-desktop .es-reactions-pop:hover .es-reactions-pop__item { -webkit-transform: none; transform: none; opacity: 1 } #es.is-desktop .es-reactions-pop__item { -webkit-transition-delay: 1.75s; transition-delay: 1.75s } #es .es-reaction-stats { padding: 4px 8px; background-color: #f5f5f5; position: relative; clear: both; word-break: break-all; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } #es .es-reaction-stats__text { text-align: right; color: #888 } #es .es-reaction-stats__text>a { color: #888 } #es .es-reaction-icon-stat { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } #es .es-reaction-icon-stat,#es .es-reaction-icon-stat__item { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; line-height: 20px } #es .es-reaction-icon-stat__item { margin-right: 8px; outline: 0!important; cursor: pointer } #es .es-reaction-icon-stat__item::-moz-focus-inner { border: 0!important } #es .es-reaction-icon-stat__item>div { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center } #es .es-reaction-icon-stat__item.is-active .es-reaction-icon-stat__avatar { border-bottom: 2px solid #e1e1e1 } #es .es-reaction-icon-stat__avatar { border-bottom: 2px solid transparent } #es .es-reaction-icon-stat__counter { font-size: 12px; padding-left: 2px; color: #888 } #es.popbox-reaction { box-shadow: none; width: 294px; min-height: 96px } #es.popbox-reaction .arrow { display: none } #es .es-reaction-stats-pop { width: 294px } #es .es-reaction-stats-pop__hd { border-bottom: 1px solid #e1e1e1 } #es .es-reaction-stats-pop__bd,#es .es-reaction-stats-pop__hd { padding: 8px 16px } #es .es-reaction-stats-pop__bd { max-height: 116px; overflow-y: auto } #es .es-reaction-stats-list__item { margin-bottom: 8px; padding-top: 8px } #es .es-reaction-stats-list__item+.es-reaction-stats-list__item { border-top: 1px solid #e1e1e1 } #es .es-reaction-stats-list .o-media__body { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 8px } #es.is-mobile .es-reactions-pop { left: -4px } #es [class*=" icon-es-"],#es [class^=icon-es-] { display: inline-block; width: 16px; height: 16px; line-height: 16px; *margin-right: .3em; vertical-align: text-top; background-repeat: no-repeat; background-image: url(../../../../../media/com_easysocial/images/icons/icons-sharing.png)!important } #es .es-nav [class*=" icon-es-"],#es .es-nav [class^=icon-es-] { margin-right: 2px } #es .icon-es-12 { width: 12px!important; height: 12px!important; line-height: 12px; width: 12px; height: 12px } #es .icon-es-24 { width: 24px!important; height: 24px!important; line-height: 24px; width: 24px; height: 24px } #es .icon-es-email { background-position: 0 0 } #es .icon-es-facebook { background-position: -32px 0 } #es .icon-es-twitter { background-position: -64px 0 } #es .icon-es-google { background-position: -96px 0 } #es .icon-es-live { background-position: -128px 0 } #es .icon-es-linkedin { background-position: -160px 0 } #es .icon-es-myspace { background-position: -192px 0 } #es .icon-es-vk { background-position: -224px 0 } #es .icon-es-stumbleupon { background-position: -256px 0 } #es .icon-es-digg { background-position: -288px 0 } #es .icon-es-tumblr { background-position: -320px 0 } #es .icon-es-evernote { background-position: -352px 0 } #es .icon-es-reddit { background-position: -384px 0 } #es .icon-es-delicious { background-position: -416px 0 } #es .icon-es-video-play { display: inline-block; background-image: url(../../../../../media/com_easysocial/images/icons/icon-es-video-play.png)!important; width: 35px; height: 26px; line-height: 26px } #es .es-exif-icon { font-size: 48px } #es .es-exif-icon:before { content: " "; vertical-align: middle; display: inline-block; background-image: url(../../../../../media/com_easysocial/images/exif-icons/exif-icons.svg); background-repeat: no-repeat; background-size: 1em 5em } #es .no-svg .es-exif-icon:before { background-image: url(../../../../../media/com_easysocial/images/exif-icons/exif-icons.png) } #es .es-exif-icon.es-exif-aperture:before { background-position: 0 0; width: 1em; height: 1em } #es .es-exif-icon.es-exif-camera-iso:before { background-position: 0 -1em; width: 1em; height: 1em } #es .es-exif-icon.es-exif-camera-type:before { background-position: 0 -2em; width: 1em; height: 1em } #es .es-exif-icon.es-exif-focal-length:before { background-position: 0 -3em; width: 1em; height: 1em } #es .es-exif-icon.es-exif-shutter-speed:before { background-position: 0 -4em; width: 1em; height: 1em } #es .es-emoji-unicode { display: inline-block; font-size: 20px; width: 20px; height: 20px; vertical-align: middle; position: relative } #es .es-emoji-unicode:before { width: 20px; height: 20px; line-height: 20px; position: absolute; top: 0; left: 0; content: attr(data-es-emoji-unicode) } #es .es-emoji,#es .es-emoji img,#es .es-smileys i { width: 20px!important; height: 20px!important; line-height: 20px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; background-image: url(../../../../../media/com_easysocial/images/icons/emoji/icons-emoji.png)!important; background-size: 100px 100px } #es .es-emoji-angry { background-position: 0 0 } #es .es-emoji-cool,#es .es-emoji-special { background-position: -20px 0 } #es .es-emoji-happy { background-position: -40px 0 } #es .es-emoji-heart { background-position: -60px 0 } #es .es-emoji-kiss,#es .es-emoji-loved { background-position: -80px 0 } #es .es-emoji-speechless,#es .es-emoji-zipper { background-position: 0 -20px } #es .es-emoji-sad { background-position: -20px -20px } #es .es-emoji-cry { background-position: -40px -20px } #es .es-emoji-tongue { background-position: -60px -20px } #es .es-emoji-shocked,#es .es-emoji-surprised { background-position: -80px -20px } #es .es-emoji-bored,#es .es-emoji-confuse { background-position: 0 -40px } #es .es-emoji-wink { background-position: -20px -40px } #es .es-emoji-sweat { background-position: -40px -40px } #es .es-emoji-angel,#es .es-emoji-blessed { background-position: -60px -40px } #es .es-emoji-devil { background-position: -80px -40px } #es .es-emoji-blush,#es .es-emoji-pretty { background-position: 0 -60px } #es .es-emoji-think { background-position: -20px -60px } #es .es-emoji-lol { background-position: -40px -60px } #es .es-emoji-sleep,#es .es-emoji-tired { background-position: -60px -60px } #es .es-emoji-nerd { background-position: -80px -60px } #es .es-emoji-great { background-position: 0 -80px } #es .es-emoji-annoyed { background-position: -20px -80px } #es .es-emoji-irritated { background-position: -40px -80px } #es .es-emoji-sick { background-position: -60px -80px } #es .es-icon-reaction { font-size: 64px; width: 64px; height: 64px; text-align: center; display: inline-block; vertical-align: middle } #es .es-icon-reaction--sm { font-size: 16px; width: 16px; height: 16px } #es .es-icon-reaction--md { font-size: 48px; width: 48px; height: 48px } #es .es-icon-reaction--xl { font-size: 128px; width: 128px; height: 128px } #es .es-icon-reaction:before { content: " "; display: inline-block; background-image: url(../../../../../media/com_easysocial/images/reactions/icon-reactions.svg); background-repeat: no-repeat; background-size: 1em 6em; vertical-align: top } #es .es-icon-reaction.es-icon-reaction--angry:before { background-position: 0 0; width: 1em; height: 1em } #es .es-icon-reaction.es-icon-reaction--happy:before { background-position: 0 -1em; width: 1em; height: 1em } #es .es-icon-reaction.es-icon-reaction--like:before { background-position: 0 -2em; width: 1em; height: 1em } #es .es-icon-reaction.es-icon-reaction--love:before { background-position: 0 -3em; width: 1em; height: 1em } #es .es-icon-reaction.es-icon-reaction--sad:before { background-position: 0 -4em; width: 1em; height: 1em } #es .es-icon-reaction.es-icon-reaction--wow:before { background-position: 0 -5em; width: 1em; height: 1em } #es .textboxlist { border: 1px solid #ccc; min-height: 34px; padding: 5px 10px 3px; font-size: 11px; line-height: 1.59; border-radius: 2px; cursor: text; position: relative; background-color: #fff } #es .textboxlist:after,#es .textboxlist:before { content: " "; display: table } #es .textboxlist:after { clear: both } #es .textboxlist.disabled { background-color: #f5f5f5 } #es .textboxlist-textField { height: 22px!important; line-height: 1.59!important; max-width: 100%; float: left; border: 0!important; padding: 0!important; margin: 0 2px 0 0!important; box-shadow: none!important; font-size: 13px!important; background: transparent!important; color: #444 } #es .textboxlist-textField::-moz-placeholder { color: #999; opacity: 1 } #es .textboxlist-textField:-ms-input-placeholder { color: #999 } #es .textboxlist-textField::-webkit-input-placeholder { color: #999 } #es .textboxlist-itemGroup { margin: 0; padding: 0; list-style: none } #es .textboxlist-itemGroup:after,#es .textboxlist-itemGroup:before { content: " "; display: table } #es .textboxlist-itemGroup:after { clear: both } #es .textboxlist-itemGroup li { float: left; list-style: none } #es .textboxlist-item { float: left; background: #e7edf3; border-radius: 2px; color: #729bcd; font-size: 11px; font-weight: 700; position: relative; height: 22px; line-height: 22px; margin: 0 4px 2px 0; overflow: hidden } #es .textboxlist-item.list { background: #e9fee7; border: 1px solid #98d895; color: #4ea64a } #es .textboxlist-item .textboxlist-itemContent .o-avatar,#es .textboxlist-item .textboxlist-itemContent img { width: 22px; height: 22px; line-height: 22px; float: left; padding: 0; margin: 0 8px 0 0 } #es .textboxlist-item .textboxlist-field { margin: 0; padding: 0; white-space: nowrap } #es .textboxlist-item div,#es .textboxlist-item span { display: table-cell; vertical-align: middle } #es .textboxlist-item span { padding: 0 4px 0 0 } #es .textboxlist-item div { padding: 0 4px } #es .textboxlist-itemRemoveButton { opacity: .6; cursor: pointer; text-align: center } #es .textboxlist-itemRemoveButton:hover { opacity: 1 } #es .textboxlist-itemRemoveButton>i { font-size: 14px; line-height: inherit; color: inherit } #es .textboxlist-itemRemoveButton>i:before { content: "\f057" } #es .textboxlist-autocomplete { position: absolute; z-index: 2147483647; margin-top: 8px; overflow: hidden } #es .textboxlist-autocomplete>b { position: absolute; width: 100%; left: 0; height: 1px; padding: 0 5px; z-index: 2; display: none } #es .textboxlist-autocomplete>b>b { height: 5px; width: 100%; margin-top: -5px; -webkit-box-shadow: 0 0 5px 0 #000; box-shadow: 0 0 5px 0 #000; display: block } #es .textboxlist-autocomplete.loading .textboxlist-autocomplete-loading { display: block } #es .textboxlist-autocomplete.loading .textboxlist-menu { display: none } #es .textboxlist-autocomplete.empty .textboxlist-autocomplete-empty { display: block } #es .textboxlist-autocomplete.empty.loading .textboxlist-autocomplete-empty,#es .textboxlist-autocomplete.empty .textboxlist-menu { display: none } #es .textboxlist-autocomplete.has-shadow>b { display: block } #es .textboxlist-autocomplete.has-animation .textboxlist-autocomplete-inner { top: -160px; -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease } #es .textboxlist-autocomplete.has-animation.active { top: 0 } #es .textboxlist-autocomplete.is-sticky .textboxlist-autocomplete-inner { border-top: 0; border-radius: 0 0 3px 3px; margin: 0 9px 5px 10px } #es .textboxlist-autocomplete-empty,#es .textboxlist-autocomplete-loading { display: none; min-height: 28px } #es .textboxlist-autocomplete-empty-text { padding: 8px 0; line-height: 16px; font-size: 12px; text-align: center; display: block; color: #888 } #es .textboxlist-autocomplete-inner { border: 1px solid #aaa; border-radius: 3px; color: #444; background: #fff; max-height: 160px; overflow-y: auto; position: relative; z-index: 1; -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.15); box-shadow: 0 3px 2px rgba(0,0,0,.15); margin-bottom: 5px } #es .textboxlist-menu { list-style: none!important; margin: 0!important; padding: 0!important; background: none!important } #es .textboxlist-menu .textboxlist-menuItem { cursor: pointer; padding: 6px; text-align: left; font-size: 12px; margin: 0 } #es .textboxlist-menu .textboxlist-menuItem img { display: inline-block } #es .textboxlist-menu .textboxlist-menuItem+.textboxlist-menuItem { border-top: 1px solid #ddd } #es .textboxlist-menu .textboxlist-menuItem.active { background: #e7edf3 } #es .textboxlist-menu .textboxlist-menuItem.hidden { display: none } #es .textboxlist-menu .textboxlist-menuItem.list { font-weight: 700 } #es .textboxlist-menu .textboxlist-menuItem.list+.user { border-top: 1px dashed #bbb } #es.textboxlist-autocomplete { position: absolute; z-index: 2147483647; margin-top: 8px; overflow: hidden } #es.textboxlist-autocomplete>b { position: absolute; width: 100%; left: 0; height: 1px; padding: 0 5px; z-index: 2; display: none } #es.textboxlist-autocomplete>b>b { height: 5px; width: 100%; margin-top: -5px; -webkit-box-shadow: 0 0 5px 0 #000; box-shadow: 0 0 5px 0 #000; display: block } #es.textboxlist-autocomplete.loading .textboxlist-autocomplete-loading { display: block } #es.textboxlist-autocomplete.loading .textboxlist-menu { display: none } #es.textboxlist-autocomplete.empty .textboxlist-autocomplete-empty { display: block } #es.textboxlist-autocomplete.empty.loading .textboxlist-autocomplete-empty,#es.textboxlist-autocomplete.empty .textboxlist-menu { display: none } #es.textboxlist-autocomplete.has-shadow>b { display: block } #es.textboxlist-autocomplete.has-animation .textboxlist-autocomplete-inner { top: -160px; -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease } #es.textboxlist-autocomplete.has-animation.active { top: 0 } #es.textboxlist-autocomplete.is-sticky .textboxlist-autocomplete-inner { border-top: 0; border-radius: 0 0 3px 3px; margin: 0 9px 5px 10px } #es #photo-list:after,#es #photo-list:before { content: " "; display: table } #es #photo-list:after { clear: both } #es #photo-list .photo-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 25%; min-width: 96px; min-height: 96px; cursor: pointer } #es #photo-list .photo-item i { width: 100%; height: 100%; min-width: 96px; min-height: 96px; display: block; background-repeat: none; background-size: cover; background-position: 50% 25%; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } #es .close { font-family: Helvetica Neue,Helvetica,Arial,sans-serif } #es.tooltip.tooltip-es { background: none; border: 0; float: none; margin: 0; width: auto; position: absolute; z-index: 20002; display: block } #es.tooltip.tooltip-es.topleft .tooltip-arrow { bottom: 0; left: 15%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } #es.tooltip.tooltip-es.topright .tooltip-arrow { bottom: 0; right: 10%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } #es.tooltip.tooltip-es.bottomleft .tooltip-arrow { top: 0; left: 15%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } #es.tooltip.tooltip-es.bottomright .tooltip-arrow { top: 0; right: 10%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } #es.tooltip.tooltip-es.top { margin: -3px 0 0; height: auto } #es [class*=" es-state-"],#es [class^=es-state-] { text-align: center; width: 16px; height: 16px; line-height: 15px; border-radius: 3px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle } #es [class*=" es-state-"]:before,#es [class^=es-state-]:before { font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; text-decoration: inherit; color: #fff; font-size: 11px; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle } #es .es-state-going,#es .es-state-publish { background: #7cc110!important } #es .es-state-going:before,#es .es-state-publish:before { content: "\f00c" } #es .es-state-notgoing,#es .es-state-unpublish { background: #b94a48!important } #es .es-state-notgoing:before,#es .es-state-unpublish:before { content: "\f00d" } #es .es-state-trash { background: #b94a48!important } #es .es-state-trash:before { content: "\f1f8" } #es .es-state-locked { background: #aaa!important } #es .es-state-locked:before { content: "\f023" } #es .es-state-unactivated { background: #d88b1e!important } #es .es-state-unactivated:before { content: "\f084" } #es .es-state-pending { background: #d88b1e!important } #es .es-state-pending:before { content: "\f017" } #es .es-state-maybe { background: #5bc0de!important } #es .es-state-maybe:before { content: "\f02e" } #es .es-state-invited { background: #d88b1e!important } #es .es-state-invited:before { content: "\f058" } #es .es-state-default { background: #aaa!important; width: 16px; height: 16px; border-radius: 50% } #es .es-state-default:before { content: "\f005"; font-size: 10px } #es .es-state-featured { background: #f5a922; width: 16px; height: 16px; border-radius: 50% } #es .es-state-featured:before { content: "\f005"; font-size: 10px } #es .es-state-plus { background: #7cc110; width: 16px; height: 16px; border-radius: 50% } #es .es-state-plus:before { content: "\f067"; font-size: 8px; line-height: 16px } #es .es-state-minus { background: #be1f23; width: 16px; height: 16px; border-radius: 50% } #es .es-state-minus:before { content: "\f068"; font-size: 8px; line-height: 16px } #es .pagination-wrapper { position: relative; bottom: 0; width: 100%; clear: both } #es .popover-profile-loader { display: block!important; width: 420px!important; max-width: 420px!important; min-width: 420px!important; height: 200px!important; background-color: #fff!important; border-radius: 1px!important; padding: 0!important; border: 1px solid #e1e1e1!important; border: 1px solid rgba(0,0,0,.2)!important; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2)!important; box-shadow: 0 5px 10px rgba(0,0,0,.2)!important } #es .popover-profile-loader.top .arrow { border-top-color: #fff!important; left: 40px!important } #es .popover-profile-loader i.es-loading-indicator { position: relative; top: 70px } @media(max-width: 479px) and (-webkit-min-device-pixel-ratio:0) { #es .textboxlist-textField { height:22px!important } } @media(max-width: 680px) { #es.es.popbox-notifications { left:52%!important; margin-left: -50%!important; width: 96%!important } #es.es.popbox-notifications .arrow { display: none!important } } #es.fd-popover.es-field-error { background-color: #de614f!important; border-color: #dc4248!important; color: #fff!important; text-shadow: 0 1px 1px hsla(0,0%,100%,.1)!important } #es.fd-popover.es-field-error.top .arrow { border-top-color: #dc4248 } #es.fd-popover.es-field-error.top .arrow:after { border-top-color: #de614f } #es.fd-popover.es-field-error.right .arrow { border-right-color: #dc4248 } #es.fd-popover.es-field-error.right .arrow:after { border-right-color: #de614f } #es.fd-popover.es-field-error.bottom .arrow { border-bottom-color: #dc4248 } #es.fd-popover.es-field-error.bottom .arrow:after { border-bottom-color: #de614f } #es.fd-popover.es-field-error.left .arrow { border-left-color: #dc4248 } #es.fd-popover.es-field-error.left .arrow:after { border-left-color: #de614f } @media(max-width: 680px) { #es.fd-popover.es-field-error { display:none!important } } #es .form-location .location-coordinates { margin-top: 20px; display: none; background: #fff; border: 1px solid #e1e1e1; color: #444; padding: 12px } #es .form-location .location-coordinates>h5 { margin-top: 0; height: 30px; line-height: 30px } #es .form-location .location-coordinates hr.separator { margin-top: 3px } #es .form-location .location-coordinates .removeLocation { font-size: 11px; font-weight: 400 } #es .form-location .location-coordinates .coordinate-actions { display: none; margin-top: 20px } #es .form-location .location-coordinates .coordinate-actions a,#es .form-location .location-coordinates .editCoordinates { font-size: 11px } #es .form-location .location-coordinates input { text-align: center; width: 80px } #es .form-location .location-coordinates.editMode input { display: inline-block } #es .form-location .location-coordinates.editMode .coordinates-info { display: none } #es .form-location .location-coordinates.editMode .coordinate-actions { display: block } #es .form-location .location-coordinates input { display: none } #es .form-location .location-map { margin: 10px 2px 0 0; display: none } #es .form-location .location-map .map { border: 1px solid #e1e1e1; background: #fff } #es .form-location .location-address { width: 100% } #es .form-location .location-address input { width: 70% } #es .form-location .location-address a.btn { font-size: 11px } #es .es-locations { position: relative } #es .es-locations.is-detectable .es-location-detect-button,#es .es-locations.is-detectable .es-location-detect-icon { display: inline-block } #es .es-locations.is-busy .es-location-remove-button,#es .es-locations.is-busy>.ies-location-2,#es .es-locations.is-loading .es-location-remove-button,#es .es-locations.is-loading>.ies-location-2 { display: none } #es .es-locations.has-location .es-location-remove-button { display: block } #es .es-locations.has-location .es-location-detect-button,#es .es-locations.has-location .es-location-detect-icon { display: none!important } #es .es-locations.has-location .es-location-map-image { opacity: 1 } #es .es-locations.has-suggested .es-location-suggestions { display: block } #es .es-location-form { box-shadow: none; border: 0; padding: 6px 34px 6px 10px; position: relative; background-color: #fff } #es .es-location-form.has-border { border: 1px solid #e1e1e1!important } #es .es-location-map { background-image: url(../../../../../media/com_easysocial/images/map-bg.png); background-position: 50%; background-repeat: repeat; height: auto; padding-top: 25%; position: relative; text-align: center } #es .es-location-map>*,#es .es-location-map>*>* { width: 100%; height: 100%!important; position: absolute; top: 0; left: 0 } #es .es-location-buttons { position: absolute; top: 0; right: 0; z-index: 2; width: 34px; height: 34px; line-height: 34px } #es .es-location-buttons>* { width: 34px; height: 34px; line-height: 34px; text-align: center; cursor: pointer; float: right; color: #666; position: relative } #es .es-location-buttons>:hover { color: #5580be } #es .es-location-map-image { z-index: 1; opacity: 0 } #es .es-location-map-actions { position: relative!important; text-align: center; z-index: 2 } #es .es-location-detect-button { top: 50%; margin-top: -20px } #es .es-location-detect-button,#es .es-location-detect-icon { display: none; position: relative; float: none } #es .es-location-remove-button { display: none } #es .es-location-remove-button i { font-size: 12px; position: relative; top: -1px } #es .es-location-autocomplete { position: absolute; width: 100%; left: 0; padding: 0; overflow: hidden; display: none; margin-top: 6px } #es .es-location-autocomplete>b { position: absolute; width: 100%; left: 0; height: 1px; padding: 0 5px; z-index: 9; display: none } #es .es-location-autocomplete>b>b { height: 5px; width: 100%; margin-top: -5px; -webkit-box-shadow: 0 0 5px 0 #000; box-shadow: 0 0 5px 0 #000; display: block } #es .es-location-autocomplete.active { display: block } #es .es-location-autocomplete.active .es-location-suggestions { display: block; top: 0 } #es .es-location-autocomplete.active .es-location-autocomplete-shadow { opacity: 1 } #es .es-location-autocomplete.has-shadow>b { display: block } #es .es-location-autocomplete.is-sticky .es-location-suggestions { border-top: 0; border-radius: 0 0 3px 3px; margin: 0 9px 5px 10px } #es .es-location-suggestions { display: none; border: 1px solid #e1e1e1; border-radius: 3px; -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.15); box-shadow: 0 3px 2px rgba(0,0,0,.15); color: #444; background: #fff; overflow-y: auto; overflow-x: hidden; max-height: 160px; position: relative; z-index: 8; font-size: 11px } #es .es-location-suggestion { z-index: 10; padding: 5px; cursor: pointer } #es .es-location-suggestion+.es-location-suggestion { border-top: 1px solid #e1e1e1 } #es .es-location-suggestion.active { background: #e7edf3 } #es .es-location-textbox { display: block; padding: 0; width: 100% } #es .es-location-textbox input { width: 100%; padding: 0; height: 22px!important; line-height: 22px!important; border: 0!important; background: none!important; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0!important; font-size: 13px; color: #444 } #es .profile-data-table .es-locations { margin-right: 50px } #es .es-locations[data-location-base] { position: relative } #es .es-locations[data-location-base]:hover .es-location-help { display: block } #es .es-location-help { display: none; position: absolute; top: 0; right: 0; background: hsla(0,0%,100%,.8); border: 1px solid rgba(0,0,0,.1); padding: 2px 4px; z-index: 5 } #es.popbox-location { width: 400px; height: auto; padding: 3px } #es.popbox-location .arrow { display: none } #es.popbox-location * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #es.popbox-location img { height: 200px; max-width: 100% } #es .es-hika-items .es-hika-item:first-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } #es .es-hika-items .es-hika-item+.es-hika-item { border-top: 0; border-radius: 0 } #es .es-hika-items .es-hika-item:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } #es .es-hika-item { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; line-height: 1.5; background-color: #fff; word-break: keep-all } #es .es-hika-item__img { -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; width: 120px; height: 120px; background-color: #f5f5f5; border-right: 1px solid #e1e1e1; background-size: cover; background-repeat: no-repeat } #es .es-hika-item__context { padding: 8px 16px } #es .es-hika-item__title { font-weight: 700; color: #444; margin-bottom: 8px } #es .es-hika-item__meta { color: #888; margin-bottom: 8px } #es .es-data-wrapper { position: relative } #es .es-btn-group-date>.btn:first-child,#es .es-btn-group-date>.btn:last-child { width: 9% } #es .es-btn-group-date .btn:not(:first-child):not(:last-child):not(.dropdown-toggle_) { border-left: 0; border-right: 0; cursor: default; width: 80% } #es .es-btn-group-date .btn:not(:first-child):not(:last-child):not(.dropdown-toggle_):hover { background: none; border-color: #e1e1e1 } #es .es-stream-login-box,#es .es-view-after-stream { margin-top: 16px } #es .is-detecting-location .es-detecting-location { display: block } #es .es-detecting-location { display: none; padding: 48px; text-align: center; color: #444 } #es .es-detecting-location>i { font-size: 30px; vertical-align: middle; margin-bottom: 20px; display: block; color: #444 } #es .es-section-divider { border-top: 3px double #e1e1e1; margin: 0 0 20px } #es .input-group>.input-group-addon { font-size: inherit } #es .input-group.guest-limit { width: auto } #es .input-group.guest-limit>.form-control { width: 60px!important } #es .input-group.guest-limit>.input-group-addon { width: auto!important } #es .es-nav-pills .o-nav__item { margin-right: 4px } #es .es-nav-pills .o-nav__item.active .o-nav__link { background-color: #f5f5f5; color: #444 } #es .es-nav-pills .o-nav__link { border-radius: 12px; padding: 8px; color: #888; position: relative; line-height: 1 } #es .es-nav-pills .o-nav__link:hover { background-color: #f5f5f5 } #es .es-nav-pills__link-bubble { display: none; position: absolute; color: #fff; background-color: #f65b5b; top: -4px; right: -2px; min-width: 12px; height: 13px; overflow: hidden; border-radius: 2px; text-align: center; font-size: 10px; line-height: 14px; font-weight: 700; padding: 0 2px } #es .es-nav-pills .has-notice .es-nav-pills__link-bubble { display: block } #es .es-list-result { position: relative; min-height: 100px } #es .es-list-sorting { text-align: right; margin-bottom: 16px } #es .es-entry-actionbar { margin-bottom: 16px } #es.is-mobile .es-list-sorting .dropdown--popdown,#es.w780 .es-list-sorting .dropdown--popdown { display: block } #es.is-mobile .es-list-sorting .btn-popdown--inline,#es.w780 .es-list-sorting .btn-popdown--inline { width: 100% } #es .es-online-status { display: inline-block; position: absolute; z-index: 10; top: -3px; right: -3px; font-size: 0 } #es .es-online-status .es-status-off,#es .es-online-status .es-status-on { position: absolute; top: 0; right: 0; width: 22px; height: 22px; display: inline-block; border: 3px solid #fff; border-radius: 50% } #es .es-online-status .es-status-on { background-color: #91c73c } #es .es-online-status .es-status-off { background-color: #f38282 } #es .es-online-status.es-online-status-small .es-status-off,#es .es-online-status.es-online-status-small .es-status-on { width: 14px; height: 14px; border: 2px solid #fff } #es .es-online-status.es-online-status-mini .es-status-off,#es .es-online-status.es-online-status-mini .es-status-on { width: 8px; height: 8px; border: 1px solid #fff } #es .es-remind { text-align: center } #es .es-remind .es-title { font-size: 14px; line-height: 18px; margin-bottom: 10px; font-weight: 700 } #es .es-remind .es-desp { margin-bottom: 30px } #es .es-remind-form-wrap { border: 1px solid #eff0f4; background: #f8f9fb; padding: 20px; display: inline-block; text-align: center; text-align: left; margin-bottom: 20px; border-radius: 3px } #es .es-remind-form-wrap form { margin: 0 } #es .es-remind-form-wrap .input-group .input-group-addon { min-width: 170px; padding-right: 10px } #es .es-remind-form-wrap hr { margin: 10px 0 } #es .es-remind-form-wrap .btn-submit { display: block; width: 100%; padding: 8px 10px } #es .es-repost-form .es-form { padding: 4px; min-height: 100px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 13px } #es .es-repost-form .es-form .mentions-textfield { top: 0!important; left: 0!important } #es .es-repost-form .es-form .mentions { font-size: 12px; min-height: 100px } #es .es-repost-form .es-form .mentions textarea { font-size: 13px } #es .es-repost-preview { padding: 8px; border: 1px dashed #e1e1e1 } #es .es-repost-preview:after,#es .es-repost-preview:before { content: " "; display: table } #es .es-repost-preview:after { clear: both } #es .es-repost-preview .es-repost-title { font-size: 15px } #es .es-repost-preview .es-repost-content { margin-top: 8px; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es .es-widget-guests .tab-content { min-height: 50px } #es .es-achieve-badge { text-align: center; padding: 16px; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } #es .es-achieve-badge__img-wrap { margin: 0 auto 8px; width: 60px; height: 60px } #es .es-achieve-badge__title { font-weight: 700; margin-bottom: 8px } #es .es-achieve-badge__title>a { color: #444 } #es .es-achieve-badge__desc { margin-bottom: 8px } #es .es-achieve-badge__date { color: #888 } #es.es-mobile-content .es-achievements .es-cards__item { margin: 0 -16px; padding: 16px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1 } #es .es-social-signon { text-align: center } #es .es-social-signon__hd { margin-bottom: 20px } #es .es-social-signon__bd { text-align: left } #es .es-social-signon__title { font-weight: 700; font-size: 15px } #es .es-social-signon__subtitle { color: #888 } #es .es-social-signon__avatar { position: absolute; left: 50%; margin: 0 auto 0 -32px; top: -32px; display: inline-block } #es .es-social-signon__form { border: 1px solid #e1e1e1; border-radius: 3px; position: relative; text-align: center; max-width: 376px; margin: 60px auto 0; padding: 40px 0 20px } #es .es-social-signon__form-inner { padding: 4px 16px; text-align: left } #es .es-social-signon__form-title { background-color: #f5f5f5; font-weight: 700; padding: 4px } #es .es-social-signon__form-desp,#es .es-social-signon__form-title { text-align: center; margin-bottom: 8px } #es .es-points-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start } #es .es-points-list,#es .es-points-list__item { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-points-list__item { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; padding: 0 8px 16px; text-align: center } #es .es-points-list__title { font-weight: 700; color: #444; margin-bottom: 4px } #es .es-points-list .o-box { width: 100%; background-color: #fff; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #es .es-points-list .o-box>div:first-child { height: 100% } #es.is-mobile .es-points-list { display: block } #es.is-mobile .es-points-list__item { -webkit-flex: 0; -ms-flex: 0; flex: 0 } #es .es-point-badge { margin: 0 auto; width: 112px; height: 112px; line-height: 102px; font-size: 30px; font-weight: 700; border-radius: 50%; padding: 4px; color: #3c763d; background-color: #dff0d8; text-align: center } #es .es-point-badge--alert { color: #fc595b; background-color: #f2dede } #es .es-point-badge span { font-size: 20px; line-height: 1; vertical-align: middle; letter-spacing: -3px } #es .es-badges-icon { width: 112px; height: 112px; margin: auto } #es .es-badge-wrapper__title { font-size: 13px } #es .es-comments-wrap { clear: both; padding: 0; background-color: #f5f5f5 } #es .es-comments { margin: 0; padding: 0; list-style: none } #es .es-comments .es-story-text { background: #fff; border: 1px solid #e1e1e1; border-radius: 3px; padding: 5px } #es .es-comments .es-story-text .es-comments-form { padding: 0 } #es .es-comments .es-stream-editor-actions { padding: 4px 0 0; text-align: right } #es .es-comments .media { display: table; width: 100%; overflow: visible } #es .es-comments .media>.media-body,#es .es-comments .media>.media-object { display: table-cell; vertical-align: top; float: none!important } #es .es-comments .media>.media-object { width: 1%; padding-right: 10px } #es .es-comments .media>.media-body { overflow: visible } #es .es-comment { padding: 8px; color: #444; position: relative; display: block; word-wrap: break-word } #es .es-comment .emoji { width: 20px; height: 20px; display: inline-block } #es .es-comment .es-emoji-unicode:before { top: 3px } #es .es-comment .es-avatar img { margin: 0; padding: 0 } #es .es-comment+.es-comment { border-top: 1px solid #e1e1e1 } #es .es-comment-actions { position: absolute; right: 8px; top: 8px; display: none } #es .es-comment-actions .es-comment-actions-toggle i { color: #888; font-size: 14px } #es .es-comment-actions .dropdown-menu { top: 16px } #es .es-comment:hover .es-comment-actions,#es.es-photo-popup .es-comment-actions,#es.is-mobile .es-comment-actions,#es.w780 .es-comment-actions { display: block } #es .es-comments-form { padding: 8px; position: relative } #es .es-comments-form:after,#es .es-comments-form:before { content: " "; display: table } #es .es-comments-form:after { clear: both } #es .es-comments-form .es-form { padding: 8px; min-height: 16px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 13px; background-color: #fff } #es .es-comments-form .es-form .mentions { font-size: 13px; min-height: 16px } #es .es-comments-form .es-form .mentions>div { padding-bottom: 20px!important } #es .es-comments-form .es-form .mentions textarea { font-size: 13px; line-height: 16px } #es .es-comments-form__footer { text-align: right } #es .es-comments-form__footer:after,#es .es-comments-form__footer:before { content: " "; display: table } #es .es-comments-form__footer:after { clear: both } #es .es-comments-form__footer .btn { margin-top: 8px } #es .es-comments-form__footer span.label { font-size: 13px } #es .es-comments-form .es-form-attach { position: absolute; right: 0; bottom: 0; z-index: 8; line-height: 1 } #es .es-comments-form .es-form-attach>label { color: #aaa; height: 16px; line-height: 16px; text-align: center; margin: 0; position: relative } #es .es-comments-form .es-form-attach>label:hover { color: #888 } #es .es-comments-form .es-input-photo { font-size: 13px } #es .es-comments-form .es-input-photo input { position: absolute; left: -1000px; top: -1000px } #es .es-comments-form .es-input-smiley { font-size: 14px; width: 14px } #es .es-comments-form .es-input-smiley.active { color: #888 } #es .es-comments-form .es-input-smiley.active .es-smileys { display: block } #es .es-comments-form .attachments { display: none; border-top: 1px solid #e5e5e5; overflow: hidden; margin: 4px -4px 0; padding: 4px 4px 0 } #es .es-comments-form .attachments.has-attachments { display: block } #es .es-comments-form .attachments .figure { float: left; padding: 4px; width: 25%; position: relative } #es .es-comments-form .attachments .figure:hover .attachment-cancel { background: #d00 } #es .es-comments-form .attachments .figure.is-uploading .attachment { background: #e5e5e5!important } #es .es-comments-form .attachments .figure.is-uploading .attachment .upload-progress { display: block } #es .es-comments-form .attachments .figure.is-uploading .attachment-cancel { display: none } #es .es-comments-form .attachments .attachment { position: relative; padding-bottom: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 100% } #es .es-comments-form .attachments .attachment .upload-progress { display: none; position: absolute; top: 50%; margin-top: -3px; left: 10px; right: 10px } #es .es-comments-form .attachments .attachment .upload-progress .progress { background: #ccc; height: 6px; border-radius: 2px; margin-bottom: 0 } #es .es-comments-form .attachments .attachment-cancel { background: rgba(0,0,0,.75); border-radius: 100%; position: absolute; right: -6px; top: -6px; width: 16px; height: 16px; line-height: 16px; font-size: 10px; color: #fff; text-align: center; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } #es .es-comments-form .attachments .attachment-cancel:after,#es .es-comments-form .attachments .attachment-cancel:before { background: #fff; border-radius: 2px; content: ""; display: block; position: absolute; left: 50%; top: 50% } #es .es-comments-form .attachments .attachment-cancel:before { width: 10px; height: 2px; margin: -1px 0 0 -5px } #es .es-comments-form .attachments .attachment-cancel:after { height: 10px; width: 2px; margin: -5px 0 0 -1px } #es .es-comments-form .plupload { left: 0!important } #es .es-smileys { list-style: none; display: none; background: #fff; border: 1px solid #e1e1e1; border-radius: 2px; position: absolute; font-size: 0; right: -8px; bottom: 100%; margin: 0 0 10px; padding: 4px; width: 162px; text-align: left; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.15); box-shadow: 0 0 2px rgba(0,0,0,.15) } #es .es-smileys:after,#es .es-smileys:before { content: ""; display: block; position: absolute; right: 7px; bottom: -7px; border-top: 7px solid #ccc; border-left: 7px solid transparent; border-right: 7px solid transparent; z-index: 2 } #es .es-smileys:after { border-top-color: #fff; bottom: -6px } #es .es-smileys>li { display: inline-block; width: 30px; height: 30px; padding: 4px; border-radius: 3px } #es .es-smileys>li .es-emoji-unicode { line-height: 20px; vertical-align: top } #es .es-smileys>li .es-emoji-unicode:before { top: 1px } #es .es-smileys>li:hover { background: #e7edf3 } #es .es-smileys>li img { width: 20px; height: 20px; vertical-align: top } #es .es-smileys__close,#es .es-smileys__close:hover { background: #c00; border-radius: 100%; position: absolute; width: 22px; height: 22px; right: -12px; top: -8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } #es .es-smileys__close:after,#es .es-smileys__close:before,#es .es-smileys__close:hover:after,#es .es-smileys__close:hover:before { background: #fff; border-radius: 3px; content: ""; display: block; position: absolute; left: 50%; top: 50% } #es .es-smileys__close:before,#es .es-smileys__close:hover:before { width: 12px; height: 2px; margin: -1px 0 0 -6px } #es .es-smileys__close:after,#es .es-smileys__close:hover:after { height: 12px; width: 2px; margin: -6px 0 0 -1px } #es div#es .eb-composer-launcher-close-button i { background: #c00; border-radius: 100%; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); display: inline-block; width: 32px; height: 32px; line-height: 32px; margin: 5px } #es .es-comments-control { position: relative } #es .es-comments-control__load { display: block; background: #f5f5f5; padding: 4px 8px; margin: 2px 0 } #es .es-comments-control__link { display: block } #es .es-comments-control__stats { position: absolute; top: 4px; right: 4px; color: #888 } #es .es-comments-control__stats i { font-style: normal } #es .es-comment-item-meta { height: 20px; color: #888; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } #es .es-comment-item-meta__item { position: relative; padding-right: 8px; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } #es .es-comment-item-meta__item+.es-comment-item-meta__item { padding-left: 8px } #es .es-comment-item-meta__item+.es-comment-item-meta__item:before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: #e1e1e1; border-radius: 50%; position: absolute; top: 8px; left: 0 } #es .es-comment-item-meta__item:last-child { margin-left: auto; padding-right: 0 } #es .es-comment-item-meta__item:last-child:before { display: none!important } #es .es-comment-item-meta a { color: #888 } #es .es-comment-item-meta .es-comment-item-date,#es .es-comment-item-meta .es-comment-item-reaction-stats { white-space: nowrap } #es .es-comment-item-meta .es-comment-item-likehtml { position: absolute } #es .es-comment-item-meta .es-comment-item-likehtml .es-likes-wrap { background: none repeat scroll 0 0 transparent; margin: 0; padding: 0; top: 0 } #es .es-comment-reported { color: #fc595b; display: none } a#es .es-comment-reported:focus,a#es .es-comment-reported:hover { color: #fb272a } #es .has-report .es-comment-reported { display: inline-block } #es.is-mobile .es-comment-reported span { display: none } #es .es-comment-item-loadreply { padding: 3px 5px; margin: 2px 0; background: #ddd } #es ul.es-comment-attachments { margin: 0 -4px!important } #es ul.es-comment-attachments,#es ul.es-comment-attachments>li { display: block!important; margin: 0; padding: 0; list-style: none } #es ul.es-comment-attachments>li { float: left; padding: 4px; width: 33.333%; position: relative } #es ul.es-comment-attachments>li:hover .es-comment-attachment-remove { display: block } #es ul.es-comment-attachments a { display: block; position: relative } #es ul.es-comment-attachments a:after,#es ul.es-comment-attachments a i { -webkit-transition: .5s ease; -o-transition: ease .5s; transition: .5s ease; position: absolute; left: 0; right: 0; opacity: 0; filter: alpha(opacity=0) } #es ul.es-comment-attachments a:after { background: rgba(0,0,0,.5); content: ""; z-index: 2; bottom: 0; top: 0 } #es ul.es-comment-attachments a i { z-index: 3; color: #fff; top: 50%; text-align: center; font-size: 24px; line-height: 30px; margin-top: -15px } #es ul.es-comment-attachments a:hover:after,#es ul.es-comment-attachments a:hover i { opacity: 1; filter: alpha(opacity=100) } #es ul.es-comment-attachments img { display: block; width: 100%; height: auto; position: relative; z-index: 1 } #es ul.es-comment-attachments.is-multiple>li { width: 25% } #es ul.es-comment-attachments.is-multiple a { padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% } #es .es-comment-attachment-remove { background: rgba(0,0,0,.75); border-radius: 100%; position: absolute; right: -3px; top: -3px; width: 16px; height: 16px; line-height: 16px; font-size: 10px; color: #fff; text-align: center; z-index: 10; display: none; cursor: pointer; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } #es .es-comment-attachment-remove:hover { background: #d00 } #es .es-comment-attachment-remove:after,#es .es-comment-attachment-remove:before { background: #fff; border-radius: 2px; content: ""; display: block; position: absolute; left: 50%; top: 50% } #es .es-comment-attachment-remove:before { width: 10px; height: 2px; margin: -1px 0 0 -5px } #es .es-comment-attachment-remove:after { height: 10px; width: 2px; margin: -5px 0 0 -1px } #es.es-photo-popup .es-comment-attachment-remove,#es.is-mobile .es-comment-attachment-remove { display: block; background: #d00 } #es.es-photo-popup .es-comments-form .es-form-attach,#es.is-mobile .es-comments-form .es-form-attach { right: 4px } #es.es-photo-popup .es-comments-form .es-form-attach>label,#es.is-mobile .es-comments-form .es-form-attach>label { width: 24px; height: 24px; line-height: 24px } #es.es-photo-popup .es-comments-form .es-form-attach .es-input-photo+.es-input-smiley,#es.is-mobile .es-comments-form .es-form-attach .es-input-photo+.es-input-smiley { margin-left: 4px } #es.es-photo-popup .es-comments-form .es-input-photo,#es.is-mobile .es-comments-form .es-input-photo { font-size: 15px } #es.es-photo-popup .es-comments-form .es-input-smiley,#es.is-mobile .es-comments-form .es-input-smiley { font-size: 16px; width: 16px } #es .es-filterbar { position: relative; z-index: 2; padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #e1e1e1 } #es .es-filterbar>.col-cell { vertical-align: middle } #es .es-filterbar .filterbar-title { font-weight: 700 } #es .es-leaderboard { width: 100% } #es .es-leaderboard thead { background-color: #f5f5f5 } #es .es-leaderboard tr th { padding: 4px 8px } #es .es-leaderboard tr td { padding: 16px 8px; border-bottom: 1px solid #e1e1e1; text-align: left } #es .es-leaderboard tr td:first-child,#es .es-leaderboard tr th:first-child { text-align: center; width: 56px; position: relative } #es .es-leaderboard tr td:last-child,#es .es-leaderboard tr th:last-child { width: 100px } #es .es-leaderboard__points { font-weight: 700 } #es .es-leader-badge { height: 32px; width: 32px; color: #888; position: relative; text-align: center } #es .es-leader-badge:after,#es .es-leader-badge:before { height: 32px; width: 32px; content: ""; position: absolute; left: 0; top: 0 } #es .es-leader-badge:before { -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg) } #es .es-leader-badge:after { -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg) } #es .es-leader-badge span { z-index: 2; position: relative; line-height: 32px; font-size: 14px; font-weight: 700; display: inline-block; width: 32px } #es .es-leader-badge--1 { color: #fff } #es .es-leader-badge--1,#es .es-leader-badge--1:after,#es .es-leader-badge--1:before { background-color: #edca75 } #es .es-leader-badge--2 { color: #fff } #es .es-leader-badge--2,#es .es-leader-badge--2:after,#es .es-leader-badge--2:before { background-color: #cfd8dc } #es .es-leader-badge--3 { color: #fff } #es .es-leader-badge--3,#es .es-leader-badge--3:after,#es .es-leader-badge--3:before { background-color: #d6ccc8 } #es .es-stage { text-align: center; position: relative } #es .es-stage__title { font-size: 17px; font-weight: 700; line-height: 1; margin: 16px 0 8px; z-index: 2; position: relative } #es .es-stage__desc { color: #888; z-index: 2; position: relative; margin-bottom: 16px } #es .es-stage__actor { margin: 0 auto 16px; position: relative } #es .es-stage__curtain { padding: 8px 0; left: 0; margin-bottom: 16px; z-index: 1; position: relative; background-image: -webkit-linear-gradient(top,#f5f5f5 50%,transparent 0); background-image: -o-linear-gradient(top,#f5f5f5 50%,transparent 50%); background-image: linear-gradient(180deg,#f5f5f5 50%,transparent 0); background-repeat: repeat-x } #es .es-stage__curtain--off { background: none } #es .es-stage__actor-img { overflow: hidden; width: 120px; height: 120px; margin: 8px auto 16px; padding: 4px; position: relative; background-color: #fff; z-index: 2 } #es .es-stage__actor-img--rounded,#es .es-stage__actor-img--rounded img { border-radius: 50% } #es .es-stage__actor-title { font-weight: 700 } #es .es-stage__actor-desc,#es .es-stage__actor-title { font-size: 13px; line-height: 1; margin: 0 0 8px } #es .es-stage__audience-title { margin-bottom: 8px } #es .es-pointshistory { position: relative; padding: 8px 0 100px } #es .es-pointshistory:after,#es .es-pointshistory:before { content: " "; display: table } #es .es-pointshistory:after { clear: both } #es .es-pointshistory:before { display: block; content: ""; width: 3px; position: absolute; background-color: #e1e1e1; opacity: .4; filter: alpha(opacity=40); left: 50%; top: -50px; bottom: 0; margin-left: -2px } #es .es-pointshistory .btn-loadmore { position: absolute; left: 50%; width: 90px; height: auto; margin-left: -45px; bottom: -2px; padding: 3px } #es .es-timeline-item-separator { clear: both; height: 72px; margin: 16px 0; display: block; position: relative } #es .es-timeline-item-separator:after { content: ""; position: absolute; top: 28px; left: 0; right: 0; width: 100%; border-top: 1px dashed #e1e1e1 } #es .es-timeline { list-style: none; position: relative; padding: 30px 0 0; margin: 30px 0 0 } #es .es-timeline:after,#es .es-timeline:before { content: " "; display: table } #es .es-timeline:after { clear: both } #es .es-timeline__item { position: relative; display: inline-block; width: 50%; float: left; margin-bottom: 40px } #es .es-timeline__item:nth-child(2n) { top: 40px; padding-right: 20px } #es .es-timeline__item:nth-child(2n) .es-timeline__content:before { z-index: 2; right: -10px } #es .es-timeline__item:nth-child(2n) .es-timeline__dot { right: -26px } #es .es-timeline__item:nth-child(odd) { top: -20px; float: right; padding-left: 20px } #es .es-timeline__item:nth-child(odd) .es-timeline__content:before { z-index: 2; left: -10px } #es .es-timeline__item:nth-child(odd) .es-timeline__dot { left: -27px } #es .es-timeline__content { position: relative; font-size: 13px; line-height: 18px; color: #444; background: #fff; border: 1px solid #e1e1e1; padding: 16px } #es .es-timeline__content:before { content: ""; position: absolute; display: inline-block; background-color: #e1e1e1; width: 10px; height: 1px; top: 16px } #es .es-timeline__content:hover .es-timeline__dot { background-color: #4fc251 } #es .es-timeline__title { font-weight: 700 } #es .es-timeline__dot { display: block; width: 11px; height: 11px; position: absolute; background-color: #dff4df; top: 12px; border-radius: 50% } #es .es-timeline__date { font-size: 12px; position: absolute; top: -20px; color: #888 } #es .es-timeline__message { padding: 0; margin: 8px 0; background: none; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es.is-mobile .es-pointshistory { margin-bottom: 8px; padding: 8px 0 } #es.is-mobile .es-pointshistory:after,#es.is-mobile .es-pointshistory:before { display: none } #es.is-mobile .es-pointshistory .btn-loadmore { width: 100%; left: 0; bottom: 0; margin-left: 0; position: relative } #es.is-mobile .es-timeline-item-separator { height: 32px } #es.is-mobile .es-timeline { margin: 0; padding: 0 } #es.is-mobile .es-timeline__item { padding: 0; top: 0; float: none; display: block; width: 100%; margin-bottom: 16px } #es.is-mobile .es-timeline__date { position: relative; top: 0 } #es .social-integrations .es-avatar-wrapper { margin: 10px 0 } #es .social-integrations .es-avatar-wrapper:after,#es .social-integrations .es-avatar-wrapper:before { content: " "; display: table } #es .social-integrations .es-avatar-wrapper:after { clear: both } #es .social-integrations .es-avatar-wrapper .es-username { color: #428bca; line-height: 34px; margin-left: 50px } #es .social-integrations .yesno-list { clear: both; list-style: none; margin: 0 } #es .social-integrations .yesno-list:after,#es .social-integrations .yesno-list:before { content: " "; display: table } #es .social-integrations .yesno-list:after { clear: both } #es .social-integrations .yesno-list>li { padding: 10px; background: #f8f9fb; border-top: 1px solid #eee; line-height: 20px } #es .social-integrations .yesno-list>li:after,#es .social-integrations .yesno-list>li:before { content: " "; display: table } #es .social-integrations .yesno-list>li:after { clear: both } #es .es-polls .input-group-sm .form-control { font-size: 12px } #es .es-polls__title { font-weight: 700; margin-bottom: 8px } #es .es-polls__title>a { margin-left: 8px; font-weight: 400; float: right } #es .es-polls__item+.es-polls__item { margin-top: 16px; position: relative } #es .es-polls__count { position: relative; right: 0; top: 0; width: 80px; text-align: right; color: #999; line-height: 16px } #es .es-polls__progress { background: #f5f5f5; margin: 8px 0 0; height: 10px; -webkit-box-shadow: none; box-shadow: none } #es .es-polls__progress .progress-bar { background-color: #a6d2e5; box-shadow: none } #es .es-polls__voters { overflow: hidden; margin-top: 8px } #es .is-checked .es-polls-progress .progress-bar { background: #5cb85c } #es .es-polls-option { display: table; width: 100%; margin-top: 10px; font-size: 12px } #es .es-polls-option>div { display: table-cell } #es .es-polls-option>div+div { text-align: right } #es .es-profile-header { border: 1px solid #e1e1e1; position: relative; background-color: #fff } #es .es-profile-header__bd,#es .es-profile-header__ft,#es .es-profile-header__hd { position: relative; font-size: 13px } #es .es-profile-header__bd:after,#es .es-profile-header__bd:before,#es .es-profile-header__ft:after,#es .es-profile-header__ft:before,#es .es-profile-header__hd:after,#es .es-profile-header__hd:before { content: " "; display: table } #es .es-profile-header__bd:after,#es .es-profile-header__ft:after,#es .es-profile-header__hd:after { clear: both } #es .es-profile-header__bd { margin-left: 132px; padding: 16px; min-height: 40px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-profile-header__bd .es-rating { display: inline-block } #es .es-profile-header__ft { border-top: 1px solid #e1e1e1; padding: 8px 16px } #es .es-profile-header__ft b { color: #444 } #es .es-profile-header__avatar-wrap { background: rgba(0,0,0,.1); padding: 0; position: absolute; bottom: -56px; left: 16px; z-index: 2 } #es .es-profile-header__avatar-wrap.show-all { z-index: 3 } #es .es-profile-header__avatar-wrap>a { border: 4px solid #fff; display: block; width: 112px; height: 112px } #es .es-profile-header__avatar-wrap>a img { width: 100%!important; height: auto!important; background-color: #fff } #es .es-profile-header__avatar-wrap .es-flyout-content { bottom: 4px; width: 100% } #es .es-profile-header__avatar-wrap .es-flyout-content .es-avatar-menu { padding: 0; width: 100%; text-align: center } #es .es-profile-header__avatar-wrap .es-flyout-content .es-flyout-button { background: rgba(0,0,0,.6); display: block; color: #fff; padding: 8px 0; text-decoration: none } #es .es-profile-header__label-wrap { position: absolute; right: 16px; bottom: 16px } #es .es-profile-header__label-wrap .o-label { display: inline-block; font-size: 13px; padding: 0 } #es .es-profile-header__label-wrap .o-label--success-o>a { color: #4fc251!important } #es .es-profile-header__label-wrap .o-label--danger-o>a { color: #f65b5b!important } #es .es-profile-header__label-wrap-txt { padding: 8px; display: inline-block } #es .es-profile-header__action-wrap { margin-left: auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } #es .es-profile-header__action-wrap .btn-toolbar { margin: 0 } #es .es-profile-header__action-toolbar { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-profile-header__action-toolbar .o-btn-group:not(:first-child) { margin-left: 4px } #es .es-profile-header__title { font-size: 20px; margin: 0; color: #444; word-break: break-all } #es .es-profile-header__title>a { color: #444 } #es .es-profile-header__meta { color: #888 } #es .es-profile-header__meta span+span { padding-left: 4px; border-left: 1px dotted #e1e1e1 } #es .es-profile-header__meta a { color: #888 } #es .es-profile-header__badges { margin-top: 4px } #es .es-profile-header__badges>a,#es .es-profile-header__badges img { display: inline-block; width: 20px; max-width: 20px; height: 20px; max-height: 20px } #es .es-profile-header--mini .es-profile-header__avatar-wrap { bottom: -30px } #es .es-profile-header--mini .es-profile-header__avatar-wrap>a { width: 60px; height: 60px } #es .es-profile-header--mini .es-profile-header__cover { max-height: 140px; overflow: hidden } #es .es-profile-header--mini .es-profile-header__bd { margin-left: 80px; padding: 8px } #es .es-profile-header--mini .es-profile-header__title { font-size: 15px; font-weight: 700 } #es .es-profile-header .btn-toolbar>.btn,#es .es-profile-header .btn-toolbar>.o-btn-group:first-child { margin-left: 0 } #es .es-teaser-about { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es .es-profile-header__ft .swiper-container .dropdown-menu a,#es .es-teaser-date { color: #888 } #es .es-profile-header__ft .o-nav__item { vertical-align: top } #es .es-profile-header-nav { border-top: 1px solid #e1e1e1; padding-left: 16px; background-color: #fff; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #es .es-profile-header-nav,#es .es-profile-header-nav__item { position: relative; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-profile-header-nav__item { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } #es .es-profile-header-nav__link { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #444; padding: 12px 16px 6px; font-size: 13px; border-bottom: 3px solid transparent; outline: 0!important } #es .es-profile-header-nav__link::-moz-focus-inner { border: 0!important } #es .es-profile-header-nav__link>i { position: relative; top: 2px; left: 2px } #es .es-profile-header-nav__link span { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } #es .es-profile-header-nav__link-counter { color: #888; margin-left: 2px } #es .es-profile-header-nav__link-bubble { display: none; position: absolute; top: 12px; right: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #f65b5b } #es .es-profile-header-nav .o-btn-group { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-profile-header-nav .o-btn-group.open .dropdown-toggle_ { color: #444!important; background-color: transparent!important } #es .es-profile-header-nav .is-active .es-profile-header-nav__link { color: #4a90e2; border-bottom-color: #4a90e2 } #es .es-profile-header-nav .is-active>.es-profile-header-nav__dropdown-link { border-color: #4a90e2; background: #f5f5f5 } #es .es-profile-header-nav .has-notice .es-profile-header-nav__link-bubble { display: block } #es .es-profile-header-nav__dropdown-menu>li { position: relative } #es .es-profile-header-nav__dropdown-menu .es-profile-header-nav__link-bubble { top: 10px } #es .es-profile-header-nav__dropdown-link { border-left: 3px solid transparent } #es .es-profile-header-nav-slider { position: relative } #es .es-profile-header-nav-slider:after,#es .es-profile-header-nav-slider:before { position: absolute; top: 1px; bottom: 0; z-index: 2; display: inline-block; width: 40px } #es .es-profile-header-nav-slider:not(.is-end-left):before { left: 0; content: ""; background-image: -webkit-linear-gradient(left,#fff 15%,hsla(0,0%,100%,.15) 85%); background-image: -o-linear-gradient(left,#fff 15%,hsla(0,0%,100%,.15) 85%); background-image: linear-gradient(90deg,#fff 15%,hsla(0,0%,100%,.15) 85%); background-repeat: repeat-x } #es .es-profile-header-nav-slider:not(.is-end-right):after { right: 0; content: ""; background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,.15) 15%,#fff 85%); background-image: -o-linear-gradient(left,hsla(0,0%,100%,.15) 15%,#fff 85%); background-image: linear-gradient(90deg,hsla(0,0%,100%,.15) 15%,#fff 85%); background-repeat: repeat-x } #es.is-mobile .es-profile-header-nav { -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; padding: 0 } #es.is-mobile .es-profile-header-nav__item { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center } #es .es-profile-header__cover { background-size: cover; background-position: 50% 50%; background-color: #fff; min-height: 140px; max-height: 200px; position: relative; -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease } #es .es-profile-header__cover[data-es-photo] { cursor: pointer } #es .es-profile-header__cover.has-cover.is-owner:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0 } #es .es-profile-header__cover.has-cover.is-owner:hover:before { background-color: rgba(0,0,0,.35) } #es .es-profile-header__cover .es-cover-image { width: 100%; height: 100%; background-color: #ccc; background-size: cover; background-position: 50% 50%; cursor: move; display: none } #es .es-profile-header__cover .es-cover-hint { position: absolute; top: 0; left: 0; z-index: 2; text-align: center; width: 30%; margin-left: 35%; opacity: 0; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; display: none } #es .es-profile-header__cover .es-cover-hint>span { background-color: hsla(0,0%,100%,.8); margin-top: -15px; padding: 5px 15px; border-radius: 10px; font-weight: 700; display: none } #es .es-profile-header__cover .es-cover-loading-overlay { background: rgba(0,0,0,.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 1 } #es .es-profile-header__cover .es-flyout-content { top: 0; left: 0; width: 100%; z-index: 3; background: rgba(0,0,0,.6); padding: 8px; cursor: default; display: none } #es .es-profile-header__cover .es-flyout-content .es-cover-menu { text-align: right } #es .es-profile-header__cover .es-flyout-content .es-flyout-button { color: #fff } #es .es-profile-header__cover .es-flyout-content .es-flyout-button:hover { background-color: transparent; text-decoration: none } #es .es-profile-header__cover .es-flyout-content .es-cover-dropdown-menu { right: 0; left: auto } #es .es-profile-header__cover .es-cover-desktop-hint { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; background: rgba(0,0,0,.6); padding: 8px; cursor: default; color: #fff; display: none } #es .es-profile-header__cover .es-cover-desktop-hint__content { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center } #es .es-profile-header__cover .es-cover-desktop-hint>a,#es .es-profile-header__cover .es-cover-desktop-hint>a:hover { color: #fff } #es .es-profile-header__cover .es-cover-desktop-action { top: 50%; left: 50%; transform: perspective(1px) translateX(-50%) translateY(-50%); position: absolute; opacity: 0; -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease } #es .es-profile-header__cover .es-cover-desktop-action__trigger { display: none } #es .es-profile-header__cover .es-cover-desktop-action__trigger .btn { margin-right: 4px } #es .es-profile-header__cover:hover .es-cover-desktop-action { opacity: 1 } #es .es-profile-header__cover .es-profile-header-update-cover { background: red } #es .es-profile-header__cover .es-cover-cancel-button,#es .es-profile-header__cover .es-cover-done-button { display: none } #es .es-profile-header__cover .es-cover-done-button { float: right } #es .es-profile-header__cover .es-cover-cancel-button { float: left } #es .es-profile-header__cover .es-cover-hint-text { color: #333 } #es .es-profile-header__cover.is-loading .es-cover-hint { opacity: 1 } #es .es-profile-header__cover.is-loading .es-cover-hint>span { display: inline-block } #es .es-profile-header__cover.is-loading .es-cover-hint>span .es-cover-hint-text { display: none!important } #es .es-profile-header__cover.is-loading .es-cover-loading-overlay { display: block } #es .es-profile-header__cover.editing .es-cover-hint { opacity: 1 } #es .es-profile-header__cover.editing .es-cover-hint>span,#es .es-profile-header__cover.editing .es-cover-hint>span .es-cover-hint-text { display: inline-block } #es .es-profile-header__cover.editing.active .es-cover-hint,#es .es-profile-header__cover.editing.active .es-flyout-content { opacity: 0 } #es .es-profile-header__cover.editing .es-flyout-content { opacity: 1 } #es .es-profile-header__cover.editing .es-cover-viewport { display: block } #es .es-profile-header__cover.editing .es-cover-menu { display: none } #es .es-profile-header__cover.editing .es-cover-image { display: block } #es .es-profile-header__cover.editing .es-cover-cancel-button,#es .es-profile-header__cover.editing .es-cover-done-button { display: inline-block } #es .es-profile-header__cover.editing .es-cover-desktop-hint { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-profile-header__cover.editing .es-cover-desktop-action { opacity: 1 } #es .es-profile-header__cover.editing .es-cover-desktop-action__update { display: none } #es .es-profile-header__cover.editing .es-cover-desktop-action__trigger { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-profile-header__cover.no-cover.editing .es-cover-image,#es .es-profile-header__cover.no-cover .es-cover-desktop-hint__content,#es .es-profile-header__cover.no-cover .es-cover-desktop-hint__save,#es .es-profile-header__cover.no-cover .es-cover-menu .divider.for-cover-remove-button,#es .es-profile-header__cover.no-cover .es-cover-menu [data-cover-edit-button],#es .es-profile-header__cover.no-cover [data-cover-remove-button] { display: none } #es .es-cover-form .es-cover-file { width: 100% } #es .es-cover-form .es-cover-filename { display: none; line-height: 16px } #es .es-cover-form.loading .es-cover-file { display: none } #es .es-cover-form.loading .es-cover-filename { display: block } #es .es-avatar-form .es-avatar-file { width: 100% } #es .es-avatar-form .es-avatar-filename { display: none; line-height: 16px } #es .es-avatar-form.loading .es-avatar-file { display: none } #es .es-avatar-form.loading .es-avatar-filename { display: block } #es .without-cover .es-profile-header__avatar-wrap { bottom: auto; top: 4px } #es .without-cover .es-profile-header__avatar-wrap>a { width: 88px; height: 88px } #es .without-cover+.es-profile-header__bd { margin-left: 116px } #es.is-mobile .es-profile-header__hd.without-cover { height: 80px } #es.is-mobile .es-profile-header__bd { text-align: center; margin: 0; padding-top: 16px; display: block } #es.is-mobile .es-profile-header__ft { display: block } #es.is-mobile .es-profile-header__ft .es-nav-pills .o-nav__link { padding-left: 4px; padding-right: 4px } #es.is-mobile .es-profile-header__cover { min-height: 180px } #es.is-mobile .es-profile-header__profile-info { border-top: 1px solid #e1e1e1; padding: 8px 16px; color: #888 } #es.is-mobile .es-profile-header__profile-info a { color: #888 } #es.is-mobile .es-profile-header__avatar-wrap { bottom: -12px; left: 50%; margin-left: -60px } #es.is-mobile .es-profile-header__avatar-wrap>a { width: 120px; height: 120px } #es.is-mobile .es-profile-header__avatar-wrap .es-flyout-content { left: auto; bottom: 8px; right: 8px; width: auto; z-index: 3; background: transparent; color: #888; padding: 0; cursor: default; display: block; opacity: 1 } #es.is-mobile .es-profile-header__avatar-wrap .es-flyout-button { color: #888; padding: 4px 8px; border-radius: 3px; background: #fff; line-height: 1 } #es.is-mobile .es-profile-header__avatar-wrap .es-flyout-button>i { margin-right: 0 } #es.is-mobile .es-profile-header__meta span+span { display: block; border: 0 } #es.is-mobile .es-profile-header__action-wrap { margin-top: 16px } #es.is-mobile .es-profile-header__action-wrap .btn-toolbar .o-btn-group { float: none } #es.is-mobile .es-profile-header__action-wrap .o-btn-group--viewer { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin-bottom: 16px } #es.is-mobile .es-profile-header__action-toolbar,#es.is-mobile .es-profile-header__action-wrap .o-btn-group--viewer { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center } #es.is-mobile .es-profile-header .es-profile-header__cover .es-flyout-content { left: auto; top: 8px; right: 8px; width: auto; z-index: 3; background: transparent; color: #888; padding: 0; cursor: default; display: block; opacity: 1 } #es.is-mobile .es-profile-header .es-profile-header__cover .es-flyout-button { color: #888; padding: 4px 8px; background: #fff; border-radius: 3px } #es.is-mobile .es-profile-header .es-profile-header__cover .es-flyout-button>i { margin-right: 0 } #es.is-mobile .es-profile-header .es-profile-header__cover .es-cover-hint { position: absolute; top: 50%; left: 0; z-index: 2; text-align: center; width: 30%; margin-left: 35%; opacity: 0; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease } #es.is-mobile .es-profile-header .es-profile-header__cover .es-cover-hint>span { background-color: hsla(0,0%,100%,.8); margin-top: -15px; padding: 5px 15px; border-radius: 10px; font-weight: 700; display: none } #es.is-mobile .es-profile-header .es-profile-header__cover .es-cover-desktop-action,#es.is-mobile .es-profile-header .es-profile-header__cover .es-cover-desktop-hint { display: none } #es.is-mobile .es-profile-header__label-wrap { position: relative; right: 0; bottom: 0; margin: 16px 0 } #es .o-btn-group--es-friends .dropdown-toggle_ { height: 100% } #es .es-view-page-as { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; position: relative } #es .es-view-page-as__txt { font-weight: 700; padding-right: 4px } #es .es-view-page-as .btn { padding: 5px } #es.popbox-operation-hr { min-width: 220px } #es.popbox-operation-hr .arrow { display: none!important } #es.popbox-operation-hr.is-mobile { left: 60px!important } #es .es-widget-operation-data { padding: 8px 16px } #es .es-widget-operation-data__item { margin-bottom: 8px } #es .es-widget-operation-data__day { color: #444 } #es .es-widget-operation-data__hr { color: #888 } #es .o-btn-group--subscribe .dropdown-menu { padding-top: 0; padding-bottom: 0; overflow: hidden } #es .o-btn-group--subscribe .dropdown-menu li { border-bottom: 1px solid #e1e1e1 } #es .o-btn-group--subscribe .dropdown-menu li:last-child { border-bottom: 0 } #es .es-mini-header { border: 1px solid #e1e1e1 } #es .es-mini-header__bd,#es .es-mini-header__ft,#es .es-mini-header__hd { padding: 32px 16px; font-size: 13px } #es .es-mini-header__bd:after,#es .es-mini-header__bd:before,#es .es-mini-header__ft:after,#es .es-mini-header__ft:before,#es .es-mini-header__hd:after,#es .es-mini-header__hd:before { content: " "; display: table } #es .es-mini-header__bd:after,#es .es-mini-header__ft:after,#es .es-mini-header__hd:after { clear: both } #es .es-mini-header__hd { background-size: cover; position: relative } #es .es-mini-header__hd:before { position: absolute; content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 5%,rgba(0,0,0,.001) 40%); background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 5%,rgba(0,0,0,.001) 40%); background-image: linear-gradient(90deg,rgba(0,0,0,.5) 5%,rgba(0,0,0,.001) 40%); background-repeat: repeat-x } #es .es-mini-header__bd { border-top: 1px solid #e1e1e1; display: none } #es .es-mini-header__ft { border-top: 1px solid #e1e1e1; padding: 8px 16px; color: #888 } #es .es-mini-header__ft a { color: #888 } #es .es-mini-header__ft b { color: #444 } #es .es-mini-header__ft .g-list-inline>li { line-height: 28px } #es .es-mini-header__cover { padding-top: 20%; max-height: 72px; position: relative } #es .es-mini-header__cover-content { position: relative; z-index: 1 } #es .es-mini-header__avatar img { background-color: #fff } #es .es-mini-header__meta,#es .es-mini-header__meta a,#es .es-mini-header__title-link { color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5) } #es .es-mini-header__badges { margin-top: 4px } #es .es-mini-header__badges>a,#es .es-mini-header__badges img { display: inline-block; width: 20px; max-width: 20px; height: 20px; max-height: 20px } #es.is-mobile .es-header-mini .es-header-mini-body { margin-top: 110px; margin-left: 0; text-align: center } #es.is-mobile .es-header-mini .es-header-mini-apps-action { position: relative; width: auto; top: 0 } #es.is-mobile .es-header-mini .es-header-mini-apps-action .fd-nav>li { margin: 0 0 5px } #es.is-mobile .es-header-mini .es-header-mini-apps-action .fd-nav>li>.btn { width: 80px } #es.is-mobile .es-header-mini .es-header-mini-cover { height: 100px } #es.is-mobile .es-header-mini .es-header-mini-avatar { top: 15px; left: 50%; margin-left: -36px } #es.is-mobile .es-header-mini .es-header-mini-meta { position: relative } #es.is-mobile .es-header-mini .es-header-mini-meta .es-cover-title { width: 100% } #es.is-mobile .es-header-mini .es-header-mini-footer>div { padding-left: 10px } #es.is-mobile .es-header-mini .es-header-mini-footer .pull-left { float: none; margin-bottom: 10px } #es.is-mobile .es-header-mini .es-header-mini-footer .pull-right { float: none; margin-top: 10px } #es.is-mobile .es-header-mini .fd-nav-apps { height: auto; margin: 10px 15px } #es.is-mobile .es-header-mini .btn-scroll { display: none } #es.view-dashboard .es-header-mini { margin-left: -20px } #es.view-dashboard .es-header-mini .media-meta { display: none } #es .es-cat-header { border: 1px solid #e1e1e1 } #es .es-cat-header__bd,#es .es-cat-header__ft,#es .es-cat-header__hd { padding: 8px 16px; font-size: 13px } #es .es-cat-header__bd:after,#es .es-cat-header__bd:before,#es .es-cat-header__ft:after,#es .es-cat-header__ft:before,#es .es-cat-header__hd:after,#es .es-cat-header__hd:before { content: " "; display: table } #es .es-cat-header__bd:after,#es .es-cat-header__ft:after,#es .es-cat-header__hd:after { clear: both } #es .es-cat-header__bd,#es .es-cat-header__ft { border-top: 1px solid #e1e1e1; color: #888 } #es .es-cat-header__bd b,#es .es-cat-header__ft b { color: #444 } #es .es-cat-header__bd .g-list-inline>li,#es .es-cat-header__ft .g-list-inline>li { line-height: 28px } #es .es-cat-header__hd .g-list-inline { display: inline-block; margin-top: 4px } #es .es-cat-header__hd .g-list-inline a { color: #444 } #es .es-cat-header__hd .o-btn-group { line-height: 1 } #es .es-cat-header__hd .o-btn-group>a { color: #444; font-size: 12px; position: relative } #es .es-cat-header__hd .o-btn-group .i-chevron:before { color: #888; top: 1px } #es .es-cat-header__hd .o-btn-group.open .dropdown-toggle_ { background: none } #es .es-cat-header__hd .dropdown-menu { margin-top: 4px } #es .es-cat-header__hd-content-wrap { display: table; table-layout: fixed } #es .es-cat-header__hd-action,#es .es-cat-header__hd-content { display: table-cell; vertical-align: top } #es .es-cat-header__hd-action { text-align: right } #es .es-cat-header__bd { padding: 4px 0; background-color: #f5f5f5 } #es .es-cat-header__title-link { font-weight: 700 } #es .es-cat-header__graph { position: relative } #es .es-cat-header__graph-title { position: absolute; top: 8px; right: 16px } #es .es-label-state { width: 40px; height: 40px; background-color: #f5f5f5; border-radius: 50%; text-align: center } #es .es-label-state__icon { line-height: 36px } #es .es-label-state__icon:before { font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f02e"; font-size: 16px } #es .es-label-state--featured { background-color: #dff4df; color: #4fc251 } #es .es-label-state--passed { background-color: #fff; color: #f65b5b } #es .es-label-state--passed .es-label-state__icon:before { content: "\f017" } #es .es-reviews__hd { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #e1e1e1 } #es .es-reviews__hd-content { -webkit-flex: 1; -ms-flex: 1; flex: 1 } #es .es-reviews__hd-action { -webkit-flex: none; -ms-flex: none; flex: none } #es .es-reviews-item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #e1e1e1 } #es .es-reviews-item__ratings { margin-bottom: 8px } #es .es-reviews-item__title { font-weight: 700 } #es .es-reviews-item__desp { margin-bottom: 8px } #es .es-reviews-item__meta { color: #888 } #es .es-cluster-header { border: 1px solid #e1e1e1; background-color: #fff } #es .es-cluster-header__bd,#es .es-cluster-header__ft,#es .es-cluster-header__hd { padding: 8px 16px; font-size: 13px } #es .es-cluster-header__bd:after,#es .es-cluster-header__bd:before,#es .es-cluster-header__ft:after,#es .es-cluster-header__ft:before,#es .es-cluster-header__hd:after,#es .es-cluster-header__hd:before { content: " "; display: table } #es .es-cluster-header__bd:after,#es .es-cluster-header__ft:after,#es .es-cluster-header__hd:after { clear: both } #es .es-cluster-header__bd,#es .es-cluster-header__ft { border-top: 1px solid #e1e1e1; color: #888 } #es .es-cluster-header__bd b,#es .es-cluster-header__ft b { color: #444 } #es .es-cluster-header__bd .g-list-inline>li,#es .es-cluster-header__ft .g-list-inline>li { line-height: 28px } #es .es-cluster-header__bd .g-list-inline a,#es .es-cluster-header__ft .g-list-inline a { color: #444 } #es .es-cluster-header__bd .o-btn-group,#es .es-cluster-header__ft .o-btn-group { line-height: 1 } #es .es-cluster-header__bd .o-btn-group>a,#es .es-cluster-header__ft .o-btn-group>a { color: #444; font-size: 12px; position: relative } #es .es-cluster-header__bd .o-btn-group .i-chevron:before,#es .es-cluster-header__ft .o-btn-group .i-chevron:before { color: #888; top: 1px } #es .es-cluster-header__bd .o-btn-group.open .dropdown-toggle_,#es .es-cluster-header__ft .o-btn-group.open .dropdown-toggle_ { background: none } #es .es-cluster-header__bd .dropdown-menu,#es .es-cluster-header__ft .dropdown-menu { margin-top: 4px } #es .es-cluster-header__bd { padding: 4px 0; background-color: #f5f5f5 } #es .es-cluster-header__title-link { font-weight: 700 } #es .es-cluster-header__meta { color: #888 } #es.is-mobile .es-cluster-header__ft { position: relative } #es.is-mobile .es-cluster-header__ft .g-list-inline { margin-bottom: 16px; padding-right: 60px } #es.is-mobile .es-cluster-header__ft .g-list-inline>li.g-list-inline__last-item { position: absolute; top: 8px; right: 16px } #es.is-mobile .es-cluster-header__ft .g-list-inline>li.g-list-inline__last-item:before { display: none } #es.es-widget-calendar { display: block; width: auto; border: none; box-shadow: none; font-size: 12px; position: relative; padding: 0 } #es.es-widget-calendar * { text-align: center } #es.es-widget-calendar table { width: 100% } #es.es-widget-calendar th { background: none } #es.es-widget-calendar tbody>tr>td,#es.es-widget-calendar thead>tr>th { padding: 3px; border-radius: 3px } #es.es-widget-calendar thead tr:first-child th { cursor: pointer } #es.es-widget-calendar th.next,#es.es-widget-calendar th.prev { font-size: 20px } #es.es-widget-calendar th.prev { text-align: right } #es.es-widget-calendar th.next { text-align: left } #es.es-widget-calendar td.day:hover,#es.es-widget-calendar td.hour:hover,#es.es-widget-calendar td.minute:hover,#es.es-widget-calendar td.second:hover { background: none repeat scroll 0 0 #f5f5f5; cursor: pointer } #es.es-widget-calendar .day a { min-width: 20px; display: block; border-radius: 3px; outline: 0!important; cursor: default } #es.es-widget-calendar .day a::-moz-focus-inner { border: 0!important } #es.es-widget-calendar .day.old:hover { background: none } #es.es-widget-calendar .day.has-events { font-weight: 700; background: #f5f5f5!important; color: #444 } #es.es-widget-calendar .day.has-events * { cursor: pointer } #es.es-widget-calendar .day.has-events a { position: relative } #es.es-widget-calendar .day.has-events a:before { content: ""; position: absolute; width: 6px; height: 6px; display: block; right: 0; bottom: 0; border-color: transparent transparent #3fb576; border-style: solid; border-width: 0 0 6px 6px } #es.es-widget-calendar .day.is-today { background-color: #e9eff7 } #es.es-widget-calendar .es-event-details { display: none } #es.mod-easyblogcalendar .es-widget-calendar a { color: inherit } #es .es-event-details__title { background: #f5f5f5; color: #444; font-size: 13px; font-weight: 700; padding: 4px 8px; border-radius: 3px 3px 0 0 } #es.popbox-events-calendar-filter { min-width: 210px; max-width: 260px } #es.popbox-events-calendar-filter .g-list-unstyled { padding: 4px } #es.popbox-events-calendar-filter .g-list-unstyled>li { padding-top: 4px; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es.popbox-events-calendar-filter .g-list-unstyled>li+li { border-top: 1px solid #e1e1e1; margin-top: 4px } #es .es-content-tabs { width: 100%; margin-bottom: 16px; background-color: #fff; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } #es .es-content-tabs,#es .es-content-tabs__item { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-content-tabs__item { -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #e1e1e1 } #es .es-content-tabs__item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px } #es .es-content-tabs__item:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px } #es .es-content-tabs__item+.es-content-tabs__item { border-left: 0 } #es .es-content-tabs__item.is-active { background-color: #f5f5f5 } #es .es-content-tabs__link { padding: 8px; color: #444; width: 100%; text-align: center; outline: 0!important } #es .es-content-tabs__link::-moz-focus-inner { border: 0!important } #es .es-actions { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #es .es-actions__item-comment,#es .es-actions__item-stats { background-color: #f5f5f5 } #es .is-mobile .es-actions__item-stats { -webkit-order: -1; -ms-order: -1; order: -1 } #es .es-actions-wrapper { padding: 4px 0 } #es .es-actions-list { margin: 0; padding: 0; list-style: none; line-height: 1; font-size: 0 } #es .es-actions-list:after,#es .es-actions-list:before { content: " "; display: table } #es .es-actions-list:after { clear: both } #es .es-actions-list a { color: #888 } #es .es-actions-list>li { display: inline-block; line-height: 1; margin: 0 16px 0 0; position: relative; font-size: 12px } #es .es-actions-list>li .fa { font-size: 12px -1 } #es .es-actions-list>li+li:before { content: "\00b7"; position: absolute; line-height: 1; top: 1px; left: -10px } #es .es-actions-list .es-privacy .es-privacy-toggle { line-height: 1; padding: 0 } #es .es-actions-list .es-privacy .i-chevron.i-chevron--down:before { top: .1em } #es .es-sharer__title { padding: 8px; background-color: #f5f5f5 } #es .es-sharer__select { padding: 8px; border-bottom: 1px solid #e1e1e1 } #es .es-sharer__action,#es .es-sharer__stream { padding: 8px } #es .es-sharer__btn-popdown { width: auto; line-height: 1; font-size: 12px } #es .es-sharer__btn-popdown>div { padding: 4px 8px } #es .es-sharer__btn-popdown .i-chevron--down:before { top: 1px } #es .es-slider-wrapper { overflow: hidden; position: relative } #es .es-slider:after,#es .es-slider:before { content: " "; display: table } #es .es-slider:after { clear: both } #es .es-slider__item { min-width: 0; width: 100%; float: left } #es .es-slider-content { width: 100% } #es .es-slider-content__title { font-weight: 700 } #es .es-slider-content__desc { line-height: 1.2 } #es .es-slider-pages { list-style: none; margin: 8px 0 0; padding: 0; text-align: left } #es .es-slider-pages li { display: inline-block; width: 12px; height: 12px; margin: 0 4px; text-indent: -999px; border-radius: 10px; cursor: pointer; overflow: hidden; background: #f5f5f5 } #es .es-slider-pages li:hover { background: #888 } #es .es-slider-pages li.is-active { background: #444 } #es .es-list__item { padding: 16px 8px } #es .es-list__item:not(:first-child) { border-top: 1px solid #e1e1e1 } #es .es-list-title { font-weight: 700; color: #888; background: #f5f5f5; padding: 16px 8px 4px; border-bottom: 1px solid #e1e1e1 } #es .es-list-item { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start } #es .es-list-item__media { margin-right: 8px } #es .es-list-item__context { -webkit-flex: 1; -ms-flex: 1; flex: 1 } #es .es-list-item__hd { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start } #es .es-list-item__bd { padding-top: 8px } #es .es-list-item__content { overflow: hidden; text-overflow: ellipsis; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0 } #es .es-list-item__action { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; padding-left: 8px } #es .es-list-item__action .btn { margin-left: 8px } #es .es-list-item__state { display: none; padding: 0 8px } #es .es-list-item__state .es-label-state { width: 24px; height: 24px; line-height: 24px } #es .es-list-item__state .es-label-state__icon { line-height: 1 } #es .es-list-item__state .es-label-state__icon:before { font-size: 9px } #es .es-list-item__title { margin-bottom: 4px; font-weight: 700 } #es .es-list-item__desc { color: #888; margin-bottom: 4px } #es .es-list-item__meta { margin-bottom: 4px } #es .es-list-item__meta,#es .es-list-item__meta a { color: #888 } #es .es-list-item.is-featured .es-list-item__state,#es .es-list-item.is-passed .es-list-item__state { display: block } #es .es-mobile-filter { margin-bottom: 8px } #es .es-mobile-filter__hd { padding: 8px 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: 1px solid #e1e1e1 } #es .es-mobile-filter__hd-cell { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } #es .es-mobile-filter__hd-cell.is-slider { width: calc(100% - 38px); padding-right: 8px } #es .es-mobile-filter__hd-cell.is-last { margin-left: auto; -webkit-flex: none; -ms-flex: none; flex: none } #es .es-mobile-filter__bd { border-bottom: 1px solid #e1e1e1 } #es .es-mobile-filter-slider { width: 100%; overflow: hidden; position: relative } #es .es-mobile-filter-slider__content { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-mobile-filter-slider__item { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } #es .es-mobile-filter-slider__item:not(:first-child) { margin-left: 8px } #es .es-mobile-filter-slider__btn { color: #444!important; background-color: #fff!important; border-color: #e1e1e1!important } #es .es-mobile-filter-slider__btn.focus,#es .es-mobile-filter-slider__btn:focus { color: #444!important; background-color: #e6e6e6!important; border-color: #a1a1a1!important } #es .es-mobile-filter-slider__btn.active,#es .es-mobile-filter-slider__btn:active,#es .es-mobile-filter-slider__btn:hover,.open>.dropdown-toggle#es .es-mobile-filter-slider__btn { color: #444!important; background-color: #e6e6e6!important; border-color: #c2c2c2!important } #es .es-mobile-filter-slider__btn.active.focus,#es .es-mobile-filter-slider__btn.active:focus,#es .es-mobile-filter-slider__btn.active:hover,#es .es-mobile-filter-slider__btn:active.focus,#es .es-mobile-filter-slider__btn:active:focus,#es .es-mobile-filter-slider__btn:active:hover,.open>.dropdown-toggle#es .es-mobile-filter-slider__btn.focus,.open>.dropdown-toggle#es .es-mobile-filter-slider__btn:focus,.open>.dropdown-toggle#es .es-mobile-filter-slider__btn:hover { color: #444!important; background-color: #d4d4d4!important; border-color: #a1a1a1!important } #es .es-mobile-filter-slider__btn.active,#es .es-mobile-filter-slider__btn:active,.open>.dropdown-toggle#es .es-mobile-filter-slider__btn { background-image: none!important } #es .es-mobile-filter-slider__btn.disabled,#es .es-mobile-filter-slider__btn.disabled.active,#es .es-mobile-filter-slider__btn.disabled.focus,#es .es-mobile-filter-slider__btn.disabled:active,#es .es-mobile-filter-slider__btn.disabled:focus,#es .es-mobile-filter-slider__btn.disabled:hover,#es .es-mobile-filter-slider__btn[disabled],#es .es-mobile-filter-slider__btn[disabled].active,#es .es-mobile-filter-slider__btn[disabled].focus,#es .es-mobile-filter-slider__btn[disabled]:active,#es .es-mobile-filter-slider__btn[disabled]:focus,#es .es-mobile-filter-slider__btn[disabled]:hover,fieldset[disabled] #es .es-mobile-filter-slider__btn,fieldset[disabled] #es .es-mobile-filter-slider__btn.active,fieldset[disabled] #es .es-mobile-filter-slider__btn.focus,fieldset[disabled] #es .es-mobile-filter-slider__btn:active,fieldset[disabled] #es .es-mobile-filter-slider__btn:focus,fieldset[disabled] #es .es-mobile-filter-slider__btn:hover { background-color: #fff!important; border-color: #e1e1e1!important } #es .es-mobile-filter-slider__btn .badge { color: #fff!important; background-color: #444!important } #es .es-mobile-filter-slider__tab { color: #444; display: inline-block; white-space: nowrap; padding: 8px; border-bottom: 2px solid transparent } #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn { color: #fff!important; background-color: #4a90e2!important; border-color: #4a90e2!important } #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.focus,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:focus { color: #fff!important; background-color: #2275d7!important; border-color: #185195!important } #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.active,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:active,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:hover,.open>.dropdown-toggle#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn { color: #fff!important; background-color: #2275d7!important; border-color: #2171ce!important } #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.active.focus,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.active:focus,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.active:hover,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:active.focus,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:active:focus,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:active:hover,.open>.dropdown-toggle#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.focus,.open>.dropdown-toggle#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:focus,.open>.dropdown-toggle#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:hover { color: #fff!important; background-color: #1d65b8!important; border-color: #185195!important } #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.active,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:active,.open>.dropdown-toggle#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn { background-image: none!important } #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.disabled,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.disabled.active,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.disabled.focus,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.disabled:active,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.disabled:focus,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.disabled:hover,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn[disabled],#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn[disabled].active,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn[disabled].focus,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn[disabled]:active,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn[disabled]:focus,#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn[disabled]:hover,fieldset[disabled] #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn,fieldset[disabled] #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.active,fieldset[disabled] #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn.focus,fieldset[disabled] #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:active,fieldset[disabled] #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:focus,fieldset[disabled] #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:hover { background-color: #4a90e2!important; border-color: #4a90e2!important } #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn .badge { color: #4a90e2!important; background-color: #fff!important } #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__tab { border-bottom: 2px solid #4a90e2 } #es .es-mobile-filter-slider:after,#es .es-mobile-filter-slider:before { position: absolute; top: 0; bottom: 0; z-index: 2; display: inline-block; width: 36px } #es .es-mobile-filter-slider:not(.is-end-left):before { left: 0; content: ""; background-image: -webkit-linear-gradient(left,#fff 15%,hsla(0,0%,100%,.15) 85%); background-image: -o-linear-gradient(left,#fff 15%,hsla(0,0%,100%,.15) 85%); background-image: linear-gradient(90deg,#fff 15%,hsla(0,0%,100%,.15) 85%); background-repeat: repeat-x } #es .es-mobile-filter-slider:not(.is-end-right):after { right: 0; content: ""; background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,.15) 15%,#fff 85%); background-image: -o-linear-gradient(left,hsla(0,0%,100%,.15) 15%,#fff 85%); background-image: linear-gradient(90deg,hsla(0,0%,100%,.15) 15%,#fff 85%); background-repeat: repeat-x } #es.es-mobile-actions-wrapper.open .es-mobile-actions { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.65); z-index: 2147483647 } #es.es-mobile-actions-wrapper.open .dropdown-menu { display: block; position: absolute; top: auto; bottom: 0; width: 100%; min-height: 24vh; max-height: 52vh; overflow-x: auto; border-radius: 8px 8px 0 0; background: #f5f5f5; padding-top: 0 } #es.es-mobile-actions-wrapper.open .dropdown-menu>li { position: relative; border-bottom: 1px solid #e1e1e1 } #es.es-mobile-actions-wrapper.open .dropdown-menu>li.divider { display: none } #es.es-mobile-actions-wrapper.open .dropdown-menu>li>a { font-size: 13px; line-height: 2; background: #fff; padding: 8px 16px } #es .es-mobile-info { margin-bottom: 16px } #es .es-mobile-info .es-side-widget { border-bottom: 1px solid #e1e1e1 } #es .es-mobile-info .es-side-widget+.es-side-widget,#es .es-mobile-info .es-side-widget+.es-widgets-wrapper-mobile { margin-top: 8px } #es .es-hints { display: none } #es .es-upload-wrapper { border: 1px solid #e1e1e1 } #es .es-upload-wrapper { position: relative; color: #888; background-color: #f5f5f5; padding: 8px } #es .es-upload-wrapper__note-pop { position: absolute; top: 8px; right: 8px; z-index: 2 } #es .es-upload-wrapper__note-pop>a { display: inline-block; color: #888 } #es .es-upload-wrapper__note { min-height: 80px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #es .es-upload-wrapper__note>a { margin-left: 3px; outline: 0!important } #es .es-upload-wrapper__note>a::-moz-focus-inner { border: 0!important } #es .es-upload-wrapper__attachment-list { margin-top: 8px; width: 100%; background-color: #fff; color: #444 } #es .es-upload-wrapper__attachment-item { position: relative; padding: 4px 8px; margin-bottom: 4px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } #es .es-upload-wrapper__attachment-item-name { margin-left: 4px } #es .es-upload-wrapper__attachment-item-state { margin-left: auto } #es .es-upload-wrapper__attachment-remove { border-radius: 100%; position: relative; left: 0; top: 2px; width: 16px; height: 16px; line-height: 16px; font-size: 10px; color: #888; text-align: center; z-index: 10; display: inline-block; cursor: pointer; vertical-align: text-top; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } #es .es-upload-wrapper__attachment-remove:after,#es .es-upload-wrapper__attachment-remove:before { background: #888; border-radius: 2px; content: ""; display: block; position: absolute; left: 50%; top: 50% } #es .es-upload-wrapper__attachment-remove:before { width: 10px; height: 2px; margin: -1px 0 0 -5px } #es .es-upload-wrapper__attachment-remove:after { height: 10px; width: 2px; margin: -5px 0 0 -1px } #es.is-mobile .es-convo-composer__bd { padding: 8px } #es.is-mobile .es-convo-composer__editor { padding: 8px 8px 0 } #es.is-mobile .es-convo-composer__location { margin-bottom: 8px } #es.is-mobile .es-convo-composer .es-location-form { border: 0; border-bottom: 1px solid #e1e1e1 } #es .es-convo-selectize-dummy { opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; height: 200px; display: none } #es .has-dropdown .es-convo-selectize-dummy { display: block } #es .es-messaging .selectize-control { z-index: 3 } #es .es-messaging .form-group { position: relative } #es .es-convo-dialog,#es .es-convo-markitup { border: 1px solid #e1e1e1; border-bottom: 0 } #es .es-single-composer-textarea { border: 1px solid #e1e1e1; padding: 8px } #es.popbox---convo-note .arrow { display: none!important } #es .es-convo-popbox-content { padding: 8px } #es .es-noti-hd__badge { background-color: #428bca; border-radius: 3px; color: #fff; display: inline-block; font-size: 13px; font-weight: 700; line-height: 1; min-width: 28px; padding: 4px 8px; text-align: center; vertical-align: middle; white-space: nowrap } #es .es-noti-hd__action { float: right } #es .es-noti-list { margin-bottom: 20px } #es .es-noti__item { position: relative; padding-left: 8px; padding-right: 8px; border-bottom: 1px solid #e1e1e1; background-color: #fff } #es .es-noti__item:hover { background-color: #f5f5f5 } #es .es-noti__noclick { position: absolute; display: none } #es .es-noti__date { color: #888 } #es .es-noti__title { color: #444 } #es .es-noti__item-indicator { width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 24px; background-color: #4a90e2 } #es .es-noti__item-content { position: relative; padding: 16px 120px 16px 20px } #es .es-noti__item-type { position: absolute; right: 28px; top: 8px } #es .es-noti__item-type-icon { text-shadow: 1px 1px 0 hsla(0,0%,100%,.9),-1px 1px 0 hsla(0,0%,100%,.9),-1px -1px 0 hsla(0,0%,100%,.9),1px -1px 0 hsla(0,0%,100%,.9); position: relative; right: 4px; z-index: 2 } #es .es-noti__item-type-icon:before { font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; display: inline-block; text-decoration: inherit; color: #888 } #es .es-noti__item-embed { display: block } #es .es-noti__item-embed>img { max-width: 120px; max-height: 120px } #es .es-noti__item-action { position: absolute; top: 16px; right: 16px } #es .es-noti__item.is-read .es-noti__item-indicator { display: none } #es .es-noti__item.is-unread { background-color: #e9f2f9 } #es .es-noti__item.is-remove { opacity: .5 } #es .es-noti__item.is-remove .es-noti__noclick { background: transparent; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: block } #es.is-mobile .es-noti-hd { text-align: center } #es.is-mobile .es-noti-hd__action { float: none; margin-top: 16px } #es.popbox-notifications .es-avatar,#es.popbox-notifications .es-avatar img { width: 16px!important; height: 16px!important } #es.popbox-notifications .popbox-body { width: 100%; max-height: 250px; overflow: auto; padding: 0 } #es.popbox-notifications .btn-es.btn-small,#es.popbox-notifications .btn-small[class*=" btn-es-"],#es.popbox-notifications .btn-small[class^=btn-es-] { font-size: 11px!important; padding: 1px 8px!important } #es.popbox-notifications .conversations-result,#es.popbox-notifications .notifications-result { padding-bottom: 10px } #es.popbox-notifications .conversations-result i.ies-earth,#es.popbox-notifications .notifications-result i.ies-earth { color: #999; margin-left: 1px } #es.popbox-notifications .conversations-result .object-image,#es.popbox-notifications .notifications-result .object-image { position: relative; background-color: #fff; border: 1px solid transparent; display: inline-block; margin-left: 7px; outline: 0; padding: 1px } #es.popbox-notifications .conversations-result .object-image:after,#es.popbox-notifications .conversations-result .object-image:before,#es.popbox-notifications .notifications-result .object-image:after,#es.popbox-notifications .notifications-result .object-image:before { content: " "; display: table } #es.popbox-notifications .conversations-result .object-image:after,#es.popbox-notifications .notifications-result .object-image:after { clear: both } #es.popbox-notifications .conversations-result .object-image>span,#es.popbox-notifications .notifications-result .object-image>span { width: 52px; height: 38px; background-color: transparent; background-position: center 25%; background-repeat: no-repeat; background-size: cover; display: block } #es.popbox-notifications .conversations-result .is-unread .notice-message,#es.popbox-notifications .notifications-result .is-unread .notice-message { background: #f6fbff!important } #es.popbox-notifications .conversations-result .notice-message,#es.popbox-notifications .notifications-result .notice-message { padding: 4px 10px } #es.popbox-notifications .conversations-result .notice-message .es-avatar,#es.popbox-notifications .notifications-result .notice-message .es-avatar { margin-top: 5px!important } #es.popbox-notifications .conversations-result .notice-message:hover,#es.popbox-notifications .notifications-result .notice-message:hover { background: #f6f6f6!important } #es.popbox-notifications .conversations-result .notice-message>a,#es.popbox-notifications .notifications-result .notice-message>a { color: #666!important; padding: 0 5px!important; white-space: normal!important; display: block!important } #es.popbox-notifications .conversations-result .notice-message>a:hover,#es.popbox-notifications .notifications-result .notice-message>a:hover { text-decoration: none!important } #es.popbox-notifications .friends-result { padding-bottom: 10px } #es.popbox-notifications .friends-result .loading-indicator { display: none!important } #es.popbox-notifications .friends-result .es-action-wrap { clear: both; position: relative; padding: 5px 0 0 } #es.popbox-notifications .type-broadcast.is-unread>.notice-message { background: #ffc!important } #es.popbox--navbar { min-width: 300px; min-height: 60px; overflow: none; border-top-left-radius: 0; border-top-right-radius: 0 } #es.popbox-navbar-conversations,#es.popbox-navbar-friends,#es.popbox-navbar-notifications { width: 380px } #es.popbox-navbar-profile,#es.popbox-navbar-signin { width: 260px; max-height: none } #es.popbox-navbar-profile .popbox-dropdown__bd,#es.popbox-navbar-profile .popbox-dropdown__ft,#es.popbox-navbar-profile .popbox-dropdown__hd,#es.popbox-navbar-signin .popbox-dropdown__bd,#es.popbox-navbar-signin .popbox-dropdown__ft,#es.popbox-navbar-signin .popbox-dropdown__hd { background-color: #fff; position: relative } #es.popbox-navbar-profile .popbox-dropdown__hd,#es.popbox-navbar-signin .popbox-dropdown__hd { padding: 8px } #es.popbox-navbar-profile .popbox-dropdown__ft,#es.popbox-navbar-signin .popbox-dropdown__ft { padding: 0 8px 8px } #es.popbox-navbar-profile .popbox-dropdown-nav,#es.popbox-navbar-signin .popbox-dropdown-nav { max-height: none } #es.popbox-navbar-profile { width: 600px } #es .popbox-dropdown { background-color: #fff } #es .popbox-dropdown__bd:after,#es .popbox-dropdown__bd:before,#es .popbox-dropdown__ft:after,#es .popbox-dropdown__ft:before,#es .popbox-dropdown__hd:after,#es .popbox-dropdown__hd:before { content: " "; display: table } #es .popbox-dropdown__bd:after,#es .popbox-dropdown__ft:after,#es .popbox-dropdown__hd:after { clear: both } #es .popbox-dropdown__hd { padding: 8px; font-size: 13px; border-bottom: 1px solid #e1e1e1 } #es .popbox-dropdown__bd { background: #fff; padding: 0; font-size: 13px } #es .popbox-dropdown__bd .o-empty__content { width: 100% } #es .popbox-dropdown__ft { background: #fff; color: #888; font-size: 12px; padding-top: 8px } #es .popbox-dropdown__title { font-weight: 700; color: #888 } #es .popbox-dropdown__meta { color: #888; font-size: 12px } #es .popbox-dropdown__note { outline: 0!important } #es .popbox-dropdown__note::-moz-focus-inner { border: 0!important } #es .popbox-dropdown-nav { max-height: 380px; overflow-y: auto; overflow-x: hidden; background-color: #fff } #es .popbox-dropdown-nav__item { background-color: #fff; font-size: 13px } #es .popbox-dropdown-nav__item:hover { background: #f6f7f9 } #es .popbox-dropdown-nav__item+.popbox-dropdown-nav__item { border-top: 1px solid #e1e1e1 } #es .popbox-dropdown-nav__link { padding: 8px; width: 100%; display: inline-block; outline: 0!important } #es .popbox-dropdown-nav__link::-moz-focus-inner { border: 0!important } #es .popbox-dropdown-nav__icon { width: 16px; height: 16px; font-size: 16px; text-align: center; margin: 0 4px; color: #888; position: relative } #es .popbox-dropdown-nav__post { color: #444 } #es .popbox-dropdown-nav__name,#es .popbox-dropdown-nav__post-user-name { font-weight: 700; color: #444 } #es .popbox-dropdown-nav__link,#es .popbox-dropdown-nav__post-name,#es .popbox-dropdown-nav__post-user-name { color: #4a90e2 } #es .popbox-dropdown-nav__meta-lists { color: #888 } #es .popbox-dropdown-nav__meta-lists a { color: #888; display: block } #es .popbox-dropdown-nav__meta-lists a:hover { color: #444 } #es .popbox-dropdown-nav__image { position: relative; border: 1px solid transparent; display: inline-block; margin-left: 8px; outline: 0; padding: 1px; float: right } #es .popbox-dropdown-nav__image:after,#es .popbox-dropdown-nav__image:before { content: " "; display: table } #es .popbox-dropdown-nav__image:after { clear: both } #es .popbox-dropdown-nav__image>span { width: 52px; height: 40px; background-color: transparent; background-position: 50%; background-repeat: no-repeat; background-size: contain; display: block } #es .popbox-dropdown-nav .es-user-name { font-size: 14px } #es .popbox-dropdown-nav__item.is-unread { background-color: #e9f2f9 } #es .popbox-dropdown-nav__item.is-unread:hover { background-color: #f6f7f9 } #es .popbox-dropdown-nav__item.is-active { border: 1px solid #4a90e2 } #es .popbox-dropdown-nav__item.is-active:hover { background-color: #fff } #es .popbox-dropdown-signin { background-color: #fff; padding: 8px 16px; border-bottom: 1px solid #e1e1e1; margin-bottom: 8px } #es .popbox-dropdown-signin .o-form-group { margin-bottom: 8px } #es .popbox-dropdown-signin .o-form-group label { font-weight: 400 } #es .popbox-dropdown-signin .o-form-control { margin-bottom: 0 } #es .popbox-dropdown__social { border-top: 1px solid #e1e1e1; padding-top: 8px } #es.is-mobile .es-toolbar .es-toolbar__item--home-submenu,#es.is-mobile .es-toolbar .es-toolbar__search-filter-txt,#es.is-mobile .es-toolbar .is-signin,#es.is-tablet .es-toolbar .es-toolbar__item--home-submenu,#es.is-tablet .es-toolbar .es-toolbar__search-filter-txt,#es.is-tablet .es-toolbar .is-signin { display: none } @media(max-width: 480px) { #es.popbox--navbar { width:96%; left: 52%!important; margin-left: -50%!important } #es.popbox--navbar>.arrow { display: none } #es .popbox-dropdown { width: 100%; max-width: 100% } } #es.es-dialog .es-toolbar__o-nav,#es.es-dialog.is-mobile .es-toolbar__o-nav { margin-top: 8px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: initial; -ms-align-items: initial; align-items: normal } #es.es-dialog .es-toolbar__o-nav>.o-nav__item,#es.es-dialog.is-mobile .es-toolbar__o-nav>.o-nav__item { border-left: 0; margin-left: 0; margin-bottom: 8px; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; padding: 0 8px 8px; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es.es-dialog .es-toolbar__o-nav .es-toolbar__link,#es.es-dialog.is-mobile .es-toolbar__o-nav .es-toolbar__link { padding: 20px 8px!important; display: block; width: 100%; color: #444; margin: 0; border: 1px solid #e1e1e1; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #es.es-dialog .es-toolbar__o-nav .es-toolbar__link i,#es.es-dialog.is-mobile .es-toolbar__o-nav .es-toolbar__link i { display: block; font-size: 20px } #es.es-dialog .es-toolbar__o-nav .es-toolbar__link span,#es.es-dialog.is-mobile .es-toolbar__o-nav .es-toolbar__link span { margin-top: 8px; display: inline-block; white-space: normal; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es.popbox-nav-search { min-width: 180px; min-height: 40px; height: auto; border-radius: 0 } #es.popbox-nav-search .arrow { display: none } #es.view-profile.layout-editPrivacy .privacy-contents { display: none; position: relative } #es.view-profile.layout-editPrivacy .privacy-custom-menu { position: absolute; padding: 10px; min-width: 350px } #es.view-profile.layout-editPrivacy .control-label { font-size: 13px } #es.layout-editNotifications .es-forms__content,#es.layout-editPrivacy .es-forms__content { min-height: 300px } #es .privacy-contents__title { font-size: 12px; margin-bottom: 16px } #es .profile-data-timezone { position: relative; top: -2px; right: 2px } #es .profile-data-timezone .profile-data-timezone-toggle { height: 24px; position: relative; color: #858585!important; border: 1px solid transparent!important; border: 1px solid transparent; padding: 0 3px; background: none!important; line-height: 24px; -webkit-box-shadow: none; box-shadow: none } #es .profile-data-timezone .profile-data-timezone-toggle .caret { position: relative; top: -3px; opacity: 0; filter: alpha(opacity=0); border-top: 4px solid #666 } #es .profile-data-timezone:hover .profile-data-timezone-toggle { color: #858585!important; background-color: #fff!important; border-color: #d7d7d7!important } #es .profile-data-timezone:hover .profile-data-timezone-toggle .caret { opacity: 1; filteR: alpha(opacity=100) } #es .es-block-reason { background-color: #f5f5f5; border: 1px dashed #e1e1e1; color: #888; margin: 5px 0; padding: 5px 10px; border-radius: 3px } #es .es-user-banned { border-radius: 3px } #es .es-user-banned b { display: block; font-size: 110%; margin: 0 0 3px } #es.is-mobile.view-profile.layout-edit .form-profile,#es.is-mobile.view-profile.layout-edit .form-social { margin: 0 } #es.is-mobile.layout-editPrivacy .privacy-contents .o-form-group { padding: 0 16px } #es.is-mobile.layout-editPrivacy .o-form-actions { padding: 16px } #es.popbox.popbox-profile { width: 420px!important; height: 215px!important; background-color: #fff!important; border-radius: 1px; padding: 0; border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2) } #es.popbox.popbox-profile.top-left .arrow { border-top-color: #f2f2f2 } #es.popbox.popbox-profile .profile-details { position: absolute; z-index: 2; bottom: 75px; left: 0; color: #fff; padding: 20px 10px 5px 86px; width: 100%; height: 61px; background-image: -webkit-linear-gradient(hsla(0,0%,100%,0),rgba(0,0,0,.1) 30%,rgba(0,0,0,.5)); background-image: -o-linear-gradient(hsla(0,0%,100%,0),rgba(0,0,0,.1) 30%,rgba(0,0,0,.5)); background-image: linear-gradient(hsla(0,0%,100%,0),rgba(0,0,0,.1) 30%,rgba(0,0,0,.5)); background-repeat: no-repeat } #es.popbox.popbox-profile .profile-details .profile-title { font-weight: 700; font-size: 13px } #es.popbox.popbox-profile .profile-details .profile-title>a { color: #fff!important } #es.popbox.popbox-profile .profile-details .profile-title>a:hover { text-decoration: underline!important; background: none!important } #es.popbox.popbox-profile .profile-details .profile-desp,#es.popbox.popbox-profile .profile-details .profile-title { text-shadow: 1px 1px 0 rgba(0,0,0,.3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es.popbox.popbox-profile .popbox-cover { display: block; width: 100%; height: 140px; background: #333; position: absolute } #es.popbox.popbox-profile .popbox-cover>div { width: 100%; height: 100% } #es.popbox.popbox-profile .es-online-status { position: absolute; bottom: 117px; left: 77px; right: auto; top: auto } #es.popbox.popbox-profile .o-avatar-status { position: absolute; z-index: 2; left: 10px; bottom: 50px; overflow: visible; width: 64px; height: 64px; border: 2px solid #fff } #es.popbox.popbox-profile .o-avatar-status img { width: 60px; height: 60px; background: #fff; display: block; max-width: none } #es.popbox.popbox-profile .popbox-info { position: absolute; width: 100%; padding-left: 85px; bottom: 32px; line-height: 1 } #es.popbox.popbox-profile .o-btn-group { display: inline-block; font-size: 0; position: relative; vertical-align: middle; white-space: nowrap } #es.popbox.popbox-profile .pull-right { float: right } #es.popbox.popbox-profile .btn-es { display: inline-block; outline: 0; padding: 4px 12px; margin-bottom: 0; font-size: 13px; line-height: 1.5; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #d7d7d7; *border: 0; border-bottom-color: #bebebe; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05) } #es.popbox.popbox-profile .btn-es:hover { color: #333; text-decoration: none; background-position: 0 -15px; background-color: #e6e6e6; -webkit-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear } #es.popbox.popbox-profile .btn-es:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } #es.popbox.popbox-profile .btn-es.active,#es.popbox.popbox-profile .btn-es:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05) } #es.popbox.popbox-profile .btn-es.disabled,#es.popbox.popbox-profile .btn-es[disabled] { cursor: default; background-image: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } #es.popbox.popbox-profile .o-btn-group+.o-btn-group { margin: 0; left: -5px } #es.popbox.popbox-profile .btn-friends { border-radius: 3px } #es.popbox.popbox-profile .btn-message { border-radius: 0 3px 3px 0; position: relative; left: -2px } #es.popbox.popbox-profile .popbox-footer { background: #f2f2f2; position: absolute; width: 100%; height: 40px; bottom: 0; padding: 7px 10px } #es.popbox.popbox-profile .popbox-footer a:focus { outline: 0 } #es.popbox.popbox-profile .popbox-items { padding: 0!important; margin: 0!important; list-style: none } #es.popbox.popbox-profile .popbox-items>li { width: 31%; display: inline-block!important; text-align: center!important; margin: 0 -3px 0 0!important } #es.popbox.popbox-profile .popbox-item-info { border-left: 1px solid #f2f2f2!important; padding: 2px 2px 4px!important; font-size: 12px!important; line-height: 14px!important; width: 100%!important; height: 36px!important; overflow: hidden!important } #es.popbox.popbox-profile .popbox-item-info>a { color: rgba(0,0,0,.8) } #es.popbox.popbox-profile .popbox-item-info>a:hover .popbox-item-total { text-decoration: underline!important } #es.popbox.popbox-profile .popbox-item-info .popbox-item-total { line-height: 14px!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-weight: 700 } #es.popbox.popbox-profile .popbox-item-info .popbox-item-text { line-height: 14px!important } #es.popbox.popbox-profile .fd-nav { position: relative } #es.popbox.popbox-profile .popbox-restricted { height: 215px; position: relative; background-color: #f5f5f5; padding: 16px } #es.popbox.popbox-profile .popbox-restricted__content { position: relative; top: 50%; transform: perspective(1px) translateY(-50%) } #es.popbox.popbox-profile .popbox-restricted__title { font-weight: 700 } #es.popbox.popbox-timezone .es-timezone-block { display: block; padding: 10px; border-top: 1px solid #e1e1e1 } #es.popbox.popbox-timezone .es-timezone-block:hover { background: #fafafa } #es.popbox.popbox-timezone .es-timezone-block:first-child { border-top: 0 } #es.popbox.popbox-timezone .es-timezone-block.es-timezone-by a { font-size: 11px; color: #aaa } @media(max-width: 680px) { #es.popbox.popbox-profile { width:98%!important; left: 5px!important; right: 5px!important } #es.popbox.popbox-profile .arrow { display: none!important } } #es .es-apps-item { margin-bottom: 16px } #es .es-apps-item__bd,#es .es-apps-item__ft,#es .es-apps-item__hd { padding: 8px 0; font-size: 13px; position: relative } #es .es-apps-item__bd:after,#es .es-apps-item__bd:before,#es .es-apps-item__ft:after,#es .es-apps-item__ft:before,#es .es-apps-item__hd:after,#es .es-apps-item__hd:before { content: " "; display: table } #es .es-apps-item__bd:after,#es .es-apps-item__ft:after,#es .es-apps-item__hd:after { clear: both } #es .es-apps-item__ft { background-color: #f5f5f5; padding: 8px 16px; border-bottom: 1px solid #e1e1e1 } #es .es-apps-item__action { position: absolute; top: 8px; right: 8px } #es .es-apps-item__title { font-weight: 700 } #es .es-apps-item__desc { margin-bottom: 8px; clear: both } #es .es-apps-item__item-action { margin-bottom: 8px } #es .es-apps-item__meta { color: #888 } #es .es-apps-item__checkbox { margin-top: 2px; margin-bottom: 0 } #es .es-apps-item__checkbox label { padding-left: 8px } #es .es-apps-entry-section { margin-bottom: 16px } #es .es-apps-entry__bd,#es .es-apps-entry__ft,#es .es-apps-entry__hd { padding: 8px 0; font-size: 13px; position: relative } #es .es-apps-entry__bd:after,#es .es-apps-entry__bd:before,#es .es-apps-entry__ft:after,#es .es-apps-entry__ft:before,#es .es-apps-entry__hd:after,#es .es-apps-entry__hd:before { content: " "; display: table } #es .es-apps-entry__bd:after,#es .es-apps-entry__ft:after,#es .es-apps-entry__hd:after { clear: both } #es .es-apps-entry__ft { background-color: #f5f5f5; padding: 8px 16px; border-bottom: 1px solid #e1e1e1 } #es .es-apps-entry__action { position: relative } #es .es-apps-entry__title { font-weight: 700; font-size: 15px } #es .es-apps-entry__desc,#es .es-apps-entry__item-action { margin-bottom: 8px } #es .es-apps-entry__meta { color: #888 } #es .es-apps-item--tasks .es-apps-item__state { display: none } #es .es-apps-item--tasks .o-checkbox input[type=checkbox]:checked+label { color: #888; text-decoration: line-through } #es .es-apps-item--tasks .o-checkbox input[type=checkbox]:checked+label+.es-task-check-note { text-decoration: line-through } #es .es-apps-item--tasks.is-resolved { background: #fffed8 } #es .es-apps-item--tasks.is-resolved .es-apps-item__state { display: inline-block } #es .es-apps-square-cover { -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; width: 120px; height: 120px; background-color: #f5f5f5; border-right: 1px solid #e1e1e1; background-size: cover; background-repeat: no-repeat } #es .es-app-discussions .label-answer-item,#es .es-app-discussions .label-locked,#es .es-app-discussions .label-resolved,#es .es-app-discussions .label-unanswered { display: none; margin-right: 8px } #es .es-app-discussions .discussion-unlock-action,#es .es-app-discussions .locked-notice { display: none } #es .es-app-discussions.is-locked .label-locked,#es .es-app-discussions .is-locked .label-locked { display: inline-block } #es .es-app-discussions.is-locked .discussion-lock-action,#es .es-app-discussions .is-locked .discussion-lock-action,#es .es-app-discussions.is-locked .es-app-discussion-reply-form,#es .es-app-discussions .is-locked .es-app-discussion-reply-form { display: none } #es .es-app-discussions.is-locked .locked-notice,#es .es-app-discussions .is-locked .locked-notice { display: block } #es .es-app-discussions.is-locked .discussion-unlock-action,#es .es-app-discussions .is-locked .discussion-unlock-action { display: inline } #es .es-app-discussions.is-resolved .label-resolved,#es .es-app-discussions .is-resolved .label-resolved,#es .es-app-discussions.is-unanswered .label-unanswered,#es .es-app-discussions .is-unanswered .label-unanswered { display: inline-block } #es .es-app-discussion-reply-form.is-empty .alert-empty { display: block } #es .es-app-discussion-reply-form .alert-empty { display: none } #es .es-app-discussion-reply-item { margin-bottom: 16px } #es .es-app-discussion-reply-item .es-app-discussion-reply-answer-state,#es .es-app-discussion-reply-item.is-editing .es-actions,#es .es-app-discussion-reply-item.is-editing .es-apps-item__desc { display: none } #es .es-app-discussion-reply-item.is-answer-item { background-color: #dff0d8; border-left: 2px solid #4fc251 } #es .es-app-discussion-reply-item.is-answer-item .es-app-discussion-reply-answer-state { display: inline-block } #es .es-app-discussion-reply-item+.es-app-discussion-reply-item { border-top: 1px solid #e1e1e1 } #es .es-apps-tasks-stats__title { font-weight: 700; margin-bottom: 8px } #es .es-apps-task-progress { height: 32px; margin-bottom: 8px } #es .es-apps-task-form__action:after,#es .es-apps-task-form__action:before { content: " "; display: table } #es .es-apps-task-form__action:after { clear: both } #es .es-container .completed,#es .es-container .due { display: none } #es .es-container .is-completed .completed,#es .es-container .is-due .due { display: inline-block!important } #es .es-container .is-completed .mark-uncomplete { display: block!important } #es .es-container .is-completed .mark-completed { display: none!important } #es .es-container .mark-completed { display: block } #es .es-container .mark-uncomplete { display: none } #es .es-task-form { margin-bottom: 16px } #es.is-mobile .create-task .datepicker-wrap { margin-top: 8px } #es .es-profile .app-article .blog-image { padding: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24) } #es .es-profile .app-article .blog-image>img { border: 1px solid #ddd } #es .es-profile .app-k2 { font-size: 13px } #es .es-profile .app-k2 .k2-list>li { margin-bottom: 16px; border: 1px dashed #e1e1e1; padding: 16px } #es .es-profile .app-k2 .k2-list>li+li { padding-top: 16px } #es .es-profile .app-k2 .k2-list>li .k2-meta { border-bottom: 1px dashed #e1e1e1; padding-bottom: 8px; margin-bottom: 8px } #es .es-profile .app-k2 .k2-list>li .k2-actions { margin-top: 20px } #es.is-mobile .es-profile .k2-text .media-object { float: none!important; margin: 0 } #es.view-registration .control-label { font-size: 13px } #es.view-registration.layout-activation .es-complete-wrap,#es.view-registration.layout-completed .es-complete-wrap,#es.view-registration.layout-completeOauth .es-complete-wrap { text-align: center; margin-left: auto; margin-right: auto; margin-top: 45px } #es.view-registration.layout-activation .es-complete-wrap .h4,#es.view-registration.layout-completed .es-complete-wrap .h4,#es.view-registration.layout-completeOauth .es-complete-wrap .h4 { font-size: 20px; margin: 20px 0 } #es.view-registration.layout-activation .es-complete-wrap .es-login-form,#es.view-registration.layout-completed .es-complete-wrap .es-login-form,#es.view-registration.layout-completeOauth .es-complete-wrap .es-login-form { width: 360px; margin-left: auto; margin-right: auto; margin-top: 35px; border: 1px solid #e1e1e1; padding: 20px 15px; border-radius: 3px; text-align: left } #es.view-registration.layout-activation .es-complete-wrap .es-login-form input[type=password],#es.view-registration.layout-activation .es-complete-wrap .es-login-form input[type=text],#es.view-registration.layout-completed .es-complete-wrap .es-login-form input[type=password],#es.view-registration.layout-completed .es-complete-wrap .es-login-form input[type=text],#es.view-registration.layout-completeOauth .es-complete-wrap .es-login-form input[type=password],#es.view-registration.layout-completeOauth .es-complete-wrap .es-login-form input[type=text] { height: 40px } #es .es-profile-selected { padding: 8px 16px; color: #444; background: #f5f5f5; margin-bottom: 16px } #es .es-complete-link { border: 1px solid #e1e1e1; color: #888; display: block; padding: 20px; border-radius: 3px } #es .es-complete-link,#es .es-complete-link:hover { -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear } #es .es-complete-link:hover { color: #fff; background: #555 } #es .es-terms-field { height: 200px; border: 1px solid #e1e1e1!important; color: #444!important; background: #fafafa!important; padding: 5px; overflow: auto; margin-bottom: 5px } #es.is-mobile #registrationForm .control-label { width: 100%; text-align: left; font-weight: 700 } #es.is-mobile #registrationForm .controls { width: 100%; margin: 0; clear: both } #es.is-mobile #registrationForm [data-registration-fields-item] { padding-top: 10px } #es .es-profile-type-dropdown-item__title { font-weight: 700 } #es .es-profile-type-dropdown-item .o-avatar { background: #fff } #es .es-profile-type-dropdown-item+.es-profile-type-dropdown-item { border-top: 1px solid #e1e1e1 } #es .es-create-category-select { width: 100%; margin-top: 10px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; line-height: 1 } #es .es-create-category-select input[type=radio] { display: none } #es .es-create-category-select .btn-wrap { width: 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; min-width: 0; padding: 0 8px 8px; margin-bottom: 8px; position: relative } #es .es-create-category-select .btn-wrap:nth-child(4n+1) { padding-left: 0 } #es .es-create-category-select .btn-wrap:nth-child(4n+1) .btn-wrap__toggle { width: calc(100% - 8px) } #es .es-create-category-select .btn-wrap:nth-child(4n) { padding-right: 0 } #es .es-create-category-select .btn-wrap__toggle { color: #888; position: absolute; bottom: 20px; width: calc(100% - 16px); text-align: center; cursor: pointer } #es .es-create-category-select .btn-wrap .is-container { pointer-events: none; cursor: default } #es .es-create-category-select .btn { width: 100%; text-align: center; padding: 15px; line-height: 24px; font-size: 18px; text-shadow: none; min-height: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #fff; border: 1px solid #e1e1e1; height: 100%; position: relative; display: flex; flex-direction: column } #es .es-create-category-select .btn img { color: #b4b7c2; display: block; margin: 20px auto 10px; width: 64px; height: 64px } #es .es-create-category-select .btn.active { background: #69a0d6; color: #fff } #es .es-create-category-select .btn.active i { color: #fff } #es .es-create-category-select .es-title { display: block; width: 100%; font-weight: 700; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-create-category-select .es-desc { line-height: 16px; overflow: hidden; white-space: normal; font-size: 12px; flex: 1 0 auto } #es.is-mobile .es-create-category-select .btn-wrap { -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; padding: 0 8px 8px } #es .es-activity .activity-title { padding-right: 60px; line-height: 1.5 } #es .es-activity .activity-meta { margin-top: 8px; color: #888; font-size: 13px } #es .activity-content,#es .activity-content blockquote { font-size: 13px } #es .es-app-filter.has-favicon .app-title { margin-left: 24px } #es .es-media-group { position: relative; line-height: 16px; font-size: 13px } #es .es-media-group .content-hint { text-align: center; font-size: 16px; color: #aaa; padding: 100px 0; display: none; background: #fafafa } #es .es-media-group .no-albums-hint,#es .es-media-group .no-photos-hint { display: block } #es .es-media-group .no-albums-hint .btn { margin-top: 10px; padding: 5px 10px } #es .es-media-group.can-drop-file .no-photos-hint { display: none } #es .es-media-group.can-drop-file .drop-photo-hint { display: block } #es .es-media-group .btn-upload { opacity: 0 } #es .es-media-group.can-upload .btn-upload { opacity: 1 } #es .es-media-group.has-albums .no-albums-hint,#es .es-media-group.has-photos .drop-photo-hint,#es .es-media-group.has-photos .no-photos-hint { display: none } #es .es-media-group.loading>.es-media-loader { display: block } #es .es-media-item { z-index: 1; position: relative } #es .es-media-item .show-on-hover { opacity: 0 } #es .es-media-item:hover .show-on-hover { opacity: 1; -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease } #es .es-media-item.show-all { z-index: 2 } #es .es-media-item.show-all .show-on-hover { opacity: 1!important } #es .es-media-item.loading>.es-media-loader { display: block } #es .es-media-item-menu { position: absolute; top: 0; right: 0 } #es .es-media-item-menu .btn .dropdown-menu { left: auto; right: 0; margin-top: 9px; margin-right: -1px; text-align: left } #es .es-media-item-menu .btn .dropdown-menu:after,#es .es-media-item-menu .btn .dropdown-menu:before { content: ""; position: absolute; width: 0; height: 0; display: inline-block } #es .es-media-item-menu .btn .dropdown-menu:after { bottom: 100%; left: auto1; right: 6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff } #es .es-media-item-menu .btn .dropdown-menu:before { bottom: 100%; left: auto; right: 5px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0,0,0,.2) } #es .es-media-header { margin-bottom: 10px } #es .es-media-header .media { position: relative; z-index: 3; overflow: visible; height: 43px; border-bottom: 1px solid #e1e1e1 } #es .es-media-header .media:after,#es .es-media-header .media:before { content: " "; display: table } #es .es-media-header .media:after { clear: both } #es .es-media-header .media-object { margin-right: 8px; float: left } #es .es-media-header .es-avatar,#es .es-media-header .es-avatar img { width: 32px; height: 32px } #es .es-media-checkbox { display: none; position: absolute; top: 4px; left: 8px; z-index: 4 } #es.view-albums.layout-form .es-media-checkbox { top: 20px; left: 20px } #es.view-albums.layout-form .es-media-checkbox .o-checkbox { margin: 0 } #es .es-album-item .es-photo-item.layout-form.is-selected .es-media-checkbox,#es .es-album-item .es-photo-item.layout-form:hover .es-media-checkbox,#es .es-album-item .es-photo-item.layout-item.is-selected .es-media-checkbox,#es .es-album-item .es-photo-item.layout-item:hover .es-media-checkbox { display: block } #es.is-mobile .es-media-header .media { height: auto; padding-bottom: 8px } #es.is-mobile .es-media-header .media-object { float: none; display: none } #es.is-mobile .es-media-header .es-album-owner { display: none } #es .es-media-info { position: relative; z-index: 1 } #es .es-media-info>small { display: block; margin-top: 3px; position: relative } #es .es-media-info>small>span { display: inline; color: #858585 } #es .es-media-info>small>span>i { width: 11px; height: 11px; line-height: 11px } #es .es-media-title { font-size: 16px; font-weight: 700; font-family: inherit; margin-bottom: 2px; padding-top: 10px; word-break: break-all } #es .es-media-caption { margin-bottom: 2px; padding: 4px 0; display: inline } #es .es-media-loader { position: absolute; z-index: 10; width: 100%; height: 100%; top: 0; left: 0; background: url(../../../../../media/com_easysocial/images/loading.gif) no-repeat 50% rgba(0,0,0,.5); display: none } #es .es-media-stats { border-bottom: 1px solid #ccc; margin-top: -10px; margin-bottom: 15px } #es .es-media-stats:after,#es .es-media-stats:before { content: " "; display: table } #es .es-media-stats:after { clear: both } #es .es-media-stat { width: 33%; float: left; padding: 15px; text-align: center } #es .es-media-stat b { display: block; color: #999; font-size: 12px; line-height: 12px; padding-bottom: 5px } #es .es-media-stat i { display: none } #es .es-media-stat span { font-size: 20px; line-height: 20px } #es .es-albums .content-hint { text-align: center; font-size: 16px; color: #aaa; padding: 100px 0; display: none; background: #fafafa } #es .es-albums .no-albums-hint { display: block } #es .es-albums .no-albums-hint .btn { margin-top: 10px; padding: 5px 10px } #es .es-media-browser.layout-dialog { width: 100%; height: 100%; position: absolute; left: 0 } #es .es-media-browser.layout-dialog .es-sidebar { padding-top: 8px } #es .es-media-browser.layout-dialog .es-sidebar .o-tabs__link { padding-left: 8px } #es .es-media-browser.layout-dialog .es-content { padding: 8px 0 0; position: relative; left: -2px; border-left: 1px solid #e1e1e1 } #es .es-media-browser.layout-photo>.es-sidebar { display: none } #es .es-media-browser.layout-photo>.es-content { margin: 0; padding: 0; border: 0 } #es .es-media-browser.loading .es-content,#es .es-media-browser.loading .es-sidebar,#es .es-media-browser>i.loading-indicator { display: none } #es .es-media-browser.loading>i.loading-indicator { margin: 10px 0; background-color: #f8f8f8; display: block } #es .es-media-browser .es-content-hint { margin-top: -7px; position: relative; text-align: center; top: 50%; color: #999; font-size: 14px!important } #es .es-media-browser .btn-media { padding: 0 } #es .es-media-browser .btn-media>a { display: block; padding: 6px 10px; color: #555; text-shadow: 0 1px 0 #fff; outline: 0 } #es .es-media-browser .btn-es-primary>a { color: #fff!important; text-shadow: 0 -1px 0 rgba(0,0,0,.25) } #es .es-media-browser.layout-album .es-media-header .media-body { line-height: 30px } #es .es-side-widget-cover { display: block; width: 40px; height: 40px; background-size: cover; background-repeat: no-repeat } #es .es-media-browser-dialog { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-media-browser-dialog__sidebar { display: block; background: #fff; margin: 0; width: 100%; left: -100%; position: absolute; z-index: 99; top: 0; bottom: 0; transition: all .2s linear } #es .es-media-browser-dialog__sidebar .es-side-widget .o-tabs__link { padding: 8px 16px } #es .es-media-browser-dialog__content { clear: both; display: block; position: relative; width: 100%; min-height: 400px; left: 0; padding: 0 0 8px; transition: all .2s linear } #es .es-media-browser-dialog__content:after,#es .es-media-browser-dialog__content:before { content: " "; display: table } #es .es-media-browser-dialog__content:after { clear: both } #es .es-media-browser-dialog.sidebar-open .es-media-browser-dialog__sidebar { left: 0; transition: all .2s linear; overflow-y: scroll } #es .es-media-browser-dialog.sidebar-open .es-media-browser-dialog__content { left: 100%; transition: all .2s linear } #es.is-mobile .es-media-browser .es-album-header__o-media { margin-bottom: 8px } #es.is-mobile .es-media-browser .layout-item .es-media-header .es-album-menu-item { position: relative; top: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } #es.is-mobile .es-media-browser .layout-item .es-media-header .es-album-menu-item>.o-btn-group--album-upload { z-index: 2 } #es.is-mobile .es-media-browser .btn-album-favourite span { display: none } #es .es-photo-item-group { -webkit-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out } #es .es-photo-item-group.no-transition .es-photo-image,#es .es-photo-item-group.no-transition .es-photo-item { -webkit-transition: none; -o-transition: none; transition: none } #es .es-photo-browser .es-photo-item { float: none } #es.is-mobile .es-photo-browser .es-media-item-menu { position: relative } #es .es-photo-item { position: relative; width: 100% } #es .es-photo-item .es-media-item-menu .btn>a { color: #444 } #es .es-photo-item .es-media-item-menu .btn-es-featured.btn-es-primary { background: #fff!important; border: 1px solid #e1e1e1!important } #es .es-photo-item .es-media-item-menu .btn-es-featured.btn-es-primary a { color: #f2c200 } #es .es-photo-item .es-media-item-menu a[data-photo-original-button],#es .es-photo-item .es-media-item-menu li[data-photo-cover-button],#es .es-photo-item .es-media-item-menu li[data-photo-share-button] { display: none } #es .es-photo-item .es-photo-header { position: relative; z-index: 3 } #es .es-photo-item .es-photo-content { position: relative; z-index: 2; background: #eee; margin-bottom: 10px } #es .es-photo-item .es-photo-content .loading-indicator { display: none } #es .es-photo-item .es-photo-content.loading .loading-indicator { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0 } #es .es-photo-item .es-photo-content .es-photo { float: none } #es .es-photo-item .es-photo-content .es-photo>a { padding-top: 75% } #es .es-photo-item .es-photo-footer { position: relative; z-index: 1 } #es .es-photo-item.layout-item .es-photo-menu-item { display: block } #es .es-photo-item.layout-item .es-photo-menu-form { display: none } #es .es-photo-item.layout-item .es-photo-tag-viewport { z-index: 3 } #es .es-photo-item.layout-item .es-photo-nav-button { z-index: 4 } #es .es-photo-item.layout-item .es-photo-form { display: none } #es .es-photo-item.layout-form { float: none } #es .es-photo-item.layout-form .es-photo-info,#es .es-photo-item.layout-form .es-photo-menu-item { display: none } #es .es-photo-item.layout-form .es-photo-menu-form { display: block } #es .es-photo-item.layout-form .es-photo-nav-button { display: none } #es .es-photo-item.layout-dialog { float: left; width: 20%; height: 100px } #es .es-photo-item.layout-dialog .es-photo-header { display: none } #es .es-photo-item.layout-dialog .es-photo-content { border: 4px solid transparent } #es .es-photo-item.layout-dialog .es-photo-content,#es .es-photo-item.layout-dialog .es-photo-image { width: 100%; height: 100%; cursor: pointer } #es .es-photo-item.layout-dialog.selected .es-photo-image { position: relative; border: 2px solid #4fc251 } #es .es-photo-item.layout-dialog.selected .es-photo-image a:focus { outline: 0 } #es .es-photo-item.layout-dialog.selected .es-photo-image:before { position: absolute; top: 0; right: 0; font-family: Font Awesome\ 5 Free; font-size: 14px; font-weight: 900; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 13px!important; color: #4fc251!important; width: 20px!important; height: 20px!important; text-align: center!important; content: "\f00c" } #es .es-photo-item.layout-dialog .es-photo-image { background-size: cover; background-position: 50% 50% } #es .es-photo-item.layout-dialog .es-photo-footer { display: none } #es .es-photo-item.layout-dialog .es-photo-header { position: absolute; top: 0; left: 0; z-index: 3; cursor: pointer; width: 100%; height: 100% } #es .es-photo-item.layout-dialog .es-photo-info { padding: 0; position: absolute; bottom: 30px; left: 0; width: 100%; opacity: 0; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease } #es .es-photo-item.layout-dialog .es-photo-title { margin-bottom: 0; padding: 0 10px 6px; border-bottom: 1px solid rgba(0,0,0,.25); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-photo-item.layout-dialog .es-photo-title,#es .es-photo-item.layout-dialog .es-photo-title a,#es .es-photo-item.layout-dialog .es-photo-title a:hover { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.55); font-weight: 700; font-size: 13px } #es .es-photo-item.layout-dialog .es-photo-title a:hover { text-decoration: underline } #es .es-photo-item.layout-dialog .es-photo-form { display: none } #es .es-photo-item.new-item .es-photo-image { -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg) } #es .es-photo-item .es-photo-hint { position: absolute; top: -46px; width: 100%; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease } #es .es-photo-item .es-photo-hint>button { padding: 2px 8px; position: absolute; right: 5px; top: 5px } #es .es-photo-item .es-photo-hint>button>span { position: relative; top: -1px } #es .es-photo-item.rotating-ready .es-photo.css-resizing>a.fit-both b,#es .es-photo-item.rotating-ready .es-photo.css-resizing>a.fit-height b,#es .es-photo-item.rotating-ready .es-photo.css-resizing>a.fit-width b { display: block } #es .es-photo-item.rotating-ready .es-photo-image { opacity: 0!important; -webkit-transform: scale(.6) rotate(0); -moz-transform: scale(.6) rotate(0); -o-transform: scale(.6) rotate(0); transform: scale(.6) rotate(0); -webkit-transition: none; -o-transition: none; transition: none } #es .es-photo-item.rotating-left .es-photo.css-resizing>a.fit-both b,#es .es-photo-item.rotating-left .es-photo.css-resizing>a.fit-height b,#es .es-photo-item.rotating-left .es-photo.css-resizing>a.fit-width b { display: none } #es .es-photo-item.rotating-left .es-photo-image { opacity: .5!important; -webkit-transform: scale(.6) rotate(-90deg); -moz-transform: scale(.6) rotate(-90deg); -o-transform: scale(.6) rotate(-90deg); transform: scale(.6) rotate(-90deg); -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out } #es .es-photo-item.rotating-left .loading-indicator { opacity: 1 } #es .es-photo-item.rotating-right .es-photo.css-resizing>a.fit-both b,#es .es-photo-item.rotating-right .es-photo.css-resizing>a.fit-height b,#es .es-photo-item.rotating-right .es-photo.css-resizing>a.fit-width b { display: none } #es .es-photo-item.rotating-right .es-photo-image { opacity: .5!important; -webkit-transform: scale(.6) rotate(90deg); -moz-transform: scale(.6) rotate(90deg); -o-transform: scale(.6) rotate(90deg); transform: scale(.6) rotate(90deg); -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out } #es .es-photo-item.rotating-right .loading-indicator { opacity: 1 } #es .es-photo-image { background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(800px) rotateY(0); -moz-transform: perspective(800px) rotateY(0); -o-transform: perspective(800px) rotateY(0); transform: perspective(800px) rotateY(0); outline: 1px solid transparent } #es .es-photo-location>u { text-decoration: none; border-bottom: 1px dotted #e1e1e1; cursor: pointer } #es .es-photo-exif { position: relative } #es .es-photo-exif__title { font-weight: 700; margin-bottom: 8px } #es .es-photo-exif__toggle { position: absolute; top: 0; right: 0; color: #444 } #es .es-photo-exif__data { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; line-height: 1 } #es .es-photo-exif__item { flex: 0 0 50%; color: #888; margin-bottom: 8px } #es .es-photo-exif__icon { width: 20px; height: 20px; display: inline-block; font-size: 20px; margin-right: 4px } #es .es-photo-upload-item { position: relative } #es .es-photo-upload-item .upload-title { font-weight: 700 } #es .es-photo-upload-item .upload-title>span { display: none } #es .es-photo-upload-item.done .upload-title-done,#es .es-photo-upload-item.failed .upload-title-failed,#es .es-photo-upload-item.pending .upload-title-pending,#es .es-photo-upload-item.preparing .upload-title-preparing,#es .es-photo-upload-item.uploading .upload-title-uploading { display: inline-block } #es .es-photo-upload-item .upload-status td { vertical-align: middle } #es .es-photo-upload-item table { width: 100%; height: 100%; border-collapse: separate; table-layout: fixed } #es .es-photo-upload-item .upload-details { display: none } #es .es-photo-upload-item .upload-details td { height: 100%; vertical-align: top; padding: 8px; background: #f5f5f5; word-wrap: break-word } #es .es-photo-upload-item.show-details .upload-details { display: table-row } #es .es-photo-upload-item .upload-details-button { font-size: 90%; color: #428bca; cursor: pointer } #es .es-photo-upload-item .upload-details-button:hover { text-decoration: underline } #es .es-photo-upload-item .upload-filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-photo-upload-item .upload-progress { margin-bottom: 3px; height: 18px } #es .es-photo-upload-item .upload-filesize { font-size: 90%; text-align: right } #es .es-photo-upload-item .upload-status td { padding: 8px } #es .es-photo-upload-item .upload-remove-button { position: absolute; top: 8px; right: 4px; cursor: pointer } #es .es-photo-upload-item .upload-remove-button i { font-size: 11px; color: #428bca } #es.popbox.popbox-upload { width: 200px; background: #fff; padding: 10px } #es .es-photos-avatar { text-align: center } #es .es-photos-avatar .es-photo-image { width: 100%; height: 240px; background-size: contain; background-repeat: no-repeat; background-position: 50%; position: relative } #es .es-photos-avatar .imgareaselect-outer { cursor: crosshair } #es .es-photo-avatar-viewport { position: absolute; cursor: crosshair } #es .es-photos-avatar-loading { float: left; display: none } #es .es-photos-avatar-loading>i { display: inline-block!important; margin: 0 10px 0 0; padding: 8px!important; position: relative; top: 3px } #es.es-photo-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); display: none; z-index: 1049; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px } #es.es-photo-popup.active { display: block!important } #es.es-photo-popup .es-popup-viewport { width: 100%; height: 100%; overflow: hidden; background: #000 } #es.es-photo-popup .es-popup-close-button { position: absolute; display: none } #es.es-photo-popup .es-popup-handle { position: relative; padding-right: 360px } #es.es-photo-popup .es-photo-item,#es.es-photo-popup .es-popup-handle { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #es.es-photo-popup .es-photo-item:hover .es-photo-header { opacity: 1 } #es.es-photo-popup .es-photo-header { background: none; padding: 16px; height: 60px; margin: 0; -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease } #es.es-photo-popup .es-photo-footer { position: absolute; top: 0; right: -360px; width: 360px; height: 100%; background: #fff; overflow: hidden; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 16px 16px 0 } #es.es-photo-popup .es-comments-control__load .es-comments-control__stats { top: 8px } #es.es-photo-popup .es-photo-content { background: none; width: 100%; height: 100%; top: 0; left: 0; margin: 0; position: absolute; border-top: 60px solid transparent; border-bottom: 30px solid transparent } #es.es-photo-popup .es-photo { height: 100% } #es.es-photo-popup .es-photo>a { padding: 0!important; width: 100%; height: 100% } #es.es-photo-popup .es-photo-interaction.row { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #es.es-photo-popup .es-photo-reaction-wrap { margin: 0 -16px } #es.es-photo-popup .es-photo-reaction-wrap .es-reaction-stats { padding: 4px 16px } #es.es-photo-popup .es-media-header .o-media { border: 0; height: auto } #es.es-photo-popup .es-media-item-menu { text-align: center; position: relative } #es.es-photo-popup .es-photo-title { font-size: 13px } #es.es-photo-popup .es-reaction-stats { display: block } #es.es-photo-popup .es-reaction-stats .es-reaction-icon-stat { -webkit-justify-content: inherit; -ms-justify-content: inherit; justify-content: inherit } #es.es-photo-popup .es-reaction-stats__text { text-align: left } #es.es-photo-popup .es-media-stat { padding: 4px 0 } #es.es-photo-popup .es-media-stat>b { display: none } #es.es-photo-popup .es-media-stat>i { display: inline-block; font-size: 8px; line-height: 10px } #es.es-photo-popup .es-media-stat>span { font-size: 11px } #es.es-photo-popup .es-media-stat .es-photo-tag-list-item { float: left } #es.es-photo-popup .es-photo-close-button { font-size: 11px; padding: 10px 12px; position: absolute; right: 0; top: 0 } #es.es-photo-popup .es-photo-next-button,#es.es-photo-popup .es-photo-prev-button { background: none } #es.es-photo-popup .es-photo-prev-button i { left: 8px } #es.es-photo-popup .es-photo-next-button i { right: 8px } #es.es-photo-popup .btn-media[data-popup-close-button] { display: none } #es.es-photo-popup .es-photo-tag-list-item-group { margin: 0 5px -2px; overflow: hidden; overflow-y: auto; max-height: 320px } #es.es-photo-popup .es-photo-tag-list-item-group .empty-tags-hint { display: none; padding: 3px 20px } #es.es-photo-popup .es-photo-tag-list-item-group.empty-tags .empty-tags-hint { display: block } #es.es-photo-popup .es-photo-content { background: transparent } #es.es-photo-popup .es-photo-item.tagging .es-media-header { position: relative; z-index: 1; opacity: 0; filter: alpha(opacity=0) } #es.es-photo-popup .es-photo-item.tagging .es-photo-hint.tag-hint.alert { z-index: 9; color: #fff } #es.es-photo-popup .es-photo-item.tagging .es-photo-content { background: #000; -webkit-transition: background .3s ease; -o-transition: background .3s ease; transition: background .3s ease; margin-top: 0 } #es.es-photo-popup .es-photo-item.tagging .es-photo-tag-viewport { z-index: 21 } #es.es-photo-popup .es-photo-item .es-photo-hint.tag-hint.alert { margin: 0; top: -60px; border: 0; border-radius: 0; padding: 16px 16px 16px 32px; background: none; color: #444; text-shadow: 0 1px 0 hsla(0,0%,100%,.4); font-weight: 700; text-align: center; font-size: 13px } #es.es-photo-popup .es-photo-item .es-photo-hint.tag-hint.alert:before { top: 16px; display: none } #es.es-photo-popup .es-photo-item .es-photo-hint.tag-hint.alert>button { padding: 3px 8px; margin-left: 10px; font-weight: 700; position: relative; top: auto; left: auto; font-size: 12px } #es.es-photo-popup .es-media-item-menu li[data-photo-share-button] { display: block } #es.es-photo-popup .es-privacy.active.custom-privacy .es-privacy-custom-form { width: 280px; right: -80px } #es.es-photo-popup .es-privacy.active.custom-privacy .es-privacy-custom-form:after,#es.es-photo-popup .es-privacy.active.custom-privacy .es-privacy-custom-form:before { display: none } #es.es-photo-popup .es-photo-popup-close { display: none; position: absolute; top: 16px; left: 16px } #es.es-photo-popup .es-reactions-pop { left: -40px } #es.es-photo-popup .es-photo-response { margin: 0 -16px } #es.es-photo-popup .es-photo-response .es-actions { margin: 0 } #es.es-photo-popup .es-photo-response .es-actions-wrapper,#es.es-photo-popup .es-photo-response .es-comments-form,#es.es-photo-popup .es-photo-response .es-photo-exif,#es.es-photo-popup .es-photo-response .es-reaction-stats { padding-left: 16px; padding-right: 16px } #es.es-photo-popup.is-mobile .es-photo-content { max-height: 320px } #es.es-photo-popup.w320 .es-photo-content { max-height: 240px } #es .es-photo-popup-nav { text-align: right } #es .es-photo-popup-nav .fa { color: #fff } #es .es-photo-popup-nav .o-nav__item { margin-right: 8px; vertical-align: top } #es .es-photo-popup-nav .o-nav__link { color: #aaa } #es .btn-photo-popup-nav-item,#es .btn-photo-popup-nav-item:active,#es .es-photo-item.layout-item .es-photo-menu-item .o-nav__item>a,#es .o-btn-group.open .btn-photo-popup-nav-item { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; text-shadow: none; box-shadow: none; font-size: 12px; line-height: 1.59; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: none; -o-transition: none; transition: none; font-size: 13px; padding: 4px; color: #fff!important; background-color: transparent!important; border: 1px solid transparent!important; line-height: 1 } #es .btn-photo-popup-tag-action,#es .o-btn-group.open .btn-photo-popup-tag-action { border-radius: 3px } #es .es-media-browser .is-featured .fa { color: #ec971f } #es .btn-photo-popup-action,#es .o-btn-group.open .btn-photo-popup-action { color: #fff!important; background-color: transparent!important; border: 1px solid #fff; border-radius: 3px; font-size: 13px; line-height: 22px } @media(max-width: 900px) { #es.es-photo-popup { padding:0 } #es.es-photo-popup .btn-media[data-popup-close-button],#es.es-photo-popup .es-photo-popup-close { display: block } #es.es-photo-popup .es-photo-close-button { display: none } #es.es-photo-popup .es-popup-handle { padding-right: 0; background: transparent } #es.es-photo-popup .es-photo-item { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch } #es.es-photo-popup .es-photo-header { background: transparent } #es.es-photo-popup .es-photo-content { position: relative; max-height: 480px; background: transparent; border-top: 0 } #es.es-photo-popup .es-photo-footer { position: relative; top: auto; right: auto; height: auto; width: 100% } #es.es-photo-popup .es-photo-popup-nav .btn-photo-popup-nav-item.dropdown-toggle_,#es.es-photo-popup .es-photo-popup-nav .o-nav__item { width: 24px; overflow: hidden; cursor: pointer } #es.es-photo-popup .es-photo-popup-nav .btn-photo-popup-nav-item.dropdown-toggle_:last-child,#es.es-photo-popup .es-photo-popup-nav .o-nav__item:last-child { width: 26px; overflow: visible } } @media(max-width: 720px) { #es.es-photo-popup .es-photo-tag-list,#es.es-photo-popup [data-photo-tag-list] { display:none } } #es .es-photo-browser .es-nav-thumbs { list-style: none; margin: 0; padding: 0 } #es .es-photo-browser .es-nav-thumbs:after,#es .es-photo-browser .es-nav-thumbs:before { content: " "; display: table } #es .es-photo-browser .es-nav-thumbs:after { clear: both } #es .es-photo-browser .es-nav-thumbs li.es-thumb { display: list-item; width: 25%; margin: 0; float: left; z-index: 2 } #es .es-photo-browser .es-nav-thumbs li.es-thumb>a { display: block; padding: 100% 0 0; border-bottom: 0 } #es .es-photo-browser .es-nav-thumbs li.es-thumb>a>i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; background-size: cover; background-repeat: no-repeat; border: 1px solid transparent; background-color: transparent } #es .es-photo-browser .es-nav-thumbs li.es-thumb img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0 } #es .es-photo-browser .es-nav-thumbs li.es-thumb span { display: none } #es .es-photo-browser .es-nav-thumbs li.es-thumb.featured { width: 50% } #es .es-photo-browser .es-nav-thumbs li.es-thumb.loading>a { background-position: 50% } #es .es-photo-browser .es-nav-thumbs li.es-thumb.loading>a>i { opacity: .5; background-color: #000 } #es .es-photo-browser .es-nav-thumbs li.es-thumb.active:after,#es .es-photo-browser .es-nav-thumbs li.es-thumb.active:before { display: none } #es .es-photo-browser .es-nav-thumbs li.es-thumb.grid-sizer { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden } #es .es-photo-browser .es-media-new-button { margin-left: 0 } #es .es-photo-nav-button { position: absolute; top: 0; height: 100%; width: 30%; padding: 0 12px; cursor: pointer; opacity: 1; -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease } #es .es-photo-nav-button i { border-radius: 100%; width: 60px; height: 60px; font-size: 48px; padding: 18px; margin-top: -30px; position: absolute; top: 50%; color: #888 } #es .es-photo-nav-button i:before { top: 0 } #es .es-photo-nav-button.disabled { display: none } #es .es-photo-nav-button.active,#es .es-photo-nav-button:hover { opacity: 1 } #es .es-photo-prev-button { left: 0; background-color: transparent } #es .es-photo-prev-button i { left: 35px } #es .es-photo-next-button { right: 0; background-color: transparent } #es .es-photo-next-button i { right: 35px } #es .es-photo-tag-list>label { margin-bottom: 10px; border: 0 } #es .es-photo-tag-button a { text-align: center } #es .es-photo-tag-button a i { display: none } #es .es-photo-form { margin-top: 15px; position: relative } #es .es-photo-form-fields { border: 1px solid #ccc; border-radius: 3px; min-height: 120px; background: #fff } #es .es-photo-title-field { display: block; width: 100%; font-size: 16px!important; font-weight: 700!important; height: 33px!important; padding: 4px 40px 4px 6px!important; border: 0!important; border-bottom: 1px dotted #ccc!important; -webkit-box-shadow: none!important; box-shadow: none!important; border-radius: 3px 3px 0 0!important; margin: 0!important; color: #444!important } #es .es-photo-title-field[readonly] { background: #f9f9f9 } #es .es-photo-caption-field { display: block; width: 100%; background: #fff; border: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; margin: 0!important; padding: 4px 6px!important; resize: none; height: 61px; color: #444!important; font-size: 13px } #es .es-photo-caption-field[readonly] { background: #f9f9f9 } #es .es-photo-meta-field { position: relative; padding: 4px 8px; line-height: 1 } #es .es-photo-meta-field .es-photo-date { position: absolute; top: 4px; right: 8px; border-left: 0; z-index: 2; background-color: #fff } #es .es-photo-meta-field .es-photo-date>i { position: absolute } #es .es-photo-meta-field .es-photo-date>span { max-width: 120px; padding-left: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-photo-meta-field .es-photo-date .dropdown-menu { left: auto; right: 0 } #es .es-photo-meta-field .es-photo-location { width: 100% } #es .es-photo-meta-field .es-photo-location>i { position: absolute } #es .es-photo-meta-field .es-photo-location>span { padding-left: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-photo-meta-field .es-photo-location .dropdown-menu { width: 100% } #es .es-photo-privacy { margin-right: 5px; margin-top: 5px; position: absolute; right: 0; top: 0 } #es.is-mobile .es-photo-meta-field { margin-top: 8px } #es .es-albums { -webkit-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out; opacity: 1 } #es .es-albums-date { font-size: inherit; line-height: 28px; margin: 0 0 15px; padding-left: 15px; border-bottom: 1px dotted #ccc } #es .es-albums-date i { margin-right: 0 } #es .es-album-item+.es-snackbar { margin-top: 16px } #es .es-item-actions { position: relative } #es .es-item-actions:after,#es .es-item-actions:before { content: " "; display: table } #es .es-item-actions:after { clear: both } #es .es-item-actions span:hover { text-decoration: underline; cursor: pointer } #es .es-item-actions .es-item-action-content { max-width: 320px; width: 320px; margin-top: 8px; padding: 5px; color: #595959 } #es .es-item-actions .es-item-action-content a { color: #428bca; display: inline-block; padding: 0 } #es .es-item-actions .es-item-action-content a:hover { text-decoration: underline } #es .es-item-actions .es-item-action-content .viewport { height: auto; max-height: 280px } #es .es-item-actions .es-item-action-content .overview { position: relative } #es .es-item-actions .es-item-action-content .es-close-button { position: absolute; top: 5px; right: 5px; padding: 0 } #es .es-item-actions .es-item-action-content .loading-indicator { display: none } #es .es-item-actions .es-item-action-content.loading .loading-indicator { display: block } #es .es-item-actions .es-item-action-content .es-comments { margin-bottom: 2px } #es .es-item-actions .es-item-action-content .es-item-likes { margin-bottom: 4px } #es .es-item-actions .btn-like.liked .like-text,#es .es-item-actions .btn-like .unlike-text { display: none } #es .es-item-actions .btn-like.liked .unlike-text { display: inline } #es .es-item-actions .btn-counts { position: absolute; right: 0 } #es .es-item-actions .btn-counts:hover,#es .es-item-actions .btn-counts:hover * { text-decoration: none!important } #es .es-item-actions .btn-counts span+span { margin-left: 3px } #es .es-item-actions b { font-size: 6px; position: relative; top: -2px } #es .es-album-actions-menu { z-index: 3; text-align: left; width: 300px; max-width: none } #es .es-album-actions-menu:after,#es .es-album-actions-menu:before { content: ""; position: absolute; width: 0; height: 0; display: inline-block } #es .es-album-actions-menu:after { bottom: 100%; left: 11px; right: auto1; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff } #es .es-album-actions-menu:before { bottom: 100%; left: 10px; right: auto; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0,0,0,.2) } #es .es-photo-caption-input { resize: vertical; overflow: auto } #es [name=date-form] { margin-left: 5px; width: 235px } #es [name=date-form] input,#es [name=date-form] select { float: left; text-align: right; margin-bottom: 0 } #es [name=date-form] input { width: 50px } #es [name=date-form] select { width: 120px; margin: 0 5px; text-align: left } #es .es-album-cover.no-cover .es-album-image { background-color: #f3f3f3; background-image: url(../images/album-no-cover.png); background-repeat: no-repeat; background-position: 50%; background-size: 64px } #es .es-album-image { width: 100%; height: 100%; display: block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-color: #eee } #es .es-albums-pagination { margin: 10px 0; height: auto } #es .es-albums-pagination .pagination { margin: 0; height: auto } #es .es-albums-pagination ul>li a { line-height: 38px } #es .es-media-header-affix-wrapper.affix { position: fixed; background: #fff; padding: 0; top: 0; z-index: 100; margin: 0; border: 1px solid #e1e1e1; border-top: 0 } #es .es-media-header-affix-wrapper.affix .es-album-header__o-media { padding: 8px } #es .es-media-header-affix-wrapper.affix .es-media-item-menu { top: 16px; right: 8px } #es .es-media-header-affix-wrapper.affix .es-media-delete-all-actions { margin-bottom: 0; border-bottom: 0; padding-left: 8px; padding-right: 8px; border-top: 0 } #es .es-media-header-affix-wrapper--top.affix { z-index: 101 } #es .es-media-delete-all-actions { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 4px 0; margin: 8px 0 } #es .es-album { display: block; float: left; margin: 0 20px 20px } #es .es-album .es-album-header { height: 40px } #es .es-album .es-album-content { position: relative } #es .es-album .es-album-title { font-weight: 700; font-size: 20px; padding-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-album .es-album-count { color: #777 } #es .es-album .es-album-cover { width: 200px; height: 200px; display: block; cursor: pointer } #es .es-album .es-privacy { position: absolute; bottom: 5px; right: 5px } #es .es-album .es-privacy .es-privacy-toggle { height: 20px; padding: 0 3px; background: #fff } #es .es-album .es-privacy .es-privacy-menu:after,#es .es-album .es-privacy .es-privacy-menu:before { content: ""; position: absolute; width: 0; height: 0; display: inline-block } #es .es-album .es-privacy .es-privacy-menu:after { bottom: 100%; left: auto1; right: 6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff } #es .es-album .es-privacy .es-privacy-menu:before { bottom: 100%; left: auto; right: 5px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0,0,0,.2) } #es .es-album .es-item-actions .btn-counts { padding: 0 6px } #es .es-album .es-item-actions .btn-counts.active,#es .es-album .es-item-actions .btn-counts:hover { background: rgba(0,0,0,.1); border-radius: 20px } #es .es-album:hover .es-album-actions { opacity: 1; filter: alpha(opacity=100) } #es .es-album .es-item-actions { margin-top: 4px } #es .es-album-item>form { position: relative; z-index: 9 } #es .es-album-item.layout-item .es-album-form { display: none } #es .es-album-item.layout-item .es-album-more-button { font-size: 12px; position: relative } #es .es-album-item.layout-item .es-album-more-button.loading { height: 32px; line-height: 32px } #es .es-album-item.layout-item .es-album-more-button.loading i.loading-indicator { display: block } #es .es-album-item.layout-item .es-album-more-button.loading .loadmore-text { display: none } #es .es-album-item.layout-item .es-album-more-button .loadmore-text { display: block } #es .es-album-item.layout-thumbnail { width: 30%; height: 160px; margin-bottom: 10px; margin-right: 2%; display: inline-block; cursor: pointer } #es .es-album-item.layout-thumbnail .es-album-cover b,#es .es-album-item.layout-thumbnail .es-album-owner,#es .es-album-item.layout-thumbnail .es-avatar,#es .es-album-item.layout-thumbnail .es-media-caption { display: none } #es .es-album-item.layout-thumbnail .es-media-header { height: 180px; position: relative } #es .es-album-item.layout-thumbnail .es-media-header .o-media { position: absolute; right: 5px; top: 5px; border: 0 } #es .es-album-item.layout-thumbnail .es-album-info>div { position: absolute; width: 100%; bottom: -142px; left: 0; padding: 10px 10px 22px; color: #fff; font-size: 13px; border-top: 0; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-image: -webkit-linear-gradient(top,transparent,#000); background-image: -o-linear-gradient(top,transparent 0,#000 100%); background-image: linear-gradient(180deg,transparent 0,#000); background-repeat: repeat-x } #es .es-album-item.layout-thumbnail .es-album-info>small { position: absolute; top: 140px; margin: 0 } #es .es-album-item.layout-thumbnail .es-album-menu { display: none; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 0; filter: alpha(opacity=0) } #es .es-album-item.layout-thumbnail .es-album-menu .o-btn-group+.o-btn-group { display: none } #es .es-album-item.layout-thumbnail:hover .es-album-menu-item { -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1; filter: alpha(opacity=100) } #es .es-album-item.layout-thumbnail .es-media-info { padding: 10px } #es .es-album-item.layout-thumbnail .es-album-form { display: none } #es .es-album-item.layout-thumbnail .es-album-cover { height: 160px; background-color: #f5f5f5 } #es .es-album-item.layout-thumbnail .loading-indicator,#es .es-album-item.layout-thumbnail [data-item-actions-menu]>a>span { display: none } #es .es-album-item.layout-row { position: relative; border: 1px solid #ddd; border-radius: 3px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); background: #fff; margin-top: 15px; color: #444 } #es .es-album-item.layout-row:first-child { margin-top: 0 } #es .es-album-item.layout-row .es-media-loader { border-radius: 5px } #es .es-album-item.layout-row .es-album-header { margin: 0; z-index: 1; position: relative } #es .es-album-item.layout-row .es-album-content { position: relative; z-index: 2; max-height: none; overflow: visible; margin: -84px 20px 20px } #es .es-album-item.layout-row .es-album-content:after,#es .es-album-item.layout-row .es-album-content:before { content: " "; display: table } #es .es-album-item.layout-row .es-album-content:after { clear: both } #es .es-album-item.layout-row .es-album-content>i.loading-indicator { display: none } #es .es-album-item.layout-row .es-album-footer { position: relative; z-index: 3; background: #fff; margin: 20px; border-top: 1px solid #ddd; display: block; width: auto; padding-top: 20px } #es .es-album-item.layout-row .content-hint { font-size: 13px; padding: 32px 0 } #es .es-album-item.layout-row .es-media-title.es-photo-title,#es .es-album-item.layout-row .o-media,#es .es-album-item.layout-row .plupload { display: none } #es .es-album-item.layout-row .es-album-info { overflow: hidden; padding: 0 20px 104px; border-radius: 5px } #es .es-album-item.layout-row .es-album-form { display: none } #es .es-album-item.layout-row .es-album-title { padding-top: 20px; font-size: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-album-item.layout-row .es-album-cover { opacity: .5; filter: alpha(opacity=50); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } #es .es-album-item.layout-row .es-album-taglist>div { font-size: 12px; line-height: 11px; font-weight: 700; color: #595959; margin-bottom: 8px } #es .es-album-item.layout-row .es-album-taglist>ul { padding-top: 4px; height: 28px; overflow: hidden; margin: 0 } #es .es-album-item.layout-row .es-album-taglist>span { display: inline-block; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } #es .es-album-item.layout-row .es-avatar { background: none } #es .es-album-item.layout-row .es-photo-item-group:after,#es .es-album-item.layout-row .es-photo-item-group:before { content: " "; display: table } #es .es-album-item.layout-row .es-photo-item-group:after { clear: both } #es .es-album-item.layout-row .es-photo-item { width: 64px; height: 64px; float: left; display: inline-block; margin-right: 2px; margin-bottom: 2px } #es .es-album-item.layout-row .es-photo-item .es-photo-footer,#es .es-album-item.layout-row .es-photo-item .es-photo-header { display: none } #es .es-album-item.layout-row .es-photo-item .es-photo-content .es-photo-image { height: 64px; background-size: cover } #es .es-album-item.layout-row .es-photo>a { padding-top: 100% } #es .es-album-item.layout-row .es-media-stats { border: 0; width: 35%; float: right; margin: 0; position: relative } #es .es-album-item.layout-row .es-media-stat { padding: 0 5px; font-size: 12px; width: 50%; text-align: right } #es .es-album-item.layout-row .es-media-stat>b { font-size: 12px; line-height: 11px; font-weight: 700; margin-bottom: 8px; color: #595959; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-album-item.layout-row .es-media-stat>span { font-size: 22px; line-height: 28px; color: #999; width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-album-item.layout-row .es-album-interaction .es-album-showresponse,#es .es-album-item.layout-row .es-media-stat.stat-tag { display: none } #es .es-album-item.layout-row .es-album-interaction .es-album-showtag { width: auto; float: none; margin: 0; width: 65%; overflow: hidden; padding-left: 0 } #es .es-album-item.layout-row .es-album-view-button { display: inline-block; width: auto; margin-top: 10px; font-weight: 700; padding: 8px 10px } #es .es-album-item.layout-row .es-album-view-button>i { font-size: 11px } #es .es-album-item.layout-form .es-album-info { display: none } #es .es-album-item.layout-form .es-photo-item-group:after,#es .es-album-item.layout-form .es-photo-item-group:before { content: " "; display: table } #es .es-album-item.layout-form .es-photo-item-group:after { clear: both } #es .es-album-item.layout-form .es-album-menu-item { display: none } #es .es-album-item.layout-form .es-album-menu-form { display: block } #es .es-album-item.layout-form .es-album-footer,#es .es-album-item.layout-form .es-media-item-menu li.view-item { display: none } #es .es-album-item.layout-form .es-media-item-menu li.view-form { display: block } #es .es-album-item.layout-dialog .es-album-footer,#es .es-album-item.layout-dialog .es-album-header { display: none } #es .es-album-item.layout-dialog .es-album-content { margin: 0 auto; width: 100% } #es .es-album-item.layout-dialog .es-album-form { display: none } #es .es-album-item.layout-dialog .es-photo-item-group:after,#es .es-album-item.layout-dialog .es-photo-item-group:before { content: " "; display: table } #es .es-album-item.layout-dialog .es-photo-item-group:after { clear: both } #es .es-album-item.layout-dialog .plupload { display: none } #es .es-album-item .es-privacy { display: inline-block } #es .es-album-item.layout-form .es-photo-upload-item { padding: 0!important } #es .es-album-item.layout-form .es-photo-image { background-size: contain } #es .es-album-item .es-photo-item .es-photo-header .o-media,#es .es-album-item .es-photo-item .es-photo-header .o-media__body { position: relative; z-index: 2; overflow: visible; border-bottom: 0; height: 0 } #es .es-album-item .es-photo-item .es-photo-header .es-media-info>small,#es .es-album-item .es-photo-item .es-photo-header .es-photo-album,#es .es-album-item .es-photo-item .es-photo-header .es-photo-caption,#es .es-album-item .es-photo-item .es-photo-header .es-photo-owner,#es .es-album-item .es-photo-item .es-photo-header .o-media__image { display: none } #es .es-album-item .es-photo-item .es-photo-content { margin-bottom: 0; background: transparent } #es .es-album-item .es-photo-item .es-photo-content .es-photo-hint,#es .es-album-item .es-photo-item .es-photo-content .es-photo-nav-button,#es .es-album-item .es-photo-item .es-photo-content .es-photo-tag-viewport { display: none } #es .es-album-item .es-photo-item .es-photo-upload-item { border: 1px solid #eee } #es .es-album-item .es-photo-item [data-photo-edit-button],#es .es-album-item .es-photo-item [data-photo-tag-button] { display: none } #es .es-album-item .es-photo-item .es-media-item-menu li[data-photo-cover-button],#es .es-album-item .es-photo-item .es-media-item-menu li[data-photo-share-button] { display: block } #es .es-album-item .es-photo-item.layout-item { float: left; cursor: pointer; z-index: 2; width: 25% } #es .es-album-item .es-photo-item.layout-item.featured { width: 50% } #es .es-album-item .es-photo-item.layout-item.grid-sizer { z-index: 1; visibility: hidden; position: absolute } #es .es-album-item .es-photo-item.layout-item>div { position: relative; width: 100%; padding-top: 100% } #es .es-album-item .es-photo-item.layout-item>div>div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid transparent } #es .es-album-item .es-photo-item.layout-item .es-photo-header { position: absolute; top: 0; left: 0; z-index: 3; margin: 0; width: 100%; height: 100% } #es .es-album-item .es-photo-item.layout-item .es-photo-content { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100% } #es .es-album-item .es-photo-item.layout-item .es-photo { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } #es .es-album-item .es-photo-item.layout-item .es-photo>a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } #es .es-album-item .es-photo-item.layout-item .es-photo em { width: 102%; height: 102%; top: -2px; left: -2px } #es .es-album-item .es-photo-item.layout-item .es-photo-footer { z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; background-image: -webkit-linear-gradient(top,transparent,#000); background-image: -o-linear-gradient(top,transparent 0,#000 100%); background-image: linear-gradient(180deg,transparent 0,#000); background-repeat: repeat-x; background-color: transparent; opacity: 0; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; height: 60px; padding-top: 30px } #es .es-album-item .es-photo-item.layout-item .es-photo-interaction { display: none } #es .es-album-item .es-photo-item.layout-item .es-photo-image { background-size: cover } #es .es-album-item .es-photo-item.layout-item .es-photo-info { padding: 0; position: absolute; bottom: 30px; left: 0; width: 100%; opacity: 0; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease } #es .es-album-item .es-photo-item.layout-item .es-photo-title { margin-bottom: 0; padding: 0 10px 6px; border-bottom: 1px solid rgba(0,0,0,.25); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-album-item .es-photo-item.layout-item .es-photo-title,#es .es-album-item .es-photo-item.layout-item .es-photo-title a,#es .es-album-item .es-photo-item.layout-item .es-photo-title a:hover { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.75); font-weight: 700; font-size: 13px } #es .es-album-item .es-photo-item.layout-item .es-photo-title a:hover { text-decoration: underline } #es .es-album-item .es-photo-item.layout-item .es-media-stats { border: 0; border-top: 1px solid hsla(0,0%,100%,.25); color: #fff; text-align: center; width: 100%; margin: 0 } #es .es-album-item .es-photo-item.layout-item .es-media-stats i { font-size: 11px } #es .es-album-item .es-photo-item.layout-item .es-media-stat { float: left; width: 33%; padding: 4px 0; color: hsla(0,0%,100%,.7); border-right: 1px solid rgba(0,0,0,.25) } #es .es-album-item .es-photo-item.layout-item .es-media-stat>b { display: none } #es .es-album-item .es-photo-item.layout-item .es-media-stat>i { display: inline-block } #es .es-album-item .es-photo-item.layout-item .es-media-stat>span { font-size: 11px } #es .es-album-item .es-photo-item.layout-item .es-media-stat+.es-media-stat { border-left: 1px solid hsla(0,0%,100%,.25); border-right: 1px solid rgba(0,0,0,.25) } #es .es-album-item .es-photo-item.layout-item .es-media-stat:last-child { border-right: 0 } #es .es-album-item .es-photo-item.layout-item .es-photo-menu-item { top: 8px; right: 8px; opacity: 0; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease } #es .es-album-item .es-photo-item.layout-item.show-all { z-index: 3 } #es .es-album-item .es-photo-item.layout-item.show-all .es-photo-footer,#es .es-album-item .es-photo-item.layout-item.show-all .es-photo-info,#es .es-album-item .es-photo-item.layout-item.show-all .es-photo-menu-item,#es .es-album-item .es-photo-item.layout-item:hover .es-photo-footer,#es .es-album-item .es-photo-item.layout-item:hover .es-photo-info,#es .es-album-item .es-photo-item.layout-item:hover .es-photo-menu-item { opacity: 1 } #es .es-album-item .es-photo-item.layout-item .btn[data-photo-original-button],#es .es-album-item .es-photo-item.layout-item .btn[data-photo-report-button],#es .es-album-item .es-photo-item.layout-item .btn[data-photo-share-button],#es .es-album-item .es-photo-item.layout-item [data-item-actions-menu]>a>span { display: none } #es .es-album-item .es-photo-item.layout-form { border: 1px solid transparent; float: left; width: 50%; height: 332px; padding-top: 200px } #es .es-album-item .es-photo-item.layout-form.es-photo-upload-item>div,#es .es-album-item .es-photo-item.layout-form.es-photo-upload-item>div>div { width: 100%; height: 100% } #es .es-album-item .es-photo-item.layout-form.has-privacy-menu-on { z-index: 2 } #es .es-album-item .es-photo-item.layout-form .es-photo-header { padding: 0 10px 10px; margin: 0 } #es .es-album-item .es-photo-item.layout-form .es-photo-form { margin: 0 } #es .es-album-item .es-photo-item.layout-form .es-photo-title-field { font-size: 12px!important } #es .es-album-item .es-photo-item.layout-form .es-photo-content { position: absolute; top: 0; left: 0; width: 100%; height: 200px; padding: 10px } #es .es-album-item .es-photo-item.layout-form .es-photo { position: relative; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: none; -o-transition: none; transition: none } #es .es-album-item .es-photo-item.layout-form .es-photo>a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0 } #es .es-album-item .es-photo-item.layout-form .es-photo-image { width: 100%; height: 100%; background-color: transparent } #es .es-album-item .es-photo-item.layout-form .es-photo-footer { display: none } #es .es-album-item .es-photo-item.layout-form .es-photo-menu-form { display: none; margin: 0; top: -190px; right: 0 } #es .es-album-item .es-photo-item.layout-form .es-photo-stats { display: none } #es .es-album-item .es-photo-item.layout-form.show-all .es-photo-menu-form,#es .es-album-item .es-photo-item.layout-form:hover .es-photo-menu-form { display: block } #es .es-album-item .es-photo-item.layout-form [data-item-actions-menu]>a>span,#es .es-album-item .es-photo-item.layout-form [data-photo-cancel-button],#es .es-album-item .es-photo-item.layout-form [data-photo-done-button] { display: none } #es.is-mobile .es-album-item .es-photo-item.layout-item,#es.is-mobile .es-album-item .es-photo-item.layout-item.featured { width: 100% } #es .es-album-content { margin-bottom: 10px } #es .es-album-footer { display: table; width: 100% } #es .es-album-footer .es-comments-wrap .btn-es { padding: 4px 12px } #es .es-album-info>div,#es .es-album-info>h1 { position: relative; z-index: 2 } #es .es-album-info>small { z-index: 2 } #es .es-album-location>u { text-decoration: none; border-bottom: 1px dotted #ccc } #es .es-album-caption,#es .es-album-title { text-shadow: 1px 1px 0 hsla(0,0%,100%,.5) } #es .es-album-caption { width: 80% } #es .es-album-cover { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index: 1 } #es .es-album-cover,#es .es-album-cover b { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } #es .es-album-cover b { -webkit-box-shadow: 200px -30px 100px #fff inset; box-shadow: inset 200px -30px 100px #fff; background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff); background-image: -o-linear-gradient(top,hsla(0,0%,100%,0) 0,#fff 100%); background-image: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff); background-repeat: repeat-x } #es .es-album-cover b+b { right: 0; -webkit-box-shadow: -100px -50px 50px #fff inset; box-shadow: inset -100px -50px 50px #fff; display: none } #es .es-album-menu-form { display: none } #es .es-album-more-button { margin-top: 10px; padding: 8px; background-color: #f0f0f0; display: none } #es .es-album-more-button>i { font-size: 11px } #es .es-album-taglist>div { font-weight: 700; line-height: 30px } #es .es-album-taglist .g-list-inline>li { margin-bottom: 8px; margin-right: 8px } #es .btn-album-favourite.is-fav i { color: #f0ac3f } #es.is-mobile .es-album-item.layout-row .es-media-stats { float: none; width: 100%; margin-bottom: 20px } #es.is-mobile .es-album-item.layout-row .es-media-stat { padding: 0 5px; font-size: 12px; width: 50%; text-align: center } #es.is-mobile .es-album-item.layout-item .es-album-header .es-album-owner,#es.is-mobile .es-album-item.layout-item .es-album-header .o-media__image { display: none } #es.is-mobile .es-album-item .es-photo-item.layout-form { width: 100%; height: auto; float: none; background-color: #f5f5f5; margin-bottom: 30px } #es.is-mobile .es-album-item .es-photo-item.layout-form .es-photo-form-fields { padding-right: 10px } #es.is-mobile .es-album-item .es-photo-item.layout-form .es-photo-content { background-color: #f5f5f5 } #es.is-mobile .es-album-item .es-photo-item.layout-form .es-photo-content .es-photo-image { margin: 0 auto; background-color: hsla(0,0%,100%,.5) } #es.is-mobile .es-album-item .es-photo-item.layout-form .es-photo-header .es-photo-menu-form { display: block; position: absolute; top: -190px; right: 0 } #es.is-mobile .es-photo-item.layout-dialog { width: 25%; height: auto } #es.is-mobile .es-photo-item.layout-dialog .es-albums-photos { padding: 0 16px } #es .es-album-form { margin-top: 15px; margin-right: 130px; position: relative } #es .es-album-form-fields { border: 1px solid #e1e1e1; border-radius: 3px; min-height: 120px; background: #fff } #es .es-album-form-fields.core-album { background: #f9f9f9 } #es .es-album-title-field { display: block; width: 100%; font-size: 16px!important; font-weight: 700!important; height: 33px!important; padding: 4px 40px 4px 6px!important; border: 0!important; border-bottom: 1px dotted #e1e1e1!important; -webkit-box-shadow: none!important; box-shadow: none!important; border-radius: 3px 3px 0 0!important; margin: 0!important; color: #444!important } #es .es-album-title-field[readonly] { background: #f9f9f9 } #es .es-album-caption-field { display: block; width: 100%; background: #fff; border: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; margin: 0!important; padding: 4px 6px!important; resize: none; height: 61px; color: #444!important; font-size: 13px } #es .es-album-caption-field[readonly] { background: #f9f9f9 } #es .es-album-cover-field { position: absolute; width: 120px; height: 120px; top: 0; right: -130px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-color: #eee; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5) inset; box-shadow: inset 0 2px 2px rgba(0,0,0,.5); border-radius: 3px } #es .es-album-cover-field>i { position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; font-size: 32px; color: rgba(70,70,70,.6); text-shadow: 0 1px 1px #fff,0 0 0 rgba(0,0,0,.5); display: none } #es .es-album-cover-field.no-cover { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1) inset; box-shadow: inset 0 2px 2px rgba(0,0,0,.1); border: 1px solid #ccc } #es .es-album-cover-field.no-cover>i { display: block } #es .es-album-meta-field { position: relative; padding: 4px 8px; line-height: 1 } #es .es-album-meta-field .es-album-date { position: absolute; top: 4px; right: 8px; border-left: 0; z-index: 2; background-color: #fff } #es .es-album-meta-field .es-album-date>i { position: absolute } #es .es-album-meta-field .es-album-date>span { max-width: 120px; padding-left: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-album-meta-field .es-album-date .dropdown-menu { left: auto; right: 0 } #es .es-album-meta-field .es-album-location { width: 100% } #es .es-album-meta-field .es-album-location>i { position: absolute } #es .es-album-meta-field .es-album-location>span { padding-left: 16px; padding-right: 100px; width: 100%; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-album-meta-field .es-album-location .dropdown-menu { width: 100% } #es .es-album-meta-field .es-album-location .es-album-location-remove { color: #888 } #es .es-album-privacy { margin-right: 5px; margin-top: 5px; position: absolute; right: 0; top: 0 } #es .es-album-location-form,#es .es-photo-location-form { padding: 5px } #es .es-album-location-form .es-location-textbox,#es .es-photo-location-form .es-location-textbox { border: 1px solid #e1e1e1; background: #fff none repeat scroll 0 0; color: #444; border-radius: 3px; display: block; height: 32px; padding: 0; width: 100% } #es .es-album-location-form .es-location-textbox input,#es .es-photo-location-form .es-location-textbox input { border: 0!important; height: 30px!important; padding-left: 4px!important } #es .es-album-location-form .es-location-buttons,#es .es-photo-location-form .es-location-buttons { display: inline-block; position: absolute; right: 0; top: 0; z-index: 2; width: auto } #es .es-album-location-form .es-location-buttons .es-location-button,#es .es-photo-location-form .es-location-buttons .es-location-button { border-radius: 0 3px 3px 0; font-size: 12px; width: auto; height: 32px; line-height: 20px; display: inline-block } #es .es-album-location-form .es-location-map,#es .es-photo-location-form .es-location-map { display: none } #es .es-album-location-form .es-locations.has-suggested .es-location-textbox,#es .es-photo-location-form .es-locations.has-suggested .es-location-textbox { border-radius: 3px 3px 0 0 } #es .es-album-location-form .es-locations.has-suggested .es-location-suggestions,#es .es-photo-location-form .es-locations.has-suggested .es-location-suggestions { border-radius: 0; border-top: 0 } #es .es-album-location-form .es-locations.has-suggested .es-location-map,#es .es-photo-location-form .es-locations.has-suggested .es-location-map { display: block } #es .es-album-location-form .es-locations.is-loading .es-location-button span,#es .es-photo-location-form .es-locations.is-loading .es-location-button span { display: none!important } #es.is-mobile .es-album-form { margin-top: 145px; margin-right: 0 } #es.is-mobile .es-album-form .es-album-cover-field { top: -130px; left: 0 } #es.is-mobile .es-album-meta-field { margin-top: 8px } #es .dashboard-story-wrapper { padding-top: 16px } #es .es-story { position: relative; overflow: hidden; z-index: 7; min-height: 40px; -webkit-transition: all .35s ease 0; -o-transition: all .35s ease 0; transition: all .35s ease 0 } #es .es-story.is-collapsed .es-story-footer,#es .es-story.is-collapsed .es-story-header,#es .es-story.is-collapsed [data-message-group] { height: 0; overflow: hidden; opacity: 0; margin: 0 } #es .es-story.is-collapsed [data-message-group] { margin-bottom: 0 } #es .es-story.is-collapsed .es-story-text { padding: 12px 8px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #es .es-story.is-collapsed .es-story-textbox .mentions>div { min-height: 16px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #es .es-story.is-resizing { min-height: 10px } #es .es-story.is-resizing .es-story-header { height: 0; opacity: 0 } #es .es-story.is-resizing .es-story-footer { opacity: 0; max-height: 0; overflow: hidden } #es .es-story.is-resizing [data-message-group] { margin-bottom: 0 } #es .es-story.is-resizing .es-story-text { padding: 12px 8px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #es .es-story.is-expanded { overflow: visible } #es .es-story.is-expanded .es-story-header,#es .es-story.is-expanded [data-message-group] { height: auto; opacity: 1 } #es .es-story.is-expanded .es-story-body { min-height: 60px } #es .es-story.is-expanded .es-story-footer { opacity: 1; max-height: none; -webkit-transition: none; -o-transition: none; transition: none } #es .es-story.is-expanded .es-story-avatar { top: 40px } #es .es-story.is-expanded .es-story-text { padding: 8px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #es .es-story.is-expanded .es-story-textbox .mentions>div { min-height: 42px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #es .es-story>.story-loading { display: none; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 3; background-color: hsla(0,0%,100%,.8) } #es .es-story [data-message-group] { margin-left: 56px; margin-bottom: 8px } #es .es-story [data-message-group] .o-alert { margin: 0; padding-right: 28px } #es .es-story.saving>.story-loading { display: block } #es .es-story-bg-select { margin-left: auto; padding-top: 2px; padding-bottom: 8px } #es .es-story-bg-select__dropdown-toggle,#es .es-story-bg-select__dropdown-toggle:active,#es .es-story-bg-select__dropdown-toggle:focus { border: 0; padding: 0; margin: 0; line-height: 1; background: transparent!important; box-shadow: none } #es .es-story-bg-select__dropdown-toggle>.es-story-bg-menu-preview { border-radius: 50% } #es .es-story-bg-select .o-btn-group.open .dropdown-toggle_ { background: transparent!important } #es .es-story-bg-select__dropdown-menu { min-width: 212px; padding: 8px } #es .es-story-bg-menu { max-width: 192px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #es .es-story-bg-menu__item { padding-right: 8px; padding-bottom: 8px } #es .es-story-bg-menu__item:nth-child(5n) { padding-right: 0 } #es .es-story-bg-menu-preview { display: inline-block; width: 32px; height: 32px; border: 1px solid #e1e1e1; border-radius: 1px; text-align: center; line-height: 31px; color: #444 } #es .es-story-bg-menu-preview--remove { position: relative; text-align: left } #es .es-story-bg-menu-preview--remove:after,#es .es-story-bg-menu-preview--remove:before { position: absolute; content: ""; width: 100%; height: 1px; background-color: #e1e1e1; top: 14px } #es .es-story-bg-menu-preview--remove:before { transform: rotate(45deg) } #es .es-story-bg-menu-preview--remove:after { transform: rotate(-45deg) } #es .es-story--bg-1 { background-image: -webkit-linear-gradient(left,#edf0f5,#00f); background-image: -o-linear-gradient(left,#edf0f5 0,#00f 100%); background-image: linear-gradient(90deg,#edf0f5 0,#00f); background-repeat: repeat-x } #es .es-story-text-placeholder-ie9 { display: none } #es .es-story-avatar { position: absolute; top: 0; left: 0; z-index: 4; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #es .es-story-header { z-index: 3; margin-top: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-story-body,#es .es-story-header { position: relative; margin-left: 56px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #es .es-story-body { z-index: 2; border: 1px solid #e1e1e1; border-radius: 3px; min-height: 40px; background: #fff } #es .es-story-footer { position: relative; z-index: 1; margin-left: 56px; margin-top: 8px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #es .es-story-footer:after,#es .es-story-footer:before { content: " "; display: table } #es .es-story-footer:after { clear: both } #es .es-story-text { padding: 8px } #es .plugin-blog .es-story-text,#es .plugin-broadcast .es-story-text,#es .plugin-discuss .es-story-text,#es .plugin-easydiscuss .es-story-text,#es .plugin-event .es-story-text,#es .plugin-hikashop .es-story-text,#es .plugin-polls .es-story-text { display: none } #es .plugin-blog .es-story-panel-contents.active,#es .plugin-broadcast .es-story-panel-contents.active,#es .plugin-discuss .es-story-panel-contents.active,#es .plugin-easydiscuss .es-story-panel-contents.active,#es .plugin-event .es-story-panel-contents.active,#es .plugin-hikashop .es-story-panel-contents.active,#es .plugin-polls .es-story-panel-contents.active { padding-top: 8px } #es .es-story-textbox { display: block!important } @media(max-width: 479px) and (-webkit-min-device-pixel-ratio:0) { #es .mentions div { left:3px; position: relative } #es .es-story-textfield:focus { font-size: 13px!important } } #es .es-story-textfield { -webkit-box-shadow: none; box-shadow: none; font-size: 13px; line-height: 16px; overflow: hidden; width: 100%; margin: 0; padding: 0; border: 0; resize: none; top: 0; color: #444; -webkit-transition: font-size .5s ease; -o-transition: font-size .5s ease; transition: font-size .5s ease } #es .es-story-actions { padding: 0; float: right; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-story-actions.no-privacy .es-story-submit { border-radius: 3px!important } #es .es-story-actions__share { float: left; margin-right: 8px } #es .es-story-actions__share .o-checkbox { margin-top: 6px; margin-bottom: 0; margin-right: 8px } #es .es-story-actions__share .o-checkbox i { color: #888; font-size: 16px; margin-left: 2px } #es .es-story-submit { z-index: 2; min-width: 85px; border-bottom-right-radius: 0!important; border-top-right-radius: 0!important } #es .es-story-privacy { z-index: 3 } #es .es-story-privacy,#es .es-story-privacy .es-privacy,#es .es-story-privacy .es-privacy .es-privacy-toggle { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-story-privacy .es-privacy .es-privacy-toggle { -webkit-align-items: center; -ms-align-items: center; align-items: center; background: #4a90e2!important; color: #fff!important; border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; border-left: 1px solid #3483de!important; position: relative; right: 1px; padding: 0 8px } #es .es-story-privacy .es-privacy .es-privacy-toggle:active,#es .es-story-privacy .es-privacy .es-privacy-toggle:focus,#es .es-story-privacy .es-privacy .es-privacy-toggle:hover { background-color: #2275d7!important } #es .es-story-privacy .es-privacy-toggle>span { display: none } #es .es-story-privacy .es-privacy .es-privacy-toggle:active { -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.125) inset; box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } #es.es-story-mentions-autocomplete { border-top: 1px solid #fff } #es.es-story-mentions-autocomplete-emoji .mentions-menu { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #es.es-story-mentions-autocomplete-emoji .mentions-menu .mentions-menuItem { text-align: center } #es.es-story-mentions-autocomplete-emoji .mentions-menu .mentions-menuItem>img { float: none; margin: 0 } #es.es-story-mentions-autocomplete-emoji .mentions-menu .mentions-menuItem+.mentions-menuItem { border-top: 0 } #es .es-story-post-as { float: right; padding: 0 8px 0 0 } #es .es-story-post-as .btn { padding: 4px; position: relative } #es .es-story-post-as i { color: #888; padding: 0 4px } #es .es-story-post-as i:before { top: 8px!important } #es .dropdown-menu--post-as>li.is-active { background-color: #f5f5f5 } #es .dropdown-menu--post-as>li>a { padding: 4px 8px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .dropdown-menu--post-as>li+li { border-top: 1px solid #e1e1e1 } #es.is-mobile .es-story-avatar { display: none } #es.is-mobile .es-story-body,#es.is-mobile .es-story-footer,#es.is-mobile .es-story-header,#es.is-mobile .es-story [data-message-group] { margin-left: 0 } #es.is-mobile .es-story-header { margin-bottom: 8px } #es .es-story-panel-buttons { position: relative; z-index: 2; color: #666; padding: 2px 0 8px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-story-panel-buttons:after,#es .es-story-panel-buttons:before { content: " "; display: table } #es .es-story-panel-buttons:after { clear: both } #es .es-story-panel-buttons .es-story-panel-button { padding-right: 8px } #es .es-story-sly-nav { position: relative; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } #es .es-story-sly-nav:after,#es .es-story-sly-nav:before { position: absolute; top: 1px; bottom: 0; z-index: 2; display: inline-block; width: 36px } #es .es-story-sly-nav:not(.is-end-left):before { left: 0; content: ""; background-image: -webkit-linear-gradient(left,#fff 15%,hsla(0,0%,100%,.15) 85%); background-image: -o-linear-gradient(left,#fff 15%,hsla(0,0%,100%,.15) 85%); background-image: linear-gradient(90deg,#fff 15%,hsla(0,0%,100%,.15) 85%); background-repeat: repeat-x } #es .es-story-sly-nav:not(.is-end-right):after { right: 0; content: ""; background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,.15) 15%,#fff 85%); background-image: -o-linear-gradient(left,hsla(0,0%,100%,.15) 15%,#fff 85%); background-image: linear-gradient(90deg,hsla(0,0%,100%,.15) 15%,#fff 85%); background-repeat: repeat-x } #es .es-story-sly-nav__content { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 4px 8px } #es .es-story-panel-button { text-align: center } #es .es-story-panel-button,#es .es-story-panel-button__shape { position: relative; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center } #es .es-story-panel-button__shape { -webkit-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; font-size: 12px; border-radius: 32px; border: 2px solid #fff; color: #fff; width: 32px; height: 32px; background-color: #445ab5 } #es .es-story-panel-button--photos .es-story-panel-button__shape { background-color: #239dff } #es .es-story-panel-button--videos .es-story-panel-button__shape { background-color: #adea7e } #es .es-story-panel-button--links .es-story-panel-button__shape { background-color: #00dcae } #es .es-story-panel-button--broadcast .es-story-panel-button__shape { background-color: #8956c4 } #es .es-story-panel-button i { line-height: 1; font-size: 16px } #es .es-story-panel-button span { display: none } #es .es-story-panel-button.active .es-story-panel-button__shape,#es .es-story-panel-button.active:active .es-story-panel-button__shape,#es .es-story-panel-button.active:focus .es-story-panel-button__shape,#es .es-story-panel-button.active:hover .es-story-panel-button__shape { border: 2px solid #fff; position: relative } #es .es-story-panel-button.active .es-story-panel-button__shape:before,#es .es-story-panel-button.active:active .es-story-panel-button__shape:before,#es .es-story-panel-button.active:focus .es-story-panel-button__shape:before,#es .es-story-panel-button.active:hover .es-story-panel-button__shape:before { content: " "; position: absolute; z-index: -1; top: -4px; left: -4px; width: 36px; height: 36px; border-radius: 50%; border: 6px solid #4a90e2 } #es .es-story-panel-button:hover { color: #fff } #es .es-story-panel-button--popup .es-story-panel-button__shape { border: 2px dotted #e1e1e1; background: #f5f5f5; color: #888 } #es .es-story-panel-button--popup .es-story-panel-button__shape:active,#es .es-story-panel-button--popup .es-story-panel-button__shape:hover { background: #f5f5f5; color: #888 } #es .es-story-panel-contents { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 0; margin: 0; max-height: 0; overflow: hidden; position: relative; z-index: 1 } #es .es-story-panel-contents:after,#es .es-story-panel-contents:before { content: " "; display: table } #es .es-story-panel-contents:after { clear: both } #es .es-story-panel-contents.active { max-height: 500px; overflow: visible } #es .es-story-panel-contents .es-story-panel-content { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative; overflow: hidden; max-height: 0; z-index: 1; color: #444 } #es .es-story-panel-contents .es-story-panel-content input[type=text] { background: #fff; color: #444 } #es .es-story-panel-contents .es-story-panel-content input[type=text][disabled] { background-color: #f5f5f5 } #es .es-story-panel-contents .es-story-panel-content.active { padding: 0 10px 10px; max-height: 500px; z-index: 2; overflow-y: auto } #es .es-story-panel-dropdown { display: inline-block } #es .es-story-panel-dropdown-toggle { display: inline-block; width: 34px; text-align: center; color: #666 } #es .es-story-panel-dropdown-menu { left: auto; right: 0; min-width: 130px; width: 130px } #es .es-story-panel-dropdown { position: absolute; right: 0; display: none } #es .open .es-story-panel-dropdown-toggle { color: #5580be } #es.is-mobile .es-story-panel-button,#es.is-tablet .es-story-panel-button { float: left } #es.is-mobile .es-story-panel-button span,#es.is-tablet .es-story-panel-button span { font-size: 12px; font-weight: 700 } #es.is-mobile .es-story-panel-dropdown,#es.is-tablet .es-story-panel-dropdown { display: block } #es.is-mobile .es-story-panel-dropdown-menu,#es.is-tablet .es-story-panel-dropdown-menu { right: 8px } #es.is-mobile .es-story-panel-dropdown-menu *,#es.is-tablet .es-story-panel-dropdown-menu * { font-size: 12px!important } #es.is-mobile .es-story-panel-dropdown-menu .es-story-panel-button,#es.is-tablet .es-story-panel-dropdown-menu .es-story-panel-button { width: 100%; border-radius: 0 } #es .popbox-story-panel__bd,#es .popbox-story-panel__hd { padding: 8px } #es .popbox-story-panel__bd:after,#es .popbox-story-panel__bd:before,#es .popbox-story-panel__hd:after,#es .popbox-story-panel__hd:before { content: " "; display: table } #es .popbox-story-panel__bd:after,#es .popbox-story-panel__hd:after { clear: both } #es .popbox-story-panel__hd { border-bottom: 1px solid #e1e1e1 } #es .popbox-story-panel__title { font-weight: 700 } #es .es-story-panel-button-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #es .es-story-panel-button-list,#es .es-story-panel-button-list__item { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-story-panel-button-list__item { padding: 8px; position: relative; text-align: center; border-radius: 3px; margin-bottom: 4px; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center } #es .es-story-panel-button-list__item.is-active,#es .es-story-panel-button-list__item:hover { background: #f5f5f5 } #es .es-story-panel-button-list__item .es-story-panel-button { margin: 0 auto; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; z-index: 2 } #es .es-story-panel-button-list__item .es-story-panel-button span { display: block; margin-top: 2px; color: #888!important } #es .es-story-panel-button-list__desc { color: #888 } #es .es-story-panel-button-list__state { position: absolute; top: 4px; cursor: pointer } #es .es-story-panel-button-list__state:before { font-family: Font Awesome\ 5 Free; font-weight: 400; font-style: normal; display: inline-block; text-decoration: inherit; color: #ec971f; content: "\f005" } #es .es-story-panel-button-list .is-selected .es-story-panel-button-list__state:before { font-weight: 900; content: "\f005" } @media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) { #es .es-story-panel-button__shape { -webkit-flex: 0 0 28px; -ms-flex: 0 0 28px; flex: 0 0 28px } #es .es-story-panel-button-list__item { -webkit-flex: 0; -ms-flex: 0; flex: 0; min-width: 33.333332% } } #es .es-story-meta { color: #888; text-decoration: none; position: relative; z-index: 3 } #es .es-story-meta a { outline: 0!important } #es .es-story-meta a::-moz-focus-inner { border: 0!important } #es .es-story-meta a:hover { text-decoration: underline } #es .es-story-meta-buttons { float: left; color: #666; padding: 0 } #es .es-story-meta-button { float: left; cursor: pointer; position: relative; text-align: center; margin-right: 8px; background-color: transparent; color: #888!important; font-size: 12px; border-radius: 6px } #es .es-story-meta-button.active { background: #fff } #es .es-story-meta-button.active:hover { color: #444 } #es .es-story-meta-button.has-content,#es .es-story-meta-button.has-content:hover { color: #5580be } #es .es-story-meta-button:hover { color: #444 } #es .es-story-meta-contents { background: #fff; color: #444; border: 1px solid #e1e1e1; border-radius: 3px; display: none; margin-bottom: 8px } #es .es-story-meta-content { position: relative; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; max-height: 0; opacity: 0 } #es .es-story-meta-content.active { max-height: 500px; opacity: 1; overflow: visible } #es .es-story.has-meta .es-story-meta-contents { display: block } #es .es-story.has-meta .es-story-footer { border-top: 0 } #es .es-story-friends-textbox { border: 0; min-height: 24px; font-size: 12px; padding: 6px 10px; position: relative; line-height: 22px } #es .es-story-friends-textbox:after,#es .es-story-friends-textbox:before { content: " "; display: table } #es .es-story-friends-textbox:after { clear: both } #es .es-story-friends-textbox .textboxlist-item { margin: 0 8px 4px -4px } #es .es-story-friends-textbox .textboxlist-item+.textboxlist-textField { position: relative; left: -4px } #es .es-story-mood.is-empty .es-story-mood-remove-button { display: none } #es .es-story-mood.hide-preset .es-story-mood-presets,#es .es-story-mood.using-preset .es-story-mood-presets { max-height: 0!important } #es .es-story-mood-presets { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; max-height: 140px; position: relative; overflow: hidden } #es .es-story-mood-presets>ul { padding: 0 4px 4px; margin: 0 } #es .es-story-mood-presets>ul:after,#es .es-story-mood-presets>ul:before { content: " "; display: table } #es .es-story-mood-presets>ul:after { clear: both } #es .es-story-mood-preset { width: 25%; float: left; height: 30px; padding: 4px; border-radius: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer } #es .es-story-mood-preset i { width: 20px!important; height: 20px!important } #es .es-story-mood-preset.is-disabled { display: none } #es .es-story-mood-preset:hover { background: #e7edf3; opacity: 1!important } #es .es-story-mood-verb { float: left; white-space: nowrap } #es .es-story-mood-verb>span { background: #e7f3fe; border: 1px solid #c6d5e6; padding: 1px 4px; color: #729bcd; margin-right: 4px; display: none; border-radius: 5px } #es .es-story-mood-verb>span.active { display: inline-block } #es .es-story-mood-form { box-shadow: none; border: 0; padding: 4px 38px 4px 4px; position: relative } #es .es-story-mood-textbox { display: block; padding: 0; width: 100% } #es .es-story-mood-textbox td,#es .es-story-mood-textbox tr { padding: 0; margin: 0 } #es .es-story-mood-textbox input { width: 100%; padding: 0; height: 22px!important; line-height: 22px!important; border: 0!important; background: none!important; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0!important } #es .es-story-mood-buttons { position: absolute; top: 0; right: 0; z-index: 2 } #es .es-story-mood-buttons>* { width: 34px; height: 34px; line-height: 34px; text-align: center; cursor: pointer; float: right; color: #666; position: relative } #es .es-story-mood-buttons>:hover { color: #5580be } #es .es-story-mood-remove-button i { font-size: 12px; position: relative; line-height: 40px; top: -1px } #es.is-mobile .es-story .es-story-mood-presets { max-height: 185px } #es.is-mobile .es-story .es-story-mood-preset { width: 33.333333333333% } #es .es-story .es-album-view .es-album-content { max-height: none; min-height: 80px; margin-bottom: 0 } #es .es-story .es-album-view .es-photo,#es .es-story .es-album-view .es-photo>a { width: 100%; height: 100%; position: absolute; display: block } #es .es-story .es-album-view .es-photo>a { padding: 0 } #es .es-story .es-album-view .es-photo-item { width: 100px; height: 80px; margin: 5px; border-radius: 3px; background: #eee; overflow: hidden; float: left } #es .es-story .es-album-view .es-photo-item .es-photo-image { width: 100px; height: 80px; background-size: cover; background-color: transparent; background-repeat: no-repeat; position: relative; z-index: 1; border-radius: 3px; overflow: hidden; text-align: center } #es .es-story .es-album-view .es-photo-item .es-photo-image:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em } #es .es-story .es-album-view .es-photo-item .es-photo-image>span { background-size: cover; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0 } #es .es-story .es-album-view .es-photo-item .es-photo-image>img { position: absolute; width: 100%; height: 100%; opacity: 0 } #es .es-story .es-album-view .es-photo-item .es-photo-image.is-small>img { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; opacity: 1 } #es .es-story .es-album-view .es-photo-item .es-photo-image.is-small>span { display: none } #es .es-story .es-album-view .es-photo-item:hover { background: #ddd } #es .es-story .es-album-view .es-photo-item:hover .es-photo-remove-button { bottom: 0 } #es .es-story .es-album-view .es-photo-remove-button { -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; position: absolute; z-index: 2; width: 100%; padding: 0 5px; background: rgba(0,0,0,.6); cursor: pointer; height: 25px; line-height: 25px; bottom: -25px; text-align: center; color: #fff; font-size: 12px; text-shadow: 0 1px 1px rgba(0,0,0,.75) } #es .es-story .es-album-view .es-photo-remove-button>i { font-size: 11px; margin-left: -2px } #es .es-story .es-album-view .es-photo-upload-item { background-color: #eee; border-radius: 3px } #es .es-story .es-album-view .es-photo-upload-item>div,#es .es-story .es-album-view .es-photo-upload-item>div>div { width: 100%; height: 100% } #es .es-story .es-album-view .es-photo-upload-item table { border: 0 } #es .es-story .es-album-view .es-photo-upload-item .upload-remove-button { display: none } #es .es-story .es-album-view .es-photo-upload-item:hover .upload-remove-button { display: block } #es .es-story .es-album-view .es-photo-upload-item .upload-percentage { line-height: 18px } #es .es-story .es-album-view .es-album-upload-button { background: #eee; height: 80px; border-radius: 3px; position: relative; z-index: 0; text-align: center; cursor: pointer } #es .es-story .es-album-view .es-album-upload-button:hover { background: #ddd } #es .es-story .es-album-view .es-album-upload-button:hover>span { color: #555 } #es .es-story .es-album-view .es-album-upload-button>span { position: relative; line-height: 80px; color: #999; cursor: pointer } #es .es-story .es-album-view .es-album-upload-button>span b { position: relative; left: -5px } #es .es-story .es-album-view .es-album-upload-button>span i { position: relative } #es .es-story .es-album-view .add-hint { display: block } #es .es-story .es-album-view .drop-hint { display: none } #es .es-story .es-album-view.has-photos { margin-bottom: -5px; margin-top: -5px; margin-left: -5px } #es .es-story .es-album-view.has-photos .es-album-upload-button { float: left; margin: 5px; padding: 0 10px 0 25px } #es .es-story .es-album-view.has-photos.can-drop-file .add-hint { display: block } #es .es-story .es-album-view.can-drop-file .add-hint,#es .es-story .es-album-view.has-photos.can-drop-file .drop-hint { display: none } #es .es-story .es-album-view.can-drop-file .drop-hint { display: block } #es .es-story .es-album-view .plupload>input { height: 100%!important } #es .es-story .es-photo-upload-item .upload-filename,#es .es-story .es-photo-upload-item .upload-filesize,#es .es-story .es-photo-upload-item .upload-title { display: none } #es .es-story-link-item { background: #f5f5f5; border-radius: 3px; position: relative; padding: 10px 30px 10px 10px; min-height: 96px } #es .es-story-link-item:after,#es .es-story-link-item:before { content: " "; display: table } #es .es-story-link-item:after { clear: both } #es .es-story-link-item.has-images .es-story-link-nav { display: block } #es .es-story-link-item.has-images .es-story-link-col { margin-left: 120px } #es .es-story-link-item.editing-title .es-story-link-title { display: none } #es .es-story-link-item.editing-title .es-story-link-title-textbox { display: block } #es .es-story-link-item.editing-description .es-story-link-description { display: none } #es .es-story-link-item.editing-description .es-story-link-description-textbox { display: block } #es .es-story-link-title-textbox { display: none } #es .es-story-link-title-textfield { width: 100%; margin-bottom: 5px; padding: 6px!important } #es .es-story-link-description-textbox { display: none; margin: 4px 0 8px } #es .es-story-link-description-textbox .textareaClone { min-height: 0; margin: 0; padding: 0 } #es .es-story-link-description-textfield { font-size: 13px; padding: 6px!important } #es .es-story-link-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; text-transform: none; border: 1px solid transparent; cursor: pointer; color: #444; font-size: 13px } #es .es-story-link-title:hover { background: #fefefe; border: 1px dashed #b3b3b3 } #es .es-story-link-description { border: 1px solid transparent; cursor: pointer; overflow: hidden; font-size: 13px; line-height: 16px; margin: 4px 0 8px } #es .es-story-link-description.no-description { opacity: .6 } #es .es-story-link-description:hover { background: #fefefe; border: 1px dashed #b3b3b3; opacity: 1 } #es .es-story-link-url { font-size: 13px; border: 1px solid transparent; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 100% } #es .es-story-link-url a { color: #0064cd } #es .es-story-link-url a:hover { background: transparent; color: #049cdb } #es .es-story-link-image-wrapper { display: none } #es .es-story-link-image-wrapper.active { display: block } #es .es-story-link-images { width: 102px; top: 10px; left: 10px; float: left; overflow: hidden; margin-right: 10px; background: #fff; border: 1px solid #e1e1e1; padding: 2px } #es .es-story-link-images .es-story-image-dimension { font-size: 13px; text-align: center } #es .es-story-link-images img.es-story-link-image { width: 96px; max-width: 96px!important; border: 1px solid #e1e1e1; background: #fff } #es .es-story-link-form { position: relative } #es .es-story-link-form.busy .es-story-link-input { padding-right: 100px; color: #aaa } #es .es-story-link-form.busy .es-story-link-buttons .o-loader { display: inline-block } #es .es-story-link-form.busy .es-story-link-buttons span { display: none } #es .es-story-link-textbox { padding: 0; height: 32px; width: 100%; border: 1px solid #ccc; background: #fff; border-radius: 3px; display: block } #es .es-story-link-textbox:after,#es .es-story-link-textbox:before { content: " "; display: table } #es .es-story-link-textbox:after { clear: both } #es .es-story-link-input { width: 100%; height: 30px!important; border: 0!important; background: none!important; padding: 4px 73px 4px 4px!important; margin-bottom: 0!important } #es .es-story-link-buttons { position: absolute; top: 0; right: 0; display: inline-block; z-index: 2 } #es .es-story-link-buttons .btn { height: 32px; font-size: 13px; line-height: 20px; border-radius: 0 3px 3px 0 } #es .es-story-link-nav { display: none } #es .es-story-link-nav .btn { padding: 2px 4px } #es .es-story-link-image-count { position: relative; top: 1px; left: 2px } #es .es-story-link-remove-image { display: inline-block; margin-right: 2px; margin-top: -4px } #es .es-story-link-remove-button { position: absolute; top: 8px; right: 10px; width: 10px; height: 10px; cursor: pointer } #es .es-story-link-remove-button i { font-size: 13px } #es .es-story-panel-content .es-story-files-content { position: relative; overflow: hidden } #es .es-story-panel-content .es-story-files-content.has-items .es-story-files-upload { float: left; margin: 5px; padding: 0 10px 0 25px } #es .es-story-panel-content .es-story-files-content.has-items b.drop-hint { display: none } #es .es-story-panel-content .es-story-files-content.has-items b.add-hint { display: block } #es .es-story-panel-content .es-story-files-content b.add-hint { display: none } #es .es-story-panel-content .es-story-files-content b.drop-hint { display: block } #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload { background: none repeat scroll 0 0 #eee; border-radius: 3px; cursor: pointer; height: 80px; position: relative; text-align: center; z-index: 0 } #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:hover { background: #ddd!important } #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:hover>span { color: #555!important } #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload>span { color: #999; cursor: pointer; line-height: 80px; position: relative } #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload>span b { position: relative; left: -5px } #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload>span i { left: -8px; position: relative } #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item { background: #fff; border: 1px dashed #e1e1e1; border-radius: 3px; float: left; height: 80px; margin: 5px; overflow: hidden; width: 100px; position: relative } #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item:hover .remove-button { bottom: 0 } #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item.new-item { display: none } #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item .file-icon { height: 80px; text-align: center; display: block; position: relative } #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item .file-icon i { padding-top: 15px; font-size: 30px; display: block } #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item .file-icon .file-name { bottom: 10px; left: 0; position: absolute; text-align: center; font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; width: 100% } #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item .remove-button { background: none repeat scroll 0 0 rgba(0,0,0,.6); bottom: -25px; color: #fff; cursor: pointer; font-size: 12px; height: 25px; line-height: 25px; padding: 0 5px; position: absolute; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.75); transition: all .2s ease 0; width: 100%; z-index: 2 } #es .es-story-panel-content .es-story-files-content .es-story-files-progress { background: #fff; border: 1px dashed #e1e1e1; border-radius: 3px; float: left; height: 80px; margin: 5px; overflow: hidden; width: 100px; position: relative } #es .es-story-panel-content .es-story-files-content .es-story-files-progress .upload-remove-button { display: none; cursor: pointer; position: absolute; right: 4px; top: 8px } #es .es-story-panel-content .es-story-files-content .es-story-files-progress .upload-percentage { line-height: 18px } #es .es-story-panel-content .es-story-files-content .es-story-files-progress .upload-progress { height: 18px; margin-bottom: 3px } #es .es-story-panel-content .es-story-files-content .es-story-files-progress .upload-filesize { display: none } #es .es-story-panel-content .es-story-files-content .es-story-files-progress table { border-collapse: separate; height: 100%; table-layout: fixed; width: 100% } #es .es-story-panel-content .es-story-files-content .es-story-files-progress table .upload-status td { padding: 8px; vertical-align: middle; border: 1px solid transparent } #es .es-story-video-form.is-encoding .video-form,#es .es-story-video-form.is-encoding .video-result { display: none } #es .es-story-video-form.is-encoding .video-progress { display: block } #es .es-story-video-form.is-encoding .video-upload-progress,#es .es-story-video-form.is-uploading .video-form,#es .es-story-video-form.is-uploading .video-progress,#es .es-story-video-form.is-uploading .video-result { display: none } #es .es-story-video-form.is-uploading .video-upload-progress { display: block } #es .es-story-video-form.is-processing .insert-button .o-loader { display: inline-block } #es .es-story-video-form.is-processing .insert-button span,#es .es-story-video-form.is-processing .video-progress,#es .es-story-video-form.is-processing .video-result,#es .es-story-video-form.is-processing .video-upload-progress { display: none } #es .es-story-video-form.is-processed .video-result { display: block } #es .es-story-video-form.is-processed .video-form,#es .es-story-video-form.is-processed .video-progress,#es .es-story-video-form.is-processed .video-upload-progress { display: none } #es .es-story-video-form.is-waiting .video-form { display: block } #es .es-story-video-form.editing-title .es-video-item-title,#es .es-story-video-form.is-waiting .video-progress,#es .es-story-video-form.is-waiting .video-result,#es .es-story-video-form.is-waiting .video-upload-progress { display: none } #es .es-story-video-form.editing-title .es-video-item-title-textbox { display: block } #es .es-story-video-form.editing-description .es-video-item-desp { display: none } #es .es-story-video-form.editing-description .es-video-item-desp-textbox { display: block } #es .es-story-video-form .es-video-item-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; text-transform: none; border: 1px solid transparent; cursor: pointer; color: #444 } #es .es-story-video-form .es-video-item-title:hover { background: #fefefe; border: 1px dashed #b3b3b3 } #es .es-story-video-form .insert-button { min-width: 80px } #es .es-story-video-form .es-video-item-desp-textbox,#es .es-story-video-form .es-video-item-title-textbox { display: none } #es .es-story-video-form .es-video-item-desp { border: 1px solid transparent; cursor: pointer; overflow: hidden; font-size: 13px; line-height: 16px; margin: 4px 0 8px } #es .es-story-video-form .es-video-item-desp.no-description { opacity: .6 } #es .es-story-video-form .es-video-item-desp:hover { background: #fefefe; border: 1px dashed #b3b3b3; opacity: 1 } #es .es-story-video-form .video-category { margin-top: 8px } #es .es-story-video-form .es-video { width: 100%; height: 100%; display: block } #es .es-story-video-form .es-video>a { padding: 0; width: 100%; height: 100%; position: absolute; display: block } #es .es-story-video-form .es-video img { width: 100%; height: auto } #es .es-story-video-form .es-video-item { width: 200px; margin: 4px 0; border-radius: 3px; background: #363636; overflow: hidden } #es .es-story-video-form .es-video-item:hover .es-photo-remove-button { bottom: 0 } #es .es-story-video-form .es-video-item-content { margin-left: 216px } #es .es-story-video-form .es-video-upload-button { background: #eee; height: 80px; border-radius: 3px; position: relative; z-index: 0; text-align: center; cursor: pointer } #es .es-story-video-form .es-video-upload-button:hover { background: #ddd } #es .es-story-video-form .es-video-upload-button:hover>span { color: #555 } #es .es-story-video-form .es-video-upload-button>span { position: relative; line-height: 80px; color: #999; cursor: pointer } #es .es-story-video-form .es-video-upload-button>span b { position: relative; left: -5px } #es .es-story-video-form .es-video-upload-button>span i { position: relative; top: 2px; left: -5px } #es .es-video-form-divider { text-align: center; position: relative; overflow: hidden; margin: 4px 0 } #es .es-video-form-divider span { display: inline-block; vertical-align: baseline; zoom:1;*display: inline; *vertical-align: auto; position: relative; padding: 0 15px } #es .es-video-form-divider span:after,#es .es-video-form-divider span:before { content: ""; display: block; width: 1000px; position: absolute; top: .73em; border-top: 1px solid #e1e1e1 } #es .es-video-form-divider span:before { right: 100% } #es .es-video-form-divider span:after { left: 100% } #es .es-video-item-wrap { position: relative; padding: 8px 16px; background: #f5f5f5 } #es .es-video-item-wrap:after,#es .es-video-item-wrap:before { content: " "; display: table } #es .es-video-item-wrap:after { clear: both } #es .es-video-item-wrap .es-video-item { float: left } #es .es-video-item-remove { position: absolute; top: 6px; right: 8px; font-size: 13px; color: #888; cursor: pointer } #es .es-video-item-title { font-weight: 700; line-height: 24px } #es .es-story-video-progress-wrap { padding: 8px 16px; background: #f5f5f5 } #es .es-story-video-progress-wrap .es-story-video-status-text { color: #444; line-height: 24px } #es .es-story-video-progress-wrap .progress { background: #d6d6d6; box-shadow: none; height: 12px } #es .es-story-video-progress-wrap .bar { background: #5cb85c; height: 100% } #es.is-mobile .es-video-item-wrap .es-video-item { float: none; width: 100%; margin-top: 16px } #es.is-mobile .es-story-video-form .es-video-item-content { margin-left: 0 } #es.es-mobile-content .es-story,#es.is-mobile .es-story { border-radius: 0 } #es.es-mobile-content .es-story-panel-buttons,#es.is-mobile .es-story-panel-buttons { padding: 0 0 0 4px; overflow: hidden } #es.es-mobile-content .es-story-sly-nav .es-story-panel-button,#es.is-mobile .es-story-sly-nav .es-story-panel-button { -webkit-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; margin-right: 8px } #es.es-mobile-content .es-story-bg-select,#es.is-mobile .es-story-bg-select { padding-top: 4px; padding-left: 4px } #es.es-mobile-content .es-story-meta-buttons,#es.is-mobile .es-story-meta-buttons { float: none; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; padding: 0; margin-bottom: 8px } #es.es-mobile-content .es-story-meta-button,#es.is-mobile .es-story-meta-button { float: none; margin: 0; padding: 4px; display: block; width: 100%; height: 40px; line-height: 32px; border-radius: 0 } #es.es-mobile-content .es-story-meta-button+.es-story-meta-button,#es.is-mobile .es-story-meta-button+.es-story-meta-button { border-left: 0 solid #e1e1e1 } #es.es-mobile-content .es-reactions-pop,#es.is-mobile .es-reactions-pop { left: 32px } #es .es-streams .es-story { margin-bottom: 16px } #es .es-streams.is-empty .es-stream-list { display: none } #es .es-streams.is-empty .es-stream-list.is-sticky { display: block } #es .stream-shared-border { border-left: 5px solid #e1e1e1 } #es .es-stream-content-title { font-size: 14px; font-weight: 700; margin: 5px 0 10px } #es .es-stream-content-title a { font-size: 14px } #es .es-stream-content-title .label { vertical-align: top; display: inline-block; padding: .25em .5em } #es .es-stream-list { margin: 0; min-height: 370px; padding: 0 0 16px } #es .es-stream-list.is-sticky { min-height: 0 } #es .es-stream-list>li { list-style: none } #es .es-stream-list>li.empty { background: none repeat scroll 0 0 #f6f9fc; border: 1px dashed #e1e1e1; color: #444; font-size: 13px; margin-bottom: 10px; padding: 20px } #es .es-stream-list>li.empty>i { color: #444; font-size: 32px; margin-bottom: 20px; width: 32px } #es .es-stream-list>li.is-translated .es-stream-translations { border-left: 2px solid #e1e1e1; padding: 0 8px } #es .es-stream-list>li.is-translating .es-stream-translations__loader { display: block } #es .es-stream-list>li .es-stream-translations { margin: 8px 0 } #es .es-stream-list>li.is-published .es-stream { display: none } #es .es-stream-list>li.is-published .es-stream-published { display: block } #es .es-stream-list>li.is-bookmarked .bookmark { display: inline-block } #es .es-stream-list>li.is-bookmarked .es-stream-control .add-bookmark { display: none } #es .es-stream-list>li.is-bookmarked .es-stream-control .remove-bookmark { display: block } #es .es-stream-list>li.is-sticky .es-stream-control .add-sticky { display: none } #es .es-stream-list>li.is-sticky .es-stream-control .remove-sticky { display: block } #es .es-stream-list>li .es-stream-control .remove-bookmark,#es .es-stream-list>li .es-stream-control .remove-sticky { display: none } #es .es-stream-list>li.hidden { opacity: 0 } #es .es-stream-list>li.hide-stream .es-stream { display: none } #es .es-stream-list>li.pagination { display: block; text-align: center } #es .es-stream-list>li.pagination a.btn-stream-updates>i { margin-right: 4px } #es .es-stream-list>li+li { margin-top: 16px; padding-top: 16px; border-top: 1px solid #e1e1e1 } #es .es-stream-list>li .es-stream-published { display: none } #es .es-stream-list .pagination { display: block } #es .es-stream-list .pagination.pagination-centered { display: inline-block } #es .es-stream { position: relative } #es .es-stream:after,#es .es-stream:before { content: " "; display: table } #es .es-stream:after { clear: both } #es .es-stream [class*=" es-story--bg-"]:not(.es-story-bg-menu-preview) { padding: 8px 16px } #es .es-stream .es-story--bg-0:not(.es-story-bg-menu-preview) { padding: 0 } #es .es-stream,#es .es-stream-content,#es .es-stream-preview { display: inline-block; width: 100% } #es .es-stream-mini { line-height: 1 } #es .es-stream-mini .es-stream .o-flag__body { line-height: 1.5 } #es .es-stream-mini .es-stream .es-stream-meta { border: 0; padding: 0 } #es .es-stream-mini .es-stream time { color: #444 } #es .es-stream-type { border-radius: 0; margin-bottom: 3px; text-transform: uppercase; position: absolute; top: 0; right: 0 } #es .es-stream-type+.es-stream-control { top: 18px } #es .es-stream-header { padding: 4px 8px; margin-bottom: 8px; background-color: #f5f5f5 } #es .es-stream-meta { padding: 0 0 8px; position: relative } #es .es-stream-meta .es-stream-title { font-size: 13px; padding-right: 60px } #es .es-stream-meta .es-stream-title a { font-size: 13px } #es .es-stream-meta .es-stream-meta-footer { font-size: 12px } #es .es-stream-meta #eb .eb-emoji-icon:before { vertical-align: middle } #es.is-mobile .es-stream-meta-footer .es-privacy-custom-form { left: -80px; width: 260px } #es .es-edit-text { position: relative; color: #444 } #es .es-editing-text,#es .is-editing .es-edit-text,#es .is-editing .es-stream-meta-footer time { display: none } #es .is-editing .es-editing-text { display: inline-block; color: #444 } #es .is-editing .es-stream-editor { padding-bottom: 0 } #es .is-editing .es-stream-action-wrap { display: none } #es .is-editing .es-story-text,#es .is-editing .xes-story-textbox { background-color: #fffce9 } #es .is-editing .es-stream-editor-actions { margin-top: 8px } #es .is-editing .es-stream-editor-actions:after,#es .is-editing .es-stream-editor-actions:before { content: " "; display: table } #es .is-editing .es-stream-editor-actions:after { clear: both } #es .is-editing .es-story-panel-content.active,#es .is-editing .es-story-panel-contents.active { background-color: #fffce9 } #es .is-editing .es-location-map-image { width: 100%!important } #es .is-moderated .es-moderated-note { display: block } #es .is-moderated .es-moderated-note .o-label { font-size: 90% } #es .es-moderated-note { text-align: center; display: none } #es .es-stream-avatar-wrap { position: relative } #es .is-sticky .es-stream-sticky-label { display: inline-block } #es .es-stream-sticky-label { width: 16px; height: 16px; background-color: #f9ddb5; color: #ec971f; border-radius: 50%; text-align: center; display: none; font-size: 9px; line-height: 18px; position: absolute; top: -4px; right: 0; z-index: 2 } #es .is-bookmarked .es-stream-sticky-label { right: 10px } #es .is-bookmarked .es-stream-bookmark-label { display: inline-block } #es .es-stream-bookmark-label { width: 16px; height: 16px; background-color: #dff4df; color: #4fc251; border-radius: 50%; text-align: center; display: none; font-size: 9px; line-height: 18px; position: absolute; top: -4px; right: 0; z-index: 2 } #es .es-stream-content { font-size: 13px; padding: 0; margin-bottom: 8px; word-wrap: break-word } #es .es-stream-info-meta { color: #888 } #es .es-stream-content-avatar { max-width: 100%; height: auto } #es .es-stream-content-thumb { padding: 0 8px 8px 0; float: left } #es .es-stream-preview { margin: 0 0 8px } #es .es-stream-preview:after,#es .es-stream-preview:before { content: " "; display: table } #es .es-stream-preview:after { clear: both } #es .es-stream-preview .stream-preview-title { background: #f5f5f5; padding: 8px; font-size: 13px; line-height: 20px; font-weight: 700; border-radius: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-stream-preview .stream-preview-title i { color: #ccc } #es .es-stream-preview .stream-preview-image { display: inline-block; float: left; margin-right: 8px; position: relative; width: 140px } #es .es-stream-preview .stream-preview-image .icon-es-video-play { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: 50%; z-index: 2 } #es .es-stream-preview .stream-preview-image img { float: left; width: 100%; height: 100% } #es .es-stream-actions+.es-stream-actions,#es .es-stream-actions+.es-stream-counter { margin-top: 2px } #es .es-stream-actions.pull-right { margin-top: 0 } #es .es-stream-counter { font-size: 12px } #es .es-stream-counter .es-stream-actions { display: inline-block } #es .es-stream-counter+.es-stream-actions { margin-top: 2px } #es .es-stream-counter a { color: #888 } #es .es-likes-wrap,#es .es-repost-wrap { padding: 4px 8px; background-color: #f5f5f5; position: relative; clear: both; word-break: break-all; margin-bottom: 1px } #es .es-stream-unavailable { margin-bottom: 10px } #es .es-stream-hide-notice,#es .es-stream-published-notice,#es .es-stream-unavailable { background: #f6f9fc; border: 1px dashed #e1e1e1; color: #444; font-size: 13px; padding: 20px } #es .es-stream-hide-notice a,#es .es-stream-published-notice a { float: right } #es .es-stream-published-notice { background: #fff } #es .es-stream-control { position: absolute; right: 8px; top: 8px } #es .es-stream-control .btn-control .icon-es-dropdown { position: absolute; top: 6px; left: 4px } #es .es-stream-control.open { z-index: 9 } #es .es-stream-control .btn-control { display: block; width: 19px; height: 20px; line-height: 18px; text-align: center; position: relative; z-index: 2 } #es .es-stream-control .btn-control i { font-size: 15px; color: #888 } #es .es-stream-control>.dropdown-menu { margin: -1px 0 0; z-index: 1000 } #es .es-stream-control>.dropdown-menu>li.divider { margin: 5px 0 } #es.view-stream .es-streams,#es .view-stream .es-streams { padding: 10px 0 0 } #es.view-activities .es-stream { padding: 8px } #es.view-activities .es-stream .media { margin-top: 0 } #es.view-activities .es-stream .es-privacy { position: absolute; left: auto; right: 32px; top: 6px; width: 40px; z-index: 3; float: right; margin-left: 8px } #es.view-activities .es-stream .es-privacy.active { z-index: 5 } #es.view-activities .es-stream .es-stream-control { right: 8px } #es .stream-filter .stream-filter-heading h3 { font-size: 16px; padding: 5px 0 0; margin: 10px 0 0 20px } #es .stream-filter .stream-filter-heading hr { margin: 10px 0 } #es .stream-filter .stream-filter-contents { margin: 0 20px } #es .stream-filter .stream-filter-contents .filter-title { width: 100% } #es .stream-filter .form-actions { padding-left: 20px } #es .es-stream-editor .es-polls,#es .es-stream-editor .es-story-text { padding: 8px } #es.popbox-repost { width: 340px; min-height: 64px } #es.popbox-repost.is-mobile .arrow { display: none } #es .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden } #es .video-container.is-1by1 { max-width: 56.25%; margin: 0 auto } #es .video-container.is-1by1 .es-viewport { padding-top: 100% } #es .video-container.is-9by16 { max-width: 32.25%; margin: 0 auto } #es .video-container embed,#es .video-container iframe,#es .video-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #es .embed-container { text-align: center } #es .es-streams .nav-actions li { margin-right: 8px; display: inline-block } #es .es-streams .nav-actions li+li { border-left: 1px dotted #e1e1e1; padding-left: 10px } #es .es-stream-repost { position: relative } #es .es-stream-repost__meta { padding-top: 8px; padding-left: 8px; position: relative } #es .es-stream-repost__meta-inner { position: relative; padding: 8px; border: 1px solid #e1e1e1; background-color: #fff; box-shadow: -8px -8px 0 0 #f5f5f5,-9px -9px 0 0 #e1e1e1,-7px -9px 0 0 #e1e1e1,-9px -7px 0 0 #e1e1e1 } #es .es-stream-repost__title { font-weight: 700 } #es .es-stream-repost__content,#es .es-stream-repost__text { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es .es-stream-repost__content:after,#es .es-stream-repost__content:before,#es .es-stream-repost__text:after,#es .es-stream-repost__text:before { content: " "; display: table } #es .es-stream-repost__content:after,#es .es-stream-repost__text:after { clear: both } #es .stream-files h4 { margin-bottom: 20px } #es .stream-files.multiple-files { float: left; width: 30%; margin: 0 15px 15px 0 } #es .stream-files .file-contents { margin-bottom: 15px } #es .stream-files .file-download { border: 1px dashed #e1e1e1; padding: 10px; background: #f5f5f5; text-align: center; display: block } #es .stream-files .file-download i { color: #444; display: block; font-size: 32px } #es .stream-files .file-preview { max-width: 250px; display: inline-block; border: 1px dashed #e1e1e1; padding: 5px } #es .stream-files .file-preview img { border: 1px solid #e1e1e1 } #es .stream-apps-content .stream-apps-meta { background: #fff; margin-top: 4px; padding: 8px 0 4px } #es .stream-apps-content .stream-apps-meta li { font-size: 13px; color: #444; display: inline-block; margin-right: 8px } #es .stream-apps-content .stream-apps-meta li i { margin-right: 3px } #es .stream-apps-content .stream-apps-meta li+li { padding-left: 8px; border-left: 1px dotted #e1e1e1 } #es .stream-kunena .kmsgtext-quote { background-color: #f2f1ee; border: 1px dotted #bfc3c6; padding: 4px } #es .es-stream-pinned-divider { position: relative; overflow: hidden; text-align: center; margin-bottom: 8px; font-weight: 700 } #es .es-stream-pinned-divider span { display: inline-block; vertical-align: baseline; color: #888; zoom:1;*display: inline; *vertical-align: auto; position: relative; padding: 0 16px } #es .es-stream-pinned-divider span i { margin-right: 4px } #es .es-stream-pinned-divider span:after,#es .es-stream-pinned-divider span:before { content: ""; display: block; width: 1000px; position: absolute; top: .73em; border-top: 1px solid #e1e1e1 } #es .es-stream-pinned-divider span:before { right: 100% } #es .es-stream-pinned-divider span:after { left: 100% } #es .es-stream-embed { border: 1px solid #e1e1e1; line-height: 1.5; background-color: #fff; border-radius: 3px; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es .es-stream-embed--border { border-top: 1px solid #e1e1e1 } #es .es-stream-embed__cover,#es .es-stream-embed__desc,#es .es-stream-embed__meta,#es .es-stream-embed__player,#es .es-stream-embed__title { width: 100%; display: block } #es .es-stream-embed__cover { text-align: center; border-radius: 3px 3px 0 0; background-color: #f5f5f5; position: relative; padding-top: 56.25%; overflow: hidden } #es .es-stream-embed__cover:hover { background-color: #f5f5f5 } #es .es-stream-embed__cover-img { background-size: cover; background-position: 50%; background-repeat: no-repeat; position: absolute; display: block; width: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto } #es .es-stream-embed__title { padding: 8px; font-weight: 700; font-size: 14px } #es .es-stream-embed__desc,#es .es-stream-embed__meta { padding: 0 8px; margin-bottom: 8px } #es .es-stream-embed__meta { color: #888 } #es .es-stream-embed__action { padding: 8px } #es .es-stream-embed.is-ads .es-stream-embed__action,#es .es-stream-embed.is-link .es-stream-embed__desc { margin-bottom: 8px } #es .es-stream-embed.is-achievement,#es .es-stream-embed.is-apps,#es .es-stream-embed.is-broadcasts,#es .es-stream-embed.is-file { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center } #es .es-stream-embed__context,#es .es-stream-embed__file-context { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 8px } #es .es-stream-embed__file-context b { color: #888; font-weight: 400; font-size: 12px; display: block } #es .es-stream-embed__file-icon { padding: 8px 16px; font-size: 20px; border-right: 1px solid #e1e1e1 } #es .es-stream-embed.is-achievement,#es .es-stream-embed.is-apps { padding: 8px 16px } #es .es-stream-embed.is-achievement img { width: 64px; height: 64px } #es .es-stream-embed__achievement-title,#es .es-stream-embed__apps-title { font-weight: 700 } #es .es-stream-embed__achievement-title span,#es .es-stream-embed__apps-title span { color: #888; font-weight: 400 } #es .es-stream-embed__achievement-context,#es .es-stream-embed__apps-context { padding-left: 16px } #es .es-stream-embed__achievement-context b,#es .es-stream-embed__apps-context b { color: #888; font-weight: 400; font-size: 12px; display: block } #es .es-stream-embed__achievement-context,#es .es-stream-embed__apps-context { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 16px } #es .es-stream-embed__broadcasts-title { padding: 8px 8px 0; font-weight: 700; display: block } #es .es-stream-embed__broadcasts-text { padding: 4px 8px 8px } #es .es-stream-embed__broadcasts-icon { -webkit-flex: none; -ms-flex: none; flex: none; background-color: #f5f5f5; width: 36px; height: 36px; line-height: 36px; font-size: 14px; color: #888; text-align: center; margin: 0 16px; border-radius: 50% } #es .es-stream-embed__broadcasts-icon>i { width: 36px } #es .es-stream-embed.is-calendar>div,#es .es-stream-embed.is-polls,#es .es-stream-embed.is-rss>div { padding: 8px 16px } #es .es-stream-embed.is-calendar>div:after,#es .es-stream-embed.is-calendar>div:before,#es .es-stream-embed.is-rss>div:after,#es .es-stream-embed.is-rss>div:before { content: " "; display: table } #es .es-stream-embed.is-calendar>div:after,#es .es-stream-embed.is-rss>div:after { clear: both } #es .es-stream-embed+.es-stream-embed { margin-top: 10px } #es .es-stream-apps { border: 1px solid #e1e1e1; line-height: 1.5; background-color: #fff; border-radius: 3px; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es .es-stream-apps--border { border-top: 1px solid #e1e1e1 } #es .es-stream-apps__bd,#es .es-stream-apps__hd { padding: 8px 16px; position: relative } #es .es-stream-apps__bd:after,#es .es-stream-apps__bd:before { content: " "; display: table } #es .es-stream-apps__bd:after { clear: both } #es .es-stream-apps__bd .g-list--horizontal { margin-top: 8px } #es .es-stream-apps__bd .o-flag__body { position: relative } #es .es-stream-apps__title { padding: 4px 16px 4px 0; font-weight: 700 } #es .es-stream-apps .is-quote { border-left: 2px solid #e1e1e1; padding-left: 16px } #es .es-stream-apps .is-file { background-color: #f5f5f5; padding: 16px 80px 16px 16px; font-weight: 700; position: relative; overflow: hidden; border-radius: 3px; line-height: 1 } #es .es-stream-apps .is-file span { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .es-stream-apps .is-file:after { position: absolute; bottom: -16px; right: 8px; font-family: Font Awesome\ 5 Free; font-weight: 900; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f1c6"; font-size: 48px; color: #888; opacity: .3 } #es .es-stream-apps__meta { color: #888 } #es .es-stream-apps .es-stream-apps__state { color: #888; font-size: 16px; height: 16px; margin-top: -8px; position: absolute; right: 8px; top: 50%; width: 16px } #es .es-stream-apps+.es-stream-apps { margin-top: 10px } #es .es-stream-filter-bar { background: #f5f5f5; padding: 8px 16px; color: #888; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-stream-filter-bar .o-btn-group.open .dropdown-toggle_ { background: #fff!important } #es .es-stream-filter-bar__cell { -webkit-flex: 1; -ms-flex: 1; flex: 1 } #es .es-stream-filter-bar__cell:not(:first-child) { -webkit-flex: none; -ms-flex: none; flex: none; margin-left: auto } #es.is-mobile .es-stream-filter-bar .o-media__image { display: none } #es .es-stream-filter-icon { display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: text-bottom; background-repeat: no-repeat; background-position: 50%; position: relative } #es .es-stream-filter-icon:after,#es .es-stream-filter-icon:before { position: absolute; content: ""; border-radius: 50%; width: 6px; height: 6px; top: 2px; left: 0; background-color: #239dff } #es .es-stream-filter-icon:after { left: 8px; background-color: #00dcae } #es .es-stream-filter-icon i { position: absolute; top: 10px; left: 0 } #es .es-stream-filter-icon i:after,#es .es-stream-filter-icon i:before { position: absolute; content: ""; border-radius: 50%; width: 6px; height: 6px; top: 0; left: 0; background-color: #445ab5 } #es .es-stream-filter-icon i:after { left: 8px; background-color: #ff403a } #es .es-timeline-filter-dropdown { min-width: 220px; max-width: 320px } #es .es-timeline-filter-dropdown>li { position: relative } #es .es-timeline-filter-dropdown>li>a { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; outline: 0!important } #es .es-timeline-filter-dropdown>li>a::-moz-focus-inner { border: 0!important } #es .es-timeline-filter-dropdown__title { display: block; font-weight: 700; padding: 4px 20px; color: #444 } #es .es-timeline-filter-dropdown__indicator { display: none; background: #f65b5b; border-radius: 50%; width: 7px; height: 7px; position: absolute; top: 10px; right: 16px } #es .es-timeline-filter-dropdown__bubble { background-color: #ededed; border-radius: 2px; color: #888; display: none; font-size: 11px; font-weight: 700; line-height: 1; min-width: 10px; padding: 3px 7px; text-align: center; vertical-align: middle; white-space: nowrap; position: absolute; top: 50%; right: 4px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } #es .has-bubble .es-timeline-filter-dropdown__bubble,#es .has-bubble .es-timeline-filter-dropdown__indicator { display: inline-block } #es .es-timeline-filter-dropdown>li.has-bubble>a { padding-right: 40px; overflow: hidden; text-overflow: ellipsis } #es .es-stream-filter-dropdown__title { display: block; font-weight: 700; padding: 4px 0; color: #444 } #es .es-stream-filter-dropdown__desc { white-space: normal; margin-top: 4px } #es .open>.es-stream-filter-dropdown { min-width: 400px; padding: 8px 16px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #es .open>.es-stream-filter-dropdown .es-stream-filter-dropdown__item { outline: 0!important; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; overflow: hidden } #es .open>.es-stream-filter-dropdown .es-stream-filter-dropdown__item::-moz-focus-inner { border: 0!important } #es .open>.es-stream-filter-dropdown .es-stream-filter-dropdown__item label { text-overflow: ellipsis } #es.is-mobile .open>.es-stream-filter-dropdown { min-width: 300px; width: 100% } #es.is-mobile .open>.es-stream-filter-dropdown .es-stream-filter-dropdown__item { -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49% } #es.popbox.popbox-users { min-width: 45px!important; max-width: 160px!important; min-height: 55px!important; background-color: #fff!important; border-radius: 1px; padding: 0; border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2) } #es .es-search-master { margin-bottom: 16px } #es .es-search-advance { float: right; margin: 0 0 0 16px } #es .es-search-advance a { display: inline-block; vertical-align: top; line-height: 28px } #es .es-search-filter { overflow: hidden; margin: 0 0 0 -1px } #es .es-search-filter-item { display: inline-block; float: left; margin: 2px 1px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } #es .es-search-filter-item input { display: none } #es .es-search-filter-item input:checked+label { background: #f5f5f5; border-color: #ddd } #es .es-search-filter-item input:checked+label:after { opacity: 1; filter: alpha(opacity=100) } #es .es-search-filter-item label,#es .es-search-filter-item label:after,#es .es-search-filter-item label:before { -webkit-transition: .5s ease; -o-transition: ease .5s; transition: .5s ease } #es .es-search-filter-item label { background: transparent; border: 1px solid transparent; border-radius: 3px; line-height: 26px; padding: 0 10px 0 30px; position: relative } #es .es-search-filter-item label:after,#es .es-search-filter-item label:before { background: #fff; border: 1px solid #ccc; border-radius: 2px; content: ""; width: 16px; height: 16px; line-height: 16px; position: absolute; left: 7px; top: 50%; margin-top: -8px; text-align: center; font-family: Font Awesome\ 5 Free; font-weight: 700; font-style: normal; font-size: 11px; display: inline-block; text-decoration: inherit } #es .es-search-filter-item label:after { background: #428bca; border-color: #3071a9; color: #fff; content: "\f00c"; opacity: 0; filter: alpha(opacity=0) } #es.is-mobile .es-search-form:after,#es.is-mobile .es-search-form:before { content: " "; display: table } #es.is-mobile .es-search-form:after { clear: both } #es.is-mobile .es-search-filter { float: left } #es.is-mobile .es-search-result { clear: both } #es .es-search-mini-result-wrap { max-height: 300px; overflow: hidden; overflow-y: auto } #es .es-search-mini-group+.es-search-mini-group { border-top: 1px solid #e1e1e1 } #es .es-search-mini-group__title { padding: 8px 16px; font-weight: 700; border-bottom: 1px solid #e1e1e1 } #es .es-search-mini-result-list__item>a { color: #888; padding: 8px 16px; display: block } #es .es-search-mini-result-list__item>a:after,#es .es-search-mini-result-list__item>a:before { content: " "; display: table } #es .es-search-mini-result-list__item>a:after { clear: both } #es .es-search-mini-result-list__item>a:hover { background-color: #f5f5f5 } #es .es-search-mini-footer,#es .es-search-mini-result-list__item+.es-search-mini-result-list__item { border-top: 1px solid #e1e1e1 } #es .es-search-mini-footer { padding: 14px 10px; background: #f5f5f5 } #es .es-search-mini-empty { padding: 16px; text-align: center; color: #444 } #es .es-adv-search2__item { margin-bottom: 8px } #es .es-adv-search2__item:first-child .es-adv-search2__action { display: none } #es .es-adv-search2__item .es-adv-search2__action { padding-right: 0 } #es .es-adv-search2__criteria { max-width: 22%; margin-bottom: 8px } #es .es-adv-search2__criteria .form-control { font-weight: 700 } #es .es-adv-search2__condition { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .es-adv-search2__condition,#es .es-adv-search2__condition-item { -webkit-flex: 1; -ms-flex: 1; flex: 1 } #es .es-adv-search2__condition-item--short { -webkit-flex: 0 0 168px; -ms-flex: 0 0 168px; flex: 0 0 168px } #es .es-adv-search2__condition>div { padding-right: 8px } #es .es-adv-search2__condition>div:last-child { padding-right: 0 } #es .es-adv-search2 .is-operator { max-width: 22% } #es .es-adv-search2__action { -webkit-flex: none; -ms-flex: none; flex: none } #es .es-adv-search2__locations { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; width: 100%; align-self: flex-end } #es .es-adv-search2__options { margin-top: 16px; padding: 8px; background-color: #f5f5f5 } #es .es-adv-search2 .o-form-actions { margin-top: 0 } #es.is-mobile .es-adv-search2__item+.es-adv-search2__item,#es.w780 .es-adv-search2__item+.es-adv-search2__item { border-top: 1px solid #e1e1e1; padding-top: 16px } #es.is-mobile .es-adv-search2__criteria,#es.w780 .es-adv-search2__criteria { max-width: 100% } #es.is-mobile .es-adv-search2__condition,#es.w780 .es-adv-search2__condition { display: -webkit-block; display: -ms-blockbox; display: -ms-block; display: block } #es.is-mobile .es-adv-search2__condition>div,#es.w780 .es-adv-search2__condition>div { padding: 0 0 8px } #es .mod-es-title { font-weight: 700 } #es .mod-es-meta { color: #888 } #es .mod-es-list--vertical .mod-es-item+.mod-es-item { margin-top: 16px } #es .mod-es-action { margin-top: 8px } #es .mod-card,#es.mod-es--border { border: 1px solid #e1e1e1 } #es .mod-card+.mod-card { margin-top: 16px } #es .mod-card--border { border-top: 1px solid #e1e1e1 } #es .mod-card__ft { position: relative } #es .mod-card__ft:after,#es .mod-card__ft:before { content: " "; display: table } #es .mod-card__ft:after { clear: both } #es .mod-card__ft { padding: 8px 16px } #es .mod-card__ft .g-list-inline>li { line-height: 28px } #es .mod-card__cover-wrap { display: block; height: 0; overflow: hidden; position: relative; padding: 23% 0 0 } #es .mod-card__cover-wrap--16-9 { padding-top: 56% } #es .mod-card__cover { background-size: cover; border: 0; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100% } #es .mod-card__avatar-holder { position: absolute; left: 16px; top: -20px } #es .mod-card__avatar { position: absolute; left: 0; width: 40px; height: 40px; border-radius: 3px; background-color: #fff; padding: 2px; border: 2px solid rgba(0,0,0,.065); -webkit-background-clip: padding-box; background-clip: padding-box } #es .mod-card__title { font-size: 15px; font-weight: 700; margin-bottom: 8px; line-height: 1 } #es .mod-card__meta,#es .mod-card__meta a { color: #888 } #es .mod-card__calendar-date { left: 16px; width: 40px; height: 40px; border-radius: 3px; background-color: #fff; color: #333; border: 1px solid #e1e1e1; border-radius: 2px; padding: 8px; text-align: center } #es .mod-card__calendar-day { font-weight: 700; font-size: 13px; line-height: 13px; word-wrap: normal } #es .mod-card__calendar-mth { color: #f65b5b; font-size: 13px; line-height: 13px; word-wrap: normal } #es .mod-card__context { position: relative; padding: 24px 16px 8px } #es .mod-card__state { position: absolute; right: 16px; top: -30px; display: none } #es .mod-card.is-passed .mod-card__state { display: block } #es.mod-es-quickpost .es-story-body { border-radius: 3px 3px 0 0 } #es.mod-es-notification .mod-es-menu-bar { border: 0 } #es .mod-es-dating-search-form { padding: 8px 16px; border: 1px solid #e1e1e1 } #es .mod-search-distance { position: relative } #es .mod-search-distance .es-location-autocomplete { margin-top: 0 } #es.mod-es-stream .es-stream-list { min-height: 0 } #es.mod-es-hashtags .o-nav__item { margin-bottom: 16px } #es.mod-es-hashtags .o-nav__link { overflow: hidden; text-overflow: ellipsis } #es.mod-es-customfieldsearch .es-list-item+.es-list-item { margin-top: 8px } #es.mod-es-customfieldsearch .es-mod-chevron:before { color: #888; content: "\f077" } #es.mod-es-customfieldsearch .collapsed .es-mod-chevron:before { content: "\f078" } #es.es-docker { background-color: #263238; color: #fff; line-height: 1; position: fixed; z-index: 10021 } #es.es-docker .btn,#es.es-docker .btn.active,#es.es-docker .btn:active { outline: 0 } #es.es-docker .btn.active.focus,#es.es-docker .btn.active:focus,#es.es-docker .btn.focus,#es.es-docker .btn:active.focus,#es.es-docker .btn:active:focus,#es.es-docker .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: 0 } #es.es-docker.is-top { width: 100%; height: 40px; top: 0; left: 0 } #es.es-docker.is-top.active-menu .btn-docker-menu:after,#es.es-docker.is-top.active-menu .btn-docker-menu:before,#es.es-docker.is-top.active-mobile-login .btn-docker-menu:after,#es.es-docker.is-top.active-mobile-login .btn-docker-menu:before { display: block; position: absolute; top: calc(100% - 6px); right: 19px; z-index: 2000 } #es.es-docker.is-top.active-menu .btn-docker-menu:after,#es.es-docker.is-top.active-mobile-login .btn-docker-menu:after { border-bottom-color: #fff } #es.es-docker.is-top.active-menu .btn-docker-menu:before,#es.es-docker.is-top.active-mobile-login .btn-docker-menu:before { border-bottom-color: #ccc } #es.es-docker.is-top.active-menu .docker-popup-window,#es.es-docker.is-top.active-mobile-login .docker-popup-window { margin-top: 44px; position: absolute; top: 0; right: 0 } #es.es-docker.is-top.active-menu .docker-popup-login,#es.es-docker.is-top.active-menu .docker-popup-menu { display: block } #es.es-docker.is-top.active-quickpost .btn-quickpost:after,#es.es-docker.is-top.active-quickpost .btn-quickpost:before { position: absolute; top: calc(100% - 6px); right: 16px; z-index: 2000 } #es.es-docker.is-top.active-quickpost .btn-quickpost:after { border-bottom-color: #fff } #es.es-docker.is-top.active-quickpost .btn-quickpost:before { border-bottom-color: #ccc } #es.es-docker.is-top.active-quickpost .docker-popup-quickpost { display: block; margin-top: 44px; top: 0; right: 0 } #es.es-docker.is-top.active-friends .btn-friends:after,#es.es-docker.is-top.active-friends .btn-friends:before { position: absolute; top: calc(100% - 6px); right: 19px; z-index: 2000 } #es.es-docker.is-top.active-friends .btn-friends:after { border-bottom-color: #fff } #es.es-docker.is-top.active-friends .btn-friends:before { border-bottom-color: #ccc } #es.es-docker.is-top.active-conversations .btn-conversations:after,#es.es-docker.is-top.active-conversations .btn-conversations:before { position: absolute; top: calc(100% - 6px); right: 19px; z-index: 2000 } #es.es-docker.is-top.active-conversations .btn-conversations:after { border-bottom-color: #fff } #es.es-docker.is-top.active-conversations .btn-conversations:before { border-bottom-color: #ccc } #es.es-docker.is-top.active-notifications .btn-notifications:after,#es.es-docker.is-top.active-notifications .btn-notifications:before { position: absolute; top: calc(100% - 6px); right: 19px; z-index: 2000 } #es.es-docker.is-top.active-notifications .btn-notifications:after { border-bottom-color: #fff } #es.es-docker.is-top.active-notifications .btn-notifications:before { border-bottom-color: #ccc } #es.es-docker.is-top.is-mobile .docker-popup-menu { height: 100% } #es.es-docker.is-top .docker-login-box .docker-form-group .docker-popup { margin: 2px 0 0; top: 100%; bottom: auto } #es.es-docker.is-top .btn-requestlogin:after,#es.es-docker.is-top .btn-requestlogin:before { bottom: 100%; right: 8px; z-index: 2000 } #es.es-docker.is-top .btn-requestlogin:after { border-bottom-color: #fff } #es.es-docker.is-top .btn-requestlogin:before { border-bottom-color: #ccc } #es.es-docker.is-bottom { width: 100%; height: 40px; bottom: 0; left: 0 } #es.es-docker.is-bottom.active-menu .btn-docker-menu:after,#es.es-docker.is-bottom.active-menu .btn-docker-menu:before,#es.es-docker.is-bottom.active-mobile-login .btn-docker-menu:after,#es.es-docker.is-bottom.active-mobile-login .btn-docker-menu:before { display: block; position: absolute; bottom: calc(100% - 6px); right: 19px; z-index: 2000 } #es.es-docker.is-bottom.active-menu .btn-docker-menu:after,#es.es-docker.is-bottom.active-mobile-login .btn-docker-menu:after { border-top-color: #fff } #es.es-docker.is-bottom.active-menu .btn-docker-menu:before,#es.es-docker.is-bottom.active-mobile-login .btn-docker-menu:before { border-top-color: #ccc } #es.es-docker.is-bottom.active-menu .docker-popup-window,#es.es-docker.is-bottom.active-mobile-login .docker-popup-window { margin-bottom: 44px; position: absolute; bottom: 0; right: 0 } #es.es-docker.is-bottom.active-menu .docker-popup-login,#es.es-docker.is-bottom.active-menu .docker-popup-menu { display: block } #es.es-docker.is-bottom.active-quickpost .btn-quickpost:after,#es.es-docker.is-bottom.active-quickpost .btn-quickpost:before { position: absolute; bottom: calc(100% - 6px); right: 16px; z-index: 2000 } #es.es-docker.is-bottom.active-quickpost .btn-quickpost:after { border-top-color: #fff } #es.es-docker.is-bottom.active-quickpost .btn-quickpost:before { border-top-color: #ccc } #es.es-docker.is-bottom.active-quickpost .docker-popup-quickpost { margin-bottom: 44px; display: block; bottom: 0; right: 0 } #es.es-docker.is-bottom.active-quickpost .es-story .dropdown-menu { top: auto; bottom: 100% } #es.es-docker.is-bottom.active-quickpost .es-story-footer { z-index: 3 } #es.es-docker.is-bottom.active-friends .btn-friends:after,#es.es-docker.is-bottom.active-friends .btn-friends:before { position: absolute; bottom: calc(100% - 6px); right: 19px; z-index: 2000 } #es.es-docker.is-bottom.active-friends .btn-friends:after { border-top-color: #fff } #es.es-docker.is-bottom.active-friends .btn-friends:before { border-top-color: #ccc } #es.es-docker.is-bottom.active-conversations .btn-conversations:after,#es.es-docker.is-bottom.active-conversations .btn-conversations:before { position: absolute; bottom: calc(100% - 6px); right: 19px; z-index: 2000 } #es.es-docker.is-bottom.active-conversations .btn-conversations:after { border-top-color: #fff } #es.es-docker.is-bottom.active-conversations .btn-conversations:before { border-top-color: #ccc } #es.es-docker.is-bottom.active-notifications .btn-notifications:after,#es.es-docker.is-bottom.active-notifications .btn-notifications:before { position: absolute; bottom: calc(100% - 6px); right: 19px; z-index: 2000 } #es.es-docker.is-bottom.active-notifications .btn-notifications:after { border-top-color: #fff } #es.es-docker.is-bottom.active-notifications .btn-notifications:before { border-top-color: #ccc } #es.es-docker.is-bottom.is-mobile .docker-popup-menu { margin-bottom: 0; top: 0; bottom: 44px } #es.es-docker.is-bottom .docker-login-box .docker-form-group .docker-popup { margin: 0 0 2px; top: auto; bottom: 100% } #es.es-docker.is-bottom .btn-requestlogin:after,#es.es-docker.is-bottom .btn-requestlogin:before { top: 100%; right: 8px; z-index: 2000 } #es.es-docker.is-bottom .btn-requestlogin:after { border-top-color: #fff } #es.es-docker.is-bottom .btn-requestlogin:before { border-top-color: #ccc } #es.es-docker.is-bottom,#es.es-docker.is-top { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } #es.es-docker.is-bottom .docker-border--left,#es.es-docker.is-top .docker-border--left { border-left: 1px solid #37474f } #es.es-docker.is-bottom .docker-border--right,#es.es-docker.is-top .docker-border--right { border-right: 1px solid #37474f } #es.es-docker.is-bottom .btn-conversations:after,#es.es-docker.is-bottom .btn-docker-menu:after,#es.es-docker.is-bottom .btn-friends:after,#es.es-docker.is-bottom .btn-notifications:after,#es.es-docker.is-bottom .btn-quickpost:after,#es.es-docker.is-top .btn-conversations:after,#es.es-docker.is-top .btn-docker-menu:after,#es.es-docker.is-top .btn-friends:after,#es.es-docker.is-top .btn-notifications:after,#es.es-docker.is-top .btn-quickpost:after { margin-right: -8px; border-width: 8px } #es.es-docker.is-bottom .btn-conversations:before,#es.es-docker.is-bottom .btn-docker-menu:before,#es.es-docker.is-bottom .btn-friends:before,#es.es-docker.is-bottom .btn-notifications:before,#es.es-docker.is-bottom .btn-quickpost:before,#es.es-docker.is-top .btn-conversations:before,#es.es-docker.is-top .btn-docker-menu:before,#es.es-docker.is-top .btn-friends:before,#es.es-docker.is-top .btn-notifications:before,#es.es-docker.is-top .btn-quickpost:before { margin-right: -7px; border-width: 7px } #es.es-docker.is-bottom .btn-quickpost .fa+.fa,#es.es-docker.is-top .btn-quickpost .fa+.fa { margin-left: 4px } #es.es-docker.is-bottom .btn-quickpost .fa-angle-down,#es.es-docker.is-top .btn-quickpost .fa-angle-down { font-size: 16px } #es.es-docker.is-bottom .docker__search,#es.es-docker.is-top .docker__search { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin-left: 8px } #es.es-docker.is-bottom .docker-popup-menu .docker__search,#es.es-docker.is-top .docker-popup-menu .docker__search { display: none } #es.es-docker.is-bottom.is-mobile.active-mobile-login .docker-login-box-mobile .docker-login-box,#es.es-docker.is-top.is-mobile.active-mobile-login .docker-login-box-mobile .docker-login-box { display: block } #es.es-docker.is-bottom.is-mobile .docker__search,#es.es-docker.is-top.is-mobile .docker__search { max-width: 215px } #es.es-docker.is-bottom.is-mobile .docker__search.docker-border--right,#es.es-docker.is-top.is-mobile .docker__search.docker-border--right { border: 0 } #es.es-docker.is-bottom.is-mobile .docker-login-box,#es.es-docker.is-bottom.is-mobile .es-story-meta-button span,#es.es-docker.is-top.is-mobile .docker-login-box,#es.es-docker.is-top.is-mobile .es-story-meta-button span { display: none } #es.es-docker.is-bottom.is-mobile .btn-quickpost,#es.es-docker.is-top.is-mobile .btn-quickpost { border-left: 0 } #es.es-docker.is-bottom.is-mobile .docker-popup-quickpost,#es.es-docker.is-top.is-mobile .docker-popup-quickpost { min-width: auto; left: 0!important; right: 0!important; position: fixed } #es.es-docker.is-bottom.is-mobile .es-story-panel-dropdown,#es.es-docker.is-top.is-mobile .es-story-panel-dropdown { top: 8px } #es.es-docker.is-bottom.is-mobile .es-story-panel-dropdown .es-story-panel-button,#es.es-docker.is-top.is-mobile .es-story-panel-dropdown .es-story-panel-button { display: block; float: none } #es.es-docker.is-bottom.is-mobile .docker-popup-menu,#es.es-docker.is-top.is-mobile .docker-popup-menu { min-width: 0; width: 100%; overflow-x: hidden; overflow-y: auto; left: 0!important; right: 0!important } #es.es-docker.is-bottom.is-mobile .docker-popup-menu ul,#es.es-docker.is-top.is-mobile .docker-popup-menu ul { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #es.es-docker.is-bottom.is-mobile .docker-popup-menu ul li,#es.es-docker.is-top.is-mobile .docker-popup-menu ul li { display: block; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; text-align: center; width: 100%; border-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px } #es.es-docker.is-bottom.is-mobile .docker-popup-menu ul li:first-child,#es.es-docker.is-top.is-mobile .docker-popup-menu ul li:first-child { color: #fff; font-weight: 700; text-align: left; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; border-bottom: 1px solid #ccc; position: relative } #es.es-docker.is-bottom.is-mobile .docker-popup-menu ul li:first-child a,#es.es-docker.is-top.is-mobile .docker-popup-menu ul li:first-child a { color: #fff; text-align: left; padding: 0 } #es.es-docker.is-bottom.is-mobile .docker-popup-menu ul li:first-child a:hover,#es.es-docker.is-top.is-mobile .docker-popup-menu ul li:first-child a:hover { background-color: transparent; color: #979797 } #es.es-docker.is-bottom.is-mobile .docker-popup-menu ul li:first-child .o-avatar,#es.es-docker.is-top.is-mobile .docker-popup-menu ul li:first-child .o-avatar { border-radius: 50% } #es.es-docker.is-bottom.is-mobile .docker-popup-menu ul li a,#es.es-docker.is-top.is-mobile .docker-popup-menu ul li a { text-align: center; padding: 8px } #es.es-docker.is-bottom.is-mobile .docker-popup-menu ul li .fa,#es.es-docker.is-top.is-mobile .docker-popup-menu ul li .fa { font-size: 20px; display: block; width: auto; margin-bottom: 8px; margin-right: 0 } #es.es-docker.is-bottom.is-mobile .docker-popup-menu ul li span,#es.es-docker.is-top.is-mobile .docker-popup-menu ul li span { display: inline-block } #es.es-docker.is-bottom.is-mobile .docker-popup-menu .docker__search,#es.es-docker.is-top.is-mobile .docker-popup-menu .docker__search { display: block; max-width: none; height: auto; margin: 8px; border: 1px solid #ccc } #es.es-docker.is-bottom.is-mobile .docker-popup-menu .docker__search-box,#es.es-docker.is-top.is-mobile .docker-popup-menu .docker__search-box { width: 100% } #es.es-docker.is-bottom.is-mobile .docker-popup-menu .docker__search-input,#es.es-docker.is-top.is-mobile .docker-popup-menu .docker__search-input { line-height: 30px } #es.es-docker.is-bottom.is-mobile .docker-popup-window,#es.es-docker.is-top.is-mobile .docker-popup-window { position: fixed } #es.es-docker.is-bottom.is-mobile .docker-login-box-mobile,#es.es-docker.is-top.is-mobile .docker-login-box-mobile { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; height: 100% } #es.es-docker.is-bottom.is-mobile .docker-popup-login,#es.es-docker.is-top.is-mobile .docker-popup-login { width: 100%; height: 100% } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box { display: none; height: auto } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .docker-login-box__hd,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .docker-login-box__hd { padding: 16px 16px 8px } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .docker-login-box__bd,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .docker-login-box__bd { padding: 8px 0; border-top: 1px solid #ccc } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .docker-login-box__ft,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .docker-login-box__ft { padding: 12px; border-top: 1px solid #ccc } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .docker-login-box__note,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .docker-login-box__note { outline: 0!important } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .docker-login-box__form,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .docker-login-box__form { display: block } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .docker-login-box__form .docker-login-social span+span,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .docker-login-box__form .docker-login-social span+span { display: block; margin-top: 4px; margin-left: 0 } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .docker-form-group,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .docker-form-group { margin-bottom: 8px; margin-left: 0 } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .docker-form-input,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .docker-form-input { min-width: auto; max-width: none; width: 100% } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .o-checkbox,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .o-checkbox { color: #888; margin: 8px 0 } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .o-checkbox label,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .o-checkbox label { padding-left: 8px } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box span.alternative,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box span.alternative { text-align: center; display: block; margin: 4px 0 } #es.es-docker.is-bottom.is-mobile .docker-popup-login.docker-login-box .btn,#es.es-docker.is-top.is-mobile .docker-popup-login.docker-login-box .btn { width: 100%; border-radius: 2px } #es.es-docker .es-location-autocomplete { text-align: left } #es.es-docker .docker-popup-container { height: 100% } #es.es-docker .btn-docker,#es.es-docker .docker-popup-container { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative } #es.es-docker .btn-docker { background: transparent; color: #fff; font-weight: 700; border-radius: 4px; margin: 4px 8px; height: 32px; padding: 6px 12px; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear } #es.es-docker .btn-docker:hover { background-color: #37474f } #es.es-docker .btn-docker.active,#es.es-docker .btn-docker:active { background-color: #1c2429!important } #es.es-docker .btn-docker .docker-avatar { display: block; width: 23px; height: 23px; border-radius: 50%; overflow: hidden; background-size: cover } #es.es-docker .btn-docker .docker-avatar img { width: 23px; height: 23px; overflow: hidden } #es.es-docker .btn-docker.has-new .docker-bubble { display: block } #es.es-docker .btn-docker .docker-bubble { display: none; background-color: #d95242; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 22px; position: absolute; top: 0; right: 0; z-index: 1020 } #es.es-docker .btn-conversations:after,#es.es-docker .btn-conversations:before,#es.es-docker .btn-friends:after,#es.es-docker .btn-friends:before,#es.es-docker .btn-notifications:after,#es.es-docker .btn-notifications:before,#es.es-docker .btn-quickpost:after,#es.es-docker .btn-quickpost:before,#es.es-docker .btn-requestlogin:after,#es.es-docker .btn-requestlogin:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute } #es.es-docker .btn-docker-menu:after,#es.es-docker .btn-docker-menu:before { display: none; border: solid transparent; content: " "; height: 0; width: 0 } #es.es-docker .docker-popup { background: #fff; line-height: 1.66667; text-align: left; border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,.2); white-space: normal; z-index: 1000 } #es.es-docker .btn-xs { font-size: 13px; padding: 4px 8px } #es.es-docker .fa { font-size: 13px; text-align: center } #es.es-docker .no-content { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100% } #es.es-docker .text-menu { padding-left: 8px } #es.es-docker .text-menu .fa { font-size: 20px } #es.es-docker .has-separator:before { content: ""; background-color: hsla(0,0%,100%,.2); display: block; width: 1px; height: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } #es.es-docker .has-separator--left { margin-left: 1px; padding-left: 1px } #es.es-docker .has-separator--left:before { right: 100% } #es.es-docker .has-separator--right { margin-right: 1px; padding-right: 1px } #es.es-docker .has-separator--right:before { left: 100% } #es.es-docker .docker { -webkit-align-items: center; -ms-align-items: center; align-items: center; height: 100%; padding: 0 20px } #es.es-docker .docker__search-box { display: inline-block; width: 260px; border: 0; position: relative } #es.es-docker .docker__search-form { background-color: hsla(0,0%,100%,.2); border-radius: 4px } #es.es-docker .docker__search-form:before { content: "\f002"; font-family: Font Awesome\ 5 Free; font-size: 14px; font-weight: 900; color: #ccc; position: absolute; left: 8px; top: 6px } #es.es-docker .docker__search-input { background-color: transparent; color: #fff; font-size: 13px; line-height: 20px; width: 100%; height: auto; margin: 0; padding: 4px 6px 4px 28px; border: 0; border-radius: 0; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear } #es.es-docker .docker__search-input:focus { background-color: #fff; color: #888 } #es.es-docker .docker-login-box { height: 100% } #es.es-docker .docker-login-box,#es.es-docker .docker-login-box__form { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center } #es.es-docker .docker-login-box__form { color: #888; font-size: 0; text-transform: none; padding: 0 8px } #es.es-docker .docker-login-box__form .docker-login-social .btn { font-size: 0; padding: 4px 8px } #es.es-docker .docker-login-box__form .docker-login-social .fa,#es.es-docker .docker-login-box__form .docker-login-social .fab { font-size: 12px; line-height: 1.66667; width: 15px } #es.es-docker .docker-login-box__form .docker-login-social span+span { margin-left: 4px } #es.es-docker .docker-login-box .docker-form-group { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; position: relative } #es.es-docker .docker-login-box .docker-form-group .fa-lock,#es.es-docker .docker-login-box .docker-form-group .fa-user { color: #ccc; font-size: 14px; position: absolute; top: 8px; left: 6px } #es.es-docker .docker-login-box .docker-form-group .fa-question-circle { margin: 0 4px } #es.es-docker .docker-login-box .docker-form-group .docker-popup { text-align: center; right: 0; left: auto } #es.es-docker .docker-login-box .docker-form-group .btn-requestlogin:after { margin-right: -5px; border-width: 5px } #es.es-docker .docker-login-box .docker-form-group .btn-requestlogin:before { margin-right: -6px; border-width: 6px } #es.es-docker .docker-login-box .docker-form-group>a { color: #888 } #es.es-docker .docker-login-box .docker-form-group>a:hover { color: #fff } #es.es-docker .docker-login-box .docker-form-input { background-color: #fff; color: #888; font-size: 13px; margin: 0; max-width: 300px; min-width: 200px; height: 30px; padding-left: 20px; border: 1px solid #ccc; border-radius: 4px; box-shadow: none; text-overflow: ellipsis } @media(min-width: 768px) and (max-width:991px) { #es.es-docker .docker-login-box .docker-form-input { max-width:150px; min-width: 100px } } #es.es-docker .docker-login-box .o-checkbox { color: #fff } #es.es-docker .docker-login-box .o-checkbox label { padding-left: 8px } #es.es-docker .docker-login-box .o-checkbox label:after,#es.es-docker .docker-login-box .o-checkbox label:before { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } #es.es-docker .docker-login-box span.alternative { font-size: 13px; font-weight: 700; text-transform: uppercase; margin: 0 16px } #es.es-docker .docker-login-box .btn { padding: 4px 12px; border-radius: 4px } #es.es-docker .docker-login-box .btn-es-primary { font-weight: 700; padding: 4px 12px } #es.es-docker .docker-login-box .btn-es-primary:hover { color: #1b5dab!important } #es.es-docker .docker-login-box .btn-es-facebook { font-weight: 700 } #es.es-docker .docker-login-box .btn-es-twitter { font-weight: 700; border-color: #1381da!important } #es.es-docker .docker-login-box .btn-es-linkedin { border-color: #377ca4!important } #es.es-docker .docker-login-box .btn-docker-reg { color: #fff; font-size: 13px; font-weight: 400 } @media(min-width: 768px) and (max-width:991px) { #es.es-docker .docker-login-box.docker-border--left { border:0 } } #es.es-docker .docker-login-box-mobile { display: none } #es.popbox-navbar--docker.top-left,#es.popbox-navbar--docker.top-right { top: auto!important; bottom: 44px!important } #es.popbox-navbar--docker.bottom-left,#es.popbox-navbar--docker.bottom-right { top: 44px!important; bottom: auto!important } #es.popbox-navbar--docker .o-avatar--sm { width: 32px; height: 32px } #es.popbox-navbar--docker .btn-xs { font-size: 12px; margin-top: 4px; padding: 4px 8px } #es.popbox-navbar--docker.is-mobile.popbox-navbar--docker { width: auto; left: 0!important; right: 0!important } #es.popbox-navbar--docker.is-mobile .t-lg-pull-left { float: left!important } #es.popbox-navbar--docker.is-mobile .t-lg-pull-right { float: right!important } #es.popbox-navbar--docker { color: #333; width: 100%; max-width: 480px; min-height: 100px } #es.popbox-navbar--docker .arrow { display: none } #es.popbox-navbar--docker .popbox-dropdown__hd { padding: 10px } #es.popbox-navbar--docker .g-list-inline>li { font-size: 13px } #es .docker-popup-menu { display: none; min-width: 400px; min-height: 100px } #es .docker-popup-menu ul { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding-left: 0 } #es .docker-popup-menu ul li { text-align: center; display: block; -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; width: 100%; border-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #es .docker-popup-menu ul li:first-child { color: #fff; font-weight: 700; text-align: left; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; border-bottom: 1px solid #ccc; position: relative } #es .docker-popup-menu ul li:first-child a { color: #fff; text-align: left; padding: 0 } #es .docker-popup-menu ul li:first-child a:hover { background-color: transparent; color: #979797 } #es .docker-popup-menu ul li:first-child .o-avatar { border-radius: 50% } #es .docker-popup-menu ul li a { color: #555; text-align: center; display: block; padding: 20px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #es .docker-popup-menu ul li a:hover { background: #f5f5f5; color: #333 } #es .docker-popup-menu ul li a span { white-space: normal; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es .docker-popup-menu ul li .fa { font-size: 20px; text-align: center; display: block; margin-bottom: 8px; width: auto } #es .docker-popup-menu-profile { padding: 16px; position: relative } #es .docker-popup-menu-profile__cover { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1 } #es .docker-popup-quickpost { display: none; background: #fff; color: #333; min-width: 500px; border: 1px solid #e1e1e1; position: absolute } #es .docker-popup-quickpost.is-loading { background: #fff; width: 100%; height: 100px } #es .docker-popup-quickpost .es-story { border: 0; padding: 8px } #es .docker-popup-quickpost .es-story-avatar { display: none } #es .docker-popup-quickpost .es-story-header { text-align: left; margin-left: 0 } #es .docker-popup-quickpost .es-story-body,#es .docker-popup-quickpost .es-story-footer,#es .docker-popup-quickpost [data-message-group] { margin-left: 0 } #es .docker-popup-quickpost .es-story-panel-button .fa { display: block } #es .docker-popup-quickpost .es-story-panel-button span { display: none } @media(min-width: 768px) and (max-width:1280px) { #es.es-docker.is-bottom.active-mobile-login .docker-login-box-mobile .docker-login-box,#es.es-docker.is-top.active-mobile-login .docker-login-box-mobile .docker-login-box { display:block } #es.es-docker.is-bottom .docker__search.docker-border--right,#es.es-docker.is-top .docker__search.docker-border--right { border: 0 } #es.es-docker.is-bottom .docker-login-box,#es.es-docker.is-bottom .es-story-meta-button span,#es.es-docker.is-top .docker-login-box,#es.es-docker.is-top .es-story-meta-button span { display: none } #es.es-docker.is-bottom .btn-quickpost,#es.es-docker.is-top .btn-quickpost { border-left: 0 } #es.es-docker.is-bottom .docker-popup-quickpost,#es.es-docker.is-top .docker-popup-quickpost { min-width: auto; left: 0!important; right: 0!important; position: fixed } #es.es-docker.is-bottom .es-story-panel-buttons .es-story-panel-button:nth-child(-n+10),#es.es-docker.is-top .es-story-panel-buttons .es-story-panel-button:nth-child(-n+10) { display: inline-block } #es.es-docker.is-bottom .es-story-panel-dropdown .es-story-panel-button:nth-child(-n+10),#es.es-docker.is-top .es-story-panel-dropdown .es-story-panel-button:nth-child(-n+10) { display: none } #es.es-docker.is-bottom .es-story-panel-button,#es.es-docker.is-top .es-story-panel-button { width: auto } #es.es-docker.is-bottom .docker-popup-menu ul,#es.es-docker.is-top .docker-popup-menu ul { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #es.es-docker.is-bottom .docker-popup-menu ul li,#es.es-docker.is-top .docker-popup-menu ul li { display: block; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; text-align: center; width: 100%; border-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px } #es.es-docker.is-bottom .docker-popup-menu ul li:first-child,#es.es-docker.is-top .docker-popup-menu ul li:first-child { color: #fff; font-weight: 700; text-align: left; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; border-bottom: 1px solid #ccc; position: relative } #es.es-docker.is-bottom .docker-popup-menu ul li:first-child a,#es.es-docker.is-top .docker-popup-menu ul li:first-child a { color: #fff; text-align: left; padding: 0 } #es.es-docker.is-bottom .docker-popup-menu ul li:first-child a:hover,#es.es-docker.is-top .docker-popup-menu ul li:first-child a:hover { background-color: transparent; color: #979797 } #es.es-docker.is-bottom .docker-popup-menu ul li:first-child .o-avatar,#es.es-docker.is-top .docker-popup-menu ul li:first-child .o-avatar { border-radius: 50% } #es.es-docker.is-bottom .docker-popup-menu ul li a,#es.es-docker.is-top .docker-popup-menu ul li a { text-align: center; padding: 8px } #es.es-docker.is-bottom .docker-popup-menu ul li .fa,#es.es-docker.is-top .docker-popup-menu ul li .fa { font-size: 20px; display: block; width: auto; margin-bottom: 8px; margin-right: 0 } #es.es-docker.is-bottom .docker-popup-menu ul li span,#es.es-docker.is-top .docker-popup-menu ul li span { display: inline-block } #es.es-docker.is-bottom .docker-popup-menu .docker__search,#es.es-docker.is-top .docker-popup-menu .docker__search { display: block; max-width: none; height: auto; margin: 8px; border: 1px solid #ccc } #es.es-docker.is-bottom .docker-popup-menu .docker__search-box,#es.es-docker.is-top .docker-popup-menu .docker__search-box { width: 100% } #es.es-docker.is-bottom .docker-popup-menu .docker__search-input,#es.es-docker.is-top .docker-popup-menu .docker__search-input { line-height: 30px } #es.es-docker.is-bottom .docker-login-box-mobile,#es.es-docker.is-top .docker-login-box-mobile { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; height: 100% } #es.es-docker.is-bottom .docker-popup-login,#es.es-docker.is-top .docker-popup-login { width: 300px } #es.es-docker.is-bottom .docker-popup-login.docker-login-box,#es.es-docker.is-top .docker-popup-login.docker-login-box { display: none; height: auto } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .docker-login-box__hd,#es.es-docker.is-top .docker-popup-login.docker-login-box .docker-login-box__hd { padding: 16px 16px 8px } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .docker-login-box__bd,#es.es-docker.is-top .docker-popup-login.docker-login-box .docker-login-box__bd { padding: 8px 0; border-top: 1px solid #ccc } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .docker-login-box__ft,#es.es-docker.is-top .docker-popup-login.docker-login-box .docker-login-box__ft { padding: 12px; border-top: 1px solid #ccc } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .docker-login-box__note,#es.es-docker.is-top .docker-popup-login.docker-login-box .docker-login-box__note { outline: 0!important } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .docker-login-box__form,#es.es-docker.is-top .docker-popup-login.docker-login-box .docker-login-box__form { display: block } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .docker-login-box__form .docker-login-social span+span,#es.es-docker.is-top .docker-popup-login.docker-login-box .docker-login-box__form .docker-login-social span+span { display: block; margin-top: 4px; margin-left: 0 } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .docker-form-group,#es.es-docker.is-top .docker-popup-login.docker-login-box .docker-form-group { margin-bottom: 8px; margin-left: 0 } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .docker-form-input,#es.es-docker.is-top .docker-popup-login.docker-login-box .docker-form-input { min-width: auto; max-width: none; width: 100% } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .o-checkbox,#es.es-docker.is-top .docker-popup-login.docker-login-box .o-checkbox { color: #888; margin: 8px 0 } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .o-checkbox label,#es.es-docker.is-top .docker-popup-login.docker-login-box .o-checkbox label { padding-left: 8px } #es.es-docker.is-bottom .docker-popup-login.docker-login-box span.alternative,#es.es-docker.is-top .docker-popup-login.docker-login-box span.alternative { text-align: center; display: block; margin: 4px 0 } #es.es-docker.is-bottom .docker-popup-login.docker-login-box .btn,#es.es-docker.is-top .docker-popup-login.docker-login-box .btn { width: 100%; border-radius: 2px } #es.popbox-navbar--docker .t-lg-pull-left { float: left!important } #es.popbox-navbar--docker .t-lg-pull-right { float: right!important } } #es .es-quickposting { height: auto; position: fixed; bottom: 24px; right: 24px; z-index: 10022 } #es .btn-es-float-wrap.is-hover { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center } #es .btn-es-float-wrap.is-hover .btn-es-float--sub { display: inline-block; opacity: 0; visibiity: hidden } #es .btn-es-float-wrap.is-hover:hover .btn-es-float--sub { margin-right: 0; opacity: 1; visibility: visible; -webkit-transition: all .2s ease-out .2s; -o-transition: all .2s .2s ease-out; transition: all .2s ease-out .2s } #es .btn-es-float-wrap.is-hover:hover .btn-es-float--default .fa { transform: rotate(135deg) translate(0) } #es .btn-es-float-wrap.is-hover .btn-es-float+.btn-es-float { margin-left: 24px } #es .btn-es-float { background-color: #fff; color: #b7c0cc; text-align: center; display: block; width: 32px; height: 32px; line-height: 26px; border-radius: 50%; border: 1px solid rgba(0,0,0,.25); padding: 2px; outline: 0!important; position: relative; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15); box-shadow: 0 2px 4px rgba(0,0,0,.15) } #es .btn-es-float__icon { display: inline-block; width: 100%; height: 100%; border-radius: 50%; background-color: #70bafc; z-index: 2; -webkit-box-shadow: inset 0 -8px 5px rgba(0,0,0,.125); box-shadow: inset 0 -8px 5px rgba(0,0,0,.125) } #es .btn-es-float__icon .fa { color: #fff; transition: all .5s } #es .btn-es-float--default { width: 48px; height: 48px; line-height: 46px; font-size: 18px } #es .btn-es-float--sub { margin-right: -50px; display: none; -webkit-transition: all .3s ease-out .2s; -o-transition: all .3s .2s ease-out; transition: all .3s ease-out .2s } #es .btn-es-float--sub .btn-es-float__txt { background: rgba(0,0,0,.5); background-clip: padding-box; color: #fff; font-weight: 700; display: inline-block; padding: 2px 10px; border: 6px solid transparent; border-radius: 12px; position: absolute; top: 0; left: 50%; white-space: nowrap; pointer: cursor; visibility: hidden; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1 } #es .btn-es-float--sub:hover { background-color: #fff } #es .btn-es-float--sub:hover .btn-es-float__txt { opacity: 1; visibility: visible; -webkit-transform: translate(-50%,-90%); -ms-transform: translate(-50%,-90%); -o-transform: translate(-50%,-90%); transform: translate(-50%,-90%) } #es .btn-es-float--sub:hover .btn-es-float__txt:hover { background: rgba(0,0,0,.7); background-clip: padding-box } #es .btn-es-float.is-text .btn-es-float__icon { background-color: #7b889a } #es .btn-es-float.is-photos .btn-es-float__icon { background-color: #54c063 } #es .btn-es-float.is-polls .btn-es-float__icon { background-color: #a773fc } #es .btn-es-float.is-broadcast .btn-es-float__icon { background-color: #fdb852 } #es .btn-es-float.is-videos .btn-es-float__icon { background-color: #fd8b9a } #es .btn-es-float.is-links .btn-es-float__icon { background-color: #525ac8 } #es .btn-es-float.is-files .btn-es-float__icon { background-color: #c3a388 } #es .btn-es-float.is-event .btn-es-float__icon { background-color: #d75452 } #es .es-quickpost-popup { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(0,0,0,.5); z-index: 10023; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center } #es .es-quickpost-story { position: relative; padding: 0 } #es .es-quickpost-story__close { position: absolute; top: 8px; right: 8px; z-index: 8; color: #aaa; padding: 0; width: 24px; height: 24px; line-height: 24px; text-align: center } #es .es-quickpost-story__title { font-weight: 700 } #es .es-quickpost-story__hd { position: relative; padding: 8px; background-color: #fff; border: 1px solid #e1e1e1; border-bottom: 0; border-radius: 3px 3px 0 0 } #es .es-quickpost-story__bd { background: #fff; padding: 8px } #es .es-quickpost-story__bd .es-story-avatar { display: none } #es .es-quickpost-story__bd .es-story-body,#es .es-quickpost-story__bd .es-story-footer,#es .es-quickpost-story__bd .es-story-header,#es .es-quickpost-story__bd [data-message-group] { margin-left: 0 } #es .es-quickpost-story .es-story { width: 600px; border-radius: 0 0 3px 3px } #es .es-quickpost-story.is-hover .es-story-header { display: none } #es.popbox--story-panel { z-index: 10024 } #es.is-mobile .es-quickpost-popup { height: 100% } #es.is-mobile .es-quickpost-story { padding: 8px; width: 100vw; overflow-y: auto; top: 0; -webkit-overflow-scrolling: touch } #es.is-mobile .es-quickpost-story__bd { border-radius: 0 0 3px 3px } #es.is-mobile .es-quickpost-story .es-story { width: 100%; height: 100% } #es.is-mobile .es-quickpost-story .es-location-map { padding-top: 14% } #es.is-mobile .es-quickpost-story .o-alert { position: relative; top: 0 } #es.plg-es-ageverification { height: 80vh; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center } #es .es-ageverify { border: 1px solid #e1e1e1; border-radius: 3px } #es .es-ageverify__content { padding: 16px; text-align: center } #es .es-ageverify__title { font-size: 1.1em; color: #888; margin-bottom: 4px } #es .es-ageverify__desc { color: #888; margin: 8px auto; max-width: 600px } #es .es-ageverify__action .btn+.btn { margin-left: 8px } #es .es-ageverify__terms { color: #888; padding: 16px; background-color: #f5f5f5; border-top: 1px solid #e1e1e1; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } #es .es-ageverify__terms-title { margin-bottom: 4px } #es .es-ageverify__terms-list { margin: 0 0 0 16px; padding: 0 } @media(max-width: 480px) { #es .es-ageverify__action .btn { margin-bottom:16px; display: block } #es .es-ageverify__action .btn+.btn { margin-left: 0 } } #es .mod-es-albums-item { padding: 8px; border: 1px solid #e1e1e1; overflow: hidden } #es .mod-es-albums-item+.mod-es-albums-item { margin-top: 8px } #es .mod-es-albums-item .photos-1 .es-photo>a { padding-top: 38%!important } #es .mod-es-albums-item .photos-1 u { position: absolute!important } #es .mod-es-albums-item .photos-1 img { width: 100%!important; max-height: none!important } #es .mod-es-albums-item .photos-3 .es-photo:first-child>a { padding-top: 38%!important } #es.mod-es-dropdown-menu__body { overflow: hidden } #es.mod-es-dropdown-menu .dropdown-toggle_ { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } #es.mod-es-dropdown-menu .dropdown-menu { border: 0 } #es.mod-es-dropdown-menu .dropdown-menu a { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } #es.mod-es-dropdown-menu .dropdown-menu span { display: block; padding: 3px 20px; clear: both; font-weight: 700; line-height: 1.59; color: #444; white-space: nowrap; background-image: none } #es.mod-es-dropdown-menu .open .dropdown-menu { z-index: 10000 } #es .mod-es-leader-item { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex } #es .mod-es-leader-item .es-leader-context { margin-left: 20px } #es .mod-es-leader-item+.mod-es-leader-item { margin-top: 16px; padding-top: 16px; border-top: 1px solid #e1e1e1 } #es .mod-es-leader__points { font-weight: 700 } #es .mod-es-leader__points span { font-weight: 400; color: #888 } #es .es-leader-context__info { overflow: hidden; word-wrap: break-word; word-break: break-all } #es .es-mod-login-wrap { border: 1px solid #e1e1e1 } #es .es-mod-login-wrap__hd { background-color: #f5f5f5; padding: 16px 16px 0 } #es .es-mod-login-wrap__ft { padding: 8px 16px; border-top: 1px solid #e1e1e1; background-color: #fff } #es .mod-es-menu-bar { border: 1px solid #e1e1e1; padding: 4px 8px } #es .mod-es-menu-bar__icon-link { color: #888; padding: 4px 8px; min-width: 28px; position: relative; text-align: center; outline: 0!important } #es .mod-es-menu-bar__icon-link:hover { background: transparent } #es .mod-es-menu-bar__icon-link::-moz-focus-inner { border: 0!important } #es .mod-es-menu-bar__icon-link>i { line-height: 19px } #es .mod-es-menu-bar__icon-link.has-new .mod-es-menu-bar__link-bubble { display: block } #es .mod-es-menu-bar__link-bubble { display: none; position: absolute; color: #fff; background-color: #f65b5b; top: 0; right: -2px; min-width: 10px; height: 13px; overflow: hidden; border-radius: 2px; text-align: center; font-size: 10px; line-height: 14px; font-weight: 700; padding: 0 2px } #es .mod-es-pf-hd__cover-wrap { display: block; height: 0; overflow: hidden; position: relative; padding: 22% 0 0 } #es .mod-es-pf-hd__cover { background-size: cover; border: 0; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100% } #es .mod-es-pf-hd__content { text-align: center; position: relative; border: 1px solid #e1e1e1; padding: 40px 16px 16px } #es .mod-es-pf-hd__avatar { position: absolute; top: -32px; left: 50%; margin-left: -32px } #es .mod-es-pf-hd__avatar .o-avatar { background-color: #fff; padding: 2px } #es .mod-es-pf-hd__badges { margin-top: 8px; text-align: left } #es .mod-es-pf-hd__badges a { margin: 4px; display: inline-block } #es .mod-es-pf-hd__badges img { display: inline-block; height: 32px; width: 32px; max-height: 32px; max-width: 32px } #es .mod-es-menu-list { border: 1px solid #e1e1e1; border-top: 0; padding: 8px 16px } #es .mod-es-menu-list__item { display: block; color: #888; padding: 4px 8px } #es .mod-es-menu-list__item:hover { color: #444 } #es.mod-es-profile-completeness .progress { height: 8px; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 8px } #es .es-completeness-check-list__item a { color: #444 } #es .es-completeness-check-list__item a:hover { color: #005e8d } #es .es-completeness-check-list__item.is-completed .es-completeness-check-list__icon { border-color: #e1e1e1; color: #4fc251 } #es .es-completeness-check-list__item.is-completed a,#es .es-completeness-check-list__item.is-completed span { text-decoration: line-through; color: #888 } #es .es-completeness-check-list__icon { border: 1px solid #ec971f; border-radius: 50%; width: 24px; height: 24px; line-height: 1; text-align: center; position: relative; color: #ec971f } #es .es-completeness-check-list__icon i { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } #es .es-completeness-check-list__item+.es-completeness-check-list__item { margin-top: 8px } #es .mod-es-recentpolls .es-polls+.es-polls { border-top: 1px solid #e1e1e1 } #es .mod-es-recentpolls .es-polls__item+.es-polls__item { margin-top: 8px } #es .mod-es-search__dropdown { padding: 8px 16px; right: 0; top: 30px; width: 262px } #es .mod-es-search__filter { position: absolute; right: 8px; top: 0 } #es .mod-es-search__filter-header { border-bottom: 1px solid #e1e1e1; padding-bottom: 4px; margin-bottom: 4px } #es .mod-es-search__filter-item { width: 50%; float: left } body.has-docker { -ms-overflow-style: scrollbar } body.has-docker #es.es-dialog { height: calc(100% - 44px) } body.has-docker.docker-top #es.es-explorer-popup,body.has-docker.docker-top #es.es-photo-popup { padding: 74px 30px 30px } body.has-docker.docker-top #es.es-dialog { top: 44px } body.has-docker.docker-top #eb .eb-dashboard-sticky-header.affix { top: 40px } body.has-docker.docker-bottom #es.es-explorer-popup,body.has-docker.docker-bottom #es.es-photo-popup { padding: 30px 30px 74px } body.has-docker.docker-bottom #es.es-dialog { bottom: 44px } body.has-docker.docker-bottom #es .es-quickposting { bottom: 60px } body.has-docker.docker-bottom #ck .layout-compact,body.has-docker.docker-bottom #ckit.layout-compact { bottom: 40px } body.has-docker.docker-bottom #ck .ckit-window { bottom: 132px } body.has-docker .fancybox-opened { z-index: 18030 } body.is-eb-photo-popup #ck .ckit-window,body.is-eb-photo-popup #ck .layout-compact,body.is-eb-photo-popup #es .es-quickposting,body.is-es-photo-popup #ck .ckit-window,body.is-es-photo-popup #ck .layout-compact,body.is-es-photo-popup #es .es-quickposting,body.is-es-quickpost-popup #ck .ckit-window,body.is-es-quickpost-popup #ck .layout-compact,body.is-es-quickpost-popup #es .es-quickposting { z-index: 9 } body.has-conversekit #es .es-quickposting { bottom: 22px; right: 84px } #es .es-videos-form-wrapper { padding-bottom: 70px } #es .es-videos-form-wrapper__hd { padding: 16px 0; border-bottom: 1px solid #e1e1e1 } #es .es-videos-form-wrapper__title { font-size: 13px; margin: 0; font-weight: 700 } #es .es-video-form-actions { border-top: 1px solid #e1e1e1; padding: 16px } #es .es-video-group-title { font-size: 18px; margin: 0 0 10px; padding: 0 } #es .es-video-thumbnail { position: relative; margin-bottom: 10px; z-index: 1 } #es .es-video-title>a { max-height: 36px; line-height: 18px; font-weight: 700; display: block; overflow: hidden; position: relative } #es .es-video-title.single { margin: 8px 0; font-weight: 700; font-size: 170%; line-height: 1.4; font-family: inherit } #es .es-video-meta:after,#es .es-video-meta:before { content: " "; display: table } #es .es-video-meta:after { clear: both } #es .es-video-meta>span { float: left; line-height: 1; margin: 0 16px 4px 0; position: relative } #es .es-video-meta>span+span:before { content: "\00b7"; position: absolute; top: 2px; left: -10px } #es .es-video-meta>span.es-video-manage { padding-left: 8px; border-left: 1px solid #e1e1e1 } #es .es-video-context { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } #es .es-playlist-wrap { background: #f5f5f5 } #es .es-playlist-wrap .es-item-list>li+li { border-top: 1px solid #e1e1e1; padding-top: 5px; margin-top: 5px } #es .es-playlist-title { margin-bottom: 15px } #es .es-playlist-item-title { font-weight: 700; margin: 5px 0 } #es .es-video-progress-area { background: #fafafa; padding: 50px 0; text-align: center } #es .es-video-progress-area .es-progress-wrap { width: 60%; margin: 0 auto } #es .es-video-progress-area .es-muted { margin-top: 5px } #es .es-video-form .es-filterbar { margin-bottom: 20px } #es .es-video-dummy { height: 350px; background: #fafafa; text-align: center } #es .es-video-upload-form .form-horizontal { padding-top: 16px } #es .es-video-upload-form .help-block { font-size: 12px } #es .es-video-upload-form .control-label { text-align: left } #es .es-video-player { display: inline-block; position: relative; width: 100% } #es .es-video-player .es-viewport { padding-top: 56.25%; height: 100%; overflow: hidden; position: relative } #es .es-video-player .es-viewport>div { left: 0; position: absolute; top: 0 } #es .es-videos-featured { margin-bottom: 20px } #es .es-video-other { margin-top: 20px } #es.es-mobile-content .es-video-single { background-color: #fff; margin: 0 -16px; padding: 8px 16px } #es.es-mobile-content .es-video-single .es-likes-wrap { background-color: #fff; border-bottom: 1px solid #e1e1e1 } #es.es-mobile-content .es-video-actions,#es.es-mobile-content .es-video-content-body { margin: 0 -16px } #es.es-mobile-content .es-video-actions { border-top: 1px solid #e1e1e1 } #es.es-mobile-content .es-comments-wrap { margin: 0 -16px; padding: 16px; background-color: #fff } #es .albumart-frame { background-size: cover; width: 128px; height: 128px; background-position: 50%; position: relative; background-repeat: no-repeat; margin: 0 0 10px } #es .albumart-remove { position: absolute; top: 4px; left: 283px } #es .albumart-remove a { color: #fff!important; background: #b2282a; display: block; width: 16px; height: 16px; line-height: 13px; text-align: center; border-radius: 2px } #es code[class*=language-],#es pre[class*=language-] { color: #f8f8f2; text-shadow: 0 1px rgba(0,0,0,.3); font-family: Consolas,Monaco,Andale Mono,monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none } #es pre[class*=language-] { padding: 1em; margin: .5em 0; overflow: auto; border-radius: .3em } #es :not(pre)>code[class*=language-],#es pre[class*=language-] { background: #272822 } #es :not(pre)>code[class*=language-] { padding: .1em; border-radius: .3em } #es .token.cdata,#es .token.comment,#es .token.doctype,#es .token.prolog { color: #708090 } #es .token.punctuation { color: #f8f8f2 } #es .namespace { opacity: .7 } #es .token.constant,#es .token.property,#es .token.symbol,#es .token.tag { color: #f92672 } #es .token.boolean,#es .token.number { color: #ae81ff } #es .token.attr-name,#es .token.builtin,#es .token.selector,#es .token.string { color: #a6e22e } #es .language-css .token.string,#es .style .token.string,#es .token.entity,#es .token.operator,#es .token.url,#es .token.variable { color: #f8f8f2 } #es .token.atrule,#es .token.attr-value { color: #e6db74 } #es .token.keyword { color: #66d9ef } #es .token.important,#es .token.regex { color: #fd971f } #es .token.important { font-weight: 700 } #es .token.entity { cursor: help } #es .o-loader { display: none; position: absolute; top: 50%; left: 50%; margin: 0; text-align: center; z-index: 1000; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 1em } #es .o-loader:before { border-radius: 500rem; border: 4px solid rgba(0,0,0,.1) } #es .o-loader:after,#es .o-loader:before { position: absolute; content: ""; top: 0; left: 50%; width: 100%; height: 100% } #es .o-loader:after { animation: fd-loader .55s linear; animation-iteration-count: infinite; border-radius: 500rem; border: 4px solid transparent; border-top-color: #999; box-shadow: 0 0 0 1px transparent } #es .o-loader.o-loader--top { top: 16px; -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0) } @keyframes fd-loader { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -o-transform: rotate(1turn); transform: rotate(1turn) } } #es .o-loader.o-loader--sm:after,#es .o-loader.o-loader--sm:before { width: 20px; height: 20px; margin: 0 0 0 -10px } #es .o-loader.o-loader--xs:after,#es .o-loader.o-loader--xs:before { width: 12px; height: 12px; margin: 0 0 0 -6px } #es .o-loader:after,#es .o-loader:before { width: 36px; height: 36px; margin: 0 0 0 -18px } #es .o-loader.with-text { width: auto!important; height: auto!important; text-align: center; font-style: normal } #es.is-loading,#es .is-loading { outline: 0!important } #es.is-loading::-moz-focus-inner,#es .is-loading::-moz-focus-inner { border: 0!important } #es.is-loading .o-loader,#es .is-loading .o-loader,#es .o-loader.is-active,#es .o-loader.is-visible { display: block } #es .o-loader.is-disabled,#es .o-loader.is-hidden { display: none } #es .o-loader { width: 36px; height: 36px; font-size: 13px } #es .o-loader--sm { width: 20px; height: 20px } #es .o-loader--xs { width: 12px; height: 12px } #es .o-loader.with-text { min-width: 36px; padding-top: 40px } #es .o-loader.o-loader--sm.with-text { min-width: 20px; padding-top: 24px } #es .o-loader.o-loader--inline { position: relative; vertical-align: middle; margin: 0; left: 0; top: 0; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } #es .o-loader.o-loader--inline.is-active,#es .o-loader.o-loader--inline.is-visible { display: inline-block } #es .o-loader.o-loader--inline.is-active.is-centered,#es .o-loader.o-loader--inline.is-visible.is-centered { display: block; margin-left: auto; margin-right: auto } #es .o-empty { width: 100%; min-height: 200px; display: inline-block; text-align: center; background-color: #fff; position: relative; display: none } #es .o-empty--clean { min-height: 0; text-align: left } #es .o-empty--clean .o-empty__content { position: relative; left: 0; top: 0; -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0) } #es .o-empty--height-no { min-height: 0 } #es .o-empty--bg-no { background-color: transparent } #es .o-empty--bg-shade { background-color: #f5f5f5 } #es .o-empty--bordered { border: 1px solid #e1e1e1 } #es .o-empty__content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } #es .o-empty__icon { font-size: 40px; color: #888; margin-bottom: 8px; width: auto } #es .o-empty__icon--sm { font-size: 28px; color: #888 } #es .o-empty__action { margin-top: 20px } #es.is-mobile .o-empty--height-no { min-height: 80px } #es .is-empty .o-empty { display: inline-block } #es .t-icon--primary { color: #4a90e2 } #es .t-icon--success { color: #4fc251 } #es .t-icon--danger { color: #f65b5b } #es .t-icon--default { color: #fff } #es .t-icon--info { color: #5bc0de } #es .t-icon--warning { color: #ec971f } #es .t-hidden { display: none!important } #es .t-block { display: block!important } #es .t-inline { display: inline!important } #es .t-inline-block { display: inline-block!important } #es .t-visibility--hidden { visibility: hidden!important } #es .t-visibility--visible { visibility: visible!important } #es .pull-left,#es .t-lg-pull-left,#es .t-pull-left { float: left!important } #es .pull-right,#es .t-lg-pull-right,#es .t-pull-right { float: right!important } #es .t-va--middle { vertical-align: middle!important } #es.is-mobile .t-lg-pull-left,#es.is-mobile .t-lg-pull-right { float: none!important } #es.is-mobile .t-sm-pull-left { float: left!important } #es.is-mobile .t-sm-pull-right { float: right!important } #es .t-sm-visible { display: none } #es.is-mobile .t-sm-visible { display: inline-block!important } #es.is-mobile .t-sm-hidden { display: none!important } #es .fd-cf:after,#es .fd-cf:before { content: " "; display: table } #es .fd-cf:after { clear: both } #es .t-width--100 { width: 100%!important } #es .t-width--70 { width: 70%!important } #es .t-width--66 { width: 66.666666666667%!important } #es .t-width--60 { width: 60%!important } #es .t-width--50 { width: 50%!important } #es .t-width--33 { width: 33.333333333333%!important } #es .t-width--30 { width: 30%!important } #es .t-fs--sm { font-size: 12px!important } #es .t-fs--lg { font-size: 15px!important } #es .t-lg-text--left,#es .t-text--left { text-align: left!important } #es .t-lg-text--right,#es .t-text--right { text-align: right!important } #es .t-lg-text--center,#es .t-text--center { text-align: center!important } #es .t-lg-text--justify,#es .t-text--justify { text-align: justify!important } #es .t-lg-text--nowrap,#es .t-text--nowrap { white-space: nowrap!important } #es.is-mobile .t-lg-text--center,#es.is-mobile .t-lg-text--left,#es.is-mobile .t-lg-text--right,#es.w780 .t-lg-text--center,#es.w780 .t-lg-text--left,#es.w780 .t-lg-text--right { text-align: unset!important } #es.is-mobile .t-sm-text--right,#es.w780 .t-sm-text--right { text-align: right!important } #es.is-mobile .t-sm-text--center,#es.w780 .t-sm-text--center { text-align: center!important } #es .t-text--lowercase { text-transform: lowercase!important } #es .t-text--uppercase { text-transform: uppercase!important } #es .t-text--capitalize { text-transform: capitalize!important } #es .t-text--muted { color: #888!important } #es .t-text--primary { color: #428bca!important } a#es .t-text--primary:focus,a#es .t-text--primary:hover { color: #3071a9 } #es .t-text--success { color: #3c763d!important } a#es .t-text--success:focus,a#es .t-text--success:hover { color: #2b542c } #es .t-text--info { color: #31708f!important } a#es .t-text--info:focus,a#es .t-text--info:hover { color: #245269 } #es .t-text--warning { color: #8a6d3b!important } a#es .t-text--warning:focus,a#es .t-text--warning:hover { color: #66512c } #es .t-text--danger { color: #fc595b!important } a#es .t-text--danger:focus,a#es .t-text--danger:hover { color: #fb272a } #es .t-text--bold { font-weight: 700!important } #es .t-bdt-no { border-top: 0!important } #es .t-bdr-no { border-right: 0!important } #es .t-bdb-no { border-bottom: 0!important } #es .t-bdl-no { border-left: 0!important } .t-body-overflow-hidden { overflow: hidden!important } .dropdown-mobile-from-header .es-profile-header { z-index: 2 } .dropdown-mobile-from-container .es-profile-header,.dropdown-mobile-from-header #es.is-mobile .es-container { z-index: 1 } .dropdown-mobile-from-container #es.is-mobile .es-container { z-index: 2 } background-color:red;#jsn-header { z-index: 601; position: relative } [class^=tm-] div#fd button,[class^=tm-] div#fd input,[class^=tm-] div#fd textarea { -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important } .method-totp .well { display: none } .method-totp fieldset legend { font-size: 12px; font-weight: 700 } .method-totp fieldset ul { padding: 0; margin: 0; list-style: none } .method-totp fieldset ul li { list-style: none } .method-totp fieldset .span6 { width: 100% } .method-totp fieldset .alert-info { background: none; border: 0 } .method-totp fieldset .control-group label.control-label { width: 20% } .method-totp fieldset .control-group .controls { margin-left: 0 } .method-totp fieldset .control-group .controls #totpsecuritycode { font-size: 12px; padding: 5px 10px; line-height: 1.5; border-radius: 3px; height: 30px; width: 160px } div#es .rokpad-editor-wrapper i { height: 16px; width: 16px } #es.is-mobile .es-comment-actions .dropdown-menu,#es.is-mobile .es-convo__sidebar-action .dropdown-menu,#es.is-mobile .es-cover-menu .dropdown-menu,#es.is-mobile .es-list-item .dropdown-menu,#es.is-mobile .es-media-item-menu .dropdown-menu,#es.is-mobile .es-mobile-filter-toggle .dropdown-menu,#es.is-mobile .es-mobile-list-item__action .dropdown-menu,#es.is-mobile .es-profile-header-nav__item .dropdown-menu,#es.is-mobile .es-profile-header__action-wrap .dropdown-menu,#es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu,#es.is-mobile .es-stream-control .dropdown-menu { top: auto; bottom: 0; position: fixed; width: 100vw; overflow-y: auto; min-height: 24vh!important; max-height: 52vh!important; background: #f5f5f5; padding: 0; margin: 0; border-radius: 8px 8px 0 0 } #es.is-mobile .es-comment-actions .dropdown-menu>li,#es.is-mobile .es-convo__sidebar-action .dropdown-menu>li,#es.is-mobile .es-cover-menu .dropdown-menu>li,#es.is-mobile .es-list-item .dropdown-menu>li,#es.is-mobile .es-media-item-menu .dropdown-menu>li,#es.is-mobile .es-mobile-filter-toggle .dropdown-menu>li,#es.is-mobile .es-mobile-list-item__action .dropdown-menu>li,#es.is-mobile .es-profile-header-nav__item .dropdown-menu>li,#es.is-mobile .es-profile-header__action-wrap .dropdown-menu>li,#es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu>li,#es.is-mobile .es-stream-control .dropdown-menu>li { position: relative; border-bottom: 1px solid #e1e1e1 } #es.is-mobile .es-comment-actions .dropdown-menu>li.divider,#es.is-mobile .es-convo__sidebar-action .dropdown-menu>li.divider,#es.is-mobile .es-cover-menu .dropdown-menu>li.divider,#es.is-mobile .es-list-item .dropdown-menu>li.divider,#es.is-mobile .es-media-item-menu .dropdown-menu>li.divider,#es.is-mobile .es-mobile-filter-toggle .dropdown-menu>li.divider,#es.is-mobile .es-mobile-list-item__action .dropdown-menu>li.divider,#es.is-mobile .es-profile-header-nav__item .dropdown-menu>li.divider,#es.is-mobile .es-profile-header__action-wrap .dropdown-menu>li.divider,#es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu>li.divider,#es.is-mobile .es-stream-control .dropdown-menu>li.divider { display: none } #es.is-mobile .es-comment-actions .dropdown-menu>li>a,#es.is-mobile .es-convo__sidebar-action .dropdown-menu>li>a,#es.is-mobile .es-cover-menu .dropdown-menu>li>a,#es.is-mobile .es-list-item .dropdown-menu>li>a,#es.is-mobile .es-media-item-menu .dropdown-menu>li>a,#es.is-mobile .es-mobile-filter-toggle .dropdown-menu>li>a,#es.is-mobile .es-mobile-list-item__action .dropdown-menu>li>a,#es.is-mobile .es-profile-header-nav__item .dropdown-menu>li>a,#es.is-mobile .es-profile-header__action-wrap .dropdown-menu>li>a,#es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu>li>a,#es.is-mobile .es-stream-control .dropdown-menu>li>a { font-size: 13px; line-height: 2; background: #fff; padding: 8px 16px; max-width: none } #es.is-mobile .es-comment-actions .dropdown-backdrop,#es.is-mobile .es-convo__sidebar-action .dropdown-backdrop,#es.is-mobile .es-cover-menu .dropdown-backdrop,#es.is-mobile .es-list-item .dropdown-backdrop,#es.is-mobile .es-media-item-menu .dropdown-backdrop,#es.is-mobile .es-mobile-filter-toggle .dropdown-backdrop,#es.is-mobile .es-mobile-list-item__action .dropdown-backdrop,#es.is-mobile .es-profile-header-nav__item .dropdown-backdrop,#es.is-mobile .es-profile-header__action-wrap .dropdown-backdrop,#es.is-mobile .es-profile-header__avatar-wrap .dropdown-backdrop,#es.is-mobile .es-stream-control .dropdown-backdrop { background: rgba(0,0,0,.8) }