.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }

.search{margin-bottom: 10px;
    width: 100%;}


.pagination li {
  display:inline-block;
  padding:5px;
  font-family: 'Montserrat', sans-serif !important;
}



 table>tbody>tr>td {
    border-color: hsla(0,0%,100%,.07);
}

table>tbody>tr>td {
    border-top: 1px solid rgba(0,0,0,.1);
}
 table>tbody>tr>td {
     padding: 25px 15px;
     cursor: pointer; 
}


table>tbody>tr:nth-child(even) {background: #eee}

table>tbody>tr>td { text-align: center;
 font-family: 'Montserrat', sans-serif !important;
}
table>thead>tr>th {
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;padding-bottom: 9px;
}

.DATA{
color: #800080!important;
	font-family: 'Montserrat', sans-serif !important;
}
.REMOTIZATION {
color: #435e64!important;
	font-family: 'Montserrat', sans-serif !important;
}


.LEGALETHICS{
color: #800080!important;
	font-family: 'Montserrat', sans-serif !important;
}

.BUSINESS{
color: #28a745 !important;
  font-family: 'Montserrat', sans-serif !important;
}

.ECOSYSTEM{
color:#ffc107 !important;
 font-family: 'Montserrat', sans-serif !important;
}

.SKILL{
color:#dc3545 !important;
 font-family: 'Montserrat', sans-serif !important;
}

.TECHNOLOGY{
color:#17a2b8 !important;
  font-family: 'Montserrat', sans-serif !important;
}
h2 {
 
  font-family: 'Montserrat', sans-serif !important;
}
.list {
  font-family: 'Montserrat', sans-serif !important;
  margin:0;
  padding:20px 0 0;
}
.list > li {
  display:block;
  background-color: #eee;
  /*padding:10px;*/
  box-shadow: inset 0 1px 0 #fff;margin-bottom: 8px;
}
.avatar {
  max-width: 150px;
}
img {
  max-width: 100%;
}
h3 {
  font-size: 20px !important;
  margin:0 0 0.3rem;
  font-weight: normal;
  font-weight:bold;
  font-family: 'Montserrat', sans-serif !important;
}
p {
  margin:0 !important;
   font-family: 'Montserrat', sans-serif !important;
  
}

input {
  border:solid 1px #ccc;
  border-radius: 5px;
  padding:7px 14px;
  margin-bottom:10px
}
input:focus {
  outline:none;
  border-color:#aaa;
}
.sort {
  /*padding:8px 30px;
  border-radius: 6px;
  border:none;
  display:inline-block;
  color:#fff;
  text-decoration: none;
  background-color: #28a8e0;
  height:38px;*/
  cursor: pointer;
}
.sort:hover {
  text-decoration: none;
 /* background-color:#1b8aba;*/
}
.sort:focus {
  outline:none;
}
/*.sort:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}*/

.sort:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    /* border-bottom: 5px solid transparent; */
    content: "";
    position: relative;
    top: 9px;
    right: -5px;
    border-top: 5px solid #9a989852;
}
.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  content:"";
  position: relative;
  top:13px;
  right:-5px;
}
.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
p {
    margin-top: 0;
  /*  margin-bottom: 0.5rem !important;*/
}


img.round {
    object-fit: contain;
     border: 1px solid #0f0e0e47;
    width: 100px; 
}
#counter {

  padding-top: 25px;
  padding-bottom: 25px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#counter li {
  flex: 1;
    text-align: center;
    list-style: none;
    border: 1px solid #ccc;
    margin: 1px; 
   /* padding: 5px;*/
   /* max-width: 20%;*/
    height: 220px;
}
.pi-text-silver {
    color: #5f5f5f !important;
}
.pi-text-silver:hover {
    color: #c31f22 !important;
}

#counter .link  {
    color: #5f5f5f !important;
}
 
#counter .link:hover {
    color: #c31f22 !important;
	text-decoration:none;
}

#counter li span {
  font-size: 85px;
	font-family: 'Montserrat', sans-serif;
}
#counter li div {
  font-size: 11px;font-family: 'Montserrat', sans-serif;
	padding:5px;
}
#counter li h3 {
  font-size: 30px !important;
}
#counter span.percent:after {
  content: "%";
  display: inline-block;
}

.move-to-left {
  transform: translateX(-800px);
}
.move-to-left-partly {
  transform: translateX(-200px);
}
.sidebarC {
  height: 100%;
  width: 800px;
  position: fixed;
  top: 0rem;
  z-index: 999;
  right: -800px;
  overflow:scroll;
  background-color: #FFF;
  box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.4);
  transition: transform .7s ease-in-out;
}
.container-liner{
  margin-left:1rem; 
margin-top: 25px;  /*   padding-bottom: 50px;
    padding-right: 12px;*/
}
.sidebar-tab {
  height: 100%;
  width: 2rem;
  position: fixed;
  top: 0rem;
 z-index: 999;
  right: 0;
  background-color: #FFF;
  box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.5);
  transition: transform .7s ease-in-out;
}
#sidebar-tab-text{ 
    width: 600px;
}
.vertical-text {
	transform: rotate(90deg);
	transform-origin: left 2rem;
  vertical-align:middle;
}
.arrow {
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  position: relative;
  transform: rotate(0deg);
  transition: all 0.5s ease-in-out;
  width: 32px;
  height: 32px;
  z-index: 1;
}
.arrow:after, .arrow:before {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  transition: all 0.25s ease-in-out;
  border-radius: 10px;
  background: #000;
  width: 16px;
  height: 3.2px;
  top: 14.4px;
}
.arrow:after {
  transform: rotate(44deg);
  left: 3.2px;
}
.arrow:before {
  right: 3.2px;
  transform: rotate(-44deg);
}
.arrow.active:after {
  transform: rotate(-44deg);
}
.arrow.active:before {
  transform: rotate(44deg);
}
.contlet{
       position: relative;
    top: -81px;
    width: 150px;
    height: 36px;
	margin:0 auto;
}
.letserv {
   position: relative;
    margin: 0 auto;
    top: -107px;
    font-weight: bolder;
    font-size: 3pc !important;
    color: #fff;
}
.titledb{
    position: relative;
    color: #ffff;
    float: left;
    width: 100%;
    margin-top: 6px;
    font-size: 15px!important;
	cursor:pointer;}

.titledb.dat{background-color: #800080;}
.titledb.rem{background-color: #435e64;}
.titledb.bus{background-color: #28a745;}
.titledb.eco{background-color: #ffc107;}
.titledb.ski{background-color: #dc3545;}
.titledb.tec{background-color: #17a2b8;}



.titledb.DAT{background-color: #800080;}
.titledb.REM{background-color: #435e64;}
.titledb.BUS{background-color: #28a745;}
.titledb.ECO{background-color: #ffc107;}
.titledb.SKI{background-color: #dc3545;}
.titledb.TEC{background-color: #17a2b8;}


.pi-text-silver-n .titledb{
 opacity: 0.4;
} 
.pi-text-silver-n:hover ,.pi-text-silver-n.active .titledb{
 color: #ffff;
  opacity: 1
}
 .pi-text-silver-n:hover .fa-eye-slash {
    color: #283146;
}
.pi-text-silver-n .fa-eye-slash:before {
    content: "\f06e";
}
.pi-text-silver-n.active .fa-eye-slash:before {
    content: "\f070";
}
 
 
 
 

 
.headdb{
    color: #ffff;
    float: left;
    width: 100%;
    padding: 2px;
    font-size: 17px !important;
    cursor: pointer;
    text-align: center;
}

.headdb.DAT {   background-color: #800080;}
.headdb.REM {   background-color: #800080;}

.headdb.BUS {    background-color: #28a745;}
.headdb.ECO {    background-color: #ffc107;}
.headdb.SKI {    background-color: #dc3545;}
.headdb.TEC {    background-color: #17a2b8;}

.headdb.leg{background-color: #800080;}
.headdb.LEG{background-color: #800080;}
.headdb.REM{background-color: #435e64;}
.headdb.rem{background-color: #435e64;}









 #subcount {
    display: none;
    position: relative;
    padding: 5px;
    border: 1px solid #cccccc;
   /* margin-top: 10px;*/
    max-width: 100% !important;
    font-size: 15px !important;
    text-align: left !important;
    margin-left: 9px !important;
}

#subthreecount {
    display: none;
    position: relative;
    padding: 5px;
   
    max-width: 100% !important;
    font-size: 15px !important;
    text-align: left !important;
    margin-left: 9px !important;
    
}

#subthreecount.DAT {border: 1px solid #800080;
}
#subthreecount.BUS {border: 1px solid #28a745;;
}
#subthreecount.ECO{border: 1px solid #ffc107;
}
#subthreecount.SKI {border: 1px solid  #dc3545;
}
#subthreecount.TEC{border: 1px solid #17a2b8;}
#subthreecount.LEG{  border: 1px solid #800080;}
#subthreecount.REM { border: 1px solid #435e64;}

 
 
 
 #counter li{
 position:relative;
 }
  .hero:after {
 
       content: '';
    position: absolute;
    top: 50%;
    left: 100%;
 
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: solid 15px #17a2b8;
    border-top: solid 15px transparent;
    border-bottom: solid 15px transparent;
}
.hideall.hero:after{ display:none;}
 .hero.BUSINESS:after {
  border-left-color:  #28a745;
 } 
 
 .hero.LEGALETHICS:after {
  border-left-color:  #800080;
 } 
 
 .hero.ECOSYSTEM:after {
  border-left-color:  #ffc107;
 } .hero.SKILL:after {
  border-left-color:  #dc3545;
 } .hero.TECHNOLOGY:after {
  border-left-color:  #17a2b8;
 }

 .hero.REMOTIZATION:after {
  border-left-color: #435e64;
}

.hero.DATA:after {
  border-left-color: #800080;
}


 
#counter li.LEGALETHICS ,.bcLEGALETHICS { border-color:  #800080;}
#counter li.DATA,.bcDATA{ border-color:  #800080;}
#counter li.BUSINESS,.bcBUSINESS { border-color:  #28a745; } 
#counter li.ECOSYSTEM ,.bcECOSYSTEM{ border-color:  #ffc107; }
#counter li.SKILL ,.bcSKILL{  border-color:  #dc3545; } 
#counter li.TECHNOLOGY ,.bcTECHNOLOGY{  border-color:  #17a2b8; }
#counter li.REMOTIZATION, .bcREMOTIZATION {  border-color: #435e64; }
 
 
 #sidebar-tab{
visibility: hidden;
 }
 #cont-addentity ul li.listAddEntityli {
    list-style: none;
    color: #7d7d7c;
    font-size: 20px;
    display: inline-flex !important;
    position: none !important;
}

#cont-addentity ul {
    display: inline-flex !important;
}

.listAddEntityicon {
    position: relative !important;
    font-size: 20px !important;
    left: 0px!important;
    top: 0px!important;
    margin: 7px !important;
}

.corner-ribbon{
  width: 210px;
  font-weight: 800;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

 
.corner-ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}

 
.bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.bottom-right::before {
  bottom: 0;
  left: 0;
}
.bottom-right::after {
  /*top: 0;*/
  right: 0;
}


/* Custom styles */

.corner-ribbon.sticky_{
  position: relative;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.corner-ribbon.bottom-right{
  top: auto;
  right: -25px;
  bottom: -16px;
  left: auto;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.corner-ribbon.green{background: #2c7;}

.corner-ribbon.DATA, .corner-ribbon.Data{
background: #17a2b8!important;
	 color:#fff !important;
}

.corner-ribbon.LEGALETHICS, .corner-ribbon.Legalethics{
background: #800080!important;
	 color:#fff !important;
}

.corner-ribbon.BUSINESS, .corner-ribbon.Business{
background: #28a745 !important;
 color:#fff !important;
}

.corner-ribbon.ECOSYSTEM, .corner-ribbon.Ecosystem{
background:#ffc107 !important;
  color:#fff !important;
}

.corner-ribbon.SKILL, .corner-ribbon.Skill{
background:#dc3545 !important;
  color:#fff !important;
}

.corner-ribbon.TECHNOLOGY, .corner-ribbon.Technology{
background:#17a2b8 !important;
  color:#fff !important;
}


#users .title h3{font-size: 16px !important; color: rgb(102, 102, 102);}

@media(max-width:767px) {

    #counter li {width:100% !important; max-width: 100% !important;margin-top: 54px;} 
    #counter{  display: list-item;}  
}

@media(max-width:479px) {
    #counter li {width:100% !important;max-width: 100% !important;margin-top: 54px;} 
    #counter{ }  
}
/*terzo livello*/
#subthreecount article {

   margin-bottom: 2px;
   cursor: pointer;
  /* left: 50%;*/
   position: relative;
}
#subthreecount article header {
  /* border-top-right-radius: 30px;
   border-bottom-right-radius: 30px;*/
   background-color: rgb(161 164 174 / 30%);
   opacity: 0.7;
}

#subthreecount article header.active{
    opacity: 1.0;
}




#subthreecount article header i.number {
  /* display: flex;*/ font-family: 'Montserrat', sans-serif !important;
      font-size: 1.3em;
    padding: 8px;
  /* border-radius: 50%;
   background-clip: padding-box;*/
     font-style: unset;
   transition: transform 0.4s;
   color: #fff;
  /* border: 16px solid #fff;*/
   margin: 0px;

   min-width: 50px;
    text-align: center;
}
#subthreecount article header h6 {
  font-family: 'Montserrat', sans-serif;
    margin: 0 10px;
    /* padding: 5px; */
    font-weight: bold;
}

#subthreecount article header i.number {
    background-color: #007bff;
}

#subthreecount article header.dat  i.number{
    background-color: #800080;
}

#subthreecount article header.bus i.number{
    background-color: #28a745;
}

#subthreecount article header.eco i.number{
    background-color: #ffc107;
}

#subthreecount article header.ski i.number{
    background-color: #dc3545;
}

#subthreecount article header.tec i.number{
    background-color: #17a2b8;
}

#subthreecount article header.leg i.number{background-color: #800080;}
#subthreecount article header.LEG i.number{background-color: #800080;}
#subthreecount article header.REM i.number {background-color: #435e64;}
#subthreecount article header.rem i.number {background-color: #435e64;}

/*secondo livello*/
#subcount article {

   margin-bottom: 2px;
   cursor: pointer;
  /* left: 50%;*/
   position: relative;
}
#subcount article header {
  /* border-top-right-radius: 30px;
   border-bottom-right-radius: 30px;*/
   background-color: rgb(161 164 174 / 30%);
}
#subcount article header i {
  /* display: flex;*/
      font-size: 1.5em; font-family: 'Montserrat', sans-serif !important;
      font-style: unset;
    padding: 8px;
    min-width: 50px;
    text-align: center;
  /* border-radius: 50%;
   background-clip: padding-box;*/
   
   transition: transform 0.4s;
   color: #fff;
  /* border: 16px solid #fff;*/
   margin: 0px;
}
#subcount article header h6 {
  font-family: 'Montserrat', sans-serif;
    margin: 0 10px;
    /* padding: 5px; */
    font-weight: bold;
}

#subcount article header i {
    background-color: #007bff;   
}

#subcount article header.dat i{ background-color: #800080;}
#subcount article header.bus i{ background-color: #28a745;}
#subcount article header.eco i{ background-color: #ffc107;}
#subcount article header.ski i{ background-color: #dc3545;}
#subcount article header.tec i{background-color: #17a2b8;}
#subcount article header.leg i{background-color: #800080;}
#subcount article header.LEG i{background-color: #800080;}
#subcount article header.REM i {background-color: #435e64;}
#subcount article header.rem i {background-color: #435e64;}


#subcount   .secondolivello.rem.active{background-color: #435e64 !important; color:#fff !important;}
#subcount   .secondolivello.dat.active{background-color: #800080!important;color:#fff !important;}
#subcount   .secondolivello.bus.active{background-color: #28a745 !important;color:#fff !important;}
#subcount   .secondolivello.eco.active{background-color: #ffc107 !important;color:#fff !important;}
#subcount  .secondolivello.ski.active{background-color: #dc3545 !important;color:#fff !important;}
#subcount   .secondolivello.tec.active{background-color: #17a2b8 !important;color:#fff !important;}




#startTourIntro {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
   background: transparent linear-gradient(113deg, #ef7d2a 0, #ec6733 29%, #d34639 100%) 0 0 no-repeat padding-box;
    border-radius: 0.2em;
    color: #fff;
    font-weight: 600;
}



.letserv {
     
    top: -104px !important;
     
}
span#data, span#business, span#ecosystem, span#skill, span#technology, span#remotization, span#legalethics {
    position: relative;
    top: -5px !important;
}
.search {
    margin-bottom: 10px;
    width: 100%;
}