/* Blues */
/* Greens */
/* Purples */
/* Reds */
/* Yellows */
/* Black and Whites */
.inputstyle {
  border-radius: 6px;
  height: 30px;
  line-height: 1em;
  padding: 2px;
  font-size: 17px;
  box-shadow: none;
  outline: 0;
  max-width: 300px;
  margin: 0px;
  margin-top: -2px;
}
.inputstyle_bigger {
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
}
input,
textarea {
  border: 1px #bfbfbf solid;
  text-indent: 3px;
  color: #34495e;
  background: #ffffff;
  border-radius: 6px;
  height: 30px;
  line-height: 1em;
  padding: 2px;
  font-size: 17px;
  box-shadow: none;
  outline: 0;
  max-width: 300px;
  margin: 0px;
  margin-top: -2px;
}
textarea {
  resize: vertical;
}
input:focus,
textarea:focus {
  border-color: #1bbc9b;
}
input.error:focus,
textarea.error:focus {
  border-color: #c0392b;
}
.inputwrapper {
  position: relative;
  left: 0px;
  top: 0px;
}
.inputwrapper .translatable.postponed {
  position: absolute;
  top: 4px;
  right: 4px;
}
.button {
  display: inline-block;
  background-color: #1bbc9b;
  text-align: center;
  color: #ffffff;
  border-radius: 6px;
  height: 30px;
  line-height: 1em;
  padding: 2px;
  font-size: 17px;
  box-shadow: none;
  outline: 0;
  max-width: 300px;
  margin: 0px;
  margin-top: -2px;
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
  margin-top: 0px;
  line-height: 26px;
}
.button-normal {
  width: 200px;
}
.button-mini {
  width: auto;
  font-size: 13px;
  padding: 2px 8px;
  margin: 0px;
  line-height: 13px;
  border-radius: 9px;
  height: auto;
  text-transform: lowercase;
}
.button-off {
  background-color: #bfbfbf;
  cursor: default;
}
.button-delete {
  width: 18px;
  height: 18px;
  padding: 2px 2px;
  margin: 0px;
  line-height: 14px;
  font-size: 12px;
  border-radius: 9px;
  background-color: #c0392b;
}
.button-icon {
  width: 18px;
  height: 18px;
  padding: 2px 2px;
  margin: 0px;
  line-height: 14px;
  font-size: 14px;
  border-radius: 9px;
  background-color: #1bbc9b;
  color: #1bbc9b;
  color: #ffffff;
}
.button-icon.fui-new,
.button-icon.fui-resize {
  font-size: 10px;
}
.button-mini.button-delete {
  width: 18px;
}
.form-group {
  display: block;
  position: relative;
  margin-bottom: 20px;
  clear: both;
}
.form-group .errmsg {
  margin-left: 10px;
}
.button-group .button,
.button-group .spacer {
  display: block;
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}
.button-group .button:first-child {
  margin-left: 0px;
}
.button-group-two .button {
  width: 45% !important;
  margin: 0px !important;
}
.button-group-two .spacer {
  width: 10% !important;
  margin: 0px !important;
}
.captcha {
  height: 42px;
}
.captcha .inputwrapper input {
  float: right;
  width: 70%;
}
.captcha img {
  float: left;
}
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.actionable {
  margin-top: -2px;
}
.actionable li {
  line-height: 26px;
}
.actionable li .hideonmouseout {
  display: none;
}
.actionable li .actions {
  position: relative;
  top: 0px;
  left: 0px;
}
.actionable li .actions .button {
  position: relative;
  top: -2px;
  left: 0px;
}
.actionable li:hover .hideonmouseout {
  display: inline;
}
.touch .actionable .hideonmouseout {
  display: inline;
}
.touch .actionable .hideonmouseout a {
  margin-left: 6px;
}
.switch input {
  position: absolute;
  left: -1000px;
  top: 0px;
}
.switch label {
  color: #dadfe1;
  cursor: pointer;
  border-radius: 3px;
  padding: 0 .5em;
  display: inline-block;
  background-color: #bfbfbf;
  transition: .15s ease;
}
.switch .checked {
  padding-left: 1em;
  padding-right: 1em;
}
.switch .switch--on.checked {
  color: #ffffff;
  background-color: #1bbc9b;
}
.switch .switch--off.checked {
  padding-left: 1em;
  padding-right: 1em;
  color: #ffffff;
  background-color: #96281b;
}
.checkbox {
  font-size: 15px;
  line-height: 20px;
  display: inline-block;
  padding-left: 30px;
  position: relative;
  top: 0px;
  left: 0px;
}
.checkbox input {
  position: absolute;
  left: -1000px;
  top: 0px;
}
.checkbox .icons {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  font-size: 20px;
}
.checkbox .icons .off::after {
  content: "\e60d";
  color: #bfbfbf;
}
.checkbox .icons .on::after {
  content: "\e60e";
  color: #1bbc9b;
}
.checkbox .icons .off {
  display: inline;
}
.checkbox .icons .on {
  display: none;
}
.checkbox .icons.checked .off {
  display: none;
}
.checkbox .icons.checked .on {
  display: inline;
}
.fieldname {
  float: left;
  width: 150px;
  text-transform: lowercase;
  color: #6c7a89;
  text-align: right;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .fieldname {
    float: none;
  }
}
.preferred_languages {
  float: left;
  max-width: 400px;
}
.preferred_languages li:first-child:nth-last-child(2) .actions .button-delete,
.preferred_languages li:first-child .actions .up,
.preferred_languages li:nth-last-child(2) .actions .down {
  display: none;
}
.preferred_languages .actions .button.button-icon.up {
  line-height: 12px;
  top: -3px;
}
.preferred_languages li img {
  height: 15px;
  margin-right: 5px;
  position: relative;
  top: 1px;
  left: 0px;
}
.preferred_languages li .lang {
  margin-right: 6px;
}
/****************/
/** COMPONENTS **/
/****************/
.fileupload {
  /* Fixes for IE < 8 */
}
.fileupload .fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileupload .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
@media screen\9 {
  .fileupload .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}
.form-group.avatar .imgcontainer {
  width: 150px;
  height: 150px;
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
}
.form-group.avatar .imgcontainer .loader {
  display: none;
}
.form-group.avatar .imgcontainer img#avatar {
  position: absolute;
  left: 0px;
  top: 0px;
}
.form-group.avatar .imgcontainer .loader,
.form-group.avatar .imgcontainer .obscuredloader {
  position: absolute;
  top: 70px;
  left: 53px;
  height: 11px;
  width: 43px;
}
.form-group.avatar .imgcontainer img {
  float: left;
  width: 150px;
  height: 150px;
}
.form-group.avatar .button-mini {
  float: left;
  margin-left: 6px;
}
.form-group.avatar .avatar_and_buttons {
  width: 250px;
  float: left;
}
.form-group.avatar .avatar_and_buttons .sidebuttons {
  width: 45px;
  float: left;
}
.form-group.avatar .avatar_and_buttons .sidebuttons .fa-pencil {
  font-size: 13px;
}
.form-group.avatar .fileinput-button a {
  width: 150px;
  height: 26px;
  line-height: 26px;
  padding: 0px;
  margin-top: 6px;
}
.form-group.avatar .fileinput-button a .translatable {
  margin-right: 6px;
  float: right;
  line-height: 1.4em;
}
.form-group.avatar .generatedavatar .uploadedonly {
  display: none;
}
.form-group.avatar .generatedavatar .imgcontainer {
  cursor: default;
}
.form-group.avatar .uploadedavatar .generatedonly {
  display: none;
}
a.trickylink,
a.trickylink:visited {
  color: #bfbfbf;
}
a.trickylink:hover {
  color: #c0392b;
}
.slicknav_menu {
  background: #34495e;
  text-transform: uppercase;
  display: none;
}
@media (max-width: 767px) {
  .slicknav_menu {
    display: block;
  }
}
.menu,
.altmenu {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  background-color: #34495e;
}
.menu .right,
.altmenu .right {
  float: right;
}
.menu i.clickable,
.altmenu i.clickable {
  color: #67809f;
  font-size: 18px;
  margin: 0px 10px;
  display: inline-block;
  position: relative;
  left: 0px;
  top: 2px;
}
.menu i.clickable:hover,
.altmenu i.clickable:hover {
  color: #1bbc9b;
}
.menu a,
.altmenu a,
.menu a:visited,
.altmenu a:visited {
  color: #ffffff;
}
.menu a,
.altmenu a {
  margin: 0px 20px;
}
.menu a:hover,
.altmenu a:hover {
  color: #1bbc9b;
}
.menu .jq-dropdown-menu,
.altmenu .jq-dropdown-menu {
  text-transform: none;
  font-size: 16px;
}
.menu .jq-dropdown-menu a:hover,
.altmenu .jq-dropdown-menu a:hover {
  background: #ecf0f1;
}
#menu {
  padding: 0px;
  min-height: 72px;
  line-height: 72px;
  position: relative;
  left: 0px;
  top: 0px;
}
@media (max-width: 767px) {
  #menu .mobile,
  #menu .mobile-hide {
    display: none;
  }
}
#menu .bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 72px;
  background-color: #34495e;
  z-index: 8;
}
#menu .left {
  position: absolute;
  top: 0px;
  left: 8px;
  z-index: 10;
}
#menu .right {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 56px;
  line-height: 56px;
  z-index: 10;
}
#menu .slicknav_menu {
  line-height: 1.5em;
}
#menu .slicknav_menu .slicknav_btn {
  margin-top: 14px;
  margin-right: 50px;
  z-index: 11;
}
#menu .slicknav_menu .slicknav_nav {
  margin-top: 72px;
  z-index: 7;
}
#menu .slicknav_menu a:hover {
  color: #34495e;
}
#menu a.flag {
  line-height: 0px;
  margin: 0px;
  margin-left: 10px;
  display: block;
  float: right;
  margin-top: 16px;
}
#menu .menu-level {
  float: left;
  width: 180px;
  padding-top: 11px;
  padding-left: 20px;
}
#menu .menu-level .level {
  width: 50px;
  height: 50px;
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  text-align: center;
  line-height: 50px;
}
#menu .menu-level .level i,
#menu .menu-level .level span {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 50px;
  left: 0px;
  top: 0px;
}
#menu .menu-level .level i {
  color: #67809f;
  font-size: 45px;
  z-index: 0;
  line-height: 51.5px;
}
#menu .menu-level .level span {
  color: #34495e;
  font-size: 16.66666667px;
  z-index: 1;
}
#menu .menu-level a {
  margin: 0px;
  padding: 0px;
}
#menu .menu-level .xp-and-credits {
  padding-left: 0px;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  opacity: 0.8;
  color: #1bbc9b;
  line-height: 1em;
  font-size: 14px;
  display: block;
  float: left;
  display: inline;
  width: auto;
  position: relative;
}
@media (max-width: 350px) {
  #menu .menu-level .xp-and-credits {
    display: none;
  }
}
#menu .menu-level .xp-and-credits .bar {
  position: absolute;
  background: #67809f;
  width: 6px;
  border-radius: 3px;
  bottom: -2px;
  right: -14px;
  height: 95%;
  opacity: .7;
}
#menu .menu-level .xp-and-credits .bar .progress {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 50%;
  width: 100%;
  border-radius: 3px;
  background: #1bbc9b;
}
#menu .menu-level .xp-and-credits .xp {
  float: right;
}
#menu .menu-level .xp-and-credits .xp #xp,
#menu .menu-level .xp-and-credits .xp .xp_label {
  margin-top: 6px;
  float: left;
}
#menu .menu-level .xp-and-credits .credits {
  clear: right;
  float: right;
}
#menu .menu-level .xp-and-credits .credits #credits,
#menu .menu-level .xp-and-credits .credits .credits_label {
  margin-top: 6px;
  float: left;
}
#menu .menu-level .xp-and-credits .credits_label,
#menu .menu-level .xp-and-credits .xp_label {
  width: 1em;
  margin-left: 5px;
}
#menu .menu-level .avatar-container {
  float: left;
  background: #67809f;
  margin-right: 10px;
  position: relative;
  left: 0px;
  right: 0px;
  width: 49px;
  height: 49px;
  padding: 2px;
  border-radius: 50%;
}
#menu .menu-level .avatar-container #avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 0px white solid;
}
#menu .menu-level .avatar-container .level {
  width: 26px;
  height: 26px;
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  text-align: center;
  line-height: 26px;
  position: absolute;
  right: -8.125px;
  bottom: -8.125px;
  top: auto;
  left: auto;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
#menu .menu-level .avatar-container .level i,
#menu .menu-level .avatar-container .level span {
  width: 26px;
  height: 26px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 26px;
  left: 0px;
  top: 0px;
}
#menu .menu-level .avatar-container .level i {
  color: #67809f;
  font-size: 21px;
  z-index: 0;
  line-height: 26.78px;
}
#menu .menu-level .avatar-container .level span {
  color: #ffffff;
  font-size: 8.66666667px;
  z-index: 1;
}
#submenu {
  margin: 30px 70px 0px 70px;
  height: 40px;
  line-height: 32px;
  width: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#submenu a.active {
  border-top: 4px #1bbc9b solid;
  display: inline-block;
}
@media (max-width: 767px) {
  #submenu {
    height: auto;
    margin: 10px 10px;
    padding: 10px;
    line-height: 2em;
  }
  #submenu a {
    margin: 0.25em 10px;
    display: block;
    padding-left: 10px;
  }
  #submenu a.active {
    border-left: 4px #1bbc9b solid;
    display: block;
    padding-left: 6px;
    border-top: 0px;
  }
}
#smallmenu {
  height: 24px;
  line-height: 24px;
}
#smallmenu .xp-and-credits {
  padding-left: 0px;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  opacity: 0.8;
  color: #1bbc9b;
  line-height: 1em;
  font-size: 14px;
  display: block;
  float: left;
  display: inline;
  width: auto;
  position: relative;
  padding-left: 10px;
  margin-right: 20px;
}
#smallmenu .xp-and-credits .bar {
  position: absolute;
  background: #67809f;
  width: 6px;
  border-radius: 3px;
  bottom: -2px;
  right: -14px;
  height: 95%;
  opacity: .7;
}
#smallmenu .xp-and-credits .bar .progress {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 50%;
  width: 100%;
  border-radius: 3px;
  background: #1bbc9b;
}
#smallmenu .xp-and-credits .xp {
  float: right;
}
#smallmenu .xp-and-credits .xp #xp,
#smallmenu .xp-and-credits .xp .xp_label {
  margin-top: 6px;
  float: left;
}
#smallmenu .xp-and-credits .credits {
  clear: right;
  float: right;
}
#smallmenu .xp-and-credits .credits #credits,
#smallmenu .xp-and-credits .credits .credits_label {
  margin-top: 6px;
  float: left;
}
#smallmenu .xp-and-credits .credits_label,
#smallmenu .xp-and-credits .xp_label {
  width: 1em;
  margin-left: 5px;
}
#smallmenu .xp-and-credits .xp #xp,
#smallmenu .xp-and-credits .xp .xp_label,
#smallmenu .xp-and-credits .credits #credits,
#smallmenu .xp-and-credits .credits .credits_label {
  margin-top: 5px;
}
#smallmenu .xp-and-credits .credits {
  clear: none;
  margin-left: 12px;
}
#smallmenu .menu-level {
  float: left;
  width: auto;
}
#smallmenu i.fa-times-circle {
  float: left;
  color: #ffffff;
  line-height: 24px;
  margin-left: 4px;
  margin-right: 8px;
  font-size: 18px;
  top: 0px;
}
#flash {
  overflow-y: hidden;
  display: none;
  height: 50px;
  width: 400px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  position: fixed;
  top: 0px;
  left: 200px;
  color: #ffffff;
  z-index: 998;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
#flash .msg {
  display: table-cell;
  vertical-align: middle;
  line-height: 1em;
  height: 50px;
  width: 100%;
  padding: 10px;
}
#flash .close {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 2px;
  border-radius: 10px;
  border: 2px transparent solid;
}
#flash .close:hover {
  color: #ffffff;
  border: 2px #ffffff solid;
}
#flash a,
#flash a:visited {
  color: #ffffff;
}
#flash a:hover {
  color: #1bbc9b;
}
@media (max-width: 767px) {
  #flash {
    width: 100%;
    left: 0px;
  }
}
#flash.info {
  background-color: #1bbc9b;
}
#flash.error {
  background-color: #c0392b;
}
#flash.warning {
  background-color: #f5ab35;
}
#login a.unobtrusive {
  display: block;
  margin-top: 24px;
  color: #bfbfbf;
  text-align: center;
}
#login a.unobtrusive,
#login a.unobtrusive:visited {
  color: #bfbfbf;
}
#login a.unobtrusive:hover {
  color: #1bbc9b;
}
.translatable {
  font-family: arial, sans-serif;
  cursor: crosshair;
  opacity: 1;
  height: 0.5em;
  display: inline-block;
  line-height: 0.5em;
}
.translatable .data {
  display: none;
}
.touch .translatable {
  cursor: pointer;
}
.dialog#translate {
  display: none;
  width: 600px;
  height: 400px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -200px;
  opacity: .99;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 6px;
  background: #ecf0f1;
  color: #1bbc9b;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 620px) {
  .dialog#translate {
    left: 2%;
    margin-left: 0px;
    width: 96%;
  }
}
@media only screen and (max-height: 420px) {
  .dialog#translate {
    top: 2%;
    margin-top: 0px;
    height: 96%;
  }
}
.dialog#translate .header {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 6px 6px 0px 0px;
  background: #1bbc9b;
  color: #ffffff;
}
.dialog#translate .header .right {
  margin-right: 20px;
  float: right;
}
.dialog#translate .header .right .inactive {
  color: #bfbfbf;
}
.dialog#translate .body {
  min-height: 290px;
  padding: 23px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog#translate .footer {
  width: 100%;
  padding: 0px 10px;
  height: 24px;
  border-radius: 0px 0px 6px 6px;
}
.dialog#translate .footer a.text,
.dialog#translate .footer a.text:visited,
.dialog#translate .footer a.text:hover {
  color: #1bbc9b;
}
.dialog#translate .footer a.text,
.dialog#translate .footer a.text:hover {
  float: right;
  font-style: italic;
  font-size: 14px;
}
.dialog#translate .button {
  background-color: #1bbc9b;
}
.dialog#translate input,
.dialog#translate textarea {
  border: 2px transparent solid;
}
.dialog#translate input,
.dialog#translate textarea,
.dialog#translate .button {
  width: 100%;
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
}
.dialog#translate a.close,
.dialog#translate a.close:visited,
.dialog#translate a.close:hover {
  color: #ffffff;
}
.dialog#translate a.close,
.dialog#translate a.close:hover {
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  float: right;
  border: 0px solid #ffffff;
  border-radius: 24px;
}
.dialog#translate .cap {
  color: #34495e;
  margin-bottom: 6px;
}
.dialog#translate .val {
  font-style: italic;
}
.dialog#translate .argproto {
  display: none;
}
.dialog#translate .arg {
  cursor: pointer;
}
.dialog#translate .body {
  overflow-y: auto;
  overflow-x: hidden;
}
.dialog#translate #slugtype {
  font-style: italic;
}
.dialog#translate textarea {
  height: 110px;
}
#active-languages-dropdown a,
#languages-dropdown a,
#languages-under-translation-dropdown a {
  line-height: 24px;
}
#active-languages-dropdown a img,
#languages-dropdown a img,
#languages-under-translation-dropdown a img {
  display: block;
  float: left;
  margin-right: 8px;
}
#active-languages-dropdown a:hover,
#languages-dropdown a:hover,
#languages-under-translation-dropdown a:hover {
  background: #ecf0f1;
}
.mytranslations .numresults,
.alltranslations .numresults,
.mytranslations .loader,
.alltranslations .loader {
  margin-right: 150px;
}
.mytranslations div.search-results-container,
.alltranslations div.search-results-container {
  display: none;
  width: 100%;
}
.mytranslations div.search-results-container table,
.alltranslations div.search-results-container table {
  width: 100%;
}
.mytranslations div.search-results-container table th#slug,
.alltranslations div.search-results-container table th#slug {
  min-width: 300px;
  max-width: 200px;
}
.mytranslations div.search-results-container table th#actions,
.alltranslations div.search-results-container table th#actions {
  min-width: 150px;
}
.mytranslations div.search-results-container table th#translation,
.alltranslations div.search-results-container table th#translation {
  width: 100%;
}
.mytranslations div.search-results-container table td#translation,
.alltranslations div.search-results-container table td#translation,
.mytranslations div.search-results-container table td#slug,
.alltranslations div.search-results-container table td#slug {
  text-align: left;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mytranslations div.search-results-container.sr table,
.alltranslations div.search-results-container.sr table {
  font-size: 15px;
  line-height: 22px;
}
.addtranslations table {
  width: 100%;
}
.addtranslations table th#translation {
  width: 100%;
}
.addtranslations table td#translation {
  text-align: left;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alltranslations .search-header #langkey {
  color: #1bbc9b;
  line-height: 22px;
}
.alltranslations .search-header #langkey img {
  height: 14px;
  margin-right: 3px;
}
.alltranslations .search-header #langkey.all {
  font-style: italic;
  color: #6c7a89;
}
.profile {
  /* 
	 * responsiveness: make account screen look good on smaller screens
 	*/
}
.profile .form-group {
  margin-bottom: 12px;
  font-size: 18px;
}
.profile .form-group a.change {
  position: relative;
  bottom: 0.2em;
  margin-left: 12px;
  font-size: 0.6em;
  color: #1bbc9b;
}
.profile .form-group a.action {
  color: #1bbc9b;
}
.profile .form-group a.action.warning {
  color: #e67e22;
}
.profile .urltoclick a {
  color: #1bbc9b;
  text-transform: lowercase;
}
.profile #save_account_button {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .profile .form-group {
    position: relative;
    top: 0px;
    left: 0px;
  }
  .profile .form-group .fieldname {
    text-align: left;
    font-weight: 700;
    color: black;
  }
  .profile .form-group a.change {
    clear: both;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 20px;
  }
  .profile .avatar .fieldname {
    height: auto !important;
    padding-bottom: 6px;
  }
}
@media only screen and (max-width: 450px) {
  .profile .selected_lang {
    font-size: 14px;
  }
  .profile .translated-langname {
    display: none;
  }
}
.xphistory {
  /* 
	 * ensure upcoming achievements are never wider than the page is
	 */
}
.xphistory h1 {
  margin-bottom: 30px !important;
}
.xphistory h2 {
  padding-bottom: 12px;
  border-bottom: 1px #1bbc9b solid;
}
.xphistory .feed {
  margin-top: 0px !important;
  padding-top: 10px !important;
}
.xphistory .upcoming {
  margin-top: 12px;
  margin-bottom: 50px;
}
.xphistory .upcoming .upcoming_badge,
.xphistory .upcoming .upcoming_level {
  width: 400px;
  height: 94px;
  float: left;
  padding: 12px;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #34495e;
  color: #ffffff;
  font-size: 20px;
  border-radius: 8px;
}
.xphistory .upcoming .upcoming_badge .title,
.xphistory .upcoming .upcoming_level .title {
  display: inline-block;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xphistory .upcoming .upcoming_badge .description,
.xphistory .upcoming .upcoming_level .description {
  height: 2.1em;
  margin-bottom: 0.5em;
  overflow-y: hidden;
  line-height: 1.1em;
  clear: both;
  margin-top: 0.3em;
  font-size: 14px;
  font-style: italic;
}
.xphistory .upcoming .upcoming_badge .progress-and-pct-outer,
.xphistory .upcoming .upcoming_level .progress-and-pct-outer {
  float: right;
  width: 140px;
}
.xphistory .upcoming .upcoming_badge .progress,
.xphistory .upcoming .upcoming_level .progress {
  float: right;
  width: 100px;
  height: 10px;
  background-color: #67809f;
  position: relative;
  left: 0px;
  top: 0px;
  margin-top: 8px;
  border-radius: 4px;
}
.xphistory .upcoming .upcoming_badge .progress .sofar,
.xphistory .upcoming .upcoming_level .progress .sofar {
  width: 0%;
  height: 100%;
  background-color: #1bbc9b;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 4px;
}
.xphistory .upcoming .upcoming_badge .pct,
.xphistory .upcoming .upcoming_level .pct {
  float: right;
  position: relative;
  left: 4px;
  width: 28px;
  height: 28px;
  background: red;
  border-radius: 50%;
  z-index: 1;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
  border: 2px solid #67809f;
  background-color: #34495e;
}
.xphistory .upcoming .upcoming_badge i,
.xphistory .upcoming .upcoming_level i {
  margin-right: 6px;
}
.xphistory .upcoming .upcoming_level {
  position: relative;
  top: 0px;
  left: 0px;
}
.xphistory .upcoming .upcoming_level .description {
  width: 289px;
  clear: none;
  float: right;
  padding-right: 3px;
  margin-top: 0.9em;
  height: 1.2em;
  margin-bottom: 0px;
}
.xphistory .upcoming .upcoming_level .progress {
  width: 265px;
  margin-top: 12px;
}
.xphistory .upcoming .upcoming_level .pct {
  margin-top: 3px;
}
.xphistory .upcoming .upcoming_level .level {
  width: 70px;
  height: 70px;
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  text-align: center;
  line-height: 70px;
  line-height: 160px;
}
.xphistory .upcoming .upcoming_level .level i,
.xphistory .upcoming .upcoming_level .level span {
  width: 70px;
  height: 70px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 70px;
  left: 0px;
  top: 0px;
}
.xphistory .upcoming .upcoming_level .level i {
  color: #67809f;
  font-size: 65px;
  z-index: 0;
  line-height: 72.09999999999999px;
}
.xphistory .upcoming .upcoming_level .level span {
  color: #ffffff;
  font-size: 23.33333333px;
  z-index: 1;
}
.xphistory .upcoming .upcoming_level .title {
  max-width: 200px;
  float: left;
}
@media only screen and (max-width: 465px) {
  .xphistory .upcoming .upcoming_badge,
  .xphistory .upcoming .upcoming_level {
    width: 100%;
    height: auto;
    min-height: 94px;
  }
  .xphistory .upcoming .upcoming_level {
    padding-left: 126px;
  }
  .xphistory .upcoming .upcoming_level .level {
    position: absolute;
    top: 12px;
    left: 12px;
  }
  .xphistory .upcoming .upcoming_level .progress {
    width: 100%;
  }
  .xphistory .upcoming .upcoming_level .pct {
    position: absolute;
    left: 99px;
    top: 12px;
  }
  .xphistory .upcoming .upcoming_level .description {
    width: 100%;
    float: none;
    margin-top: 44px;
    margin-left: -27px;
    height: auto;
  }
  .xphistory .upcoming .upcoming_badge .title {
    display: block;
  }
  .xphistory .upcoming .upcoming_badge .progress-and-pct-outer {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    margin-top: 6px;
    padding-left: 26px;
    height: 34px;
  }
  .xphistory .upcoming .upcoming_badge .progress-and-pct-outer .pct {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .xphistory .upcoming .upcoming_badge .progress-and-pct-outer .progress {
    width: 100%;
  }
  .xphistory .upcoming .upcoming_badge .description {
    height: auto;
  }
}
.about {
  display: table;
  width: 100%;
  /* 
	 * responsiveness: kill table style and put panel above feed on smaller screens
	 */
}
.about .panel {
  width: 250px;
  display: table-cell;
  vertical-align: top;
  padding-top: 23.5px;
}
.about .panel .avatar-container {
  position: relative;
  left: 0px;
  right: 0px;
  width: 156px;
  height: 156px;
  padding: 3px;
  border-radius: 50%;
  margin: 0px 47px;
}
.about .panel .avatar-container #avatar {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 0px white solid;
}
.about .panel .avatar-container .level {
  width: 0px;
  height: 0px;
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  text-align: center;
  line-height: 0px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  top: auto;
  left: auto;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
.about .panel .avatar-container .level i,
.about .panel .avatar-container .level span {
  width: 0px;
  height: 0px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 0px;
  left: 0px;
  top: 0px;
}
.about .panel .avatar-container .level i {
  color: #000000;
  font-size: -5px;
  z-index: 0;
  line-height: 0px;
}
.about .panel .avatar-container .level span {
  color: #ffffff;
  font-size: 0px;
  z-index: 1;
}
.about .panel .screenname {
  width: 100%;
  color: #ffffff;
  font-size: 28px;
  padding-top: 23.5px;
  padding-bottom: 23.5px;
  text-align: center;
}
.about .panel .statbar {
  width: 100%;
  height: 60px;
  background: #67809f;
}
.about .panel .statbar .stat-level {
  width: 50%;
  height: 100%;
  float: left;
  border-right: 1px #34495e solid;
  line-height: 60px;
}
.about .panel .statbar .stat-level .level {
  width: 60px;
  height: 60px;
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  text-align: center;
  line-height: 60px;
}
.about .panel .statbar .stat-level .level i,
.about .panel .statbar .stat-level .level span {
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 60px;
  left: 0px;
  top: 0px;
}
.about .panel .statbar .stat-level .level i {
  color: #34495e;
  font-size: 55px;
  z-index: 0;
  line-height: 61.8px;
}
.about .panel .statbar .stat-level .level span {
  color: #ffffff;
  font-size: 20px;
  z-index: 1;
}
.about .panel .statbar .stat-level .xp {
  width: 64px;
  float: left;
  padding-top: 10px;
  line-height: 20px;
  text-align: center;
}
.about .panel .statbar .stat-trophy {
  width: 50%;
  height: 100%;
  float: left;
  border-left: 1px #34495e solid;
}
.about .panel .statbar .stat-trophy i {
  width: 60px;
  height: 60px;
  font-size: 55px;
  padding-left: 6px;
  line-height: 60px;
}
.about .panel .statbar .stat-trophy span {
  width: 54px;
  display: block;
  float: right;
  line-height: 60px;
}
.about .feedcontainer {
  padding-left: 30px;
  width: auto;
  display: table-cell;
}
.about .feedcontainer h2 {
  margin-top: 0px;
  border-bottom: 1px #1bbc9b solid;
}
.about *html .feedcontainer {
  float: left;
}
@media only screen and (max-width: 767px) {
  .about {
    display: block;
  }
  .about .panel {
    margin-bottom: 32px;
    width: 100%;
    display: block;
  }
  .about .panel .statbar .stat-level .xp {
    width: 50px;
  }
  .about .panel .avatar-container {
    margin-left: auto;
    margin-right: auto;
  }
  .about .feedcontainer {
    padding-left: 0px;
    width: 100%;
    display: block;
    padding-bottom: 12px;
  }
  .about .feedcontainer .feed {
    margin-top: 0px;
  }
}
.flat-table {
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 115%;
  overflow: auto;
  width: auto;
  border-spacing: 0px;
  cursor: pointer;
  display: table;
}
.flat-table td,
.flat-table th {
  border: 1px white solid;
}
.flat-table th {
  background-color: #1bbc9b;
  color: #ffffff;
  font-weight: normal;
  padding: 10px 20px;
  text-align: center;
}
.flat-table td {
  color: #6f6f6f;
  padding: 10px 20px;
}
.flat-table td.hoveronly {
  padding-right: 0px;
  padding-left: 0px;
}
.flat-table td.hoveronly a {
  display: none;
}
.flat-table tr:hover td {
  background-color: rgba(27, 188, 155, 0.5);
}
.flat-table tr:hover td.hoveronly {
  background-color: white;
}
.flat-table tr:hover td.hoveronly a {
  display: block;
  float: left;
  opacity: 0.3;
  margin-right: 6px;
  margin-left: 6px;
}
.flat-table tr:hover td.hoveronly a:hover {
  opacity: 1;
}
.pagination {
  display: table;
  margin: 0 auto;
  margin-top: 32px;
  text-transform: capitalize;
}
.pagination .item {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-right: 1px white solid;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
}
.pagination .item {
  background: #1bbc9b;
}
.pagination .quicknav {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0px 10px;
}
.pagination .quicknav i {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  line-height: 32px;
  padding: 0px;
  background: #bfbfbf;
  color: #ffffff;
}
.pagination .ellipsis {
  width: 32px;
  height: 32px;
  font-size: 90%;
}
.pagination a.active {
  color: #1bbc9b;
}
.pagination a.active i {
  background: #1bbc9b;
}
.pagination span.item {
  position: relative;
  left: 0px;
  top: 0px;
}
.pagination span.item span.bottom {
  width: 31px;
  background: #34495e;
  height: 4px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
@media only screen and (max-width: 767px) {
  .pagination .quicknav.li,
  .pagination .ellipsis.li {
    padding: 0px 4px 0px 0px;
  }
  .pagination .quicknav.re,
  .pagination .ellipsis.re {
    padding: 0px 0px 0px 4px;
  }
  .pagination .text {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .pagination i {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .pagination .item,
  .pagination .quicknav i,
  .pagination .ellipsis {
    width: 22px;
    height: 22px;
    min-width: 22px;
    line-height: 22px;
    font-size: 14px;
  }
  .pagination span.item span.bottom {
    width: 21px;
  }
}
.useredit {
  padding: 20px 0px;
}
.useredit .form-group {
  margin-bottom: 12px;
  font-size: 18px;
}
.useredit .form-group .fieldname {
  width: 200px;
}
.useredit .form-group input {
  width: 400px;
  max-width: none;
}
.useredit .form-group .inputwrapper .translatable.postponed {
  top: 0px;
  color: #6c7a89;
}
.search-and-result h2 {
  position: relative;
  top: 0px;
  left: 0px;
}
.search-and-result .loader {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
}
.search-and-result .search-header {
  border-bottom: 1px #1bbc9b solid;
  padding: 20px 0px;
}
.search-and-result .search-header .form-group {
  margin-bottom: 12px;
  font-size: 18px;
}
.search-and-result div.search-results-container {
  display: none;
}
.search-and-result div.search-results-container table {
  display: block;
  width: 100%;
  text-align: center;
}
.search-and-result div.search-results-container table th,
.search-and-result div.search-results-container table td {
  white-space: nowrap;
}
.search-and-result div.search-results-container table th {
  position: relative;
  top: 0px;
  left: 0px;
}
.search-and-result div.search-results-container table th .flat-ui-icon {
  font-size: 14px;
  position: absolute;
  right: 2px;
  top: 2px;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.search-and-result div.search-results-container table th#actions {
  background: none;
}
.search-and-result .numresults {
  display: none;
  float: right;
  font-size: 16px;
  padding-top: 22px;
  padding-bottom: 4px;
  color: #6c7a89;
}
.search-and-result .noresults {
  font-style: italic;
  display: none;
}
.usermanager div.search-results-container {
  display: none;
  width: 800px;
}
.usermanager div.search-results-container table#users {
  width: 950px;
  table-layout: fixed;
}
.usermanager div.search-results-container table#users td#avatar,
.usermanager div.search-results-container table#users th#avatar {
  padding: 0px;
  min-width: 43px;
  width: 43px;
}
.usermanager div.search-results-container table#users th#actions {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.usermanager div.search-results-container table#users th#id {
  width: 100px;
}
.usermanager div.search-results-container table#users th#email {
  width: 400px;
}
.usermanager div.search-results-container table#users th#screenname {
  width: 300px;
}
.usermanager div.search-results-container table#users td#screenname {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.usermanager #role,
.usermanager #setting,
.usermanager #flag {
  color: #1bbc9b;
}
.usermanager #role.all,
.usermanager #setting.all,
.usermanager #flag.all {
  font-style: italic;
  color: #6c7a89;
}
.usermanager h2 {
  width: 800px;
}
.taskmanager div.search-results-container table th#actions {
  min-width: 50px;
}
.taskmanager div.search-results-container table th#data {
  width: 100%;
}
@media (max-width: 1280px) {
  .taskmanager div.search-results-container table {
    font-size: 0.8em;
  }
}
.taskmanager .search-header #type {
  color: #1bbc9b;
}
.taskmanager .search-header #type.all {
  font-style: italic;
  color: #6c7a89;
}
.taskmanager .numresults,
.taskmanager .loader {
  margin-right: 50px;
}
.systemstate .ok {
  background: #1bbc9b;
}
.systemstate .nok {
  background: #c0392b;
}
.systemstate .fs {
  background: #34495e;
}
.systemstate .ok,
.systemstate .nok,
.systemstate .fs {
  width: 50px;
  text-align: center;
  height: 20px;
  border-radius: 6px;
  line-height: 20px;
  color: #ffffff;
  float: left;
  margin-right: 12px;
}
.systemstate .fs {
  width: 100px;
}
.systemstate .oknok {
  line-height: 20px;
  margin-bottom: 5px;
}
.dialog#leveled,
.dialog#badged {
  display: none;
  width: 500px;
  height: 400px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -200px;
  opacity: .99;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 6px;
  background: #ecf0f1;
  color: #1bbc9b;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  color: #34495e;
}
@media only screen and (max-width: 520px) {
  .dialog#leveled,
  .dialog#badged {
    left: 2%;
    margin-left: 0px;
    width: 96%;
  }
}
@media only screen and (max-height: 420px) {
  .dialog#leveled,
  .dialog#badged {
    top: 2%;
    margin-top: 0px;
    height: 96%;
  }
}
.dialog#leveled .header,
.dialog#badged .header {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 6px 6px 0px 0px;
  background: #4183d7;
  color: #ffffff;
}
.dialog#leveled .header .right,
.dialog#badged .header .right {
  margin-right: 20px;
  float: right;
}
.dialog#leveled .header .right .inactive,
.dialog#badged .header .right .inactive {
  color: #bfbfbf;
}
.dialog#leveled .body,
.dialog#badged .body {
  min-height: 254px;
  padding: 23px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog#leveled .footer,
.dialog#badged .footer {
  width: 100%;
  padding: 0px 10px;
  height: 60px;
  border-radius: 0px 0px 6px 6px;
}
.dialog#leveled .footer a.text,
.dialog#badged .footer a.text,
.dialog#leveled .footer a.text:visited,
.dialog#badged .footer a.text:visited,
.dialog#leveled .footer a.text:hover,
.dialog#badged .footer a.text:hover {
  color: #1bbc9b;
}
.dialog#leveled .footer a.text,
.dialog#badged .footer a.text,
.dialog#leveled .footer a.text:hover,
.dialog#badged .footer a.text:hover {
  float: right;
  font-style: italic;
  font-size: 14px;
}
.dialog#leveled .button,
.dialog#badged .button {
  background-color: #4183d7;
}
.dialog#leveled input,
.dialog#badged input,
.dialog#leveled textarea,
.dialog#badged textarea {
  border: 2px transparent solid;
}
.dialog#leveled input,
.dialog#badged input,
.dialog#leveled textarea,
.dialog#badged textarea,
.dialog#leveled .button,
.dialog#badged .button {
  width: 100%;
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
}
.dialog#leveled a.close,
.dialog#badged a.close,
.dialog#leveled a.close:visited,
.dialog#badged a.close:visited,
.dialog#leveled a.close:hover,
.dialog#badged a.close:hover {
  color: #ffffff;
}
.dialog#leveled a.close,
.dialog#badged a.close,
.dialog#leveled a.close:hover,
.dialog#badged a.close:hover {
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  float: right;
  border: 0px solid #ffffff;
  border-radius: 24px;
}
.dialog#leveled .footer,
.dialog#badged .footer {
  padding-top: 10px;
  text-align: center;
}
.dialog#leveled .footer a,
.dialog#badged .footer a,
.dialog#leveled .footer a:hover,
.dialog#badged .footer a:hover {
  width: auto;
}
.dialog#leveled .body,
.dialog#badged .body {
  font-size: 21px;
  line-height: 26px;
}
.dialog#leveled .shoutout,
.dialog#badged .shoutout {
  clear: left;
}
.dialog#leveled .badgename,
.dialog#badged .badgename {
  text-transform: capitalize;
}
.dialog#leveled .shoutout,
.dialog#badged .shoutout,
.dialog#leveled #shoutout,
.dialog#badged #shoutout {
  color: #4183d7;
  float: left;
}
.dialog#leveled .shoutout .fa-trophy,
.dialog#badged .shoutout .fa-trophy,
.dialog#leveled #shoutout .fa-trophy,
.dialog#badged #shoutout .fa-trophy {
  float: left;
  line-height: inherit;
  margin-right: 12px;
}
.dialog#leveled #pluscredits,
.dialog#badged #pluscredits,
.dialog#leveled #plusxp,
.dialog#badged #plusxp {
  clear: right;
  float: right;
  font-size: 22px;
}
.dialog#leveled #pluscredits i,
.dialog#badged #pluscredits i,
.dialog#leveled #plusxp i,
.dialog#badged #plusxp i {
  margin-left: 4px;
}
.dialog#leveled .badgedescription,
.dialog#badged .badgedescription {
  clear: both;
  padding-top: 14px;
  font-size: 18px;
  font-style: italic;
}
.dialog#leveled .level,
.dialog#badged .level {
  width: 44px;
  height: 44px;
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  text-align: center;
  line-height: 44px;
  margin-top: -5px;
  margin-left: 4px;
}
.dialog#leveled .level i,
.dialog#badged .level i,
.dialog#leveled .level span,
.dialog#badged .level span {
  width: 44px;
  height: 44px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 44px;
  left: 0px;
  top: 0px;
}
.dialog#leveled .level i,
.dialog#badged .level i {
  color: #34495e;
  font-size: 39px;
  z-index: 0;
  line-height: 45.32px;
}
.dialog#leveled .level span,
.dialog#badged .level span {
  color: #ffffff;
  font-size: 14.66666667px;
  z-index: 1;
}
.dialog#leveled .youcannow,
.dialog#badged .youcannow {
  clear: both;
  padding-top: 24px;
  padding-bottom: 12px;
}
.dialog#leveled .perk,
.dialog#badged .perk {
  margin-bottom: 6px;
}
.dialog#leveled .perk i,
.dialog#badged .perk i {
  margin-right: 6px;
}
.dialog#leveled .template,
.dialog#badged .template {
  display: none;
}
.perks .intro {
  text-align: justify;
}
.perks .item::first-letter {
  text-transform: capitalize;
}
.perks .item.cat.l0 {
  font-size: 27px;
  margin-top: 40px;
  margin-bottom: 12px;
}
.perks .item.cat.l1 {
  font-size: 23px;
  margin-top: 22px;
  margin-bottom: 4px;
}
.perks .item.perk {
  font-size: 18px;
  padding-top: 6px;
  color: #67809f;
  line-height: 24px;
}
.perks .item.perk i {
  margin-right: 6px;
  display: none;
}
.perks .item.perk.canbuy i.buy,
.perks .item.perk.couldbuy i.buy {
  display: inline-block;
}
.perks .item.perk.canbuy a .price,
.perks .item.perk.couldbuy a .price {
  display: none;
}
.perks .item.perk.canbuy {
  color: #ffffff;
}
.perks .item.perk.owned {
  color: #ffffff;
}
.perks .item.perk.owned i.has {
  display: inline-block;
}
.perks .indent.l1 {
  background: #34495e;
  color: #ffffff;
  border-top: 4px #1bbc9b solid;
  padding-top: 1px;
  padding-bottom: 20px;
}
.perks .indent {
  padding-left: 30px;
}
/* this is part of perks, but needs to be treated different in touch and no-touch devices */
.touch .perks .item.perk a .price {
  display: block;
  float: left;
  font-size: 12px;
  color: #6c7a89;
  width: 40px;
  margin-left: -48px;
  text-align: right;
  margin-right: 8px;
  padding-top: 1px;
}
.no-touch .perks .item.perk.canbuy a:hover,
.no-touch .perks .item.perk.couldbuy a:hover {
  color: #6c7a89;
  margin-left: -30px;
}
.no-touch .perks .item.perk.canbuy a:hover .price,
.no-touch .perks .item.perk.couldbuy a:hover .price {
  float: left;
  position: relative;
  left: -38px;
  width: 30px;
  font-size: 12px;
  padding-top: 1px;
  text-align: right;
  display: block;
}
.no-touch .perks .item.perk.canbuy a:hover {
  color: #1bbc9b;
}
.counter {
  text-align: right;
  height: 1em;
  overflow: hidden;
  line-height: 1em;
}
.counter span.outer {
  width: 0.6em;
  display: block;
  float: left;
  height: 2em;
  line-height: 1em;
}
.counter span.inner {
  width: 0.6em;
  height: 1em;
  display: block;
}
.counter span.empty {
  width: 0px;
}
.feedcontainer .noresults {
  display: none;
}
.feedcontainer .feed {
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  display: none;
}
.feedcontainer .feed .item.template,
.feedcontainer .feed .perk.template {
  display: none;
}
.feedcontainer .feed .item {
  min-height: 50px;
  margin-bottom: 16.66666667px;
  position: relative;
  top: 0px;
  left: 0px;
}
.feedcontainer .feed .item .head {
  position: absolute;
  top: 0px;
  left: 0px;
  min-height: 50px;
  height: 50px;
  min-width: 50px;
  width: 50px;
  float: left;
  text-align: center;
}
.feedcontainer .feed .item .head > * {
  display: none;
}
.feedcontainer .feed .item .head .icon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #67809f;
}
.feedcontainer .feed .item .head .icon i {
  color: #34495e;
  font-size: 40px;
  line-height: 51.5px;
}
.feedcontainer .feed .item .head .icon.avatar {
  background: none;
}
.feedcontainer .feed .item .head .icon.avatar img {
  border-radius: 50%;
}
.feedcontainer .feed .item .head .icon.avatar {
  border-radius: 0px;
}
.feedcontainer .feed .item .head .level {
  width: 50px;
  height: 50px;
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  text-align: center;
  line-height: 50px;
}
.feedcontainer .feed .item .head .level i,
.feedcontainer .feed .item .head .level span {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 50px;
  left: 0px;
  top: 0px;
}
.feedcontainer .feed .item .head .level i {
  color: #34495e;
  font-size: 45px;
  z-index: 0;
  line-height: 51.5px;
}
.feedcontainer .feed .item .head .level span {
  color: #ffffff;
  font-size: 16.66666667px;
  z-index: 1;
}
.feedcontainer .feed .item .body {
  padding-left: 50px;
  min-height: 50px;
  margin-left: 16px;
  float: left;
  font-size: 17px;
}
.feedcontainer .feed .item .body .info {
  color: #6c7a89;
  font-size: 13px;
}
.feedcontainer .feed .item .body .info .xp,
.feedcontainer .feed .item .body .info .credits {
  margin-left: 16px;
}
.feedcontainer .feed .item .body #msg {
  display: inline-block;
}
.feedcontainer .feed .item .body #msg:first-letter {
  text-transform: capitalize;
}
.feedcontainer .feed .item .body .perks {
  margin-top: 3px;
  padding-left: 16px;
}
.feedcontainer .feed .item .body .perks i {
  margin-right: 8px;
}
.feedcontainer .morebutton {
  clear: both;
  display: none;
  margin-top: 30px;
}
.feedcontainer .loader {
  float: left;
  display: none;
}
.page.singlemandala {
  text-align: center;
  position: absolute;
  top: 72px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0px;
}
.page.singlemandala img {
  height: 100%;
}
.pagefooter.mandalas-view {
  position: absolute;
  bottom: -20px;
  margin-top: 0px;
  right: 0px;
}
@media only screen and (max-width: 767px) {
  .pagefooter.mandalas-view {
    display: none;
  }
}
.page.welcome {
  background-image: url('https://worldofmandalas.com/static/imgs/main_bg_v2.png');
  background-repeat: no-repeat;
  background-position: right top;
  min-height: 1000px;
}
@media only screen and (max-width: 1350px) {
  .page.welcome {
    background: none;
  }
}
@media only screen and (max-width: 1080px) {
  .page.welcome #logo {
    width: 100%;
  }
}
.page.welcome .calls_to_action {
  margin-top: 40px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .page.welcome .calls_to_action .button {
    width: 100%;
  }
}
.page.welcome .calls_to_action .button {
  margin-right: 32px;
  margin-bottom: 10px;
}
.page.welcome .fb-like {
  margin-top: 16px;
  display: inline-block;
}
.page.welcome .intro {
  font-size: 18px;
  width: 600px;
}
@media only screen and (max-width: 860px) {
  .page.welcome .intro {
    width: 100%;
  }
}
/**
CORE STYLES
*/
#cc-overlay {
  position: fixed !important;
  z-index: 99999997 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100%;
  background: #000000 !important;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
#cc-notification {
  position: fixed !important;
  z-index: 99999998 !important;
  left: 0 !important;
  width: 100% !important;
  background-color: #fff !important;
}
#cc-notification.cc-mobile {
  position: relative !important;
  border-bottom: 0 !important;
}
#cc-modal #cc-modal-closebutton a,
#cc-settingsmodal #cc-settingsmodal-closebutton a {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
}
#cc-modal #cc-modal-closebutton a span,
#cc-settingsmodal #cc-settingsmodal-closebutton a span {
  display: none;
}
#cc-notification.cc-bottom {
  bottom: 0 !important;
}
#cc-notification.cc-top {
  top: 0 !important;
}
#cc-notification.cc-push {
  top: 0 !important;
}
#cc-notification #cc-notification-permissions {
  display: none;
}
#cc-tag {
  position: fixed !important;
  z-index: 999999999 !important;
  bottom: 0 !important;
  right: 10% !important;
  display: none;
}
#cc-tag.cc-tag-bottom-left {
  right: auto !important;
  left: 10% !important;
}
#cc-tag.cc-tag-horizontal-right {
  right: 0 !important;
  bottom: 20% !important;
}
#cc-tag.cc-tag-horizontal-left {
  left: 0 !important;
  right: auto !important;
  bottom: 20% !important;
}
#cc-tag.cc-tag-vertical-right {
  right: 0 !important;
  bottom: 20% !important;
}
#cc-tag.cc-tag-vertical-left {
  left: 0 !important;
  right: auto !important;
  bottom: 20% !important;
}
#cc-tag a {
  padding: 0 12px !important;
  text-decoration: none !important;
}
#cc-modal-overlay {
  background: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
  display: none;
  width: 100% !important;
  height: 1000% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 999999 !important;
}
#cc-modal,
#cc-settingsmodal {
  display: none;
  width: 100% !important;
  height: 1000% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 99999999 !important;
}
#cc-settingsmodal {
  z-index: 9999999999 !important;
}
#cc-modal #cc-modal-wrapper,
#cc-settingsmodal #cc-settingsmodal-wrapper {
  margin: 100px auto !important;
}
#cc-modal,
#cc-settingsmodal,
#cc-tag,
#cc-notification {
  line-height: 1 !important;
}
.cc-clear {
  clear: both !important;
}
#cc-modal,
#cc-settingsmodal,
#cc-tag,
#cc-notification,
#cc-modal div,
#cc-modal span,
#cc-modal iframe,
#cc-modal h1,
#cc-modal h2,
#cc-modal h3,
#cc-modal h4,
#cc-modal h5,
#cc-modal h6,
#cc-modal p,
#cc-modal pre,
#cc-modal a,
#cc-modal code,
#cc-modal em,
#cc-modal img,
#cc-modal s,
#cc-modal small,
#cc-modal strong,
#cc-modal b,
#cc-modal u,
#cc-modal i,
#cc-modal dl,
#cc-modal dt,
#cc-modal dd,
#cc-modal ol,
#cc-modal ul,
#cc-modal li,
#cc-modal form,
#cc-modal label,
#cc-settingsmodal div,
#cc-settingsmodal span,
#cc-settingsmodal iframe,
#cc-settingsmodal h1,
#cc-settingsmodal h2,
#cc-settingsmodal h3,
#cc-settingsmodal h4,
#cc-settingsmodal h5,
#cc-settingsmodal h6,
#cc-settingsmodal p,
#cc-settingsmodal pre,
#cc-settingsmodal a,
#cc-settingsmodal code,
#cc-settingsmodal em,
#cc-settingsmodal img,
#cc-settingsmodal s,
#cc-settingsmodal small,
#cc-settingsmodal strong,
#cc-settingsmodal b,
#cc-settingsmodal u,
#cc-settingsmodal i,
#cc-settingsmodal dl,
#cc-settingsmodal dt,
#cc-settingsmodal dd,
#cc-settingsmodal ol,
#cc-settingsmodal ul,
#cc-settingsmodal li,
#cc-settingsmodal form,
#cc-settingsmodal label,
#cc-tag div,
#cc-tag span,
#cc-tag iframe,
#cc-tag h1,
#cc-tag h2,
#cc-tag h3,
#cc-tag h4,
#cc-tag h5,
#cc-tag h6,
#cc-tag p,
#cc-tag pre,
#cc-tag a,
#cc-tag code,
#cc-tag em,
#cc-tag img,
#cc-tag s,
#cc-tag small,
#cc-tag strong,
#cc-tag b,
#cc-tag u,
#cc-tag i,
#cc-tag dl,
#cc-tag dt,
#cc-tag dd,
#cc-tag ol,
#cc-tag ul,
#cc-tag li,
#cc-tag form,
#cc-tag label,
#cc-notification div,
#cc-notification span,
#cc-notification iframe,
#cc-notification h1,
#cc-notification h2,
#cc-notification h3,
#cc-notification h4,
#cc-notification h5,
#cc-notification h6,
#cc-notification p,
#cc-notification pre,
#cc-notification a,
#cc-notification code,
#cc-notification em,
#cc-notification img,
#cc-notification s,
#cc-notification small,
#cc-notification strong,
#cc-notification b,
#cc-notification u,
#cc-notification i,
#cc-notification dl,
#cc-notification dt,
#cc-notification dd,
#cc-notification ol,
#cc-notification ul,
#cc-notification li,
#cc-notification form,
#cc-notification label {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 10pt;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1em;
  text-align: left;
  vertical-align: baseline;
  text-shadow: none;
  background: none;
}
#cc-modal a,
#cc-tag a,
#cc-settingsmodal a,
#cc-notification a,
#cc-modal a:hover,
#cc-tag a:hover,
#cc-settingsmodal a:hover,
#cc-notification a:hover {
  background-color: transparent;
}
#cc-modal a#footerlogo span {
  display: block;
  height: 31px !important;
  margin-top: 4px !important;
  text-indent: -5000px !important;
  width: 126px !important;
}
#cc-modal #cc-modal-wrapper a#footerlogo,
footer#mainfooter a#footerlogo,
#cc-modal #cc-modal-wrapper a#footerlogo,
footer#mainfooter a#footerlogo:active,
#cc-modal #cc-modal-wrapper a#footerlogo,
footer#mainfooter a#footerlogo:visited {
  display: block;
  margin-top: 20px !important;
  color: #868686 !important;
  text-decoration: none !important;
}
#cc-modal #cc-modal-wrapper .cc-getforsite {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
#cc-modal.cc-mobile #cc-modal-wrapper .cc-getforsite {
  position: relative !important;
  margin-top: 30px !important;
  margin-left: 16px;
}
#cc-modal.cc-mobile,
#cc-settingsmodal.cc-mobile {
  width: 100% !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  height: auto !important;
  z-index: 999999999999 !important;
}
#cc-modal.cc-mobile a.cc-logo,
#cc-settingsmodal.cc-mobile a.cc-logo,
#cc-notification.cc-mobile a.cc-logo {
  display: none !important;
}
#cc-notification .cc-logo,
#cc-tag .cc-logo,
#cc-modal .cc-logo,
#cc-settingsmodal .cc-logo {
  width: 142px;
  height: 32px;
  position: absolute;
  right: 32px;
  bottom: 20px;
}
.cc-logo span {
  display: none;
}
/**
LIGHT STYLE
*/
#cc-notification.cc-light {
  background: #e2e2e2 !important;
  background-color: rgba(226, 226, 226, 0.95) !important;
  color: #1d1d1d !important;
}
#cc-notification.cc-light #cc-notification-permissions li {
  color: #1d1d1d !important;
}
#cc-notification.cc-light #cc-notification-permissions li strong {
  color: #31a8f0 !important;
}
#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive {
  color: #AAA !important;
}
#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive label {
  color: #AAA !important;
}
#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive strong {
  color: #88BFEF !important;
}
#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link {
  color: #AAA !important;
}
#cc-notification.cc-light a,
#cc-notification.cc-light a:visited {
  color: #31A8F0 !important;
}
#cc-notification.cc-light a:hover {
  color: #257eb4 !important;
}
#cc-notification.cc-light h2,
#cc-notification.cc-light h3,
#cc-notification.cc-light p {
  color: #1d1d1d !important;
}
#cc-notification.cc-light ul.cc-notification-buttons li a,
#cc-notification.cc-light ul.cc-notification-buttons li a:visited {
  background-color: #f1d600 !important;
  color: #111 !important;
}
#cc-notification.cc-light ul.cc-notification-buttons li a:hover,
#cc-notification.cc-light ul.cc-notification-buttons li a:active,
#cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:hover,
#cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:active {
  background-color: #f5f5f5 !important;
}
#cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites {
  background-color: #31A8F0 !important;
}
#cc-tag.cc-light a,
#cc-tag.cc-light a:visited {
  background-color: #e2e2e2 !important;
  color: #1d1d1d !important;
}
#cc-modal.cc-light #cc-modal-wrapper {
  background-color: #e2e2e2 !important;
  color: #f5f5f5 !important;
}
#cc-modal.cc-light #cc-modal-wrapper a,
#cc-modal.cc-light #cc-modal-wrapper a:visited {
  color: #666666 !important;
}
#cc-modal.cc-light #cc-modal-wrapper a:hover {
  color: #31A8F0 !important;
}
#cc-modal.cc-light #cc-modal-wrapper #cc-change-button-allsites {
  background-color: #666666 !important;
  color: #111 !important;
}
#cc-modal.cc-light #cc-modal-wrapper select {
  color: #111 !important;
}
#cc-modal.cc-light #cc-modal-wrapper a.cc-consentchange:hover {
  background-color: #31A8F0 !important;
}
#cc-modal.cc-light #cc-modal-wrapper li strong {
  color: #31a8f0 !important;
}
#cc-modal.cc-light #cc-modal-wrapper li span {
  color: #7A7A7A !important;
}
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper {
  background-color: #e1e1e1 !important;
  color: #f5f5f5 !important;
}
#cc-modal.cc-light #cc-modal-wrapper p,
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper p {
  color: #F5F5F5 !important;
}
#cc-modal.cc-light #cc-modal-wrapper h2,
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2 {
  color: #1d1d1d !important;
}
#cc-modal.cc-light #cc-modal-wrapper h2 span,
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2 span {
  color: #7a7a7a !important;
}
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2 span {
  color: #71f031 !important;
}
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper p.cc-subtitle,
#cc-modal.cc-light #cc-modal-wrapper p.cc-subtitle {
  color: #7a7a7a !important;
}
#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a,
#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:visited {
  color: #666666 !important;
}
#cc-modal.cc-light #cc-modal-secondclosebutton a:hover,
#cc-modal.cc-light #cc-modal-secondclosebutton a:active,
#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:hover,
#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:active,
#cc-modal.cc-light #cc-modal-global a:hover,
#cc-modal.cc-light #cc-modal-global a:active {
  color: #1d1d1d !important;
}
#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a,
#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:visited {
  background-color: #f5F5F5 !important;
  color: #111 !important;
  box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
  background-color: #F1D600 !important;
}
#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:hover,
#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:active {
  background-color: #0288CE !important;
  color: #fff !important;
  box-shadow: 1px 2px 10px #000;
  -moz-box-shadow: 1px 2px 10px #000;
  -webkit-box-shadow: 1px 2px 10px #000;
}
#cc-modal.cc-light #cc-modal-wrapper a.cc-learnmore-link,
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper a.cc-learnmore-link,
#cc-notification.cc-light a.cc-learnmore-link {
  color: #666 !important;
}
/**
MONOCHROME STYLE
*/
#cc-notification.cc-monochrome {
  background: #333333 !important;
  background-color: rgba(51, 51, 51, 0.95) !important;
  color: #fff !important;
}
#cc-notification.cc-monochrome #cc-notification-permissions li {
  color: #fff !important;
}
#cc-notification.cc-monochrome #cc-notification-permissions li strong {
  color: #fff !important;
}
#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive {
  color: #AAA !important;
}
#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive label {
  color: #AAA !important;
}
#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive strong {
  color: #bbb !important;
}
#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link {
  color: #AAA !important;
}
#cc-notification.cc-monochrome a,
#cc-notification.cc-monochrome a:visited {
  color: #DDD !important;
}
#cc-notification.cc-monochrome a:hover {
  color: #ffffff !important;
}
#cc-notification.cc-monochrome h2,
#cc-notification.cc-monochrome h3,
#cc-notification.cc-monochrome p {
  color: #AAA !important;
}
#cc-notification.cc-monochrome ul.cc-notification-buttons li a,
#cc-notification.cc-monochrome ul.cc-notification-buttons li a:visited {
  background-color: #ddd !important;
  color: #111 !important;
}
#cc-notification.cc-monochrome ul.cc-notification-buttons li a:hover,
#cc-notification.cc-monochrome ul.cc-notification-buttons li a:active,
#cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites:hover,
#cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites:active {
  background-color: #fff !important;
}
#cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites {
  background-color: #ddd !important;
}
#cc-tag.cc-monochrome #cc-tag-button,
#cc-tag.cc-monochrome #cc-tag-button:visited {
  background-color: #333 !important;
  color: #ddd !important;
}
#cc-tag.cc-monochrome #cc-tag-button:hover,
#cc-tag.cc-monochrome #cc-tag-button:active {
  border-top: 3px solid #fff !important;
  border-right: 3px solid #fff !important;
  border-left: 3px solid #fff !important;
}
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper li strong,
#cc-modal.cc-monochrome #cc-modal-wrapper li strong {
  color: #FFF !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper {
  background-color: #333 !important;
  color: #f5f5f5 !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper a,
#cc-modal.cc-monochrome #cc-modal-wrapper a:visited {
  color: #666666 !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper a:hover {
  color: #31A8F0 !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper #cc-change-button-allsites {
  background-color: #666666 !important;
  color: #111 !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper select {
  color: #111 !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper a.cc-consentchange:hover {
  background-color: #31A8F0 !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper li strong {
  color: #fff !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper li span {
  color: #7A7A7A !important;
}
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper {
  background-color: #333 !important;
  color: #f5f5f5 !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper p,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper p {
  color: #F5F5F5 !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper h2,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2 {
  color: #fff !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper h2 span,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2 span {
  color: #7a7a7a !important;
}
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2 span {
  color: #ddd !important;
}
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper p.cc-subtitle,
#cc-modal.cc-monochrome #cc-modal-wrapper p.cc-subtitle {
  color: #7a7a7a !important;
}
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:visited {
  color: #666666 !important;
}
#cc-modal.cc-monochrome #cc-modal-secondclosebutton a:hover,
#cc-modal.cc-monochrome #cc-modal-secondclosebutton a:active,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:hover,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:active,
#cc-modal.cc-monochrome #cc-modal-global a:hover,
#cc-modal.cc-monochrome #cc-modal-global a:active {
  color: #fff !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a,
#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:visited {
  background-color: #f5F5F5 !important;
  color: #111 !important;
  box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
  background-color: #F1D600 !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:hover,
#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:active {
  background-color: #0288CE !important;
  color: #fff !important;
  box-shadow: 1px 2px 10px #000;
  -moz-box-shadow: 1px 2px 10px #000;
  -webkit-box-shadow: 1px 2px 10px #000;
}
#cc-modal.cc-monochrome #cc-modal-wrapper a.cc-learnmore-link,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper a.cc-learnmore-link,
#cc-notification.cc-monochrome a.cc-learnmore-link {
  color: #ddd !important;
}
/**
DARK STYLE
*/
#cc-notification ul.cc-notification-buttons li a,
#cc-notification ul.cc-notification-buttons li a:visited {
  float: right !important;
}
#cc-notification ul.cc-notification-buttons {
  position: absolute !important;
  right: 0 !important;
  top: 5px !important;
  width: 360px !important;
}
#cc-notification.cc-mobile #cc-notification-wrapper {
  margin-right: 0 !important;
}
#cc-notification.cc-mobile ul.cc-notification-buttons li a,
#cc-notification.cc-mobile ul.cc-notification-buttons li a:visited {
  float: none !important;
}
#cc-notification.cc-mobile ul.cc-notification-buttons {
  padding-top: 1px !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
  width: auto !important;
  clear: both;
}
#cc-notification {
  background: #1d1d1d !important;
  background-color: rgba(29, 29, 29, 0.95) !important;
  color: #F5F5F5 !important;
  border-bottom: 1px dotted #CCCCCC !important;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  font-size: 11pt !important;
}
#cc-notification #cc-notification-wrapper {
  padding: 20px 32px 0 !important;
}
#cc-notification #cc-notification-permissions ul {
  margin: 0 0 26px !important;
  padding: 0 !important;
  list-style: none !important;
  float: left !important;
}
#cc-notification.cc-mobile #cc-notification-permissions li {
  width: auto !important;
}
#cc-notification #cc-notification-permissions li {
  margin: 0 0 10px 30px !important;
  padding: 6px 0 0 !important;
  list-style: none !important;
  width: 440px !important;
  color: #9a9a9a !important;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
#cc-notification #cc-notification-permissions li label {
  font-size: 12pt !important;
  line-height: 1.3em;
  color: #9a9a9a !important;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
#cc-notification #cc-notification-permissions li input {
  float: left !important;
  margin-left: -30px !important;
  margin-top: 0 !important;
}
#cc-notification #cc-notification-permissions li strong {
  color: #31a8f0 !important;
  display: block !important;
  font-size: 14pt;
  letter-spacing: -0.05em;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive {
  color: #666 !important;
}
#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive label {
  color: #666 !important;
}
#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive strong {
  color: #1D658E !important;
}
#cc-notification #cc-notification-permissions li a.cc-learnmore-link {
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link {
  color: #666 !important;
}
#cc-notification a,
#cc-notification a:visited {
  text-decoration: none !important;
  color: #31A8F0 !important;
  font-size: 11pt;
}
#cc-notification a:hover {
  text-decoration: underline !important;
  color: #B2F7FF !important;
}
#cc-notification h2,
#cc-notification h3,
#cc-notification p {
  color: #F5F5F5 !important;
  margin: 0 !important;
  text-align: left !important;
  font-size: 11pt;
  width: auto !important;
}
#cc-notification h2 {
  margin-right: 160px !important;
}
#cc-notification.cc-mobile h2 {
  margin-right: 0 !important;
}
#cc-notification h2 span,
#cc-notification h2 {
  font-size: 14pt;
  letter-spacing: -0.05em;
  margin-bottom: 20px !important;
  font-weight: 400 !important;
}
#cc-notification h2 a {
  letter-spacing: -0.05em;
  font-size: 14pt;
}
#cc-notification h3 {
  margin-top: 10px !important;
}
#cc-notification ul.cc-notification-buttons {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#cc-notification.cc-notification-afterload ul.cc-notification-buttons {
  top: auto !important;
  bottom: 5px !important;
}
#cc-notification ul.cc-notification-buttons li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#cc-notification ul.cc-notification-buttons li a,
#cc-notification ul.cc-notification-buttons li a:visited {
  margin-top: 8px !important;
  margin-bottom: 6px !important;
  display: block;
  padding: 8px 16px !important;
  background-color: #f1d600 !important;
  color: #111 !important;
  margin-right: 12px !important;
  text-decoration: none !important;
  font-size: 12pt !important;
  font-weight: 600;
  letter-spacing: -0.05em;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  /*box-shadow:1px 1px 2px #000;*/
  /*-moz-box-shadow:1px 1px 2px #000;*/
  /*-webkit-box-shadow:1px 1px 2px #000;*/
  transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -moz-transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s;
  -webkit-transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;
}
#cc-notification ul.cc-notification-buttons li a:hover,
#cc-notification ul.cc-notification-buttons li a:active,
#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:hover,
#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:active {
  text-decoration: none !important;
  background-color: #f5f5f5 !important;
  box-shadow: 1px 2px 10px #000;
  -moz-box-shadow: 1px 2px 10px #000;
  -webkit-box-shadow: 1px 2px 10px #000;
}
#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites {
  background-color: #31A8F0 !important;
}
#cc-tag a,
#cc-tag a:visited {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  font-size: 12pt !important;
  background-color: #1d1d1d !important;
  /*background-image: url(http://assets.cookieconsent.silktide.com/cookie-consent-box.png);*/
  background-repeat: no-repeat;
  background-position: 6px 7px;
  color: #F5F5F5 !important;
  padding: 8px 12px 8px 12px !important;
  text-decoration: none !important;
  display: block;
  border-top: 3px solid #666 !important;
  border-right: 3px solid #666 !important;
  border-left: 3px solid #666 !important;
  border-radius: 3px 3px 0  0 !important;
  -moz-border-radius: 3px 3px 0  0 !important;
  -webkit-border-radius: 3px 3px 0  0 !important;
  box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
  transition: color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -moz-transition: color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s;
  -webkit-transition: color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;
}
#cc-tag.cc-tag-horizontal-right a,
#cc-tag.cc-tag-horizontal-right a:visited {
  -webkit-transform: rotate(-90deg) !important;
  -moz-transform: rotate(-90deg) !important;
  -o-transform: rotate(-90deg) !important;
  -ms-transform: rotate(-90deg) !important;
  margin-right: -82px !important;
  padding: 8px 12px 60px 12px !important;
}
#cc-tag.cc-tag-horizontal-left a,
#cc-tag.cc-tag-horizontal-left a:visited {
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  margin-left: -82px !important;
  padding: 8px 12px 60px 12px !important;
}
#cc-tag.cc-tag-vertical-right a,
#cc-tag.cc-tag-vertical-right a:visited {
  -webkit-transform: rotate(-90deg) !important;
  -moz-transform: rotate(-90deg) !important;
  -o-transform: rotate(-90deg) !important;
  -ms-transform: rotate(-90deg) !important;
  margin-right: -82px !important;
  padding: 8px 12px 60px 12px !important;
}
#cc-tag.cc-tag-vertical-left a,
#cc-tag.cc-tag-vertical-left a:visited {
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  margin-left: -82px !important;
  padding: 8px 12px 60px 12px !important;
}
#cc-tag a:hover,
#cc-tag a:active {
  border-top: 3px solid #F1D600 !important;
  border-right: 3px solid #F1D600 !important;
  border-left: 3px solid #F1D600 !important;
  box-shadow: 2px 2px 7px #000;
  -moz-box-shadow: 2px 2px 7px #000;
  -webkit-box-shadow: 2px 2px 7px #000;
}
#cc-tag a span {
  font-size: 12pt !important;
}
#cc-modal {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  font-size: 11pt !important;
}
#cc-modal #cc-modal-wrapper {
  width: 686px !important;
  margin: 40px auto !important;
  background-color: #1d1d1d !important;
  color: #f5f5f5 !important;
  padding: 25px 15px 5px !important;
  text-align: left !important;
  position: relative !important;
  max-height: 8%;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 560px;
  box-shadow: 0px 0px 30px #000;
  -moz-box-shadow: 0px 0px 30px #000;
  -webkit-box-shadow: 0px 0px 30px #000;
}
#cc-modal #cc-modal-wrapper a,
#cc-modal #cc-modal-wrapper a:visited {
  color: #F5F500 !important;
  text-decoration: none !important;
}
#cc-modal #cc-modal-wrapper a:hover {
  color: #31A8F0 !important;
  text-decoration: underline !important;
}
#cc-modal #cc-modal-wrapper #cc-change-button-allsites {
  margin-top: 16px !important;
  margin-bottom: 6px !important;
  display: block !important;
  padding: 6px 12px !important;
  background-color: #F5F500 !important;
  color: #111 !important;
  float: left !important;
  clear: both !important;
  margin-right: 8px !important;
  text-decoration: none !important;
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}
#cc-modal #cc-modal-wrapper #cc-change-button-allsites:hover,
#cc-modal #cc-modal-wrapper #cc-change-button-allsites:active {
  background-color: #31A8F0 !important;
}
#cc-settingsmodal #cc-settingsmodal-wrapper select,
#cc-modal #cc-modal-wrapper select {
  /*padding: 2px 6px !important;*/
  color: #111 !important;
  margin-right: 8px !important;
  text-decoration: none !important;
  position: absolute !important;
  top: 28px !important;
  right: 8px !important;
  float: right !important;
  font-size: 10pt !important;
  width: 150px;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper select,
#cc-modal.cc-mobile #cc-modal-wrapper select {
  float: none !important;
  margin-top: 10px !important;
  position: static !important;
}
#cc-modal #cc-modal-wrapper a.cc-consentchange:hover {
  background-color: #31A8F0 !important;
}
#cc-settingsmodal #cc-settingsmodal-wrapper ul li label,
#cc-modal #cc-modal-wrapper ul li label {
  float: left;
}
#cc-settingsmodal #cc-settingsmodal-wrapper ul,
#cc-modal #cc-modal-wrapper ul {
  margin: 0 !important;
  padding: 0 100px !important;
  list-style: none !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper ul,
#cc-modal.cc-mobile #cc-modal-wrapper ul {
  padding: 0 !important;
}
#cc-settingsmodal #cc-settingsmodal-wrapper li,
#cc-modal #cc-modal-wrapper li {
  clear: both !important;
  margin: 0 !important;
  padding: 30px 0 0 !important;
  list-style: none !important;
  position: relative;
}
#cc-settingsmodal #cc-settingsmodal-wrapper li strong,
#cc-modal #cc-modal-wrapper li strong {
  width: 480px !important;
  float: left !important;
  display: block !important;
  color: #31a8f0 !important;
  font-size: 16pt;
  font-weight: 400 !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li strong #cc-modal.cc-mobile #cc-modal-wrapper li strong {
  float: none !important;
}
#cc-settingsmodal #cc-settingsmodal-wrapper li span,
#cc-modal #cc-modal-wrapper li span {
  width: 470px !important;
  float: left !important;
  clear: left !important;
  display: block !important;
  color: #7A7A7A !important;
  line-height: 1.2em;
  font-size: 12pt !important;
  margin-top: 8px;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li span,
#cc-modal.cc-mobile #cc-modal-wrapper li span {
  float: none !important;
}
#cc-settingsmodal {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  font-size: 11pt !important;
}
#cc-settingsmodal.cc-mobile {
  height: auto;
}
#cc-settingsmodal #cc-settingsmodal-wrapper {
  width: 716px !important;
  height: 8% !important;
  margin: 40px auto !important;
  background-color: #1d1d1d !important;
  padding-top: 24px !important;
  color: #f5f5f5 !important;
  text-align: left !important;
  position: relative !important;
  overflow-x: hidden;
  max-height: 560px;
  background-position: -20px 20px;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 30px #000;
  -moz-box-shadow: 0px 0px 30px #000;
  -webkit-box-shadow: 0px 0px 30px #000;
}
#cc-settingsmodal #cc-settingsmodal-wrapper .cc-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 400px;
  margin-top: 20px;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper {
  max-height: none !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper .cc-content {
  height: 540px !important;
  max-height: none !important;
}
#cc-modal #cc-modal-wrapper p {
  line-height: 1em;
  margin-top: 12px;
  color: #F5F5F5 !important;
}
#cc-settingsmodal #cc-settingsmodal-wrapper p {
  margin-top: 32px;
}
#cc-modal #cc-modal-wrapper .cc-content {
  padding-top: 8px;
  clear: both;
  height: 420px;
  overflow-y: auto;
  overflow-x: hidden;
}
#cc-modal.cc-mobile #cc-modal-wrapper .cc-content {
  height: auto !important;
  overflow: hidden !important;
}
#cc-modal #cc-modal-wrapper h2,
#cc-settingsmodal #cc-settingsmodal-wrapper h2 {
  margin: 0 57px !important;
  font-size: 24pt !important;
  width: 712px !important;
  color: #FFF !important;
  font-weight: 400;
}
#cc-settingsmodal #cc-settingsmodal-wrapper h2 {
  margin: 0 72px !important;
}
#cc-modal #cc-modal-wrapper h2 span,
#cc-settingsmodal #cc-settingsmodal-wrapper h2 span {
  font-size: 14pt !important;
  color: #7a7a7a !important;
}
#cc-settingsmodal #cc-settingsmodal-wrapper h2 span {
  color: #71f031 !important;
}
#cc-settingsmodal #cc-settingsmodal-wrapper p.cc-subtitle,
#cc-modal #cc-modal-wrapper p.cc-subtitle {
  color: #7a7a7a !important;
  margin: 16px 0 0 57px !important;
  font-size: 12pt !important;
}
#cc-settingsmodal #cc-settingsmodal-wrapper p.cc-subtitle {
  margin: 16px 0 0 73px !important;
}
#cc-modal.cc-mobile #cc-modal-wrapper p.cc-subtitle {
  margin-left: 0 !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper p.cc-subtitle {
  margin-left: 10px !important;
}
#cc-settingsmodal #cc-settingsmodal-wrapper iframe {
  width: 714px !important;
  border: 0 !important;
  min-height: 390px !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper iframe {
  width: 100% !important;
  height: 500px;
  z-index: 9999999999999 !important;
  margin-top: 0;
}
#cc-modal #cc-modal-closebutton a,
#cc-settingsmodal #cc-settingsmodal-closebutton a {
  display: block !important;
  height: 24px !important;
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
  width: 24px !important;
  background-position: 0 0;
}
#cc-modal #cc-modal-closebutton a:hover,
#cc-settingsmodal #cc-settingsmodal-closebutton a:hover {
  background-position: 0 -24px;
}
#cc-modal #cc-modal-global {
  padding-top: 5px !important;
}
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:visited {
  color: #71F031 !important;
  text-decoration: none !important;
}
#cc-modal #cc-modal-secondclosebutton a span,
#cc-modal #cc-modal-secondclosebutton a:visited span,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a span,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:visited span,
#cc-modal #cc-modal-global a span,
#cc-modal #cc-modal-global a:visited span {
  font-size: 12pt !important;
  font-weight: 600 !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton {
  padding-left: 10px;
  padding-top: 0;
}
#cc-modal.cc-mobile #cc-modal-secondclosebutton a,
#cc-modal.cc-mobile #cc-modal-secondclosebutton a:visited,
#cc-modal.cc-mobile #cc-modal-global a,
#cc-modal.cc-mobile #cc-modal-global a:visited {
  float: none !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton a,
#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton a:visited {
  display: none !important;
}
#cc-modal #cc-modal-secondclosebutton a:hover,
#cc-modal #cc-modal-secondclosebutton a:active,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:hover,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:active,
#cc-modal #cc-modal-global a:hover,
#cc-modal #cc-modal-global a:active {
  text-decoration: none !important;
  color: #fff !important;
}
#cc-modal #cc-modal-wrapper #cc-modal-footer-buttons {
  margin-left: 57px !important;
  margin-top: 25px !important;
}
#cc-settingsmodal #cc-settingsmodal-wrapper #cc-settingsmodal-footer-buttons {
  margin-left: 72px !important;
}
#cc-modal.cc-mobile #cc-modal-wrapper #cc-modal-footer-buttons {
  position: relative;
  width: auto;
  padding-top: 10px !important;
  margin-left: 0 !important;
}
#cc-modal #cc-modal-wrapper .cc-preference-importantmessage {
  margin-top: 20px !important;
  clear: both !important;
  padding: 10px !important;
  text-align: left !important;
  background-color: #444 !important;
  border: 1px dotted #666 !important;
  line-height: 2em !important;
}
#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a,
#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:visited {
  line-height: 1.2em;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: block;
  padding: 5px 10px !important;
  background-color: #f5F5F5 !important;
  color: #111 !important;
  margin-right: 8px !important;
  text-decoration: none !important;
  font-size: 10pt;
  float: right;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
  transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -moz-transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s;
  -webkit-transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;
  background-color: #F1D600 !important;
}
#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:hover,
#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:active {
  text-decoration: none !important;
  background-color: #0288CE !important;
  color: #fff !important;
  box-shadow: 1px 2px 10px #000;
  -moz-box-shadow: 1px 2px 10px #000;
  -webkit-box-shadow: 1px 2px 10px #000;
}
#cc-modal #cc-modal-wrapper a.cc-learnmore-link,
#cc-settingsmodal #cc-settingsmodal-wrapper a.cc-learnmore-link,
#cc-notification a.cc-learnmore-link {
  color: #FFF !important;
}
#cc-modal.cc-mobile #cc-modal-wrapper {
  height: auto !important;
  max-height: none !important;
  min-height: inherit !important;
}
#cc-modal.cc-mobile #cc-modal-wrapper,
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper {
  margin-top: 0 !important;
  width: auto !important;
}
#cc-modal.cc-mobile #cc-modal-wrapper h2 {
  width: auto !important;
  margin-left: 0 !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper h2 span,
#cc-modal.cc-mobile #cc-modal-wrapper h2 span {
  display: block;
  margin-top: 8px;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper h2 {
  margin-left: 10px !important;
  width: auto !important;
}
#cc-modal.cc-mobile #cc-modal-wrapper,
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper {
  border: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-image: none !important;
  max-height: none !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li span,
#cc-modal.cc-mobile #cc-modal-wrapper li span {
  width: auto !important;
  float: none !important;
}
#cc-modal.cc-mobile #cc-modal-wrapper a.cc-consentchange {
  margin-top: 10px !important;
  float: none !important;
}
#cc-modal #cc-modal-wrapper li strong {
  width: auto !important;
}
/* lato-regular - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/static/fonts/lato-v11-latin-ext_latin-regular.eot');
  src: url('/static/fonts/lato-v11-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/lato-v11-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/lato-v11-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/lato-v11-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/lato-v11-latin-ext_latin-regular.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-700 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/static/fonts/lato-v11-latin-ext_latin-700.eot');
  src: url('/static/fonts/lato-v11-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/lato-v11-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/lato-v11-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/lato-v11-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/lato-v11-latin-ext_latin-700.svg#Lato') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
@font-face {
  font-family: emoji;
  src: local('Apple Color Emoji'), local('Android Emoji'), local('Segoe UI Emoji'), local('Segoe UI Symbol'), local('EmojiSymbols'), local('Symbola'), url('https://worldofmandalas.com/static/css/Symbola_hint#iefix') format('embedded-opentype'), url('/static/fonts/Symbola_hint.woff') format('woff'), url('/static/fonts/Symbola_hint.ttf') format('truetype');
  unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'flat-ui-icons';
  src: url('/static/fonts/flat-ui-icons-regular.eot');
  src: url('/static/fonts/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/flat-ui-icons-regular.woff') format('woff'), url('/static/fonts/flat-ui-icons-regular.ttf') format('truetype');
}
.flat-ui-icon {
  font-family: 'flat-ui-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fui-triangle-up:before {
  content: "\e600";
}
.fui-triangle-down:before {
  content: "\e601";
}
.fui-triangle-up-small:before {
  content: "\e602";
}
.fui-triangle-down-small:before {
  content: "\e603";
}
.fui-triangle-left-large:before {
  content: "\e604";
}
.fui-triangle-right-large:before {
  content: "\e605";
}
.fui-arrow-left:before {
  content: "\e606";
}
.fui-arrow-right:before {
  content: "\e607";
}
.fui-plus:before {
  content: "\e608";
}
.fui-cross:before {
  content: "\e609";
}
.fui-check:before {
  content: "\e60a";
}
.fui-radio-unchecked:before {
  content: "\e60b";
}
.fui-radio-checked:before {
  content: "\e60c";
}
.fui-checkbox-unchecked:before {
  content: "\e60d";
}
.fui-checkbox-checked:before {
  content: "\e60e";
}
.fui-info-circle:before {
  content: "\e60f";
}
.fui-alert-circle:before {
  content: "\e610";
}
.fui-question-circle:before {
  content: "\e611";
}
.fui-check-circle:before {
  content: "\e612";
}
.fui-cross-circle:before {
  content: "\e613";
}
.fui-plus-circle:before {
  content: "\e614";
}
.fui-pause:before {
  content: "\e615";
}
.fui-play:before {
  content: "\e616";
}
.fui-volume:before {
  content: "\e617";
}
.fui-mute:before {
  content: "\e618";
}
.fui-resize:before {
  content: "\e619";
}
.fui-list:before {
  content: "\e61a";
}
.fui-list-thumbnailed:before {
  content: "\e61b";
}
.fui-list-small-thumbnails:before {
  content: "\e61c";
}
.fui-list-large-thumbnails:before {
  content: "\e61d";
}
.fui-list-numbered:before {
  content: "\e61e";
}
.fui-list-columned:before {
  content: "\e61f";
}
.fui-list-bulleted:before {
  content: "\e620";
}
.fui-window:before {
  content: "\e621";
}
.fui-windows:before {
  content: "\e622";
}
.fui-loop:before {
  content: "\e623";
}
.fui-cmd:before {
  content: "\e624";
}
.fui-mic:before {
  content: "\e625";
}
.fui-heart:before {
  content: "\e626";
}
.fui-location:before {
  content: "\e627";
}
.fui-new:before {
  content: "\e628";
}
.fui-video:before {
  content: "\e629";
}
.fui-photo:before {
  content: "\e62a";
}
.fui-time:before {
  content: "\e62b";
}
.fui-eye:before {
  content: "\e62c";
}
.fui-chat:before {
  content: "\e62d";
}
.fui-home:before {
  content: "\e62e";
}
.fui-upload:before {
  content: "\e62f";
}
.fui-search:before {
  content: "\e630";
}
.fui-user:before {
  content: "\e631";
}
.fui-mail:before {
  content: "\e632";
}
.fui-lock:before {
  content: "\e633";
}
.fui-power:before {
  content: "\e634";
}
.fui-calendar:before {
  content: "\e635";
}
.fui-gear:before {
  content: "\e636";
}
.fui-bookmark:before {
  content: "\e637";
}
.fui-exit:before {
  content: "\e638";
}
.fui-trash:before {
  content: "\e639";
}
.fui-folder:before {
  content: "\e63a";
}
.fui-bubble:before {
  content: "\e63b";
}
.fui-export:before {
  content: "\e63c";
}
.fui-calendar-solid:before {
  content: "\e63d";
}
.fui-star:before {
  content: "\e63e";
}
.fui-star-2:before {
  content: "\e63f";
}
.fui-credit-card:before {
  content: "\e640";
}
.fui-clip:before {
  content: "\e641";
}
.fui-link:before {
  content: "\e642";
}
.fui-tag:before {
  content: "\e643";
}
.fui-document:before {
  content: "\e644";
}
.fui-image:before {
  content: "\e645";
}
.fui-facebook:before {
  content: "\e646";
}
.fui-youtube:before {
  content: "\e647";
}
.fui-vimeo:before {
  content: "\e648";
}
.fui-twitter:before {
  content: "\e649";
}
.fui-spotify:before {
  content: "\e64a";
}
.fui-skype:before {
  content: "\e64b";
}
.fui-pinterest:before {
  content: "\e64c";
}
.fui-path:before {
  content: "\e64d";
}
.fui-linkedin:before {
  content: "\e64e";
}
.fui-google-plus:before {
  content: "\e64f";
}
.fui-dribbble:before {
  content: "\e650";
}
.fui-behance:before {
  content: "\e651";
}
.fui-stumbleupon:before {
  content: "\e652";
}
.fui-yelp:before {
  content: "\e653";
}
.fui-wordpress:before {
  content: "\e654";
}
.fui-windows-8:before {
  content: "\e655";
}
.fui-vine:before {
  content: "\e656";
}
.fui-tumblr:before {
  content: "\e657";
}
.fui-paypal:before {
  content: "\e658";
}
.fui-lastfm:before {
  content: "\e659";
}
.fui-instagram:before {
  content: "\e65a";
}
.fui-html5:before {
  content: "\e65b";
}
.fui-github:before {
  content: "\e65c";
}
.fui-foursquare:before {
  content: "\e65d";
}
.fui-dropbox:before {
  content: "\e65e";
}
.fui-android:before {
  content: "\e65f";
}
.fui-apple:before {
  content: "\e660";
}
.gallery .gallery-mainarea {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .gallery .gallery-mainarea {
    display: block;
  }
  .gallery .gallery-mainarea .panel,
  .gallery .gallery-mainarea .main {
    margin-bottom: 20px;
    width: 100%;
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .gallery .gallery-mainarea {
    display: table;
  }
  .gallery .gallery-mainarea .panel {
    border-right: 20px white solid;
    width: 250px;
    display: table-cell;
  }
  .gallery .gallery-mainarea .main {
    display: table-cell;
    width: auto;
  }
}
.gallery .gallery-mainarea .panel {
  height: 100%;
  text-align: center;
  padding: 6px;
}
.gallery .gallery-mainarea .main {
  vertical-align: top;
}
.gallery .gallery-mainarea .main .tabs {
  font-size: 0px;
  padding-bottom: 6px;
}
.gallery .gallery-mainarea .main .tabs a.tab {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: #34495e;
  margin-right: 30px;
}
.gallery .gallery-mainarea .main .tabs a.active.tab {
  color: #1bbc9b;
}
.gallery .gallery-mainarea .main .tabs a.tab:hover {
  color: #1bbc9b;
}
.gallery .gallery-mainarea .main .search-results-container {
  padding-bottom: 33.3%;
}
.gallery .gallery-mainarea .main .search-results-container .result {
  float: left;
  position: relative;
  background: white;
  overflow: hidden;
  background: green;
}
@media only screen and (max-width: 546px) {
  .gallery .gallery-mainarea .main .search-results-container .result {
    width: 49%;
    padding-bottom: 49%;
    margin: 1% 1% 0px 0px;
  }
}
@media only screen and (min-width: 547px) {
  .gallery .gallery-mainarea .main .search-results-container .result {
    width: 32%;
    padding-bottom: 32%;
    margin: 1% 1% 0px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  .gallery .gallery-mainarea .main .search-results-container .result {
    width: 24%;
    padding-bottom: 24%;
    margin: 1% 1% 0px 0px;
  }
}
@media only screen and (min-width: 1224px) {
  .gallery .gallery-mainarea .main .search-results-container .result {
    width: 15.66%;
    padding-bottom: 15.66%;
    margin: 1% 1% 0px 0px;
  }
}
.gallery .gallery-mainarea .main .search-results-container .result .content {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: #67809f;
}
.gallery .gallery-mainarea .main .search-results-container .result .content .table {
  display: table;
  width: 100%;
  height: 100%;
}
.gallery .gallery-mainarea .main .search-results-container .result .content .table .cell {
  display: table-cell;
  background: white;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
}
.gallery .gallery-mainarea .main .search-results-container .result .content .table .cell img {
  width: 100%;
  display: block;
}
.gallery .gallery-mainarea .main #pagination {
  clear: both;
  padding-top: 32px;
}
.gallery .gallery-mainarea .main .noresults {
  padding-top: 40px;
  font-size: 20px;
  height: 400px;
  display: none;
}
.gallery .loader {
  float: right;
  margin-right: 10px;
}
.dialog#mandala {
  display: none;
  width: 450px;
  height: 620px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -225px;
  margin-top: -310px;
  opacity: .99;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 6px;
  background: #ecf0f1;
  color: #1bbc9b;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  /*
	 * Make the mandala popup look good (no vertical white space) on a phone
	 */
}
@media only screen and (max-width: 470px) {
  .dialog#mandala {
    left: 2%;
    margin-left: 0px;
    width: 96%;
  }
}
@media only screen and (max-height: 640px) {
  .dialog#mandala {
    top: 2%;
    margin-top: 0px;
    height: 96%;
  }
}
.dialog#mandala .header {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 6px 6px 0px 0px;
  background: #1bbc9b;
  color: #ffffff;
}
.dialog#mandala .header .right {
  margin-right: 20px;
  float: right;
}
.dialog#mandala .header .right .inactive {
  color: #bfbfbf;
}
.dialog#mandala .body {
  min-height: 474px;
  padding: 23px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog#mandala .footer {
  width: 100%;
  padding: 0px 10px;
  height: 60px;
  border-radius: 0px 0px 6px 6px;
}
.dialog#mandala .footer a.text,
.dialog#mandala .footer a.text:visited,
.dialog#mandala .footer a.text:hover {
  color: #1bbc9b;
}
.dialog#mandala .footer a.text,
.dialog#mandala .footer a.text:hover {
  float: right;
  font-style: italic;
  font-size: 14px;
}
.dialog#mandala .button {
  background-color: #1bbc9b;
}
.dialog#mandala input,
.dialog#mandala textarea {
  border: 2px transparent solid;
}
.dialog#mandala input,
.dialog#mandala textarea,
.dialog#mandala .button {
  width: 100%;
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
}
.dialog#mandala a.close,
.dialog#mandala a.close:visited,
.dialog#mandala a.close:hover {
  color: #ffffff;
}
.dialog#mandala a.close,
.dialog#mandala a.close:hover {
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  float: right;
  border: 0px solid #ffffff;
  border-radius: 24px;
}
.dialog#mandala .preview_container {
  width: 400px;
  max-width: 100%;
  height: 400px;
  position: relative;
  left: 0px;
  top: 0px;
}
.dialog#mandala .preview_container div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.dialog#mandala .preview_container .loader_container {
  text-align: center;
  padding-top: 50%;
  padding-bottom: 50%;
}
.dialog#mandala .preview_container #preview img {
  width: 100%;
}
.dialog#mandala .iconbar {
  margin-top: 4px;
  color: #34495e;
  font-size: 18px;
}
.dialog#mandala .iconbar ii {
  line-height: 26px;
  width: 26px;
  text-align: center;
  border-radius: 50%;
  background: #34495e;
  color: #ffffff;
}
.dialog#mandala .iconbar .float-left {
  float: left;
}
.dialog#mandala .iconbar .float-left i {
  margin-right: 8px;
}
.dialog#mandala .iconbar .float-right {
  float: right;
}
.dialog#mandala .iconbar .float-right i {
  margin-left: 8px;
}
.dialog#mandala .rights {
  clear: both;
  padding-top: 8px;
  font-size: 14px;
}
.dialog#mandala .rights .right0 {
  color: #c0392b;
}
.dialog#mandala .footer {
  text-align: center;
}
.dialog#mandala .footer .button {
  width: 45%;
  margin-right: 2%;
  margin-left: 2%;
  white-space: nowrap;
  margin-bottom: 4px;
}
@media only screen and (max-width: 470px) {
  .dialog#mandala .body {
    min-height: 0px;
    padding: 10px;
    padding-bottom: 20px;
  }
  .dialog#mandala .preview_container {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  }
  .dialog#mandala .preview_container #preview {
    position: relative;
  }
}
#mandalajs-dialog-design-rights-dropdown .jq-dropdown-menu,
#mandalajs-dialog-design-rights-dropdown .jq-dropdown-panel {
  max-width: 500px;
  overflow-x: auto;
}
#printme {
  display: none;
}
div#mandalajs.newmandala .existingonly {
  display: none !important;
}
/*******************************/
/** 'FIXING' ColorMandala CSS **/
/*******************************/
html body .Tip {
  height: 24px !important;
}
html body #designInfoDialog INPUT {
  margin-bottom: 4px;
}
html body #designListDialog {
  padding: .3em;
}
html body #designListDialog #editInfo {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 13px !important;
  float: right !important;
}
html body #designListDialog #popup {
  width: initial;
  min-width: 200px;
  white-space: nowrap;
}
html body .ControlRoot #title {
  width: 94px;
}
html body .ControlRoot #textField {
  text-indent: 0px;
  height: 18px;
  width: 32px;
  border-radius: 2px;
  text-align: center;
}
html body .ControlRoot .Button {
  text-align: center;
  height: 18px;
  border-radius: 2px;
  width: 30px;
  line-height: 18px;
  padding: 0px;
}
html body .ui-dialog {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ecf0f1;
  color: #1bbc9b;
  border: 0px;
  padding: 0px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
html body .ui-dialog .ui-dialog-content {
  padding: .6em;
}
html body .ui-dialog .ui-dialog-titlebar {
  height: 40px;
  line-height: 40px;
  border-radius: 6px 6px 0px 0px;
  background: #1bbc9b;
  font-weight: normal;
  color: #ffffff;
  font-family: Lato, Helvetica, Arial, sans-serif, emoji;
  font-size: 16px;
  border: 0px;
  padding: 0px;
}
html body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0px;
  padding-left: .3em;
}
html body .ui-dialog .ui-dialog-titlebar button {
  outline-style: none;
}
html body .ui-dialog .ui-dialog-titlebar .ui-button-text {
  display: none;
}
html body .ui-dialog .ui-dialog-buttonpane {
  background: none;
}
html body .ui-dialog .ui-dialog-buttonset button {
  outline-style: none;
  background: #1bbc9b;
  border: 0px;
  border-radius: 6px;
  color: #ffffff;
}
html {
  width: 100%;
  margin: 0px;
  opacity: 0;
}
html.wf-active {
  opacity: 1;
}
h1,
h2,
h3,
h4 {
  margin: 0px;
  padding: 0px;
}
body {
  width: 100%;
  margin: 0px;
  font-family: Lato, Helvetica, Arial, sans-serif, emoji;
  background-color: #f2f1ef;
  color: #34495e;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a,
img {
  border: none;
  outline: none;
}
.curtain,
#curtain {
  width: 100%;
  height: 100%;
  background: black;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 998;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: alpha(opacity=20);
  opacity: 0.2;
}
#curtain-message {
  position: fixed;
  top: 50%;
  width: 100%;
  text-align: center;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
  opacity: 0.9;
  z-index: 999;
  display: none;
  padding: 32px;
  background: #34495e;
  color: #ffffff;
}
#lightbox-curtain {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.clearboth {
  clear: both;
}
.clickable {
  cursor: pointer;
}
.clickable.nopointer {
  cursor: default;
}
.banner {
  background-color: #661f2c;
  color: #cc9f90;
  margin: 0px;
  margin-top: 200px;
  width: 100%;
  font-size: 4em;
  text-align: center;
  padding: 50px 0px;
}
@media (max-height: 360px) {
  .banner {
    padding: 10px 0px;
    margin-top: 50px;
  }
}
@media (min-height: 360px) and (max-height: 500px) {
  .banner {
    padding: 30px 0px;
    margin-top: 150px;
  }
}
@media (max-width: 767px) {
  .banner {
    font-size: 2em;
  }
}
.page {
  background-color: #ffffff;
  border: 1px solid #dadfe1;
  padding: 45px 50px;
  margin: 40px 70px;
  overflow: hidden;
}
.page h1 {
  margin-bottom: 16px;
}
.page h2 {
  margin-bottom: 6px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .page {
    padding: 15px 15px;
    margin: 15px 10px;
  }
  .page h1 {
    margin-bottom: 8px;
    font-size: 1.5em;
  }
}
.pagefooter {
  margin-top: -28px;
  float: right;
  padding-right: 70px;
  margin-bottom: 32px;
  font-size: 12px;
  color: #6c7a89;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.pagefooter a {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .pagefooter {
    margin-top: -3px;
    padding-right: 11px;
    padding-left: 11px;
  }
}
@media (max-width: 387px) {
  .pagefooter {
    text-align: right;
  }
  .pagefooter .left {
    display: block;
  }
}
.pagefooter.user-captcha,
.pagefooter.user-remove,
.pagefooter.user-confirm {
  margin-top: 12px;
  padding-right: 10px;
}
.panel {
  background: #34495e;
}
.panel .panel-border {
  background: #67809f;
}
a {
  text-decoration: none;
  color: inherit;
}
.hidden {
  display: none;
}
.center {
  text-align: center;
}
.no_brs br {
  display: none;
}
.redactor-dropdown .emojiicon {
  font-family: emoji;
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  padding: 4px;
  cursor: pointer;
}
.redactor-toolbar-tooltip {
  width: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
  overflow: hidden;
}
blockquote {
  font-family: "freight-text-pro", Georgia, Cambria, "Times New Roman", Times, serif;
  letter-spacing: .01rem;
  font-weight: 400;
  font-style: italic;
  border-left: 3px solid rgba(0, 0, 0, 0.8);
  padding-left: 20px;
  padding-bottom: 3px;
}
.dialog {
  display: none;
  width: 400px;
  height: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -150px;
  opacity: .99;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 6px;
  background: #ecf0f1;
  color: #1bbc9b;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 420px) {
  .dialog {
    left: 2%;
    margin-left: 0px;
    width: 96%;
  }
}
@media only screen and (max-height: 320px) {
  .dialog {
    top: 2%;
    margin-top: 0px;
    height: 96%;
  }
}
.dialog .header {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 6px 6px 0px 0px;
  background: #1bbc9b;
  color: #ffffff;
}
.dialog .header .right {
  margin-right: 20px;
  float: right;
}
.dialog .header .right .inactive {
  color: #bfbfbf;
}
.dialog .body {
  min-height: 190px;
  padding: 23px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog .footer {
  width: 100%;
  padding: 0px 10px;
  height: 24px;
  border-radius: 0px 0px 6px 6px;
}
.dialog .footer a.text,
.dialog .footer a.text:visited,
.dialog .footer a.text:hover {
  color: #1bbc9b;
}
.dialog .footer a.text,
.dialog .footer a.text:hover {
  float: right;
  font-style: italic;
  font-size: 14px;
}
.dialog .button {
  background-color: #1bbc9b;
}
.dialog input,
.dialog textarea {
  border: 2px transparent solid;
}
.dialog input,
.dialog textarea,
.dialog .button {
  width: 100%;
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
}
.dialog a.close,
.dialog a.close:visited,
.dialog a.close:hover {
  color: #ffffff;
}
.dialog a.close,
.dialog a.close:hover {
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  float: right;
  border: 0px solid #ffffff;
  border-radius: 24px;
}
.dialog.stay-when-stacked {
  z-index: 999 !important;
}
.dialog#alert,
.dialog#confirm {
  font-size: 18px;
  display: none;
  width: 300px;
  height: 216px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -108px;
  opacity: .99;
  overflow-y: auto;
  border-radius: 6px;
  background: #ecf0f1;
  color: #1bbc9b;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
}
@media only screen and (max-width: 320px) {
  .dialog#alert,
  .dialog#confirm {
    left: 2%;
    margin-left: 0px;
    width: 96%;
  }
}
@media only screen and (max-height: 236px) {
  .dialog#alert,
  .dialog#confirm {
    top: 2%;
    margin-top: 0px;
    height: 96%;
  }
}
.dialog#alert .header,
.dialog#confirm .header {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 6px 6px 0px 0px;
  background: #1bbc9b;
  color: #ffffff;
}
.dialog#alert .header .right,
.dialog#confirm .header .right {
  margin-right: 20px;
  float: right;
}
.dialog#alert .header .right .inactive,
.dialog#confirm .header .right .inactive {
  color: #bfbfbf;
}
.dialog#alert .body,
.dialog#confirm .body {
  min-height: 70px;
  padding: 23px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog#alert .footer,
.dialog#confirm .footer {
  width: 100%;
  padding: 0px 10px;
  height: 60px;
  border-radius: 0px 0px 6px 6px;
}
.dialog#alert .footer a.text,
.dialog#confirm .footer a.text,
.dialog#alert .footer a.text:visited,
.dialog#confirm .footer a.text:visited,
.dialog#alert .footer a.text:hover,
.dialog#confirm .footer a.text:hover {
  color: #1bbc9b;
}
.dialog#alert .footer a.text,
.dialog#confirm .footer a.text,
.dialog#alert .footer a.text:hover,
.dialog#confirm .footer a.text:hover {
  float: right;
  font-style: italic;
  font-size: 14px;
}
.dialog#alert .button,
.dialog#confirm .button {
  background-color: #1bbc9b;
}
.dialog#alert input,
.dialog#confirm input,
.dialog#alert textarea,
.dialog#confirm textarea {
  border: 2px transparent solid;
}
.dialog#alert input,
.dialog#confirm input,
.dialog#alert textarea,
.dialog#confirm textarea,
.dialog#alert .button,
.dialog#confirm .button {
  width: 100%;
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
}
.dialog#alert a.close,
.dialog#confirm a.close,
.dialog#alert a.close:visited,
.dialog#confirm a.close:visited,
.dialog#alert a.close:hover,
.dialog#confirm a.close:hover {
  color: #ffffff;
}
.dialog#alert a.close,
.dialog#confirm a.close,
.dialog#alert a.close:hover,
.dialog#confirm a.close:hover {
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  float: right;
  border: 0px solid #ffffff;
  border-radius: 24px;
}
.dialog#alert .footer,
.dialog#confirm .footer {
  text-align: center;
}
.dialog#alert .footer a,
.dialog#confirm .footer a,
.dialog#alert .footer a:hover,
.dialog#confirm .footer a:hover {
  width: auto;
}
.dialog#input {
  display: none;
  width: 400px;
  height: 410px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -205px;
  opacity: .99;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 6px;
  background: #ecf0f1;
  color: #1bbc9b;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 420px) {
  .dialog#input {
    left: 2%;
    margin-left: 0px;
    width: 96%;
  }
}
@media only screen and (max-height: 430px) {
  .dialog#input {
    top: 2%;
    margin-top: 0px;
    height: 96%;
  }
}
.dialog#input .header {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 6px 6px 0px 0px;
  background: #1bbc9b;
  color: #ffffff;
}
.dialog#input .header .right {
  margin-right: 20px;
  float: right;
}
.dialog#input .header .right .inactive {
  color: #bfbfbf;
}
.dialog#input .body {
  min-height: 300px;
  padding: 23px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog#input .footer {
  width: 100%;
  padding: 0px 10px;
  height: 24px;
  border-radius: 0px 0px 6px 6px;
}
.dialog#input .footer a.text,
.dialog#input .footer a.text:visited,
.dialog#input .footer a.text:hover {
  color: #1bbc9b;
}
.dialog#input .footer a.text,
.dialog#input .footer a.text:hover {
  float: right;
  font-style: italic;
  font-size: 14px;
}
.dialog#input .button {
  background-color: #1bbc9b;
}
.dialog#input input,
.dialog#input textarea {
  border: 2px transparent solid;
}
.dialog#input input,
.dialog#input textarea,
.dialog#input .button {
  width: 100%;
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
}
.dialog#input a.close,
.dialog#input a.close:visited,
.dialog#input a.close:hover {
  color: #ffffff;
}
.dialog#input a.close,
.dialog#input a.close:hover {
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  float: right;
  border: 0px solid #ffffff;
  border-radius: 24px;
}
.dialog#alert.large {
  display: none;
  width: 500px;
  height: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -150px;
  opacity: .99;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 6px;
  background: #ecf0f1;
  color: #1bbc9b;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 520px) {
  .dialog#alert.large {
    left: 2%;
    margin-left: 0px;
    width: 96%;
  }
}
@media only screen and (max-height: 320px) {
  .dialog#alert.large {
    top: 2%;
    margin-top: 0px;
    height: 96%;
  }
}
.dialog#alert.large .header {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 6px 6px 0px 0px;
  background: #1bbc9b;
  color: #ffffff;
}
.dialog#alert.large .header .right {
  margin-right: 20px;
  float: right;
}
.dialog#alert.large .header .right .inactive {
  color: #bfbfbf;
}
.dialog#alert.large .body {
  min-height: 154px;
  padding: 23px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog#alert.large .footer {
  width: 100%;
  padding: 0px 10px;
  height: 60px;
  border-radius: 0px 0px 6px 6px;
}
.dialog#alert.large .footer a.text,
.dialog#alert.large .footer a.text:visited,
.dialog#alert.large .footer a.text:hover {
  color: #1bbc9b;
}
.dialog#alert.large .footer a.text,
.dialog#alert.large .footer a.text:hover {
  float: right;
  font-style: italic;
  font-size: 14px;
}
.dialog#alert.large .button {
  background-color: #1bbc9b;
}
.dialog#alert.large input,
.dialog#alert.large textarea {
  border: 2px transparent solid;
}
.dialog#alert.large input,
.dialog#alert.large textarea,
.dialog#alert.large .button {
  width: 100%;
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
}
.dialog#alert.large a.close,
.dialog#alert.large a.close:visited,
.dialog#alert.large a.close:hover {
  color: #ffffff;
}
.dialog#alert.large a.close,
.dialog#alert.large a.close:hover {
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  float: right;
  border: 0px solid #ffffff;
  border-radius: 24px;
}
.dialog#alert.large .footer {
  text-align: center;
}
.dialog#alert.large .footer a,
.dialog#alert.large .footer a:hover {
  width: auto;
}
.dialog#alert.warning .header,
.dialog#confirm .header {
  background-color: #f5ab35;
}
.dialog#alert.warning .button,
.dialog#confirm .button {
  background-color: #34495e;
}
.dialog#alert.warning .body,
.dialog#confirm .body {
  color: #34495e;
}
.dialog#alert.error .header {
  background-color: #c0392b;
}
.dialog#alert.error .button {
  background-color: #34495e;
}
.dialog#alert.error .body {
  color: #34495e;
}
.dialog#crop {
  display: none;
  width: 780px;
  height: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -390px;
  margin-top: -300px;
  opacity: .99;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 6px;
  background: #ecf0f1;
  color: #1bbc9b;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  .dialog#crop {
    left: 2%;
    margin-left: 0px;
    width: 96%;
  }
}
@media only screen and (max-height: 620px) {
  .dialog#crop {
    top: 2%;
    margin-top: 0px;
    height: 96%;
  }
}
.dialog#crop .header {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 6px 6px 0px 0px;
  background: #1bbc9b;
  color: #ffffff;
}
.dialog#crop .header .right {
  margin-right: 20px;
  float: right;
}
.dialog#crop .header .right .inactive {
  color: #bfbfbf;
}
.dialog#crop .body {
  min-height: 514px;
  padding: 23px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog#crop .footer {
  width: 100%;
  padding: 0px 10px;
  height: 0px;
  border-radius: 0px 0px 6px 6px;
}
.dialog#crop .footer a.text,
.dialog#crop .footer a.text:visited,
.dialog#crop .footer a.text:hover {
  color: #1bbc9b;
}
.dialog#crop .footer a.text,
.dialog#crop .footer a.text:hover {
  float: right;
  font-style: italic;
  font-size: 14px;
}
.dialog#crop .button {
  background-color: #1bbc9b;
}
.dialog#crop input,
.dialog#crop textarea {
  border: 2px transparent solid;
}
.dialog#crop input,
.dialog#crop textarea,
.dialog#crop .button {
  width: 100%;
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
}
.dialog#crop a.close,
.dialog#crop a.close:visited,
.dialog#crop a.close:hover {
  color: #ffffff;
}
.dialog#crop a.close,
.dialog#crop a.close:hover {
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  float: right;
  border: 0px solid #ffffff;
  border-radius: 24px;
}
.dialog#crop .body {
  padding: 0px !important;
  width: 100%;
}
.dialog#crop .body #preview {
  overflow: hidden;
  width: 150px;
  height: 150px;
  margin: 12px;
}
.dialog#crop .body #cropper {
  float: left;
  margin: 12px;
}
.dialog#crop .body .button {
  width: 150px;
  margin-top: 12px;
}
.dialog#edittask {
  display: none;
  width: 700px;
  height: 500px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -350px;
  margin-top: -250px;
  opacity: .99;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 6px;
  background: #ecf0f1;
  color: #1bbc9b;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 720px) {
  .dialog#edittask {
    left: 2%;
    margin-left: 0px;
    width: 96%;
  }
}
@media only screen and (max-height: 520px) {
  .dialog#edittask {
    top: 2%;
    margin-top: 0px;
    height: 96%;
  }
}
.dialog#edittask .header {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 6px 6px 0px 0px;
  background: #1bbc9b;
  color: #ffffff;
}
.dialog#edittask .header .right {
  margin-right: 20px;
  float: right;
}
.dialog#edittask .header .right .inactive {
  color: #bfbfbf;
}
.dialog#edittask .body {
  min-height: 354px;
  padding: 23px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog#edittask .footer {
  width: 100%;
  padding: 0px 10px;
  height: 60px;
  border-radius: 0px 0px 6px 6px;
}
.dialog#edittask .footer a.text,
.dialog#edittask .footer a.text:visited,
.dialog#edittask .footer a.text:hover {
  color: #1bbc9b;
}
.dialog#edittask .footer a.text,
.dialog#edittask .footer a.text:hover {
  float: right;
  font-style: italic;
  font-size: 14px;
}
.dialog#edittask .button {
  background-color: #1bbc9b;
}
.dialog#edittask input,
.dialog#edittask textarea {
  border: 2px transparent solid;
}
.dialog#edittask input,
.dialog#edittask textarea,
.dialog#edittask .button {
  width: 100%;
  height: 42px;
  line-height: 1.467;
  padding: 8px 12px;
  max-width: none;
}
.dialog#edittask a.close,
.dialog#edittask a.close:visited,
.dialog#edittask a.close:hover {
  color: #ffffff;
}
.dialog#edittask a.close,
.dialog#edittask a.close:hover {
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  float: right;
  border: 0px solid #ffffff;
  border-radius: 24px;
}
span.errmsg {
  color: #c0392b;
}
body.loggedout .loggedinonly {
  display: none !important;
}
body.loggedin .loggedoutonly {
  display: none !important;
}
#lightbox {
  display: none;
  position: fixed;
  background: black;
  border-radius: 4px;
  z-index: 1000;
  padding: 3px;
  border: 3px white solid;
}
#lightbox #photo {
  height: 100%;
  width: 100%;
  background: white;
}
#lightbox #close {
  position: absolute;
  top: -4px;
  right: -1.5em;
  font-size: 20px;
  z-index: 1001;
  color: white;
}
.message {
  text-align: center;
}
.message a {
  color: #67809f;
  font-size: 2em;
  text-decoration: none;
  padding-top: 40px;
  display: block;
}
.page.privacypolicy {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.page.privacypolicy li {
  margin-bottom: 6px;
}
.page.privacypolicy ul {
  margin-top: 16px;
}