/**
 * @version     5.0.0
 * @package     com_datsogallery
 * @copyright   2004 - 2024 Andriy DATSO
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      Andriy DATSO <support@datso.fr>
 */
:root {
  --dg-border-raduis: 4px;
  --dg-avatar-raduis: 50%;
  --dg-border-width: 1.5px
}
.dg-ui a {
  text-decoration: none !important;
}
#dg-search-top [class^='di-']:before {
  color:#999999;
  font-size:1.8rem;
}
#dg-search-top .di-favorite:before {
  font-size:1.9rem;
}
.dg-ui .image-block,
.dg-ui .related-image,
.dg-grid-item {
  border-radius:var(--dg-border-raduis);
}
.dg-ui .stats-bar-top {
  border-top-left-radius:var(--dg-border-raduis);
  border-top-right-radius:var(--dg-border-raduis);
}
.dg-ui .stats-bar {
  border-bottom-left-radius:var(--dg-border-raduis);
  border-bottom-right-radius:var(--dg-border-raduis);
}
body.dg-image-page {
  overflow:visible;
}
/* FORM */
.choices__list--dropdown .choices__item,
.choices__inner {
  font-size:0.9rem !important;
  padding: 5px !important;
}
.choices[data-type*="select-one"] .choices__input {
  font-size:0.9rem !important;
  background-color: #fffff0 !important;
  border: 2px solid #ededed !important;
  border-radius:var(--dg-border-raduis);
  font-family: inherit;
  font-weight: 500;
}
.tags-input-container {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 3px;
  border: 2px solid #ededed;
  border-radius: 21px;
}
.tag-suggestions {
  margin: 0;
  max-height: 100px;
  overflow-y: auto;
  border-radius: 10px;
  position: absolute;
  background-color: #fff;
  bottom: 45px;
  left: 0;
  font-size: .9rem;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  min-width: 180px;
}
.tag-suggestions li {
    padding: 5px;
    cursor: pointer;
}
.tag {
  border-radius: 21px;
  background-color: #ededed;
  display: flex;
  justify-content: flex-start;
  padding: 0 10px !important;
  align-items: center;
  flex-direction: row;
  line-height: 33px;
  font-size: .9rem;
  margin-left: 2px !important;
}
.remove-tag {
  cursor: pointer;
  margin-left: 5px;
  color: #888;
  opacity: .8;
}
.remove-tag.di-cancel:hover {
  opacity: 1;
}
.remove-tag:hover {
  background-color: transparent !important;
}
.tag-input {
  height: 36px !important;
  border: none !important;
  outline: none;
  flex: 1;
  padding: 5px;
  margin-bottom: 0;
  max-width: 12ch;
}
.dg-ui ::placeholder {
  color:#bbb !important;
  opacity:1;
}
.dg-ui ::-ms-input-placeholder {
  color:#bbb !important;
}
.dg-ui * {
  box-sizing:border-box;
}
.dg-ui ul {
  list-style:none;
  padding:0;
}
.dg-ui {
  outline:none;
  /*overflow:hidden;*/
}
.dg-ui h3.dg-page-title {
  margin:0 0 20px 0;
  text-transform:uppercase;
}
.dg-ui * {
  margin:0;
  padding:0;
}
.dg-ui [class*='hint--'] {
  position:relative;
}
#dg-share-bar {
  list-style:none;
  padding:0;
  margin:0;
}
.dg-ui img {
  outline:0;
  max-width:100%;
  height:auto;
  backface-visibility:hidden;
  color:transparent;
}
.dg-ui img.dgimg,
img#org {
  object-fit:cover;
  width:100%;
  height:100%;
  backface-visibility:hidden;
}
.dg-ui .ellipsis {
  min-width:0;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  display:inline-block;
  width:100%;
}
.dg-ui .image-card {
  display:block;
  padding:10px 0;
}
.dg-ui .image-title {
  overflow-wrap:break-word;
  word-wrap:break-word;
  -ms-word-break:break-all;
      word-break:break-all;
      word-break:break-word;
      -ms-hyphens:auto;
     -moz-hyphens:auto;
  -webkit-hyphens:auto;
          hyphens:auto;
}
.dg-ui .image-title a {
  font-size:1.2rem;
  font-weight:500;
  text-decoration:none;
  opacity:1;
  transition:.3s ease-in-out;
}
.dg-ui .image-title a:hover {
  opacity: .8;
}
.dg-ui .image-desc {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
.dg-ui header {
  display:block;
  padding:20px 30px;
  border-bottom:1px solid rgba(0,0,0,.1);
  /*background: rgba(248,248,248,.9);*/
  font-size:25px;
  font-weight:300;
  color:#696969;
}
.dg-ui fieldset {
  display:block;
  padding:25px 30px 5px;
  border:none;
  background:rgba(255,255,255,.9);
}
.dg-ui fieldset + fieldset {
  border-top:1px solid rgba(0,0,0,.1);
}
.dg-ui section {
  margin-bottom:20px;
}
.dg-ui footer {
  display:block;
}
.dg-ui footer:after {
  content:'';
  display:table;
  clear:both;
}
.dg-ui a {
  /*color: #696969;*/
}
.dg-ui .label {
  display:block;
  margin-bottom:6px;
  line-height:19px;
}
.dg-ui .label.dg-col {
  margin:0;
  padding-top:10px;
}
.dg-ui .note {
  margin-top:6px;
  padding:0 1px;
  font-size:11px;
  line-height:15px;
  color:#999;
}
.dg-ui .input,
.dg-ui .select,
.dg-ui .textarea,
.dg-ui .radio,
.dg-ui .checkbox,
.dg-ui .toggle,
.dg-ui .button {
  position:relative;
  display:block;
  font-family:inherit;
}
.dg-ui .input input[type=text],
.dg-ui .input input[type=search],
.dg-ui .input input[type=email],
.dg-ui .select select,
.dg-ui .textarea textarea {
  font-family:inherit;
  font-weight:inherit;
  color:inherit;
  display:block;
       box-sizing:border-box;
  -moz-box-sizing:border-box;
  width:100%;
  height:50px;
  padding:10px;
  outline:none;
  border-width:var(--dg-border-width);
  border-style:solid;
  border-radius:var(--dg-border-raduis);
  background:#fff;
  font-size:.9rem;
          appearance:normal;
     -moz-appearance:none;
  -webkit-appearance:none;
}
.dg-ui .input-file .button {
  position:absolute;
  top:4px;
  right:4px;
  float:none;
  height:31px;
  margin:0;
  padding:0 20px;
  font-size:13px;
  line-height:31px;
}
.dg-ui .input-file .button:hover {
  box-shadow:none;
}
.dg-ui .input-file .button input {
  position:absolute;
  top:0;
  right:0;
  padding:0;
  font-size:30px;
  cursor:pointer;
  opacity:0;
}
.dg-ui .select i {
  position:absolute;
  top:14px;
  right:17px;
  width:5px;
  height:11px;
  background:#fff;
  box-shadow:none;
}
.dg-ui .select i:after,
.dg-ui .select i:before {
  content:'';
  position:absolute;
  right:0;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
}
.dg-ui .select i:after {
  bottom:0;
  border-top:4px solid #ccc;
}
.dg-ui .select i:before {
  top:0;
  border-bottom:4px solid #ccc;
}
.dg-ui .select-multiple select {
  height:auto;
}
.dg-ui .textarea textarea {
  height:auto;
  resize:none;
}
.dg-ui .textarea-resizable textarea {
  resize:vertical;
}
.dg-ui .textarea-expandable textarea {
  display:block;
  box-sizing:padding-box;
  overflow:hidden;
  height:50px;
}
.dg-ui .textarea-expandable textarea:focus {
  height:auto;
  min-height:50px;
}
.dg-image-page-description.dg-more {
  overflow: hidden;
}
.dg-ui .radio,
.dg-ui .checkbox {
  margin-bottom:4px;
  padding-left:25px;
  font-size:13px;
  line-height:25px;
  color:#696969;
  cursor:pointer;
}
.dg-ui .radio:last-child,
.dg-ui .checkbox:last-child {
  margin-bottom:0;
}
.dg-ui .radio input,
.dg-ui .checkbox input {
  position:absolute;
  left:-9999px;
}
.dg-ui .radio i,
.dg-ui .checkbox i {
  position:absolute;
  top:4px;
  left:0;
  display:block;
  width:16px;
  height:16px;
  outline:none;
  border-width:2px;
  border-style:solid;
  background:#fff;
}
.dg-ui .radio i {
  border-radius:50%;
}
.dg-ui .radio input + i:after,
.dg-ui .checkbox input + i:after {
  position:absolute;
  opacity:0;
          transition:opacity .1s;
       -o-transition:opacity .1s;
     -moz-transition:opacity .1s;
  -webkit-transition:opacity .1s;
}
.dg-ui .radio input + i:after {
  content:'';
  top:4px;
  left:4px;
  width:5px;
  height:5px;
  border-radius:50%;
}
.dg-ui .checkbox input + i:after {
  content:'\f00c';
  top:-1px;
  left:-1px;
  width:15px;
  height:15px;
  font:normal 12px/16px FontAwesome;
  text-align:center;
}
.dg-ui .radio input:checked + i:after,
.dg-ui .checkbox input:checked + i:after {
  opacity:1;
}
.dg-ui .inline-group {
  margin:0 -30px -4px 0;
}
.dg-ui .inline-group:after {
  content:'';
  display:table;
  clear:both;
}
.dg-ui .inline-group .radio,
.dg-ui .inline-group .checkbox {
  float:left;
  margin-right:30px;
}
.dg-ui .inline-group .radio:last-child,
.dg-ui .inline-group .checkbox:last-child {
  margin-bottom:4px;
}
.dg-ui .toggle {
  margin-bottom:4px;
  padding-right:61px;
  font-size:.8rem;
  line-height:27px;
  color:#696969;
  cursor:pointer;
}
.dg-ui .toggle:last-child {
  margin-bottom:0;
}
.dg-ui .toggle input {
  position:absolute;
  left:-9999px;
}
.dg-ui .toggle i {
  content:'';
  position:absolute;
  top:4px;
  right:0;
  display:block;
  width:49px;
  height:20px;
  border-width:1px;
  border-style:solid;
  border-radius:12px;
  background:#fff;
}
.dg-ui .toggle i:after {
  content:'OFF';
  position:absolute;
  top:2.5px;
  right:8px;
  left:6px;
  font-style:normal;
  font-size:10px;
  line-height:13px;
  font-weight:700;
  text-align:left;
  color:#cd5c5c;
}
.dg-ui .toggle i:before {
  content:'';
  position:absolute;
  z-index:1;
  top:3px;
  right:4px;
  display:block;
  width:13px;
  height:13px;
  border-radius:50%;
  opacity:1;
          transition:right .2s;
       -o-transition:right .2s;
     -moz-transition:right .2s;
  -webkit-transition:right .2s;
}
.dg-ui .toggle input:checked + i:after {
  content:'ON';
  text-align:right;
  color:#8fbc8b;
}
.dg-ui .toggle input:checked + i:before {
  right:31px;
  background-color:#8fbc8b;
}
.dg-ui .rating {
  margin-bottom:4px;
  font-size:15px;
  line-height:27px;
  color:#696969;
}
.dg-ui .rating:last-child {
  margin-bottom:0;
}
.dg-ui .rating input {
  position:absolute;
  left:-9999px;
}
.dg-ui .rating label {
  display:block;
  float:right;
  height:17px;
  margin-top:5px;
  padding:0 2px;
  font-size:17px;
  line-height:17px;
  cursor:pointer;
}
.dg-ui .button {
  float:right;
  height:50px;
  overflow:hidden;
  margin:10px 0 0 20px;
  padding:0 25px;
  outline:none;
  border:0;
  text-decoration:none;
  color:#696969;
  cursor:pointer;
  border-radius:var(--dg-border-raduis);
  line-height:50px;
  font-size:13px;
  font-weight:normal;
  font-family:inherit;
}
.dg-ui .dg-icon-append,
.dg-ui .dg-icon-prepend {
  position:absolute;
  top:14px;
  width:29px;
  height:29px;
  text-align:center;
}
.dg-ui .dg-icon-append {
  right:5px;
  padding-left:3px;
  /*border-left-width:1px;
  border-left-style:solid;*/
}
.dg-ui .dg-icon-prepend {
  left:5px;
  padding-right:3px;
  /*border-right-width:1px;
  border-right-style:solid;*/
}
.dg-ui .input .dg-icon-prepend + input,
.dg-ui .textarea .dg-icon-prepend + textarea {
  padding-left:46px;
}
.dg-ui .input .dg-icon-append + input,
.dg-ui .textarea .dg-icon-append + textarea {
  padding-right:46px;
}
.dg-ui .input .dg-icon-prepend + .dg-icon-append + input,
.dg-ui .textarea .dg-icon-prepend + .dg-icon-append + textarea {
  padding-left:46px;
}
.dg-ui .tooltip {
  position:absolute;
  z-index:1;
  left:-9999px;
  padding:3px 8px;
  font-size:.75rem;
  font-weight:400 !important;
  line-height:normal;
  background:#696969;
  color:#f5f5f5;
  opacity:0;
          transition:margin .3s, opacity .3s;
     -moz-transition:margin .3s, opacity .3s;
  -webkit-transition:margin .3s, opacity .3s;
  border-radius:2px;
  width:150px;
}
.dg-ui .tooltip.normal {
  width:180px;
}
.dg-ui .tooltip:after {
  content:'';
  position:absolute;
}
.dg-ui .input input:focus + .tooltip,
.dg-ui .textarea textarea:focus + .tooltip {
  opacity:1;
}
.dg-ui .tooltip-top-right {
  bottom:100%;
  margin-bottom:15px;
}
.dg-ui .tooltip-top-right:after {
  top:100%;
  right:16px;
  border-top:4px solid #696969;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
}
.dg-ui .input input:focus + .tooltip-top-right,
.dg-ui .textarea textarea:focus + .tooltip-top-right {
  right:0;
  left:auto;
  margin-bottom:5px;
}
.dg-ui .tooltip-top-left {
  bottom:100%;
  margin-bottom:15px;
}
.dg-ui .tooltip-top-left:after {
  top:100%;
  left:16px;
  border-top:4px solid #696969;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
}
.dg-ui .input input:focus + .tooltip-top-left,
.dg-ui .textarea textarea:focus + .tooltip-top-left {
  right:auto;
  left:0;
  margin-bottom:5px;
}
.dg-ui .tooltip-right {
  top:9px;
  white-space:nowrap;
  margin-left:15px;
}
.dg-ui .tooltip-right:after {
  top:6px;
  right:100%;
  border-top:4px solid transparent;
  border-right:4px solid #696969;
  border-bottom:4px solid transparent;
}
.dg-ui .input input:focus + .tooltip-right,
.dg-ui .textarea textarea:focus + .tooltip-right {
  left:100%;
  margin-left:5px;
}
.dg-ui .tooltip-left {
  top:9px;
  white-space:nowrap;
  margin-right:15px;
}
.dg-ui .tooltip-left:after {
  top:6px;
  left:100%;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:4px solid #696969;
}
.dg-ui .input input:focus + .tooltip-left,
.dg-ui .textarea textarea:focus + .tooltip-left {
  right:100%;
  left:auto;
  margin-right:5px;
}
.dg-ui .tooltip-bottom-right {
  top:100%;
  margin-top:15px;
}
.dg-ui .tooltip-bottom-right:after {
  bottom:100%;
  right:16px;
  border-right:4px solid transparent;
  border-bottom:4px solid #696969;
  border-left:4px solid transparent;
}
.dg-ui .input input:focus + .tooltip-bottom-right,
.dg-ui .textarea textarea:focus + .tooltip-bottom-right {
  right:0;
  left:auto;
  margin-top:5px;
}
.dg-ui .tooltip-bottom-left {
  top:100%;
  margin-top:15px;
}
.dg-ui .tooltip-bottom-left:after {
  bottom:100%;
  left:16px;
  border-right:4px solid transparent;
  border-bottom:4px solid #696969;
  border-left:4px solid transparent;
}
.dg-ui .input input:focus + .tooltip-bottom-left,
.dg-ui .textarea textarea:focus + .tooltip-bottom-left {
  right:auto;
  left:0;
  margin-top:5px;
}
.dg-ui .input input[type=text],
.dg-ui .input input[type=search],
.dg-ui .input input[type=email],
.dg-ui .input input,
.dg-ui .select select,
.dg-ui .textarea textarea,
.dg-ui .radio i,
.dg-ui .checkbox i,
.dg-ui .toggle i,
.dg-ui .dg-icon-append,
.dg-ui .dg-icon-prepend {
  border-color:#ededed;
          transition:border-color .3s;
       -o-transition:border-color .3s;
     -moz-transition:border-color .3s;
  -webkit-transition:border-color .3s;
}
.dg-ui .toggle i:before {
  background-color:#cd5c5c;
}
.dg-ui .rating label {
  color:#ccc;
          transition:color .3s;
       -o-transition:color .3s;
     -moz-transition:color .3s;
  -webkit-transition:color .3s;
}
.dg-ui .button {
  background-color:#ededed;
  opacity:.8;
          transition:opacity .2s;
       -o-transition:opacity .2s;
     -moz-transition:opacity .2s;
  -webkit-transition:opacity .2s;
}
.dg-ui .button.button-secondary {
  background-color:#b3b3b3;
}
.dg-ui .dg-icon-append,
.dg-ui .dg-icon-prepend {
  color:#ccc;
}
.dg-ui .input input[type=text]:hover,
.dg-ui .input input[type=search]:hover,
.dg-ui .input input[type=email]:hover,
.dg-ui .input input:hover,
.dg-ui .select:hover select,
.dg-ui .textarea:hover textarea,
.dg-ui .radio:hover i,
.dg-ui .checkbox:hover i,
.dg-ui .toggle:hover i {
  border-color:rgba(0,0,0,.12);
}
.dg-ui .rating input + label:hover,
.dg-ui .rating input + label:hover ~ label {
  color:#696969;
}
.dg-ui .button:hover {
  opacity:1;
}
.dg-ui .input input[type=text]:focus,
.dg-ui .input input[type=email]:focus,
.dg-ui .input input[type=search]:focus,
.dg-ui .input input:focus,
.dg-ui .select select:focus,
.dg-ui .textarea textarea:focus,
.dg-ui .radio input:focus + i,
.dg-ui .checkbox input:focus + i,
.dg-ui .toggle input:focus + i {
  outline:0;
  background-color:#fff;
  border-color:rgba(0,0,0,.12) !important;
}
.dg-ui .radio input + i:after {
  background-color:#696969;
}
.dg-ui .checkbox input + i:after {
  color:#696969;
}
.dg-ui .radio input:checked + i,
.dg-ui .checkbox input:checked + i,
.dg-ui .toggle input:checked + i {
  border-color:rgba(0,0,0,.12);
}
.dg-ui .rating input:checked ~ label {
  color:#696969;
}
.dg-ui .input input.error[type=text],
.dg-ui .input input.error[type=email],
.dg-ui .input input.error[type=search],
.dg-ui .select select.error,
.dg-ui .textarea textarea.error,
.dg-ui .textarea textarea.error:focus,
.dg-ui .state-error input,
.dg-ui .state-error select,
.dg-ui .state-error textarea,
.dg-ui .radio.state-error i,
.dg-ui .checkbox.state-error i,
.dg-ui .toggle.state-error i {
  background:#fff0f0;
  border-color:rgba(238, 147, 147, 1) !important;
}
.dg-ui .state-error select + i {
  background:#fff0f0;
  box-shadow:0 0 0 12px #fff0f0;
}
.dg-ui .toggle.state-error input:checked + i {
  background:#fff0f0;
}
.dg-ui .note-error {
  color:#ee9393;
}
.dg-ui .state-success input,
.dg-ui .state-success select,
.dg-ui .state-success textarea,
.dg-ui .radio.state-success i,
.dg-ui .checkbox.state-success i,
.dg-ui .toggle.state-success i {
  background:#f0fff0;
}
.dg-ui .state-success select + i {
  background:#f0fff0;
  box-shadow:0 0 0 12px #f0fff0;
}
.dg-ui .toggle.state-success input:checked + i {
  background:#f0fff0;
}
.dg-ui .note-success {
  color:#6fb679;
}
.dg-ui .input.state-disabled input,
.dg-ui .select.state-disabled,
.dg-ui .textarea.state-disabled,
.dg-ui .radio.state-disabled,
.dg-ui .checkbox.state-disabled,
.dg-ui .toggle.state-disabled,
.dg-ui .button.state-disabled {
  cursor:default;
  opacity:.5;
}
.dg-ui .input.state-disabled:hover input,
.dg-ui .select.state-disabled:hover select,
.dg-ui .textarea.state-disabled:hover textarea,
.dg-ui .radio.state-disabled:hover i,
.dg-ui .checkbox.state-disabled:hover i,
.dg-ui .toggle.state-disabled:hover i {
  border-color:#e5e5e5;
}
/* COMMON */
.dg-h3 {
  font-size:24px;
  line-height:1.4;
  text-transform:none;
  padding:10px 0 !important;
  line-height:1;
}
.dg-h4 {
  font-size:16px;
  line-height:1.4;
  text-transform:uppercase;
}
.dg-h1,
.dg-h2,
.dg-h3,
.dg-h4,
.dg-h5,
.dg-h6 {
  font-family:inherit;
  font-weight:400;
}
.dg-separator {
  padding:10px 0 !important;
  margin-bottom:10px !important;
  border-bottom:2px solid #ededed;
  line-height:1;
}
.dg-ui .dg-actions [class*='di-'] {
  cursor:pointer;
}
.dg-flex-margin-5 {
  display:flex;
  margin:0 -5px;
  align-items: center;
}
.dg-flex-margin-5 > li {
  margin:0 5px;
}
.dg-flex-margin-2 {
  display:flex;
  margin:0 -2px;
}
.dg-flex-margin-2 > li {
  margin:0 2px;
}
.dg-flex-wrap {
  flex-wrap:wrap;
}
.dg-flex-nowrap {
  flex-wrap:nowrap;
}
#upForm .dg-h4 {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#upForm .dg-h4 span[class*='di-'] {
  font-size:18px;
  color:#ccc;
  cursor:pointer;
}
#upForm .dg-h4 span[class*='di-']:hover {
  color:#aaa;
}
.is-open .choices__list--dropdown {
  background:#fff !important;
  padding:10px;
  margin-top:0;
  box-shadow: none !important;
  border: 2px solid #ededed !important;
  border-radius: 1.5rem !important;
}
.choices__list--dropdown .choices__item--selectable {
  background: #fff !important;
  color: #9a9a9a;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: #fff !important;
  color: #636363
}
.choices__button_joomla::before {
  top: -.4rem !important;
  font-size: 1.5rem;
}
.choices__inner {
  background-position: 99% 50% !important;
}

.choices.is-focused .choices__inner {
  background-color:#fff;
}
/*.choices.is-open .choices__inner {
  border-bottom-width: 0 !important;
  border-bottom: none !important;
  border-right: 2px solid #ededed !important;
  border-top: 2px solid #ededed !important;
  border-left: 2px solid #ededed !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}*/

.dg-message-container {
  display:flex;
  border-width:2px;
  border-style:solid;
  padding:5px 10px;
  border-radius:var(--dg-border-raduis);
  margin-top:10px;
  min-height:38px;
  align-items:center;
}
.dg-ui .copylink {
  cursor:pointer;
}
.dg-ui .copylink i.ping {
  -webkit-animation:ping .8s ease-in-out infinite both;
          animation:ping .8s ease-in-out infinite both;
}
.dg-ui .copylink i.buffered,
.dg-ui .copylink:hover i {
  color:#8fbc8b;
}
.dg-ui input.linktocopy[type='text'] {
  position:absolute;
  z-index:-999;
  opacity:0;
}
.dg-message-container.dg-error {
  border-color:rgba(238, 147, 147, 1);
  background:#fff0f0;
  color:#cd5c5c;
}
.dg-message-container.dg-error h5 {
  color:#cd5c5c;
}
.dg-message-container.dg-error p {
  font-size:.9rem;
}
.dg-message-box {
  display:none;
  padding-bottom:10px;
}
.dg-message-info {
  background-color:#f0f8ff;
  padding:10px 15px;
  border-radius:var(--dg-border-raduis);
  border:2px solid #e0f1ff;
}
.dg-more:not([data-readmore]),
.dg-more + [data-readmore-toggle] {
  margin-bottom:20px;
}
.dg-image-colors {
  align-items:center;
}
.dg-image-colors li:last-child {
  width:100%;
}
.dg-image-colors ul {
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row-reverse;
  margin:0;
}
.dg-image-colors ul li:last-child {
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}
.dg-image-colors ul li:first-child {
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}
.dg-image-colors ul li {
  box-shadow:0 0 1px 0 rgba(0,0,0,.3);
}
.dg-image-colors a {
  display:block;
  height:10px;
}
.dg-flex-margin-5 .dg-tags {
  align-self:flex-start;
}
.dg-row .dg-image-colors {
  margin-top:10px;
  display:flex;
}
.dg-row .dg-image-colors > div {
  height:10px;
}
#image img.dg-thumb {
  border-radius:var(--dg-border-raduis);
}
.dg-ui .dg-grid-item.slit-out-vertical {
  -webkit-animation:slit-out-vertical .5s ease-in both;
          animation:slit-out-vertical .5s ease-in both;
}
/* SEARCH TOP */
#my-favorites {
  display:block;
  position:relative;
}
.dg-ui .dg-fav-badge {
  position:absolute;
  left:-2px;
  top:3px;
  min-width:18px;
  height:18px;
  line-height:18px;
  border-radius:50%;
  background:#989898;
  color:#fff;
  font-size:.6rem;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  font-weight:500;
  box-shadow:0 0 0 2px #f0f0f0;
  padding:1px;
}
.dg-fav-badge.animated {
  -webkit-animation:tada 2s linear infinite;
          animation:tada 2s linear infinite;
}
#dg-search-top {
  margin-bottom:10px;
}
#dg-search-top ul {
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex;
}
#dg-search-top ul li.dg-input-search {
  flex-basis:100%;
  position:relative;
}
#dg-search-top ul li:not(.dg-input-search, .dg-dashboard) {
  padding-left:5px;
}
#dg-search-top a [class*='di-'] {
  opacity:.8;
  transition:opacity .2s;
  color:#696969;
}
#dg-search-top a:hover [class*='di-'] {
  opacity:1;
}
#dg-search-top ul li {
  height:50px;
  line-height:1;
}
#dg-search-top .dg-dashboard {
  width:46px;
  padding:0 5px 0 10px;
  border-top-left-radius:var(--dg-border-raduis);
  border-bottom-left-radius:var(--dg-border-raduis);
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
#dg-search-top input[type='text'].dg-input {
  height:50px;
  border-width:var(--dg-border-width);
  border-style: solid;
  border-color: #ededed;
  border-radius:0;
  /*border-top-left-radius:var(--dg-border-raduis);
  border-bottom-left-radius:var(--dg-border-raduis);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;*/
  padding:0;
  width:100%;
  box-shadow:none;
  margin:0;
  text-indent:16px;
  line-height:normal;
  outline: none;
}
#dg-search-top input[type='text'].dg-input:focus {
  background-color:#fff;
  border-color:#ddd !important;
}
#dg-search-top input[type='text'].dg-input.dg-right-radius,
#dg-search-top li.dg-right-radius {
  border-top-right-radius:var(--dg-border-raduis);
  border-bottom-right-radius:var(--dg-border-raduis);
}
#dg-search-top ul {
  list-style:none;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  width:100%;
}
#dg-search-top ul li:not(.dg-input-search) {
  background:#ededed;
  height:50px;
  line-height:50px;
  width:50px;
  text-align:center;
}
#dg-search-top ul li.dg-user-avatar {
  background:#ededed;
  height:50px;
  line-height:normal;
  width:auto;
  text-align:center;
  border-top-right-radius:var(--dg-avatar-raduis);
  border-bottom-right-radius:var(--dg-avatar-raduis);
  border-left:none;
}
#dg-search-top ul li.dg-user-avatar img {
  height:auto;
  max-width:50px;
  position:relative;
  top:0;
  right:0;
  border-radius:var(--dg-avatar-raduis);
}
#dg-search-top ul li .dg-icon-append {
  position:absolute;
  top:13px;
  right:8px;
  padding-left:0;
  border:none;
}
#my-favorites a {
  display:block;
  height:44px;
  width:44px;
  line-height:44px;
  position:relative;
  top:1px;
}
#dg-search-top [class^='di-'] {
  line-height:unset !important;
}
.dg-ui .owner-rating {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  /*justify-content: space-between;*/
  align-items:center;
  align-content:stretch;
  list-style:none;
  padding-bottom:10px;
  margin:0 -5px;
}
.dg-ui .owner-rating > li {
  padding:0 5px;
}
.dg-ui .owner-rating img {
  width:40px;
  height:40px;
}
.dg-ui ul.owner-rating::after {
  border-bottom:1px solid #ddd;
}
.dg-ui .owner-name {
  display:flex;
  flex-direction:column;
  list-style:none;
}
.dg-ui ul.owner-name li:first-child {
  line-height:1.4;
}
.dg-ui ul.owner-name li:not(:first-child) {
  color: #909090;
  font-size: .8rem;
  text-transform: uppercase;
}
.dg-ui img.dg-avatar {
  border-radius:var(--dg-avatar-raduis);
  border:2px solid #ededed;
  border-width:var(--dg-border-width);
  border-style:solid;
  border-color:#ededed;
}
.dg-ui img.dg-avatar {
  max-width:40px;
  height:auto;
}
.dg-ui .dg-system-avatar {
  display:flex;
  width:40px;
  height:40px;
  justify-content:center;
  align-items:center;
  border-radius:var(--dg-avatar-raduis);
  color:#fff !important;
  font-size:20px;
  border:2px solid #ededed;
}
.dg-ui .dg-system-avatar.dg-error {
  background:#cd5c5c;
}
.dg-ui .dg-system-avatar.dg-warning {
  background:#f4a460;
}
.dg-ui .dg-system-avatar.dg-notice {
  background:#c3e2fd;
}
.dg-badge {
  position:absolute;
  display:block;
  border:1.5px solid #fff;
  border-radius:50%;
  width:8px;
  height:8px;
  right:2px;
  bottom:2px;
  z-index:1;
}
.dg-badge-online {
  background:#bde5b3;
}
.dg-ui .member_avatar .dg-badge {
  border:2px solid #fff;
  width:14px;
  height:14px;
  right:8px;
  bottom:8px;
}
.dg-ui img.dg-grayscaled {
  -webkit-filter:grayscale(100%);
          filter:grayscale(100%);
}
/* IMAGE EDIT */
#dg-edit-page .dg-uploadLabelText {
  display:none !important;
}
#dg-edit-page .input,
#dg-edit-page .select,
#dg-edit-page .textarea {
  margin-bottom:10px;
}
@media only screen and (max-width: 667px) {
  #dg-edit-page .dg-col-4 {
    margin-bottom:10px;
  }
}
#dg-edit-page img.dgimg {
  border-radius:var(--dg-border-raduis);
}
#dg-edit-page .dg-uploadLabelImage::before {
  font-size:50px !important;
}
#dg-edit-page .dg-uploadLabel {
  display:flex;
  background-color:rgba(0, 0, 0, .2);
  border:none;
  cursor:pointer;
  width:100%;
  height:100%;
  transition:.2s linear;
  justify-content:center;
  align-items:center;
  line-height:unset;
  min-width:unset;
  border-radius:var(--dg-border-raduis);
}
#dg-edit-page .dg-uploadLabelImage:hover {
  color:rgba(204, 204, 204, .8);
  text-shadow:none;
}
/* COMMENTS */
.dg-comment-form {
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  max-height: 0;
}
.dg-comments-container {
  position:relative;
}
.dg-comment-container {
  margin-top:20px;
}
.dg-comment-container > ul,
.dg-comment-user-actions {
  display:flex;
  flex-flow:row nowrap;
  margin:0 -5px;
}
.dg-comment-container > ul > li,
.dg-comment-user-actions > li {
  margin:0 5px;
  position:relative;
}
.dg-comment-user-actions [class*='di-']:before {
  font-size:1.2rem;
}

.dg-comment-container > ul > li:nth-child(2) {
  flex:1;
}
.dg-ui .dg-comment-avatar img {
  width:40px;
  height:40px;
}
.dg-comment-avatar {
  display:flex;
  flex-flow:column;
  align-items:center;
  font-size:10px;
}
.dg-comment-top {
  display:flex;
  flex-flow:row nowrap;
  justify-content:space-between;
  font-size:.75rem;
  align-items: center;
}
.dg-comment-user-data,
.dg-comment-action-like,
.dg-comment-action-reply {
  display:flex;
  flex-flow:row nowrap;
  align-items:center;
  margin:0 -2px;
}
.dg-comment-user-data > li,
.dg-comment-action-like > li,
.dg-comment-action-reply > li {
  margin:0 2px;
}
.dg-comment-date {
  color:#c0c0c0;
}
.dg-comment-user-actions .dg-toggle-menu i {
  color:rgba(105, 105, 105, 1);
}
.dg-comment-box {
  background-color:aliceblue;
  border-radius:var(--dg-border-raduis);
  padding:8px 10px;
  font-size:.9rem;
  border:var(--dg-border-width) solid #c3e2fd;
  border-top-left-radius:0;
  word-wrap:break-word;
  overflow-wrap:break-word;
  word-break:break-word;
}
.dg-comment-box.dg-is-author {
  background-color:#f6fff0;
  border-color:#d5e6c1;
}
.dg-comment-box.dg-approval {
  background-color:rgba(244, 164, 96, .1);
  border-color:rgba(244, 164, 96, .6);
  color:rgb(244, 164, 96, 1);
}
.dg-comment-box .reply-to-name {
  font-weight:600;
}
.dg-comment-action-like > li,
.dg-comment-reply,
.dg-comment-reply-cancel,
.dg-comment-edit,
.dg-comment-delete {
  cursor:pointer;
}
@media all and (max-width:600px) {
  .dg-comment-reply > ul > li:nth-child(2) {
    display:none;
  }
  #member-profile ul {
    flex-wrap:wrap;
  }
  #member-profile ul li {
    flex:1;
  }
  #member-profile .location {
    margin-bottom:10px;
  }
}
@media all and (max-width:919px) {
  .dg-comment-container:last-child {
    margin-bottom:20px;
  }
}
.dg-comment-reply:hover {
  color:rgba(244, 164, 96, 1);
}
.dg-comment-edit:hover {
  color:rgba(135, 206, 250, 1);
}
.dg-comment-delete:hover {
  color:rgba(255, 117, 117, 1);
}
.dg-insert .dg-icon-append.di-spin {
  top:10px !important;
  padding:0;
  margin:0;
  display:inline-block;
  width:18px;
  height:18px;
  line-height:18px;
  right:10px;
}
.fc-content .tright {
  display:flex;
  flex-flow:row nowrap;
  justify-content:space-around;
  align-items:center;
}
.fc-content.dg {
  border-radius:var(--dg-border-raduis);
}
/* DROP MENU */
.dg-drop-menu {
  position:absolute;
  top:5px;
  right:5px;
  z-index:2;
}
.dg-drop-menu > ul {
  display:none;
}
.dg-drop-menu ul ul {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items: center;
}
.dg-drop-menu ul ul li {
  margin:0 2px;
}
.dg-drop-menu ul.active {
  display:block;
  background:#696969;
  position:absolute;
  padding:5px 5px 2px 5px;
  border-radius:2px;
  top:0;
  right:25px;
  min-width:80px;
  color:#f5f5f5;
}
.dg-drop-menu ul.active:after {
  z-index:-1;
  position:absolute;
  top:10px;
  right:-4px;
  content:'';
  width:0;
  height:0;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:4px solid #696969;
}
#comments {
  overflow:hidden;
}
.dg-ui .modal-footer {
  text-align:center;
}
#comments i,
.dg-drop-menu i {
  font-size:18px;
}
.dg-toggle-menu {
  display: flex;
  width: 26px;
  height: 26px;
  justify-content: center;
  align-items: flex-end;
}
.dg-toggle-menu i {
  font-size:18px;
  color:#f5f5f5;
  line-height:1;
}
#comments .dg-drop-menu {
  position:relative;
  top:-2px;
  right:0;
}
#comments .dg-drop-menu ul.active {
  right:30px;
}
/* FORM ADD COMMENT NON-AUTHORIZED USER */
#add-comment ul {
  display:flex;
  flex-flow:row nowrap;
  margin:0 -5px;
}
#add-comment ul li {
  margin:0 5px;
}
#add-comment ul:not(.guest) li:nth-child(2) {
  flex:1;
}
#add-comment ul.guest {
  display:flex;
  flex-flow:row wrap;
  margin:0 -5px;
}
#add-comment ul.guest li {
  flex-basis:calc(50% - 10.5px);
  margin:0 5px;
}
#add-comment ul.comment-area-margin {
  margin:10px -5px;
}
#add-comment ul.comment-area-margin li {
  flex:1;
}
#add-comment ul.captcha {
  display:flex;
  flex-flow:row nowrap;
  margin:0 -5px;
}
#add-comment ul.captcha li:first-child {
  flex-basis:100%;
  margin:0 0 0 5px;
}
#add-comment ul.captcha li:last-child {
  margin:0 5px 0 0;
}
#add-comment ul.captcha li:last-child .button {
  margin:0;
  background:#ededed;
  color:#696969;
  border-top-right-radius:var(--dg-border-raduis);
  border-bottom-right-radius:var(--dg-border-raduis);
  border-bottom-left-radius:0;
  border-top-left-radius:0;
  line-height:inherit;
}
.editable textarea {
  width: 100%;
}

#keycode.invalid,
label.error {
  font-size:.75rem;
  color:rgba(205, 92, 92, .8);
  font-style:italic;
  font-weight:inherit;
}
.dg-comment-box .editable textarea.auto-expand {
  resize:none;
  background:transparent !important;
  padding:0;
  border:none;
}
.dg-comment-box + .dg-insert .textarea-expandable {
  margin-top:10px;
}
.dg-comment-container.dg-vibrate {
  -webkit-animation:vibrate .3s linear infinite both;
          animation:vibrate .3s linear infinite both;
}
.dg-comment-container.dg-vibrate .dg-comment-box {
  background-color:rgba(205, 92, 92, .2);
  border-color:rgba(205, 92, 92, .4);
}
.dg-comment-container.slide-out-elliptic-left-bck {
  -webkit-animation:slide-out-elliptic-left-bck .7s ease-in both;
          animation:slide-out-elliptic-left-bck .7s ease-in both;
}
.dg-comment-container .dg-comment-box.editing {
  background-color:rgba(244, 164, 96, .1);
  border-color:rgba(244, 164, 96, .4);
}
.dg-comment-action {
  position:relative;
}
.dg-comment-action > ul {
  display:none;
}
.dg-comment-action ul ul {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  margin:0 -2px;
}
.dg-comment-action ul ul li {
  margin:0 2px;
}
.dg-comment-action ul.active {
  display:block;
  background:#696969;
  position:absolute;
  padding:5px 10px 0;
  border-radius:10px;
  border-top-right-radius:0;
  top:5px;
  right:20px;
  min-width:80px;
  font-size:.65rem;
  color:#696969;
}
.dg-comment-action i {
  font-size:18px;
}
.dg-comment-box .jip-button {
  border:none;
  font-size:11px;
  border-radius:13px;
  height:26px;
  line-height:26px;
  text-align:center;
  color:white;
  padding:0 10px;
  font-family:inherit;
  font-weight:600;
}
.dg-comment-box .jip-ok-button {
  background:#8fbc8b;
  margin-right:5px;
}
.dg-comment-box .jip-cancel-button {
  background:#f4a460;
}
.dg-ui .input-captcha img {
  position:absolute;
  top:2px;
  right:0;
  border-left:0;
  width:auto !important;
}
#dg-image-report .input-captcha img {
  right:20px;
}
#dgrcaptchaval {
  border-top-right-radius:var(--dg-border-raduis);
  border-bottom-right-radius:var(--dg-border-raduis);
}
html[dir=rtl] .dg-ui .input-captcha img {
  left:0!important;
  right:unset;
}
.dg-ui .input-captcha.reverse img {
  left:0;
  right:unset;
  border-right:1px solid #ededed;
}
.dg-ui .input-captcha input[type='text'] {
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
/* CATEGORY VIEW */
.dg-ui .image-block {
  margin:0;
  padding:0;
  overflow:hidden;
  position:relative;
  background-color:#fff;
}
.dg-has-alpha {
  background-color:#fff;
  background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjkzNyA3LjkzOCIgaGVpZ2h0PSIzMCIgd2lkdGg9IjMwIj48cGF0aCBwYWludC1vcmRlcj0ic3Ryb2tlIGZpbGwgbWFya2VycyIgZD0iTS4wMTQuMDE0SDMuOTdWMy45N0guMDE0ek0zLjk3IDMuOTY4aDMuOTU0djMuOTU1SDMuOTd6IiBmaWxsPSIjZWVlZmYwIi8+PC9zdmc+');
  background-size:25px;
}
.dg-ui .image-block.dg-image img {
  -webkit-transform:scale(1);
          transform:scale(1);
  -webkit-transition:.25s ease-in-out;
          transition:.25s ease-in-out;
}
.dg-ui .image-block.dg-image:hover img {
  -webkit-transform:scale(1.05);
          transform:scale(1.05);
}
.dg-ui .stats-bar {
  position:absolute;
  bottom:-5px;
  opacity:0;
  left:0;
  right:0;
  height:auto;
  min-height:60px;
  padding:0 10px;
  color:#fff;
  z-index:1;
  -webkit-backface-visibility:hidden;
  background:-moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 100%);
  background:     linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 100%);
  -webkit-transition:bottom .25s ease-in,opacity .25s ease-in-out;
     -moz-transition:bottom .25s ease-in,opacity .25s ease-in-out;
          transition:bottom .25s ease-in,opacity .25s ease-in-out;
}
.dg-grid .dg-grid-item:hover .stats-bar,
.dg-grid-item:hover .stats-bar {
  bottom:0;
  opacity:1;
  -webkit-transition:bottom .25s ease-in,opacity .25s ease-in-out;
     -moz-transition:bottom .25s ease-in,opacity .25s ease-in-out;
          transition:bottom .25s ease-in,opacity .25s ease-in-out;
}
.stats-bar > ul {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-end;
  align-items:flex-end;
  margin-top:24px;
}
.dg-ui .stats-bar > ul > li {
  text-shadow:-1px 0 rgba(0, 0, 0, .1), 0 1px rgba(0, 0, 0, .1), 1px 0 rgba(0, 0, 0, .1), 0 -1px rgba(0, 0, 0, .1);
}
.dg-ui .stats-bar > ul > li.box {
  display:flex;
  justify-content:center;
  align-items:center;
}
.dg-ui .stats-bar > ul > li.box span {
  margin:0 2.5px;
}
.dg-ui .dg-featured [class*='di-'],
.dg-ui .stats-bar > ul > li.box span[class*='di-'] {
  font-size:1.2rem;
  line-height:1.4;
}
.dg-featured .di-gif {
  font-size:1.7rem;
  line-height:1;
}
.dg-ui .user-data .dg-added {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}
.dg-ui .user-data .dg-added span {
  /*margin: 0 2.5px;*/
}
.dg-featured {
  flex:1;
}
.dg-featured > ul {
  display:flex;
  line-height:1;
}
.dg-ui .stats-bar-top .di-favorite,
.dg-ui .stats-bar-top .di-unfavorite,
.dg-ui .stats-bar .di-like,
.dg-ui .stats-bar .di-likes {
  cursor:pointer;
}
.stats-bar-top {
  position:absolute;
  top:-5px;
  opacity:0;
  left:0;
  right:0;
  height:auto;
  min-height:60px;
  padding:10px 0 0 10px;
  color:rgba(245, 245, 245, 1.0);
  z-index:1;
  -webkit-backface-visibility:hidden;
  background:-moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 100%);
  background:     linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 100%);
  -webkit-transition:top .25s ease-in,opacity .25s ease-in-out;
     -moz-transition:top .25s ease-in,opacity .25s ease-in-out;
          transition:top .25s ease-in,opacity .25s ease-in-out;
}
.dg-ui .in-category {
  font-size:.65rem;
}
.dg-grid .dg-grid-item:hover .stats-bar-top,
.dg-grid-item:hover .stats-bar-top,
.dg-carousel .image-block:hover .stats-bar-top {
  top:0;
  opacity:1;
  -webkit-transition:top .25s ease-in,opacity .25s ease-in-out;
     -moz-transition:top .25s ease-in,opacity .25s ease-in-out;
          transition:top .25s ease-in,opacity .25s ease-in-out;
}
.stats-bar-top ul {
  display:flex;
  width:100%;
}
.stats-bar-top > ul {
  flex-direction:row;
  margin:-5px;
  align-items:center;
}
.stats-bar-top > ul > li {
  margin:5px;
}
.stats-bar-top ul li ul {
  flex-direction:column;
}
.stats-bar-top ul li {
  line-height:normal;
  font-size:.8rem;
  text-shadow:-1px 0 rgba(0, 0, 0, .1), 0 1px rgba(0, 0, 0, .1), 1px 0 rgba(0, 0, 0, .1), 0 -1px rgba(0, 0, 0, .1);
}
.stats-bar-top ul li a {
  color:#fff;
  line-height:normal;
  font-size:.9rem;
  transition:color .5s ease;
}
.stats-bar-top ul li a:hover {
  color:#86e2ff;
}
.dg-ui .stats-bar-top li.dg-favicon {
  align-self:flex-start;
}
.user-data {
  min-width:0;
  padding-right:10px;
  flex:1;
}
.user-data ul li:nth-child(3) {
  font-size:.65rem;
}
.stats-bar-top ul li ul li div {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}
/*#dg-pregrid {
  position:relative;
  display:block;
  padding:0;
}*/
.dg-ui .ias-conteiner {
  position:fixed;
  bottom:0;
  display:flex;
  width:150px;
  justify-content:flex-start;
  align-items:center;
  margin:-5px;
  padding:10px;
}
.dg-ui .liked [class*='di-'],
.dg-ui .di-like {
  color:#f36b6b;
}
.di-spin {
  -webkit-animation:dgspin .6s linear infinite;
          animation:dgspin .6s linear infinite;
  display:block;
}
.loader {
  position: relative;
  margin: auto;
  border-top: 1.5px solid rgba(154, 158, 162, 0.2);
  border-right: 1.5px solid rgba(154, 158, 162, 0.2);
  border-bottom: 1.5px solid rgba(154, 158, 162, 0.2);
  border-left: 1.5px solid #444444;
  transform: translateZ(0);
  animation: loader 1.1s infinite linear;
  width: 18px;
  height: 18px;
  display: inline-flex;
  border-radius: 50%;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ias-noneleft,
.ias-spinner,
.ias-trigger {
  cursor:pointer;
  background-color:rgba(0, 0, 0, .2);
  text-align:center;
  margin:5px;
  width:40px;
  height:40px;
  line-height:40px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:1;
}
.ias-noneleft:hover,
.ias-spinner:hover,
.ias-trigger:hover {
  background-color:rgba(0, 0, 0, .4);
}
.ias-noneleft a,
.ias-spinner a,
.ias-trigger a {
  color:#eee;
  font-size:18px;
}
.ias-spinner .di-spin,
.ias-noneleft a:hover,
.ias-spinner a:hover,
.ias-trigger a:hover {
  color:#fff;
}
.ias-noneleft {
  -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
}
.dg-hidden {
  display:none;
}
.dg-hide {
  opacity:0;
  transition:all .3s ease-in-out;
}
.dg-fb-icon {
  position:absolute;
  display:flex;
  width:40px;
  height:40px;
  background:rgba(0, 0, 0, .2);
  z-index:2;
  color:#000;
  opacity:0;
  top:calc(100% / 2 - 20px);
  left:calc(100% / 2 - 20px);
  justify-content:center;
  align-items:center;
  border-radius:50%;
  cursor:pointer;
}
.dg-grid .dg-grid-item:hover .dg-fb-icon,
.dg-grid-item:hover .dg-fb-icon {
  opacity:1;
  -webkit-transition:top .3s ease-in,opacity .3s ease-in-out;
     -moz-transition:top .3s ease-in,opacity .3s ease-in-out;
          transition:top .3s ease-in,opacity .3s ease-in-out;
}
.dg-fb-icon:before {
  font-family:'datso';
  content:'\4d';
  font-size:1.7rem;
  color:#fafafa;
}
.dg-ui .zipdownload {
  cursor:pointer;
  color:#696969;
  opacity:.8;
     -moz-transition:opacity .2s;
  -webkit-transition:opacity .2s;
}
.dg-ui .zipdownload:hover {
  opacity:1;
}
.dg-ui .zipdownload .di-archive {
  font-size:1.7rem;
}
/* DROP MENU CATEGORY VIEW */
.dg-ui .dg-dropup {
  position:absolute;
  top:5px;
  right:5px;
  display:none;
  z-index:2;
}
.dg-ui .dg-dropup .dg-dropup-btn i {
  font-size:.95rem;
  color:#fff;
}
.dg-ui .dg-dropup .dg-dropup-btn {
  z-index:999;
  cursor:pointer;
  display:inline-block;
  border:none;
  color:#fff;
  line-height:25px;
  text-decoration:none !important;
  height:25px;
  width:25px;
  text-align:center;
  border-radius:3px;
}
.dg-ui .dg-dropup:hover .dg-dropup-btn {
  color:#fff;
  background-color:rgba(0, 0, 0, .2);
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}
.dg-ui .dg-dropup .dg-dropup-act {
  display:none;
  position:absolute;
  z-index:999;
  right:0;
  text-align:left;
  background-color:rgba(0, 0, 0, .2);
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;
  border-top-left-radius:3px;
}
.dg-ui .dg-dropup .dg-dropup-act li {
  list-style:none;
  margin-left:0;
  line-height:25px;
  cursor:pointer;
  height:25px;
}
.dg-ui .dg-dropup .dg-dropup-act li:hover {
  background-color:rgba(0, 0, 0, .4);
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
}
.dg-ui .dg-dropup .dg-dropup-act li:first-child {
  border-top-left-radius:3px;
  border-top-right-radius:0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}
.dg-ui .dg-dropup .dg-dropup-act li a {
  display:flex;
  padding-left:8px;
  padding-right:8px;
  font-size:.65rem;
  font-weight:400;
  text-transform:uppercase;
  color:#fff !important;
  text-decoration:none !important;
  white-space:nowrap;
}
.dg-dropup .dg-dropup-act li:hover i,
.dg-ui .dg-dropup .dg-dropup-act li i {
  color:#fff!important;
  margin-right:3px;
}
.dg-ui .dg-dropup .dg-dropup-act li:hover a {
  color:#fff;
  text-decoration:none!important;
}
/* WIZARD */
/*.tabcontrol,
.wizard {
  display:block;
  width:100%;
  overflow:hidden;
}
.tabcontrol a,
.wizard a {
  outline:0;
}
.tabcontrol ul,
.wizard ul {
  list-style:none!important;
}
.tabcontrol > .content > .body ul,
.wizard > .content > .body ul {
  list-style:disc!important;
}
.tabcontrol ul > li,
.wizard ul > li {
  display:block;
  padding:0;
}
.tabcontrol > .content > .title,
.tabcontrol > .steps .current-info,
.wizard > .content > .title,
.wizard > .steps .current-info {
  position:absolute;
  left:-999em;
}
.wizard > .steps {
  position:relative;
  display:none;
  width:100%;
}
.wizard.vertical > .steps {
  display:inline;
  float:left;
  width:30%;
}
.wizard > .steps .number {
  font-size:1.429em;
}
body.contentpane .chzn-container,
input.dginput-small {
  font-size:12px!important;
}
.wizard > .steps > ul > li {
  width:calc(100% / 3);
}
.wizard > .actions > ul > li,
.wizard > .steps > ul > li {
  float:left;
  margin-left:10px;
}
.wizard.vertical > .steps > ul > li {
  float:none;
  width:100%;
}
.wizard > .steps a,
.wizard > .steps a:active,
.wizard > .steps a:hover {
  display:block;
  width:auto;
  margin:0 .5em .5em 0;
  padding:1em;
  text-decoration:none;
}
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:active,
.wizard > .steps .disabled a:hover {
  background:#eee;
  color:#aaa;
  cursor:default;
}
.wizard > .steps .current a,
.wizard > .steps .current a:active,
.wizard > .steps .current a:hover {
  background:#4682b4;
  color:#fff;
  cursor:default;
}
.wizard > .steps .done a,
.wizard > .steps .done a:active,
.wizard > .steps .done a:hover {
  background:#9dc8e2;
  color:#fff;
}
.wizard > .steps .error a,
.wizard > .steps .error a:active,
.wizard > .steps .error a:hover {
  background:#ff3111;
  color:#fff;
}
.wizard.vertical > .content {
  display:inline;
  float:left;
  margin:0 2.5% .5em;
  width:65%;
}
.wizard > .content > .body {
  float:left;
  width:100%;
  height:100%;
  padding:0;
}
.wizard > .content > .body ul > li {
  display:list-item;
}
.wizard > .content > .body > iframe {
  border:0;
  width:100%;
  height:100%;
}
.wizard > .content > .body input[type=checkbox],
.wizard > .content > .body label {
  display:inline-block;
}
.wizard > .content > .body label.error {
  color:#cd5c5c;
  display:inline-block;
  margin-left:1.5em;
}
.wizard > .actions > ul > li.disabled {
  display:none;
}
.wizard > .actions {
  position:relative;
  display:block;
  text-align:right;
  width:100%;
}
.wizard.vertical > .actions {
  display:inline;
  float:right;
  margin:0 2.5%;
  width:95%;
}
.wizard > .actions > ul {
  float:left;
}
.wizard.vertical > .actions > ul > li {
  margin:0 0 0 1em;
}
.wizard > .actions a,
.wizard > .actions a:active,
.wizard > .actions a:hover {
  background:#4682b4;
  color:#fff;
  display:block;
  padding:0 1.5em;
  text-decoration:none;
  height:40px;
  line-height:40px;
  text-transform:uppercase;
  border-radius:var(--dg-border-raduis);
}
.wizard > .actions .disabled a,
.wizard > .actions .disabled a:active,
.wizard > .actions .disabled a:hover {
  background:#eee;
  color:#aaa;
}
.tabcontrol > .steps {
  position:relative;
  display:block;
  width:100%;
}
.tabcontrol > .steps > ul {
  position:relative;
  margin:6px 0 0;
  top:1px;
  z-index:1;
}
.tabcontrol > .steps > ul > li {
  float:left;
  margin:5px 2px 0 0;
  padding:1px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
          border-top-left-radius:5px;
          border-top-right-radius:5px;
}
.tabcontrol > .steps > ul > li:hover {
  background:#edecec;
  border:2px solid #ededed;
  padding:0;
}
.tabcontrol > .steps > ul > li.current {
  background:#fff;
  border:2px solid #ededed;
  border-bottom:0 none;
  padding:0 0 1px;
  margin-top:0;
}
.tabcontrol > .steps > ul > li > a {
  color:#696969;
  display:inline-block;
  border:0;
  margin:0;
  padding:10px 30px;
  text-decoration:none;
}
.tabcontrol > .steps > ul > li > a:hover {
  text-decoration:none;
}
.tabcontrol > .steps > ul > li.current > a {
  padding:15px 30px 10px;
}
.tabcontrol > .content {
  position:relative;
  display:inline-block;
  width:100%;
  height:35em;
  overflow:hidden;
  border-top:1px solid #bbb;
  padding-top:20px;
}
.tabcontrol > .content > .body {
  float:left;
  position:absolute;
  width:95%;
  height:95%;
  padding:2.5%;
}
.tabcontrol > .content > .body ul > li {
  display:list-item;
}
.dg-hiddenFile {
  width:.1px;
  height:.1px;
  opacity:0;
  overflow:hidden;
  position:absolute;
  z-index:-1;
}
.dg-gridContainer,
.dg-uploadContainer {
  font-size:90%;
}
.dg-uploadLabel {
  display:inline-block;
  vertical-align:middle;
  background-color:rgba(245, 245, 245, .5);
  text-align:center;
  margin:0 auto;
  color:#aaa;
  font-weight:400;
  font-size:.8rem;
  border:2px dashed #ccc;
  cursor:pointer;
  height:340px;
  line-height:340px;
  transition:.2s linear;
  padding:0;
  min-width:280px;
  width:100%;
  border-radius:var(--dg-border-raduis);
}
.dg-uploadLabel:hover {
  border-color:#aaa;
}
.dg-uploadLabelImage {
  display:block;
  height:90px;
  vertical-align:middle;
}
.dg-uploadLabelImage::before {
  font-family:'dg-icons';
  font-size:96px;
  color:#ccc;
  content:'\e900';
  position:relative;
  text-shadow:0 1px 0 #fff;
  transition:.2s linear;
}
.dg-uploadLabel:hover > .dg-uploadLabelImage::before {
  color:#aaa;
}
.dg-uploadLabelImage.upli {
  display:inline-block;
  margin:0 10px 0 0;
  height:auto;
  transition:.2s linear;
}
html[dir=rtl] .dg-uploadLabelImage.upli::before {
  padding-left:10px;
}
.dg-uploadLabelImage.upli::before {
  font-family:'dg-icons';
  font-size:24px;
  color:#ccc;
  content:'\e900';
  text-shadow:0 1px 0 #fff;
}
.dg-uploadLabelText {
  display:inline-block;
  color:#aaa;
  text-shadow:0 1px 0 #fff;
  text-transform:none;
}
.dg-uploadButtonHolder {
  min-width:340px;
  display:block;
  text-align:right;
  padding:0 10px;
  background:#efefef;
  height:0;
  line-height:30px;
  overflow:hidden;
}
.dg-uploadButton {
  display:inline-block;
  text-align:center;
  height:30px;
  line-height:30px;
  padding:0 15px;
  background:#ddd;
  color:#555;
  cursor:pointer;
  font-size:1.2em;
  font-weight:300;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.dg-gridContainer .dg-uploadItemsList:not([data-upload='0']) + .dg-uploadButtonHolder,
.dg-uploadContainer .dg-uploadItemsList:not([data-upload='0']) + .dg-uploadButtonHolder {
  height:30px!important;
  padding:10px;
}
.dg-uploadContainer {
  min-height:60px;
  width:100%;
  display:inline-block;
}
.dg-uploadContainer .dg-uploadItemsList {
  width:100%;
  text-align:left;
}
.dg-uploadContainer .dg-uploadItem {
  padding:10px 0;
  background:0 0;
  margin:auto;
  width:100%;
  font-size:1.1em;
  line-height:1.2em;
  position:relative;
  height:65px;
  animation:unfoldGrow .8s normal;
}
.dg-uploadContainer .dg-uploadItemIcon {
  display:block;
  height:50px;
  width:50px;
  margin-right:10px;
  float:left;
  text-align:center;
  line-height:50px;
  color:#444;
  font-size:1em;
  font-weight:300;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:uppercase;
  position:relative;
  text-shadow:0 1px 0 #fff;
  background:url(../images/transparent.png) center center #ddd;
}
html[dir=rtl] .dg-uploadContainer .dg-uploadItemIcon {
  float:right;
  margin-right:0;
  margin-left:10px;
}
.dg-uploadContainer .dg-uploadItemIcon:after {
  content:'\e017';
  font-size:25px;
  color:#999;
  position:relative;
}
.dg-uploadContainer .dg-uploadItemText {
  width:calc(100% - 98px);
  display:inline-block;
  vertical-align:top;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:inherit;
  font-weight:400;
  margin-bottom:5px;
  font-size:.8rem;
  line-height:normal;
}*/
html[dir=rtl] .dg-uploadContainer .dg-uploadItemControls,
html[dir=rtl] .dg-uploadContainer .dg-uploadItemText {
  text-align:right;
  display:block;
}
html[dir=rtl] .dg-allowed-ext,
html[dir=rtl] .dg-toogle-terms {
  float:right !important;
}
html[dir=rtl] ul[role=menu] {
  float:left !important;
  padding-bottom:10px;
}
html[dir=ltr] ul[role=menu] {
  float:right !important;
  padding-bottom:10px;
}
.dg-allowed-ext {
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  line-height:1;
  margin:0 -5px;
  font-size:.8rem;
  text-align:left;
}
.dg-allowed-ext li {
  margin:0 5px;
}
.dg-allowed-ext i {
  font-size:1rem;
}
.dg-uploadContainer .dg-uploadItemSize {
  display:block;
  vertical-align:top;
  color:#999;
  font-size:.75em;
  line-height:1.2em;
}
.dg-uploadContainer .dg-done:before,
.dg-uploadContainer .dg-paused:before,
.dg-uploadContainer .dg-uploadItemCancel:before,
.dg-uploadContainer .dg-uploadItemPause:before,
.dg-uploadContainer .dg-uploadItemView:before {
  font-family:dg-icons;
  font-size:16px;
  color:#444;
  position:relative;
}
.dg-uploadContainer .dg-controlsContainer {
  position:relative;
  float:right;
  display:inline-block;
  vertical-align:top;
  height:20px;
}
.dg-uploadContainer .dg-uploadItemPause {
  display:inline-block;
  vertical-align:top;
  cursor:pointer;
  margin-left:7px;
}
.dg-uploadContainer .dg-uploadItemPause:before {
  content:'\e01b';
}
.dg-uploadContainer .dg-paused:before {
  content:'\e01a';
}
.dg-uploadContainer .dg-done {
  display:none!important;
}
.dg-uploadContainer .dg-uploadItemCancel,
.dg-uploadContainer .dg-uploadItemView {
  display:inline-block;
  cursor:pointer;
  margin-left:7px;
  vertical-align:top;
}
.dg-uploadContainer .dg-done:before {
  content:'\69';
}
.dg-uploadContainer .dg-uploadItemCancel:before {
  content:'\e007';
}
.dg-uploadContainer .dg-uploadItemView {
  float:right;
}
.dg-uploadContainer .dg-uploadItemView:before {
  content:'\51';
}
.dg-uploadContainer .dg-uploadItemBar {
  display:block;
  margin:20px 0 10px;
  overflow:hidden;
  height:4px;
  background:#e6e6e6;
  width:100%;
}
.dg-uploadContainer .dg-uploadItemBarUploaded {
  width:0;
  height:100%;
  transition:.2s linear;
  background:#8fbc8b;
}
.dg-uploadContainer .dg-uploadItemBarFailed {
  background:rgba(205, 92, 92, .8)!important;
  width:100%!important;
}
.dg-uploadContainer .dg-uploadItemBarSucceed {
  background:rgba(143, 188, 139, .8)!important;
  width:100%!important;
}
.dg-gridContainer {
  min-height:60px;
  min-width:320px;
  display:inline-block;
}
.dg-gridContainer .dg-uploadItemsList {
  min-width:320px;
  text-align:center;
  background:#fefefe;
}
.dg-gridContainer .dg-uploadItem {
  background:rgba(255, 255, 255, .8);
  margin:auto;
  font-size:1.1em;
  line-height:1.2em;
  display:inline-block;
  width:120px;
  padding:10px;
  position:relative;
  animation:unfoldGrow .8s normal;
}
.dg-gridContainer .dg-uploadItemCancel:hover,
.dg-gridContainer .dg-uploadItemPause:hover,
.dg-gridContainer .dg-uploadItemView:hover {
  background-color:rgba(220, 220, 220, 1);
}
.dg-gridContainer .dg-uploadItemIcon {
  display:block;
  height:120px;
  width:120px;
  text-align:center;
  line-height:100px;
  color:#999;
  font-size:2.5em;
  font-weight:300;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-bottom:10px;
}
.dg-gridContainer .dg-uploadItemSize,
.dg-gridContainer .dg-uploadItemText {
  text-overflow:ellipsis;
  margin-bottom:5px;
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
}
.dg-gridContainer .dg-uploadItemText {
  width:120px;
  vertical-align:top;
  color:#444;
  font-weight:300;
  font-size:1.1em;
  line-height:1.2em;
}
.dg-gridContainer .dg-uploadItemCancel,
.dg-gridContainer .dg-uploadItemPause,
.dg-gridContainer .dg-uploadItemView {
  width:26px;
  height:26px;
  float:right;
  border-radius:30px;
  margin-left:7px;
  top:90px;
  position:absolute;
  cursor:pointer;
}
.dg-gridContainer .dg-uploadItemSize {
  vertical-align:middle;
  color:#999;
  font-size:1em;
  line-height:20px;
}
.dg-gridContainer .dg-uploadItemPause {
  display:inline-block;
  vertical-align:middle;
  background:rgba(220, 220, 220, 1);
  background-size:46%;
  left:20px;
}
.dg-gridContainer .dg-paused {
  background:rgba(220, 220, 220, 1);
  border-radius:30px;
  background-size:46%;
}
.dg-gridContainer .dg-done {
  display:none!important;
}
.dg-gridContainer .dg-uploadItemCancel {
  display:inline-block;
  vertical-align:middle;
  background:rgba(220, 220, 220, 1);
  background-size:46%;
  left:80px;
}
.dg-gridContainer .dg-uploadItemView {
  display:inline-block;
  vertical-align:middle;
  background:rgba(220, 220, 220, 1);
  background-size:64%;
  left:20px;
}
.dg-gridContainer .dg-uploadItemBar {
  width:120px;
  height:4px;
  display:inline-block;
  background:rgba(200, 200, 200, 1);
  overflow:hidden;
  position:absolute;
  top:130px;
  left:10px;
}
.dg-gridContainer .dg-uploadItemBarUploaded {
  width:0;
  height:100%;
  background:rgba(40, 40, 80, .6);
  transition:.2s linear;
}
.dg-gridContainer .dg-uploadItemBarFailed {
  background:rgba(200, 40, 80, .6)!important;
  width:100%!important;
}
.dg-gridContainer .dg-uploadItemBarSucceed {
  background:rgba(40, 200, 80, .6)!important;
  width:100%!important;
}
.dg-toogle-terms {
  float:left;
}
.member_avatar.force-hover::after,
.member_avatar.force-hover::before {
  visibility: visible !important;
  opacity: 1 !important;
  transition-delay: .1s !important;
}
.dg-iframe {
  border:2px solid #ededed;
  width:calc(100% - 2px);
  min-height:360px;
  font-family:inherit;
  padding:0;
  margin:0;
}
.dg-iframe body.contentpane {
  margin:0;
  padding:10px;
  font-family:inherit;
  font-size:1rem;
}
.button-fixed-bottom-left {
    position: fixed;
    left: 240px;
    bottom: 20px;
    padding: 10px;
    background-color: #F5F5F5;
    color: gray;
    border: none;
    cursor: pointer;
    text-align: center;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.button-fixed-bottom-left:hover {
    background-color: #E8E8E8;
}
.button-fixed-bottom-left span:first-child {
  font-size: .75rem;
  font-weight: 600;
  margin-right: 10px;
}
.dg-hidden {
  /*visibility: hidden;*/
  display:none;
}
#dg-member .position-center {
  width: auto;
}

#dg-update-avatar {
  position: absolute;
  top: 2.5px;
  right: 2.5px;
  width: 85px;
  height: 85px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
#dg-update-avatar::before {
  color: transparent;
  transition: color 0.3s ease-in-out;
}
#dg-update-avatar:hover::before {
  color: rgba(255, 255, 255, .6);
}
#dg-update-avatar > span {
  color: white;
}

#dg-update-avatar:hover {
  background: rgba(0, 0, 0, 0.3);
}
.dg-hiddenFile {
  width:.1px;
  height:.1px;
  opacity:0;
  overflow:hidden;
  position:absolute;
  z-index:-1;
}
#dg-update-avatar .dg-uploadContainer {
  height:100%;
  min-width:0!important;
  min-height:none!important;
}
#dg-update-avatar .dg-uploadLabelImage {
  height:100%;
}
#dg-update-avatar .dg-uploadLabelImage::before {
  top:calc(50% - 80px);
}
#dg-update-avatar .dg-uploadLabel > .dg-uploadLabelImage::before {
  color:rgba(204, 204, 204, .5);
  text-shadow:none;
}
#dg-update-avatar .dg-uploadLabel:hover > .dg-uploadLabelImage::before {
  color:rgba(204, 204, 204, .8);
  text-shadow:none;
}
#dg-update-avatar .dg-uploadLabelText {
  position:absolute;
  top:80%;
  text-align:center;
  width:100%;
  text-shadow:none;
  color:rgba(204, 204, 204, 0);
  font-weight:600;
}
#dg-update-avatar .dg-uploadLabel:hover > .dg-uploadLabelText {
  color:rgba(204, 204, 204, .8);
  text-shadow:none;
}
#dg-update-avatar .dg-uploadItemControls,
#dg-update-avatar .dg-uploadItemIcon,
#dg-update-avatar .dg-uploadItemText {
  display:none;
}
#dg-update-avatar .dg-uploadItem {
  padding:0;
  height:0;
  background:0 0;
  position:absolute;
  top:0;
  animation:ease;
}
#dg-update-avatar .dg-uploadItemBar {
  margin:0;
  min-width:0!important;
  width:auto!important;
}
.dg-ui .wizard .select,
.dg-ui .wizard .tagsinput,
.dg-ui .wizard section {
  margin-bottom:10px!important;
}
@media only screen and (max-width: 667px) {
  .dg-ui .wizard .dg-col-4 {
    margin-bottom:10px;
  }
  .dg-ui .wizard .dg-col-4:last-child {
    margin-bottom:0;
  }
}
/*.dg-ui .dg-success {
  background:#e6f0e5;
  color:#6a9067;
  border-color:rgba(143, 188, 139, .3);
}
.dg-ui .dg-warning {
  background:#fffceb;
  color:#ffa07a;
  border-color:rgba(255, 160, 122, .3);
}
.dg-ui .dg-danger {
  background:#f9ebeb;
  color:#cd5c5c;
  border-color:rgba(205, 92, 92, .3);
}*/
.dg-ui div.dg-spiner {
  display:none;
  position:absolute;
  z-index:1;
  width:100%;
  height:100%;
}
.dg-ui div.dg-spiner::before {
  top:calc(50% - 1rem);
  left:calc(50% - 1rem);
  width:2rem;
  height:2rem;
}
.dg-spiner:not(:required)::before {
  content:'';
  border-radius:50%;
  border:.1rem solid #eee;
  border-top-color:#696969;
          animation:dgspin .6s linear infinite;
  -webkit-animation:dgspin .6s linear infinite;
}
.dg-spiner::before {
  position:absolute;
  top:0;
  left:0;
  width:.85rem;
  height:.85rem;
}
/* FOOTER */
.dg-ui .footer,
.dg-ui .backlink {
  display:flex;
  justify-content:center;
  font-size:.75rem;
  text-transform:uppercase;
  flex-wrap:nowrap;
  align-items:center;
  letter-spacing:1px;
  font-family:inherit;
  font-weight:inherit;
  margin-top:20px;
}
.dg-ui .backlink a {
  display:flex;
  align-items:center;
}
.dg-ui .backlink .di-like::before {
  font-size: 1rem;
  vertical-align: middle;
  color:#F36B6B;
}
/*.dg-ui .backlink .di-like {
  font-size:1rem;
  line-height:1;
  position:relative;
  top:2.3px;
}*/
.dg-ui .backlink a:hover {
  color:#666;
  transition:color .3s ease 0s;
}
.dg-ui .backlink a:hover .di-like {
  display:inline-flex;
  -webkit-animation:1.3s ease-in-out beatheart infinite;
          animation:1.3s ease-in-out beatheart infinite;
}
.dg-ui .backlink a.hint--small:after {
  text-transform:none;
}
/* GRID */
.dg-ui .dg-row {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin: 0 -5px;
}
#previewContainer .dg-row {
  margin: 0 -5px 30px -5px;
}
.dg-ui .dg-row.dg-stacked {
  flex-direction:row;
  flex-wrap:wrap;
  margin:0 -5px;
}
.dg-ui .slide-top {
  -webkit-animation:slide-top .5s cubic-bezier(.250, .460, .450, .940) both;
          animation:slide-top .5s cubic-bezier(.250, .460, .450, .940) both;
}
.dg-ui .scale-up-center {
  -webkit-animation:scale-up-center .4s cubic-bezier(.390, .575, .565, 1.000) both;
          animation:scale-up-center .4s cubic-bezier(.390, .575, .565, 1.000) both;
}
.dg-ui .shake-horizontal {
  display:block;
  -webkit-animation:shake-horizontal .6s cubic-bezier(.455,.030,.515,.955) both;
          animation:shake-horizontal .6s cubic-bezier(.455,.030,.515,.955) both;
}
.dg-ui .dg-col {
  margin:0 5px;
  width: 100%;
}
.dg-ui .dg-col.dg-margin-bottom {
  margin-bottom:10px;
}
.dg-ui .dg-col-1 {
  flex-basis:calc(8.33% - 10px);
}
.dg-ui .dg-col-2 {
  flex-basis:calc(16.66% - 10px);
}
.dg-ui .dg-col-3 {
  flex-basis:calc(25% - 10px);
}
.dg-ui .dg-col-4 {
  flex-basis:calc(33.33% - 10px);
}
.dg-ui .dg-col-5 {
  flex-basis:calc(41.66% - 10px);
}
.dg-ui .dg-col-6 {
  flex-basis:calc(50% - 10px);
}
.dg-ui .dg-col-7 {
  flex-basis:calc(58.33% - 10px);
}
.dg-ui .dg-col-8 {
  flex-basis:calc(66.67% - 10px);
}
.dg-ui .dg-col-9 {
  flex-basis:calc(75% - 10px);
}
.dg-ui .dg-col-10 {
  flex-basis:calc(83.33% - 10px);
}
.dg-ui .dg-col-11 {
  flex-basis:calc(91.66% - 10px);
}
@media screen and (max-width: 667px) {
  .dg-ui .dg-row {
    flex-wrap:wrap;
  }
  .dg-ui .dg-col {
    flex-basis:100%;
  }
  #dg-related .dg-col-4 {
    flex-basis:calc(33.33% - 10px);
  }
  .dg-ui .dg-col label {
    margin-bottom:10px;
  }
  #tmpimgs img.dg-img {
    object-fit:cover;
    width:100%;
    height:100%;
    backface-visibility:hidden;
  }
  #tmpimgs .dg-preview {
    margin-bottom:30px !important;
  }
}
/* TAGS INPUT */
.dg-ui .dg-ui .input .icon-append + div#dgtags_tagsinput {
  padding-right:46px;
}
.dg-ui .tagsinput[id$='_tagsinput'] .tag {
  background:#eee;
  border:0;
  color:grey;
}
.dg-ui #textfield_tagsinput.tagsinput .tag {
  background:#dcdcdc;
}
.dg-ui div.tagsinput {
  background:#fff;
  border-width:var(--dg-border-width);
  border-style: solid;
  border-color: #ededed;
  overflow-y:auto !important;
  border-radius:var(--dg-border-raduis);
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  line-height: 50px;
}
.dg-ui div.tagsinput:hover {
  border-color:#ccc;
  transition:border-color .3s ease 0s;
}
.dg-ui div.tagsinput span.tag {
  font-size:13px;
  margin:2px 0;
  padding:0 10px;
  text-decoration:none;
  display:flex;
  align-items:center;
  border-radius:var(--dg-border-raduis);
  height:46px;
}
.dg-ui div.tagsinput span.tag i {
  font-size:18px;
  line-height:2;
  padding-left:5px;
}
.dg-ui div.tagsinput span.tag a {
  color:grey;
  font-size:13px;
  font-weight:400;
  text-decoration:none;
}
.dg-ui div.tagsinput input {
  border:none !important;
  font-family:inherit;
  font-size:13px !important;
  font-weight:400;
  margin:1px;
  outline:0;
  width:80px !important;
  height:35px !important;
  color:#bbb;
  border-radius:18px;
  padding-left:10px;
}
.dg-ui div.tagsinput input.not_valid {
  background-color:rgba(205, 92, 92, .2) !important;
  color:#cd5c5c !important;
}
.dg-ui div.tagsinput div {
  display:block;
}
html[dir=rtl] div.tagsinput div,
html[dir=rtl] div.tagsinput span.tag {
  flex-direction:row-reverse;
}
.dg-ui .tags_clear {
  clear:both;
  height:0;
  width:100%;
}
/* SELECT 2 */
.dg-select .chzn-container,
.dg-select .inputbox[type='text']:not([class*='input-']) {
  width:100% !important;
}
.dg-select .chzn-container-single .chzn-single {
  position:relative;
  display:block;
  overflow:hidden;
  padding:0 0 0 8px;
  height:40px;
  border:2px solid #ededed;
  border-radius:var(--dg-border-raduis);
  background-color:#fff;
  background:#fff;
  box-shadow:none;
  color:#444;
  font-size:.9rem;
  text-decoration:none;
  white-space:nowrap;
  line-height:36px;
}
.dg-select .chzn-container-single .chzn-single div b {
  display:block;
  width:100%;
  height:100%;
  background:url('chosen-sprite.png') no-repeat 0 10px;
}
.dg-select .chzn-container-active.chzn-with-drop .chzn-single div b {
  background-position:-16px 10px;
}
.dg-select .chzn-container-active .chzn-single,
.dg-select .chzn-container-active .chzn-choices {
  border:2px solid #ededed;
  box-shadow:none !important;
  border-top-left-radius:var(--dg-border-raduis);
  border-top-right-radius:var(--dg-border-raduis);
}
.dg-select .chzn-container-single .chzn-drop {
  margin-top:-2px;
  border-radius:0;
  background-clip:padding-box;
}
.dg-select .chzn-container-single .chzn-single span {
  padding-left:5px;
  font-size:.9rem;
  color:#bbb;
}
.dg-select .chzn-container .chzn-drop {
  position:absolute;
  top:100%;
  left:-9999px;
  z-index:1010;
  width:100%;
  border:2px solid #ddd;
  border-top:0;
  background:#fff;
  background-clip:border-box;
  box-shadow:0 5px 5px -5px rgba(0, 0, 0, .5);
  border-bottom-left-radius:var(--dg-border-raduis);
  border-bottom-right-radius:var(--dg-border-raduis);
}
.dg-select .chzn-container-active.chzn-with-drop .chzn-single {
  border:2px solid #ddd;
  border-top-left-radius:var(--dg-border-raduis);
  border-top-right-radius:var(--dg-border-raduis);
  background-image:none;
  box-shadow:none;
}
.dg-select .chzn-container-single .chzn-search input[type='text']:focus {
  border-color:#ccc !important;
  background-color:#f5f5f5 !important;
  box-shadow:none !important;
}
.dg-select .chzn-container-single .chzn-search input[type='text'],
.dg-select .chzn-container .chzn-results li {
  font-family:inherit;
  font-size:.9rem;
  padding-left:10px;
  color:inherit;
}
.dg-select .chzn-container .chzn-results li.highlighted {
  background-color:#aaa;
  background-image:none;
  color:#fff;
}
.dg-select .chzn-container .chzn-results {
  margin:0 4px 16px 0;
}
.dg-select .chzn-container-multi .chzn-choices {
  position:relative;
  overflow:hidden;
  margin:0;
  padding:0 3px;
  width:100%;
  height:40px;
  border:1px solid #ddd;
  background-color:#fff;
  background-image:none;
  cursor:text;
  line-height:40px;
}
.dg-select .chzn-container-multi .chzn-choices li.search-choice {
  position:relative;
  margin:2px 2px 3px 0;
  padding:0 20px 0 5px;
  border:1px solid #ddd;
  max-width:100%;
  border-radius:0;
  background-color:#eee;
  background-image:none;
  box-shadow:none;
  color:#333;
  line-height:33px;
  cursor:default;
}
.dg-select .chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
  position:absolute;
  top:11px;
  right:3px;
  display:block;
  width:12px;
  height:12px;
  background:url('chosen-sprite.png') -42px 1px no-repeat;
  font-size:1px;
}
/* MAP */
.dg-ui .map_canvas img,
.dg-ui .map_edit img {
  background-image:none;
  background-color:transparent;
}
.dg-ui .map_canvas,
.dg-ui .map_edit {
  border:2px solid #ededed;
  height:150px;
  border-radius:var(--dg-border-raduis);
}
.dg-ui .map_canvas.fb,
.dg-ui .map_edit.fb {
  background-color:#fff!important;
}
.dg-ui .map_canvas.fb > div,
.dg-ui .map_edit.fb > div {
  top:0;
  background:0 0!important;
}
.dg-ui .map_canvas.fb:before,
.dg-ui .map_edit.fb:before {
  font-family:datso;
  font-size:50px;
  content:'\4b';
  top:40px;
  left:calc(50% - 25px);
  color:#e5e5e5;
  position:relative;
}
.image-page.map_canvas {
  width:100%;
  height:400px;
}
/* ALBUM COVER */
.dg-grid ul.dg-cover-foursquare {
  list-style:none;
  display:grid;
  grid-gap:2px;
  background-color:#fff;
}
.dg-grid ul.dg-cover-foursquare li:nth-child(3n + 1) {
  grid-row:1;
}
.dg-grid ul.dg-cover-foursquare li:nth-child(3n + 2) {
  grid-row:1;
}
.dg-grid ul.dg-cover-foursquare li:nth-child(3n + 3) {
  grid-row:2;
}
.dg-grid ul.dg-cover-foursquare li:nth-child(3n + 4) {
  grid-row:2;
}
.dg-grid ul.dg-cover-foursquare li {
  margin:0;
  padding:0;
}
.dg-cover-trio {
  width: 100%;
  display: flex;
  border-radius:var(--dg-border-raduis);
  perspective: 1px;
  overflow: hidden;
  transition: all .1s ease-in-out;
}
.dg-cover-column {
  display: flex;
  flex-direction: column;
  width: 30%;
  margin-left: 0.1em;
}
.dg-cover-leading {
  width: 70%;
}
.dg-cover-pos {
  position: relative;
}
.dg-cover-grow {
  flex-grow: 1;
}
.dg-cover-grow:last-child {
  margin-top:0.1em;
}
/* LIKES ANIMATION */
.dg-ui .di-like {
  color:#f36b6b;
}
.dg-ui .di-favorite.active {
  color:#86e2ff;
}
.dg-ui .di-like.like-beatheart {
  display:block;
  -webkit-animation:1.3s ease-in-out beatheart infinite;
          animation:1.3s ease-in-out beatheart infinite;
}
.dg-ui .dg-favicon .rubberband {
  display:block;
  -webkit-animation:1.3s ease-in-out rubberband infinite;
          animation:1.3s ease-in-out rubberband infinite;
}
/* COLORS PALETTE */
#dg-colors-palette {
  display:none;
  margin-top:-10px;
  margin-bottom:10px;
  padding:15px 5px;
  background-color:#fff;
  box-shadow:0 2px 4px -4px #888, 0 0 4px -2px rgba(0,0,0,0);
  border-bottom-left-radius:var(--dg-border-raduis);
  border-bottom-right-radius:var(--dg-border-raduis);
}
#dg-colors-palette ul {
  display:flex;
  flex-flow:row wrap;
  justify-content:center;
  align-items:center;
}
#dg-colors-palette ul li {
  padding:5px;
}
#dg-colors-palette ul li.dg-current {
  padding:0 5px !important;
}
#dg-colors-palette .dg-color {
  width:25px;
  height:25px;
  border-radius:50%;
  align-items:center;
}
#dg-colors-palette .dg-current a .dg-color {
  box-shadow:0 0 1px 0 rgba(0,0,0,.5);
  border-radius:50%;
  width:30px;
  height:30px;
  border:4px solid #fff;
  -webkit-animation:pulse 2s linear infinite;
          animation:pulse 2s linear 3;
}
#dg-colors-palette .dg-color.add-shadow {
  box-shadow:0 0 1px 0 rgba(0,0,0,.5);
}
.di-palette.dg-color-icon {
  font-size:1.3rem;
}
/* IMAGE DATA GRID */
.dg-image-data {
  display:flex;
  flex-flow:row wrap;
  margin:0 -10px;
  align-items:flex-start;
}
.dg-first-column,
.dg-second-column {
  display:flex;
  flex-flow:column nowrap;
  margin:0 10px;
}
.dg-first-column {
  width:calc(65% - 20px);
}
.dg-second-column {
  width:calc(35% - 20px);
  position:sticky;
  top:0;
}
.dg-ui .modal-body {
  max-height:none !important;
}
@media all and (max-width:919px) {
  .dg-first-column,
  .dg-second-column {
    width:100%;
  }
  .dg-second-column {
    position:relative;
  }
  .dg-actions {
    position:fixed;
    left:50%;
    bottom:0;
    background:rgba(255,255,255,.9);
    width:auto;
    z-index:2;
    justify-content:space-around;
    display:flex;
    border:2px solid #ededed !important;
    margin:10px auto !important;
    border-radius:var(--dg-border-raduis);
    padding:4px 10px !important;
    transform:translate(-50%, 0%);
  }
  .dg-actions {
    transition:background .4s ease-in-out;
  }
  .is-visible {
    opacity:1;
    transition:transform .4s, opacity .2s;
  }
  .is-hidden {
    opacity:0;
    transition:transform .4s, opacity .2s;
  }
  .dg-actions [class*='di-'] {
    font-size:2rem;
  }
}
/* Force new columns */
.break-column {
  flex-basis:100%;
  width:0;
}
.dg-imagedata-grid {
  display:flex;
  flex-direction:column;
  /*flex-wrap:wrap;*/
  /*align-content: flex-start;*/
  margin:0 -5px;
  /*width: 100%; */
  /*overflow:hidden;*/
  /*max-height:100%;*/
  align-items:flex-start;
}
.dg-imagedata-grid .dg-imagedata-block {
  /*background-color:#eee;
  padding:10px;*/
  /*border-radius:var(--dg-border-raduis);*/
  width:calc(100% / 2 - 10px);
  margin:0 5px;
  /*display:inline-block;
  height:auto;*/
}
.break-column {
  flex-basis:100%;
  width:0;
}
/*.dg-imagedata-grid .title {
  order:1;
}
.dg-imagedata-grid .comments {
  order:2;
}*/
/*.dg-imagedata-grid .minh {
  order:3;
  height:100%;
  width:0;
}*/
/*.dg-imagedata-grid .icons {
  order:3;
}
.dg-imagedata-grid .related {
  order:4;
}*/
@media all and (max-width:919px) {
  .dg-imagedata-grid .dg-imagedata-block {
    width:100%;
    margin:0;
  }
  .dg-imagedata-grid {
    flex-wrap:nowrap;
    height:100% !important;
    margin:0;
  }
  /*.dg-imagedata-grid .minh {
    min-height:auto;
  }*/
  /*.dg-imagedata-grid .comments {
    order:3;
  }
  .dg-imagedata-grid .icons {
    order:2;
  }
  .dg-imagedata-grid .related {
    order:4;
  }*/
}
/* POSITIONS */
.kenburns-top {
  -webkit-animation:kenburns-top 5s ease-out both;
          animation:kenburns-top 5s ease-out both;
}
#dg-nav {
  margin-bottom:10px;
}
#dg-nav img,
#dg-nav .position-cover {
  border-radius:var(--dg-border-raduis);
}
#dg-nav .position-left {
  border-top-left-radius:var(--dg-border-raduis);
  border-bottom-left-radius:var(--dg-border-raduis);
}
#dg-nav .position-right {
  border-top-right-radius:var(--dg-border-raduis);
  border-bottom-right-radius:var(--dg-border-raduis);
}
.dg-ui [class*=dg-inline] {
  display:block;
  position:relative;
  max-width:100%;
  vertical-align:middle;
}
.dg-ui .position-small i.di-gif {
  color:#fff;
  font-size:25px;
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  display:block;
}
.dg-ui .overlay {
  visibility:hidden;
  opacity:0;
  transition:opacity .3s, visibility .3s;
}
.dg-ui #dg-nav > .hover-load {
  transition:opacity .3s, visibility .3s!important;
}
.dg-ui #dg-nav > .hover-load > a.prev [class*='position-left'],
.dg-ui #dg-nav > .hover-load > a.next [class*='position-right'] {
  opacity:1!important;
  transition:opacity .3s, visibility .3s!important;
}
.dg-ui #dg-nav > .hover-load > a.prev [class*='position-left'] {
  background:linear-gradient(to left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 100%)!important;
  text-decoration:none !important;
}
.dg-ui #dg-nav > .hover-load > a.next [class*='position-right'] {
  background:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 100%);
  text-decoration:none !important;
}
.dg-ui #dg-nav:hover > .overlay,
.dg-ui .center-options {
  visibility:visible;
  opacity:1;
  transition:opacity .3s, visibility .3s;
}
.dg-ui #dg-nav a,
.dg-ui #dg-nav a:hover {
  text-decoration:none !important;
}
.dg-ui [class*=position-bottom],
.dg-ui [class*=position-center],
.dg-ui [class*=position-left],
.dg-ui [class*=position-right],
.dg-ui [class*=position-top] {
  position:absolute!important;
}
.dg-ui .position-small.position-cover,
.dg-ui .position-small[class*=position-bottom]:not(.position-bottom-center),
.dg-ui .position-small[class*=position-left],
.dg-ui .position-small[class*=position-top]:not(.position-top-center),
.position-small[class*=position-right] {
  margin:10px;
}
.dg-ui .position-small[class*=position-top] {
  margin-top:10px;
}
.dg-ui .position-small.reverse[class*=dg-pos-top] {
  flex-direction:row-reverse;
}
.dg-ui .position-small[class*=position-bottom] {
  margin-bottom:10px;
}
.dg-ui .position-small.position-center-left {
  margin-left:10px;
}
.dg-ui .position-small.position-center-right {
  margin-right:10px;
}
.dg-ui .position-top {
  top:0;
  left:0;
  right:0;
}
.dg-ui .position-bottom {
  bottom:0;
  left:0;
  right:0;
}
.dg-ui .position-left {
  top:0;
  bottom:0;
  left:0;
}
.dg-ui .position-right {
  top:0;
  bottom:0;
  right:0;
}
.dg-ui .position-top-left {
  top:0;
  left:0;
}
.dg-ui .position-top-right {
  top:0;
  right:0;
}
.dg-ui .position-bottom-left {
  bottom:0;
  left:0;
}
.dg-ui .position-bottom-right {
  bottom:0;
  right:0;
}
.dg-ui .position-center {
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  width:120px;
  color:#fff;
  font-size:10px;
}
.dg-ui .position-center-left,
.dg-ui .position-center-right {
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
.dg-ui .position-center-left {
  left:0;
}
.dg-ui .position-center-right {
  right:0;
}
.dg-ui .position-bottom-center,
.dg-ui .position-top-center {
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}
.dg-ui .position-top-center {
  top:0;
}
.dg-ui .position-bottom-center {
  bottom:0;
}
.dg-ui .position-cover {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
.dg-ui .position-top,
.dg-ui .position-top-left,
.dg-ui .position-top-right {
  z-index:4;
}
.dg-ui .position-top-left > div,
.dg-ui .position-top-right > div,
.dg-ui .position-top > div {
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  cursor:pointer;
}
.dg-ui .position-top i,
.dg-ui .position-top-left i,
.dg-ui .position-top-right i {
  /*font-size:16px;*/
  color:#fff;
}
.dg-ui .center-options {
  background:rgba(0, 0, 0, .3)!important;
}
.dg-ui .flex {
  display:-ms-flexbox;
  display:-webkit-flex;
  display:        flex;
}
.dg-ui .flex::after,
.dg-ui .flex::before {
  display:none;
}
.dg-ui .flex-top {
  -webkit-align-items:flex-start;
          align-items:flex-start;
}
.dg-ui .flex-middle {
  -webkit-align-items:center;
          align-items:center;
}
.dg-ui .flex-bottom {
  -webkit-align-items:flex-end;
          align-items:flex-end;
}
.dg-ui .flex-between {
  justify-content: space-between;
}
.dg-ui a.next [class*=position-right],
.dg-ui a.prev [class*=position-left] {
  opacity:.6;
  transition:opacity .3s, visibility .3s;
  position:relative;
  padding:10px;
  justify-content:space-around;
  text-decoration:none!important;
}
.dg-ui a.prev [class*=position-left]:hover {
  opacity:1;
  transition:opacity .3s, visibility .3s;
  background:linear-gradient(to left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 100%);
  text-decoration:none!important;
}
.dg-ui a.next [class*=position-right]:hover {
  opacity:1;
  transition:opacity .3s, visibility .3s;
  background:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 100%);
  text-decoration:none!important;
}
.dg-ui a.next [class*=position-right] i,
.dg-ui a.prev [class*=position-left] i {
  font-size:20px;
  color:#fff;
  line-height:37px;
  width:37px;
  text-align:center;
  height:37px;
}
.dg-ui a.next [class*=position-right] i:before,
.dg-ui a.prev [class*=position-left] i:before {
  font-size: 35px;
}
.dg-ui .dg-management {
  display:flex;
  flex-direction:column;
  align-items:center;
  top:40px;
  right:0;
  opacity:0;
  -webkit-backface-visibility:hidden;
  -webkit-transition:right .25s ease-in,opacity .25s ease-in-out;
     -moz-transition:right .25s ease-in,opacity .25s ease-in-out;
          transition:right .25s ease-in,opacity .25s ease-in-out;
}
.dg-ui .dg-management i {
  text-shadow:-1px 0 rgba(0, 0, 0, .1), 0 1px rgba(0, 0, 0, .1), 1px 0 rgba(0, 0, 0, .1), 0 -1px rgba(0, 0, 0, .1);
}
.dg-ui .dg-grid-item:hover .dg-management,
.dg-grid-item:hover .dg-management {
  right:10px;
  opacity:1;
  -webkit-transition:right .25s ease-in,opacity .25s ease-in-out;
     -moz-transition:right .25s ease-in,opacity .25s ease-in-out;
          transition:right .25s ease-in,opacity .25s ease-in-out;
}
/* CHART */
.dg-ui .apexcharts-tooltip-y-group {
  padding:0;
}
/* MEMBER VIEW */
#dg-member .position-center i.di-time {
  font-size:3rem;
  color:rgba(245, 245, 245, .5);
}
#member-profile img.dg-avatar {
  max-width:90px;
}
.member-container .not-provided {
  color:#aaa;
  font-style:italic;
}
.dg-ui img.dg-avatar.dg-uploaded {
  display:block;
  -webkit-animation:1.3s ease-in-out beatheart infinite;
          animation:1.3s ease-in-out beatheart infinite;
}
.member-container {
  display:flex;
  flex-flow:row nowrap;
  margin:0 -5px 20px -5px;
}
.member-container > li {
  margin:0 5px;
}
@media only screen and (max-width: 860px) {
  .member-container,
  .member-data {
    flex-wrap:wrap !important;
  }
  .member-container > li {
    flex-basis:100% !important;
  }
  .member-container > li:nth-child(2) {
    margin-top:20px !important;
  }
}
.member-stats {
  display:flex;
  flex-flow:row nowrap;
  margin:0 -5px;
  justify-content:space-between;
  margin-bottom:20px;
}
.member-stats > li {
  margin:0 5px;
}
.member-stats > ul {
  display:flex;
  flex-flow:column nowrap;
}
.member-stats ul li:first-child {
  font-size: 1.5rem;
  text-align: center;
  font-weight: 400;
  line-height: 1.4;
}
.member-stats > li > ul li:last-child {
  font-size:.8rem;
  color:#aaa;
  text-align:center;
}
#useractivities + li {
  font-size:.8rem;
  color:#aaa;
}
.member-container .member-actions {
  display:flex;
  flex-flow:row nowrap;
  justify-content:flex-end;
  align-items:flex-end;
  margin:0 -5px;
}
.member-container .member-actions > li {
  margin:0 5px;
}
.member-container .member-data {
  display:flex;
  flex-flow:row nowrap;
  /*margin: 0 -5px;*/
}
.member-container .member-data > li {
  margin:0 5px;
}
.member-container .member-name {
  font-size:1.8rem;
  margin:0 5px;
}
.member-container img.dg-avatar {
  max-width:90px;
}
.zed {
  position:absolute;
  left:0;
  top:0;
  display:none;
}
.zed svg.round {
  transform:rotate(-90deg);
}
.member_avatar .dg-uploadLabel {
  min-width:90px;
  height:auto;
  border:none;
  line-height:90px;
  background-color:rgba(0, 0, 0, 0);
  border-radius:50%;
}
.member_avatar .dg-uploadItemBarUploaded,
.member_avatar .dg-uploadItemBar {
  display:none;
}
.member_avatar .dg-uploadLabel:hover {
  background-color:rgba(0, 0, 0, .1);
}
.member_avatar .dg-uploadLabelText {
  display:none;
}
#dg-update-avatar .dg-uploadLabelImage {
  height:90px;
}
#dg-update-avatar .dg-uploadLabelImage:before {
  font-size:24px;
  top:0;
}
#dg-update-avatar .dg-uploadLabel > .dg-uploadLabelImage::before {
  color:rgba(255, 255, 255, 0);
  text-shadow:none;
}
#dg-update-avatar .dg-uploadLabel:hover > .dg-uploadLabelImage::before {
  color:rgba(255, 255, 255, .9);
  text-shadow:none;
}
.dg-ui .dg-loading {
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,.7);
  z-index:9999;
}
.dg-ui .dg-loading-wheel {
  width: 50px;
  height: 50px;
  margin-top: -40px;
  margin-left: -40px;
  position: absolute;
  top: 40%;
  left: 50%;
  border-width: 4px;
  border-radius: 50%;
  border-style: solid;
  border-color: #aaa transparent;
  -webkit-animation: spin 1s linear infinite;
  box-sizing: unset;
}
.dg-ui .dg-loading .wait-msg {
  position:relative;
  top:calc(40% + 80px);
  left:calc(50% - 200px);
  width:400px;
  text-align:center;
  color:#bbb;
  font-size:.8rem;
  padding:40px;
}
#refresh-page {
  cursor:pointer;
  color:#ff8c00;
  font-weight:bold;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform:rotate(0);
  }
  100% {
    -webkit-transform:rotate(-360deg);
  }
}
#dg-members img.dg-avatar {
  max-width:100%;
  border-radius:var(--dg-avatar-raduis);
  /*border-bottom-right-radius: 25px;*/
}
.dg-members-avatar {
  position:relative;
}
.dg-members-avatar .dg-flx-grid {
  flex-direction:column;
  position:absolute;
  bottom:10px;
  right:15px;
  background-color:rgba(0, 0, 0, .3);
  padding:5px 10px;
  border-radius:15px;
}
.boxi {
  display:flex;
  align-items:center;
  color:#fafafa;
  justify-content:space-between;
}
.boxi i {
  padding-right:5px;
}
.dg-flx-grid {
  display:flex;
  flex-wrap:wrap;
  margin:0 -5px;
}
.dg-flx-item {
  width:calc(100% / 3 - 10px);
  margin:0 5px 10px 5px;
  padding:0;
  border-radius:var(--dg-border-raduis);
}
.dg-text-center {
  text-align:center;
}
h3.dg-title {
  margin-top:20px;
}
h5.dg-text-center {
  margin-bottom:10px;
}
.dg-text-medium {
  font-size:.8rem;
}
#dg-members .dg-badge {
  top:15px;
  width:20px;
  height:20px;
  right:15px;
  border-width:2px;
}
.dg-pagination ul {
  display:inline-flex;
  padding:20px 0;
  margin-bottom:0;
  margin-left:0;
}
.dg-pagination ul > li {
  padding:0 20px 0 0;
}
.dg-pagination .counter.pull-right {
  padding:20px 0;
}
@media only screen and (max-width: 700px) {
  .dg-flx-item {
    width:calc(100% / 2 - 20px);
  }
}
@media only screen and (max-width: 500px) {
  .dg-flx-item {
    width:calc(100% - 20px);
  }
}
.dg-ui .dg-alert {
  margin-bottom:10px!important;
  padding:10px!important;
  background:rgba(255, 255, 255, .3);
  border:2px solid #ededed;
  border-radius:var(--dg-border-raduis);
}
* + .dg-alert {
  margin-top:10px!important;
}
.dg-ui .dg-alert > :last-child {
  margin-bottom:0;
}
.dg-ui .dg-alert h1,
.dg-ui .dg-alert h2,
.dg-ui .dg-alert h3,
.dg-ui .dg-alert h4,
.dg-ui .dg-alert h5,
.dg-ui .dg-alert h6 {
  color:inherit;
}
.dg-ui .dg-alert > .dg-close:first-child {
  float:right;
}
.dg-ui .dg-alert > .dg-close:first-child + * {
  margin-top:0;
}
.dg-ui .dg-alert-success {
  background:#e6f0e5;
  color:#6a9067;
  border-color:rgba(143, 188, 139, .3);
}
.dg-ui .dg-alert strong {
  font-weight:500;
}
.dg-ui .dg-alert-warning {
  color:rgba(244, 164, 96, 1);
  background-color:rgba(244, 164, 96, .1);
  border-color:rgba(244, 164, 96, .6);
}
.dg-ui .dg-alert-danger,
.dg-ui .dg-blacklisted {
  border-color:rgba(238, 147, 147, 1);
  background:#fff0f0;
  color:#cd5c5c;
}
.dg-blacklisted h4 {
  color:#cd5c5c;
}
.dg-ui .dg-alert-large {
  padding:20px;
}
.dg-ui .dg-alert-large > .dg-close:first-child {
  margin:-10px -10px 0 0;
}
.dg-ui .dg-close {
  -moz-box-sizing:content-box;
       box-sizing:content-box;
  display:inline-block;
  width:20px;
  line-height:20px;
  text-align:center;
  color:inherit;
  opacity:.3;
  padding:0;
  border:0;
  -webkit-appearance:none;
  background:0 0;
}

/* NEW */
.dg-second-column > li > ul [class^='di-'] {
  font-size: 1.25rem;
}
.drop-container {
  background-color: rgba(245, 245, 245, .5);
  border: 2px dashed #ccc;
  border-radius:var(--dg-border-raduis);
  color: #aaa;
  cursor: pointer;
  height: 250px;
  transition:.2s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 30px;
}
.drop-container .di-cloud-upload {
  font-size: 5rem !important;
  color: lightgray !important;
  display: inherit;
}
.preview-image {
  border-radius:var(--dg-border-raduis);
}
.drop-container p {
  padding: 0 10px;
  text-align: center;
}
.drop-container input[type="file"] {
  display: none;
}
.file-size {
  margin-top: 5px;
  font-size: .9rem;
  text-align: center;
}
.progress-bar {
  height: 3px;
  background-color: #8FBC8B;
  width: 0;
  margin-top: 5px;
  max-width: 150px;
}
.progress-percent {
  margin-top: 5px;
}
.dg-ui .fancy .choices {
  margin-bottom: 10px;
}
/* Grid */
.dg-grid {
  display: grid;
  grid-template-columns: repeat(var(--columns, 3), 1fr);
  grid-auto-rows: 10px;
  gap: 10px;
  visibility: hidden;
}

@media (max-width: 768px) {
  .dg-grid {
    grid-template-columns: repeat(var(--columns-md, 2), 1fr);
  }
}

@media (max-width: 480px) {
  .dg-grid {
    grid-template-columns: repeat(var(--columns-sm, 1), 1fr);
  }
}

.dg-grid-item {
  width: 100%;
  opacity: 0;
  transform: translateY(10px) scale(0.95);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

.dg-grid-item.loaded {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.dg-grid-item img {
  width: 100%;
  height: auto;
  display: block;
}
.di-search::before {
  font-size: 1.7rem !important;
  color: #989898;
}
/* DG MODAL */
.dg-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-out, visibility 0.2s;
  z-index: 9999;
}
.dg-modal.dg-show {
  opacity: 1;
  visibility: visible;
}
.dg-modal-container {
  background: #fff;
  border-radius: 10px;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  padding: 20px;
  position: relative;
  margin-top: 70px;
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.dg-modal.dg-show .dg-modal-container {
  transform: translateY(0);
  opacity: 1;
}
.dg-modal-container h2 {
  word-wrap: break-word;
  max-width: 95%;
}
.di-cancel {
  position: absolute;
  top: 12px;
  right: 20px;
  cursor: pointer;
  font-size: 1.5rem;
  border: none;
  background: none;
}
/* DG NOTIFICATION */
.dg-notification-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10000;
}
.dg-notification {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 10px;
  box-shadow: none;
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.dg-notification.dg-show {
  opacity: 1;
  transform: translateY(0);
}
.dg-notification.dg-hide {
  opacity: 0;
  transform: translateY(-20px);
}
.dg-notification.danger {
  background-color: #CD5C5C;
  color: #fff;
}
.dg-notification.success {
  background-color: #8FBC8B;
  color: #fff;
}
.dg-notification.warning {
  background-color: #F4A460;
  color: #fff;
}
.dg-notification.info {
  background-color: #4682B4;
  color: #fff;
}