/**
IMPORT AMOS-LAYOUT VARIABLES
 */
/* AMOS-LAYOUT VARIABLES */
/* default amos-layout base color */
/* default variables for platform customizations
override into main.less on bottom */
/* default color variables for brand customize */
/*platform text based color*/
/*apply to most text tags*/
/* default color platform basic interface*/
/* default backend background color and image */
/* ../ because it's referred to assets directory in head tag */
/* default background content parts color */
/* default border color */
/* default box-shadow */
/* utility color */
/* status color */
/* social color */
/* plugin custom color */
/* AMOS-LAYOUT UTILITY
nb: use only vars in variables.less because this file is imported by other plugin
 */
.cover-object {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/**
FLEXBOX
 */
.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flexbox-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flexbox-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
/**
BOX SHADOW
 */
/**
TRANSITION
 */
/**
LINEAR GRADIENT
 */
/**
TODO CHECK POSITION
 */
.container-custom,
.containerCustomStyle {
  padding-left: 4%;
  padding-right: 4%;
}
.container-custom::before,
.containerCustomStyle::before {
  display: table;
  content: " ";
}
.container-custom::after,
.containerCustomStyle::after {
  display: table;
  content: " ";
  clear: both;
}
nav .container-custom,
nav .containerCustomStyle {
  padding-left: calc(4% - 2*4px);
  padding-right: calc(4% - 2*4px);
}
@media screen and (min-width: 768px) {
  .container-custom,
  .containerCustomStyle {
    padding-left: 6%;
    padding-right: 6%;
  }
  nav .container-custom,
  nav .containerCustomStyle {
    padding-left: calc(6% - 2*4px);
    padding-right: calc(6% - 2*4px);
  }
}
@media screen and (min-width: 1024px) {
  .container-custom,
  .containerCustomStyle {
    padding-left: 10%;
    padding-right: 10%;
  }
  nav .container-custom,
  nav .containerCustomStyle {
    padding-left: calc(10% - 2*4px);
    padding-right: calc(10% - 2*4px);
  }
}
.container-custom-margin,
.containerCustomStyleMargin {
  margin-left: 4%;
  margin-right: 4%;
}
.container-custom-margin::before,
.containerCustomStyleMargin::before {
  display: table;
  content: " ";
}
.container-custom-margin::after,
.containerCustomStyleMargin::after {
  display: table;
  content: " ";
  clear: both;
}
nav .container-custom-margin,
nav .containerCustomStyleMargin {
  margin-left: calc(4% - 2*4px);
  margin-right: calc(4% - 2*4px);
}
@media screen and (min-width: 768px) {
  .container-custom-margin,
  .containerCustomStyleMargin {
    margin-left: 6%;
    margin-right: 6%;
  }
  nav .container-custom-margin,
  nav .containerCustomStyleMargin {
    margin-left: calc(6% - 2*4px);
    margin-right: calc(6% - 2*4px);
  }
}
@media screen and (min-width: 1024px) {
  .container-custom-margin,
  .containerCustomStyleMargin {
    margin-left: 10%;
    margin-right: 10%;
  }
  nav .container-custom-margin,
  nav .containerCustomStyleMargin {
    margin-left: calc(10% - 2*4px);
    margin-right: calc(10% - 2*4px);
  }
}
.boxesStyle {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.boxesStyle .pluginName,
.boxesStyle .language-item {
  display: block;
  color: #ffffff;
}
.boxesStyle .color-primary {
  background-color: transparent !important;
}
.boxesStyle .ic,
.boxesStyle .am,
.boxesStyle .dash {
  color: #ffffff;
  margin-bottom: 7px;
  display: inline-block;
}
.boxesStyle .ic:before,
.boxesStyle .am:before,
.boxesStyle .dash:before {
  font-size: 3rem;
}
.boxesStyle .icon-open-modal:before {
  font-size: 2.1rem;
}
.boxesStyle .am-2 {
  font-size: unset;
}
@media screen and (max-width: 768px) {
  .boxesStyle .icon-open-modal:before {
    font-size: 2.2rem;
  }
  .boxesStyle .pluginName,
  .boxesStyle .language-item {
    font-size: 1.5rem;
    line-height: 1.6rem;
  }
}
@media screen and (min-width: 1280px) {
  .boxesStyle .ic:before,
  .boxesStyle .am:before,
  .boxesStyle .dash:before {
    font-size: 4rem;
  }
  .boxesStyle .icon-open-modal:before {
    font-size: 2.2rem;
  }
  .boxesStyle .pluginName,
  .boxesStyle .language-item {
    font-size: 1.20rem;
  }
}
.boxWidgetHeaderStyle .box-widget {
  padding: 0;
}
.boxWidgetHeaderStyle .box-widget-header .box-widget-wrapper {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .boxWidgetHeaderStyle .box-widget-header .box-widget-title {
    display: flex;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.35rem;
  }
  .boxWidgetHeaderStyle .box-widget-header .box-widget-title .am-2,
  .boxWidgetHeaderStyle .box-widget-header .box-widget-title .pluginName,
  .boxWidgetHeaderStyle .box-widget-header .box-widget-title .language-item {
    font-size: 1.6rem;
  }
  .boxWidgetHeaderStyle .box-widget-header .box-widget-title .pluginName,
  .boxWidgetHeaderStyle .box-widget-header .box-widget-title .language-item {
    margin-left: 2%;
    width: 100%;
  }
  .boxWidgetHeaderStyle .box-widget-header .read-all {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .boxWidgetHeaderStyle .box-widget {
    padding: 0 6%;
  }
  .boxWidgetHeaderStyle .box-widget-header {
    width: calc(6% + (80% / 4 - 4px));
    position: absolute;
    padding-left: 6%;
  }
  .boxWidgetHeaderStyle .box-widget-header .box-widget-wrapper {
    position: relative;
  }
  .boxWidgetHeaderStyle .box-widget-header .box-widget-wrapper:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .boxWidgetHeaderStyle .box-widget-header .box-widget-wrapper .box-widget-title {
    position: absolute;
    top: 0;
    right: 0;
  }
  .boxWidgetHeaderStyle .box-widget-header .read-all {
    position: relative;
    right: 0;
    text-transform: none;
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  .boxWidgetHeaderStyle .box-widget-header .read-all a {
    position: absolute;
    right: 0;
    left: 0;
    text-transform: uppercase;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .boxWidgetHeaderStyle .box-widget {
    padding: 0 10%;
  }
  .boxWidgetHeaderStyle .box-widget-header {
    padding-left: 10%;
    width: calc(10% + (80% / 6 - 4px));
  }
  .boxWidgetHeaderStyle .box-widget-header .read-all {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}
@media screen and (min-width: 1280px) {
  .boxWidgetHeaderStyle .box-widget-header {
    width: calc(10% + (80% / 8 - 4px));
  }
}
.no-margin {
  margin: 0;
}
/**
IMPORT STYLE-CUSTOM
 */
/* POI CUSTOM VARIABLES */
.container-logo .img-responsive {
  max-width: 345px;
}
/* POI CUSTOM WRAP ASSISTANCE */
.wrap-assistance {
  position: absolute;
  right: 15px;
  left: auto;
  text-decoration: none;
  width: 40%;
  font-size: 1.1em;
  z-index: 10;
}
@media (max-width: 767px) {
  .wrap-assistance {
    width: 100%;
  }
}
.wrap-assistance .assistance-title {
  color: #fff;
  font-size: 14px;
  background-color: #022020;
  font-weight: bold;
  padding: 5px 15px;
}
.wrap-assistance .assistance-title p {
  margin: 0;
}
.wrap-assistance .assistance-title .close {
  float: right;
  font-size: 1.4em;
  font-weight: bold;
  padding-top: 1px;
  color: #fff;
  opacity: 1;
}
.wrap-assistance .body-assistance {
  background-color: #00796A;
  padding: 15px 0;
}
.wrap-assistance .body-assistance > *:first-child:not(:last-child) {
  border-bottom: 1px dashed #DADADA;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.wrap-assistance .body-assistance .am,
.wrap-assistance .body-assistance .dash {
  float: left;
}
.wrap-assistance .body-assistance a {
  color: #fff;
  text-decoration: none;
}
.wrap-assistance .body-assistance a .assistance-type {
  text-decoration: underline;
  font-weight: bold;
}
/**********************************************/
/**** OVERRIDE PER WIDGET MONITOR REAL TIME ***/
@media screen and (max-width: 480px) {
  .graphic-custom-monitor .table-responsive > .table > tbody > tr > td {
    white-space: normal;
  }
}
.graphic-custom-monitor .grid-view.is-bs3.hide-resize .panel.panel-info {
  border-color: #dddddd;
}
.graphic-custom-monitor .grid-view.is-bs3.hide-resize .panel.panel-info .panel-heading {
  color: #dddddd;
  background-color: #ffffff;
  border-color: transparent;
}
.graphic-custom-monitor .grid-view.is-bs3.hide-resize .panel.panel-info table.kv-grid-table.table td.kv-align-center {
  font-weight: bold;
}
/**********************************************/
/* FINE OVERRIDE PER WIDGET MONITOR REAL TIME */
/**
POII-2574
custom font-size assistance tickets contact form
 */
#wrap-contacts #contact-form .contact-form > div > .row .field-contactform-message #contactform-message {
  font-size: 14px !important;
}
/**
SONDAGGI
*/
.sondaggi-compilazione.sondaggi-compilazione-sondaggio91 .select2-container--krajee .select2-selection--multiple .select2-selection__choice {
  max-width: 80%;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio91 .select2-container .selection .select2-selection .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio91 .select2-container.select2-container--krajee .selection .select2-selection .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
  padding: 0;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio91 #div-domanda_1984 .testo-introduttivo h3,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio91 #div-domanda_1984 .testo-introduttivo.testo-vincolato {
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0;
  color: #595959;
}
.login-page .social-block .social-buttons {
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  margin: -5px;
}
.login-page .social-block .social-buttons .col-xs-12 {
  width: auto;
  float: none;
}
@media (max-width: 480px) {
  .login-page .social-block .social-buttons .col-xs-12 {
    width: 100%;
  }
}
.login-page .social-block .social-buttons .col-xs-12 .btn {
  margin: 5px;
  padding: 6px;
  width: auto;
}
@media (max-width: 480px) {
  .login-page .social-block .social-buttons .col-xs-12 .btn {
    width: 100%;
  }
}
.social-admin-section h2.spid-title {
  font-size: 1.3em;
}
.social-admin-section .google-services > div:not(:first-child) {
  margin-top: 15px;
}
.social-admin-section .label-social {
  margin-top: 15px;
}
.social-admin-section .wrap-btn-social {
  display: flex;
  flex-direction: column;
}
.social-admin-section .wrap-btn-social .btn {
  height: 37px;
  width: 200px;
  border: 0;
  display: block;
  padding: 6px 12px;
}
.social-admin-section .wrap-btn-social .btn[class*='-square'] {
  font-size: 2em;
  padding: 3px 0;
  float: left;
}
.social-admin-section .wrap-btn-social .btn[class*='-disconnect'] {
  padding: 10px 12px;
}
.social-admin-section .wrap-btn-social .btn.btn-google-services {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  background-color: #518ff5;
  color: #ffffff;
  padding: 6px 10px;
}
.social-admin-section .wrap-btn-social .btn.btn-google-services .dash-calendar {
  font-size: 1.5em;
}
.social-admin-section .wrap-btn-social .btn.btn-google-services .am-account {
  font-size: 2em;
}
.social-admin-section .wrap-btn-social .btn.btn-spid {
  background: #0462C5;
  color: #FFF;
  padding: 7px 0;
  width: 50%;
  font-size: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
  .social-admin-section .wrap-btn-social .btn.btn-spid {
    width: 100%;
  }
}
.social-admin-section .wrap-btn-social .btn + .btn {
  margin-top: 5px;
  margin-left: 0;
}
.workflow-transition-button-widget {
  display: flex;
  float: none;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 400px) {
  .workflow-transition-button-widget {
    flex-wrap: wrap;
  }
}
.workflow-transition-button-widget .workflow-buttons-container {
  width: 100%;
}
/**
COMMUNITY DASHBOARD
 */
.community-page {
  background-color: #d3d3d3;
}
.community-page .breadcrumb {
  background-color: #ececec;
  padding: 15px 10%;
  border-radius: 0;
}
.box-widget section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.network-breadcrumb,
.community-dashboard-container {
  background-color: #474145;
}
@media screen and (min-width: 768px) {
  .network-breadcrumb > nav,
  .community-dashboard-container > nav {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .network-breadcrumb > nav + .sub-dashboard-graphics,
  .community-dashboard-container > nav + .sub-dashboard-graphics {
    margin-top: 0;
  }
}
.community-network-container .network-box {
  min-height: unset;
}
.community-network-container .network-box > img {
  position: absolute;
}
.community-network-container .network-box .network-infos {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  padding: 0 !important;
}
.community-network-container .network-box .network-infos .container-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .community-network-container .network-box .network-infos .container-custom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.community-network-container .network-box .network-infos .container-custom .header-community {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 33.333%;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 30px 30px 15px;
}
@media (max-width: 767px) {
  .community-network-container .network-box .network-infos .container-custom .header-community {
    width: 100%;
    padding: 15px 0;
  }
}
.community-network-container .network-box .network-infos .container-custom .header-community .poster-community {
  background: #ffffff;
  margin: 0;
}
@media (max-width: 767px) {
  .community-network-container .network-box .network-infos .container-custom .header-community .poster-community {
    height: 40%;
  }
}
.community-network-container .network-box .network-infos .container-custom .header-community .control-community {
  padding: 0;
}
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer {
  padding: 30px 0 0;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .community-network-container .network-box .network-infos .container-custom .header-community .network-footer {
    padding: 15px;
    flex-wrap: wrap;
  }
}
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .btn.btn-icon,
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .wrap-icons .amos-tooltip,
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .wrap-icons .report-dropdown .btn,
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .wrap-icons .manage-network-scope .manage-menu {
  color: #ffffff;
  background: transparent;
  border: none;
  position: relative;
  width: 28px;
  height: 28px;
  font-size: 26px;
  padding: 0;
  display: block;
  margin-top: 0;
}
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .btn.btn-icon > .ic,
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .wrap-icons .amos-tooltip > .ic,
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .wrap-icons .report-dropdown .btn > .ic,
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .wrap-icons .manage-network-scope .manage-menu > .ic {
  width: 28px;
  height: 28px;
  display: block;
  position: relative;
  right: 7px;
}
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .report-dropdown .counter {
  position: absolute;
  color: #000000;
  background: #FFE300;
  font-size: 12px;
  border-radius: 50%;
  padding: 0px 5px;
  left: 18px;
  top: -8px;
}
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .report-dropdown .counter + .caret {
  display: none;
}
.community-network-container .network-box .network-infos .container-custom .header-community .network-footer .manage-network-scope {
  width: 26px;
}
.community-network-container .network-box .network-infos .container-custom .header-right-community {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 30px 30px 15px;
  width: 70%;
}
.community-network-container .network-box .network-infos .container-custom .header-right-community p > a {
  color: #ffffff;
}
@media (max-width: 767px) {
  .community-network-container .network-box .network-infos .container-custom .header-right-community {
    width: 100%;
    padding: 15px;
  }
}
.community-network-container .network-box .network-infos .container-custom .action-community {
  width: 100%;
  position: relative;
  display: block;
  margin: 0;
  padding: 30px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .community-network-container .network-box .network-infos .container-custom .action-community {
    width: 100%;
    padding: 15px 0 0;
  }
}
@media (min-width: 1200px) {
  .community-network-container .network-box .network-infos .container-custom .action-community .back-to-dashboard,
  .community-network-container .network-box .network-infos .container-custom .action-community .exit-community {
    max-width: 45%;
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .community-network-container .network-box .network-infos .container-custom .action-community .back-to-dashboard,
  .community-network-container .network-box .network-infos .container-custom .action-community .exit-community {
    max-width: 45%;
    margin-top: 0 !important;
  }
}
.community-network-container .network-box .network-infos .container-custom .action-community .back-to-dashboard {
  width: 100%;
  display: block;
  text-align: center;
}
.community-network-container .network-box .network-infos .container-custom .action-community .enter-community {
  background: #FFBB00;
  color: #000000;
  padding: 5px 15px;
}
.community-network-container .network-box .network-infos .container-custom .action-community .exit-community {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 15px;
  background: #a66300;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 15px;
}
.community-network-container .network-box .network-infos .container-custom .network-name {
  margin-top: 0;
}
.community-network-container .network-box .network-infos .container-custom .network-name > a {
  font-size: 0.8em;
  text-decoration: none;
}
.community-network-container .network-box .network-infos .container-custom .community-status {
  text-transform: uppercase;
}
.community-network-container .network-box .network-infos .container-custom .community-status:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  float: left;
  margin: 3px 10px 8px 0;
}
.community-network-container .network-box .network-infos .container-custom .community-status.private:before {
  background: #a66300;
}
.community-network-container .network-box .network-infos .container-custom .community-status.open:before {
  background: #008758;
}
.community-network-container .network-box .network-infos .container-custom .community-status.closed:before {
  background: #a61919;
}
/**
COMMUNITY INDEX
 */
.community-index .grid-view table td[title='Logo'] .hierarchy {
  float: left;
  margin-right: 5px;
}
.community-index .grid-view table td[title='Logo'] .hierarchy .am-long-arrow-return {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  font-size: 1.5em;
  font-weight: bold;
}
/**
COMMUNITY CARD VIEW
 */
.card-container.community-card-container {
  margin: 0 0 15px;
  border: solid #b4c2ca 1px;
  background: #ffffff;
  height: auto;
}
.card-container.community-card-container .icon-header {
  height: 150px;
  background-color: #e6e9f2;
  position: relative;
}
.card-container.community-card-container .icon-header .manage {
  margin: 0;
  position: absolute;
  right: 0;
  z-index: 3;
  background: #ffffff;
}
.card-container.community-card-container .icon-header .manage .manage-menu {
  color: #5e7887;
  padding-top: 5px;
  padding-bottom: 5px;
}
.card-container.community-card-container .icon-header .manage .manage-menu:hover {
  border-radius: 0;
  /* override */
}
.card-container.community-card-container .icon-header .community-image {
  height: 200px;
  overflow: hidden;
}
.card-container.community-card-container .icon-header .community-image .img-responsive {
  margin: 0 auto;
}
.card-container.community-card-container .icon-body {
  padding: 5px 10px;
  text-align: left;
  height: 125px;
  background-color: #ffffff;
}
.card-container.community-card-container .icon-body .title {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.card-container.community-card-container .icon-body .title a {
  color: initial;
}
.card-container.community-card-container .icon-footer {
  height: 30px;
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.card-container.community-card-container .icon-footer .badge {
  position: relative;
  border-radius: 0;
}
.card-container.community-card-container .icon-footer .badge.category1 {
  background-color: #008758;
  color: #ffffff;
}
.card-container.community-card-container .icon-footer .badge.category2 {
  background-color: #a66300;
  color: #ffffff;
}
.card-container.community-card-container .icon-footer .badge.category3 {
  background-color: #545454;
  color: #ffffff;
}
.card-container.community-card-container .icon-footer .amos-tooltip {
  margin-left: 15px;
  margin-top: 4px;
  color: #ffffff;
}
.card-container.community-card-container .icon-footer .btn.btn-join-community {
  /* override */
  border: none;
  box-shadow: none;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 1.3em;
  padding: 2px 10px 0;
  margin: 0;
  height: 30px;
}
.card-container.community-card-container .icon-footer .btn.btn-join-community .am {
  font-size: 1em;
  margin-left: 5px;
  position: relative;
  top: 1px;
}
/**
COMMUNITY VIEW
 */
.community-view .title-text {
  font-size: 1.5em;
  font-weight: bold;
  margin: 30px 0;
}
.community-view .amos-tooltip {
  background-color: #cdeed3;
  border: 1px solid #297a38;
  border-radius: 25px;
  padding: 5px 15px;
  font-size: 1.3em;
  color: #297a38;
  margin: 3px;
  width: fit-content;
  float: left;
}
.community-view .amos-tooltip > a {
  text-decoration: none;
}
/**
COMMUNITY PUBLISHED CONTENTS WIDGET
show contents count in community view
 */
.community-content-count-section {
  padding: 20px 20px 35px 20px;
  margin-bottom: 20px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: center;
  flex-wrap: wrap;
}
.community-content-count-section .content-widget-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .community-content-count-section .content-widget-item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .community-content-count-section .content-widget-item {
    width: 25%;
  }
}
.community-content-count-section .content-widget-item .dash,
.community-content-count-section .content-widget-item .am,
.community-content-count-section .content-widget-item .ic {
  font-size: 2em;
  border: 1px solid #000000;
  padding: 10px;
}
.community-content-count-section .content-widget-item .counter {
  font-weight: bold;
  margin: 15px;
  font-size: 2em;
}
.community-content-count-section .content-widget-item .model-label {
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .community-content-count-section {
    padding: 0;
  }
  .community-content-count-section .content-widget-item {
    flex-basis: 20%;
    padding: 10px;
  }
  .community-content-count-section .content-widget-item .counter {
    margin: 5px;
  }
}
@media (max-width: 767px) {
  .community-content-count-section {
    padding: 0;
  }
  .community-content-count-section .content-widget-item {
    flex-basis: 33%;
    padding: 10px;
  }
  .community-content-count-section .content-widget-item .counter {
    margin: 6px;
  }
}
@media (max-width: 420px) {
  .community-content-count-section {
    padding: 0;
  }
  .community-content-count-section .content-widget-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: baseline;
    flex-basis: 100%;
    padding: 10px;
  }
  .community-content-count-section .content-widget-item .counter {
    margin: 5px;
  }
  .community-content-count-section .content-widget-item .model-label {
    text-align: left;
  }
}
/**
COMMUNITY PUBLISHED CONTENTS WIDGET
show contents count in community view
 */
.community-tags .dash-tag {
  display: none;
}
.community-tags .no-items {
  padding-right: 0;
  padding-left: 0;
}
.community-tags .tags-list-all {
  margin: 25px 0;
}
/* widget hackathon */
.graphics-dashboard-container .box-widget.hackathon-widget {
  height: 170px;
}
.graphics-dashboard-container .box-widget.hackathon-widget .box-widget-toolbar {
  background-color: #009788;
  color: #ffffff;
  border-bottom: 1px solid #fff;
}
.graphics-dashboard-container .box-widget.hackathon-widget section {
  background: -webkit-linear-gradient(left, #f6d222 50%, #f3c228 50%);
  background: -moz-linear-gradient(left, #f6d222 50%, #f3c228 50%);
  background: -ms-linear-gradient(left, #f6d222 50%, #f3c228 50%);
  width: 100%;
  height: 135px;
  text-align: center;
}
.graphics-dashboard-container .box-widget.hackathon-widget section img {
  height: 100%;
}
.graphics-dashboard-container .box-widget.hackathon-widget section .btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.community-description {
  background-color: #f5f5f5;
  padding: 30px 0;
  font-size: 1.2em;
  line-height: 1.5em;
}
.community-description + .sub-dashboard-graphics {
  margin-top: 0;
}
.wrap-graphic-widget .box-widget {
  padding: 0;
}
.wrap-graphic-widget .box-widget-header .box-widget-wrapper {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .wrap-graphic-widget .box-widget-header .box-widget-title {
    display: flex;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.35rem;
  }
  .wrap-graphic-widget .box-widget-header .box-widget-title .am-2,
  .wrap-graphic-widget .box-widget-header .box-widget-title .pluginName,
  .wrap-graphic-widget .box-widget-header .box-widget-title .language-item {
    font-size: 1.6rem;
  }
  .wrap-graphic-widget .box-widget-header .box-widget-title .pluginName,
  .wrap-graphic-widget .box-widget-header .box-widget-title .language-item {
    margin-left: 2%;
    width: 100%;
  }
  .wrap-graphic-widget .box-widget-header .read-all {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .wrap-graphic-widget .box-widget {
    padding: 0 6%;
  }
  .wrap-graphic-widget .box-widget-header {
    width: calc(6% + (80% / 4 - 4px));
    position: absolute;
    padding-left: 6%;
  }
  .wrap-graphic-widget .box-widget-header .box-widget-wrapper {
    position: relative;
  }
  .wrap-graphic-widget .box-widget-header .box-widget-wrapper:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .wrap-graphic-widget .box-widget-header .box-widget-wrapper .box-widget-title {
    position: absolute;
    top: 0;
    right: 0;
  }
  .wrap-graphic-widget .box-widget-header .read-all {
    position: relative;
    right: 0;
    text-transform: none;
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  .wrap-graphic-widget .box-widget-header .read-all a {
    position: absolute;
    right: 0;
    left: 0;
    text-transform: uppercase;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .wrap-graphic-widget .box-widget {
    padding: 0 10%;
  }
  .wrap-graphic-widget .box-widget-header {
    padding-left: 10%;
    width: calc(10% + (80% / 6 - 4px));
  }
  .wrap-graphic-widget .box-widget-header .read-all {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}
@media screen and (min-width: 1280px) {
  .wrap-graphic-widget .box-widget-header {
    width: calc(10% + (80% / 8 - 4px));
  }
}
.wrap-graphic-widget .box-widget section {
  background-color: #fff;
  padding: 0 35px;
}
.wrap-graphic-widget .box-widget section .title-text {
  color: #000000;
  text-transform: uppercase;
}
.wrap-graphic-widget .box-widget .list-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.wrap-graphic-widget .box-widget .list-items.list-empty {
  padding: 20px !important;
}
.wrap-graphic-widget .box-widget .box-widget-text {
  display: none;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .wrap-item-box {
  flex-direction: row;
  height: 100%;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .wrap-item-box a {
  text-decoration: none;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .wrap-item-box .iconbox-link {
  color: #000000;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .wrap-item-box .widget-iconbox-container {
  padding: 10px;
  background-color: #ffffff;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .wrap-item-box .widget-iconbox-container .container-img {
  height: auto;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .wrap-item-box .widget-iconbox-container .container-img .icon_widget_graph {
  font-size: 3.5em;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .wrap-item-box .widget-iconbox-container .box-widget-subtitle {
  font-size: 1em;
  text-transform: uppercase;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .wrap-item-box .container-img.avatar {
  width: 50px;
  height: 50px;
  margin-right: 5%;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .wrap-item-box .badge {
  position: static;
  margin-left: auto;
  height: 2em;
  font-size: 1em;
  text-transform: lowercase;
  text-indent: 0;
  flex-basis: 52px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .footer-listbox {
  margin-top: auto;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrap-graphic-widget .box-widget .widget-listbox-option .footer-listbox.footer-listbox-center {
  margin-right: auto;
  font-size: 0.8em;
}
.wrap-graphic-widget .box-widget:not(.box-widget-column) .widget-listbox-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrap-graphic-widget .box-widget:not(.box-widget-column) .widget-listbox-option:last-of-type .wrap-item-box:after {
  display: none;
}
.wrap-graphic-widget .box-widget:not(.box-widget-column) .wrap-item-box {
  width: 100%;
}
.wrap-graphic-widget .box-widget:not(.box-widget-column) .wrap-item-box .container-img:not(.avatar) {
  width: 60px;
  height: 60px;
}
.wrap-graphic-widget .box-widget:not(.box-widget-column) .wrap-item-box .wrap-content .container-text {
  flex-grow: 1;
}
.wrap-graphic-widget .box-widget:not(.box-widget-column) .wrap-item-box .wrap-content .footer-listbox .am-chevron-right {
  width: 40px;
  height: 40px;
  text-align: right;
}
.wrap-graphic-widget .box-widget.box-widget-column .list-items {
  flex-direction: row;
}
.wrap-graphic-widget .box-widget.box-widget-column .widget-listbox-option {
  flex-basis: 50%;
  padding: 0 4%;
  margin: 15px 0;
}
.wrap-graphic-widget .box-widget.box-widget-column .widget-listbox-option .wrap-item-box {
  margin: 0;
}
.wrap-graphic-widget .box-widget.box-widget-column .wrap-item-box {
  flex-direction: column;
}
.wrap-graphic-widget .box-widget.box-widget-column .wrap-item-box .container-img:not(.avatar) {
  width: 100%;
  height: auto;
  max-height: 200px;
}
.wrap-graphic-widget .box-widget.box-widget-column .widget-listbox-option:nth-child(3) {
  display: none;
}
@media screen and (min-width: 768px) {
  .wrap-graphic-widget .box-widget .list-items {
    margin-left: 16%;
  }
  .wrap-graphic-widget .box-widget .list-items .wrap-item-box {
    margin: 0;
  }
  .wrap-graphic-widget .box-widget:not(.box-widget-column) .widget-listbox-option {
    padding-left: 20px;
    padding-top: 20px;
  }
  .wrap-graphic-widget .box-widget:not(.box-widget-column) .wrap-item-box {
    width: calc(100% - 40px);
  }
  .wrap-graphic-widget .box-widget:not(.box-widget-column) .wrap-item-box .container-img:not(.avatar) {
    width: 150px;
    height: 80px;
  }
  .wrap-graphic-widget .box-widget:not(.box-widget-column) .wrap-item-box:after {
    left: 140px;
  }
  .wrap-graphic-widget .box-widget.box-widget-column .widget-listbox-option {
    padding: 0 2%;
    margin: 20px 0;
    flex-basis: 50%;
  }
  .wrap-graphic-widget .box-widget.box-widget-column .widget-listbox-option:nth-child(1) {
    padding-left: 20px;
  }
  .wrap-graphic-widget .box-widget.box-widget-column .widget-listbox-option:nth-child(2) {
    padding-right: 20px;
  }
  .wrap-graphic-widget .box-widget.box-widget-column .wrap-item-box .container-img:not(.avatar) {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .wrap-graphic-widget .box-widget:not(.box-widget-column) .list-items {
    padding-top: 20px;
  }
  .wrap-graphic-widget .box-widget:not(.box-widget-column) .widget-listbox-option {
    padding-left: 40px;
  }
  .wrap-graphic-widget .box-widget.box-widget-column .widget-listbox-option {
    padding: 0 2%;
    margin: 40px 0;
    flex-basis: calc(33.33333333%);
  }
  .wrap-graphic-widget .box-widget.box-widget-column .widget-listbox-option.widget-iconbox {
    flex-basis: calc(16.66666667%);
  }
  .wrap-graphic-widget .box-widget.box-widget-column .widget-listbox-option:nth-child(3) {
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  .wrap-graphic-widget .box-widget .widget-listbox-option .box-widget-text {
    display: inline;
  }
  .wrap-graphic-widget .box-widget .widget-listbox-option.box-widget-column .widget-listbox-option:nth-child(1) {
    padding-left: 40px;
  }
  .wrap-graphic-widget .box-widget .widget-listbox-option.box-widget-column .widget-listbox-option:nth-child(3) {
    padding-right: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .wrap-graphic-widget .box-widget .list-items {
    margin-left: 12%;
  }
  .wrap-graphic-widget .box-widget:not(.box-widget-column) .widget-listbox-option {
    padding-top: 16px;
  }
}
.wrap-graphic-widget #widgets-graphic {
  background-color: #ffffff;
  padding: 2% 4%;
}
.wrap-graphic-widget #widgets-graphic div[data-code] .box-widget-header {
  background-color: #ffffff;
}
.wrap-graphic-widget #widgets-graphic div[data-code] .box-widget-header .manage {
  display: none;
}
.wrap-graphic-widget #widgets-graphic div[data-code] .box-widget-column .widget-listbox-option:not(:first-child) {
  border-left: 1px solid #d6d6d6;
}
@media screen and (min-width: 768px) {
  .wrap-graphic-widget #widgets-graphic {
    padding: 0;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code] {
    position: relative;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(odd) .box-widget-header {
    background-color: #ffffff;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(odd) btn-tools-secondary,
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(odd) .btn-action {
    color: #297a38;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(odd) .box-widget-info-bottom {
    color: #297a38;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(odd) .listbox-label {
    background-color: #297a38;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(odd) .read-all a {
    background-color: #1c5426;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(odd) section {
    background-color: #ffffff;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(odd) section .wrap-item-box:after {
    border-color: #ffffff;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(odd) .box-widget-column .widget-listbox-option:not(:first-child) {
    border-left: 1px solid #ffffff;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(even) .box-widget-header {
    background-color: #ffffff;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(even) btn-tools-secondary,
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(even) .btn-action {
    color: #297a38;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(even) .box-widget-info-bottom {
    color: #297a38;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(even) .listbox-label {
    background-color: #297a38;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(even) .read-all a {
    background-color: #1c5426;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(even) section .wrap-item-box:after {
    border-color: #d6d6d6;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(even) .box-widget-column .widget-listbox-option:not(:first-child) {
    border-left: 1px solid #d6d6d6;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(odd) .box-widget-header {
    background-color: #297a38;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(even) .box-widget-header {
    background-color: #297a38;
  }
}
/**
WIDGET GRAPHIC DASHBOARD FOR MOBILE
 */
@media screen and (max-width: 768px) {
  .wrap-graphic-widget #widgets-graphic {
    padding: 2% 0 0;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code] {
    padding: 15px;
    margin: 10px 0;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:nth-child(even) {
    background-color: #f1f1f1;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:last-child {
    margin-bottom: 0;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code]:first-child {
    margin-top: 0;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code] .box-widget-header {
    background-color: transparent;
    position: relative;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code] .box-widget section {
    min-height: unset;
  }
  .wrap-graphic-widget #widgets-graphic div[data-code] .box-widget section .list-empty h3 {
    margin: 0 auto;
    color: #000;
  }
}
/**
COMMUNITY RECCOMENDED WIDGET
show contents count in community view
 */
.container-text-list {
  margin: 30px 0 20px;
}
.container-text-list .community-title-list {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
}
.container-text-list .community-list-news {
  display: flex;
  flex-direction: row;
  margin: 5px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.container-text-list .community-list-news .container-img {
  width: 60px !important;
  margin-right: 5px !important;
  height: 55px !important;
}
.container-text-list .community-list-news .community-title-news {
  width: 80%;
  font-size: 1.20em;
  font-weight: bold;
  color: #000;
  align-self: center;
  margin: 0;
}
.box-widget .box-widget-info-bottom {
  margin-top: 5px;
}
.item-link-list {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.item-link-list .item-link-header {
  display: flex;
}
.item-link-list .item-link-header .manage {
  margin-left: auto;
}
