.select2.selectGFont { width: calc(100% - 0px) !important; }
.select2.selectGFontVariante { width: 180px !important; }


.select2-container.selectGFont .select2-results .select2-results__options {
  min-height: 300px;
  max-height: 70vh;
}


.select2-container.selectGFont .select2-results .select2-results__option {
  font-size: 1.9em;
  color:#000;
  height: 57px;
  overflow: hidden;
}


.select2-container.selectGFontVariante .select2-results .select2-results__option {
  font-size: 1.4em;
  height: 45px;
  overflow: hidden;
}


.select2-container.selectGFont .select2-results__option {
  position: relative;
}


.select2-container.selectGFont .select2-results__option .select2FontName, .select2.selectGFont .select2-selection__rendered .select2FontName {
  position: absolute;
  font-size: 12px;
  top: 0px;
  right: 5px;
  color: #999;
  float: right;
}


.select2-container.selectGFont .select2-results__option--highlighted .select2FontName,
.select2-container.selectGFont .select2-results__option--highlighted span {
  color: #FFF !important;
}


.select2.selectGFont .select2-selection__rendered .select2FontName {
  right: 40px;
}


.select2-container.selectGFont li span.carregando {
  color:#337ab7;
}


.select2-container.selectGFont li span.error {
  color:red;
}



.select2-container.selectGFont .select2-results__option i {
  font-size: 16px;
  position: relative;
  top: 17px;
  float: right;
  color:#808080;
}


.select2.selectGFont .select2-selection {
  border-radius: 6px !important;
}


.select2.selectGFont.select2-container--open .select2-selection {
  border-radius: 6px 0px 0px 0px !important;
}


.select2.selectGFontVariante .select2-selection {
  border-radius: 0px 6px 6px 0px !important;
  border-left: 0px !important;
}


.select2.selectGFontVariante.select2-container--open .select2-selection {
  border-radius: 0px 6px 0px 0px !important;
}


.sGFfonte-100        { font-weight: 100; font-style: normal; }
.varianteNome.sGFfonte-100:after  { content:'Thin'; }
.sGFfonte-100italic  { font-weight: 100; font-style: italic; }
.varianteNome.sGFfonte-100italic:after  { content:'Thin Italic'; }
.sGFfonte-200        { font-weight: 200; font-style: normal; }
.varianteNome.sGFfonte-200:after  { content:'Extra-Light'; }
.sGFfonte-200italic  { font-weight: 200; font-style: italic; }
.varianteNome.sGFfonte-200italic:after  { content:'Extra-Light Italic'; }
.sGFfonte-300        { font-weight: 300; font-style: normal; }
.varianteNome.sGFfonte-300:after  { content:'Light'; }
.sGFfonte-300italic  { font-weight: 300; font-style: italic; }
.varianteNome.sGFfonte-300italic:after  { content:'Light Italic'; }
.sGFfonte-regular    { font-weight: 400; font-style: normal; }
.varianteNome.sGFfonte-regular:after  { content:'Regular'; }
.sGFfonte-italic     { font-weight: 400; font-style: italic; }
.varianteNome.sGFfonte-italic:after  { content:'Regular Italic'; }
.sGFfonte-500        { font-weight: 500; font-style: normal; }
.varianteNome.sGFfonte-500:after  { content:'Medium'; }
.sGFfonte-500italic  { font-weight: 500; font-style: italic; }
.varianteNome.sGFfonte-500italic:after  { content:'Medium Italic'; }
.sGFfonte-600        { font-weight: 600; font-style: normal; }
.varianteNome.sGFfonte-600:after  { content:'Semi-Bold'; }
.sGFfonte-600italic  { font-weight: 600; font-style: italic; }
.varianteNome.sGFfonte-600italic:after  { content:'Semi-Bold Italic'; }
.sGFfonte-700        { font-weight: 700; font-style: normal; }
.varianteNome.sGFfonte-700:after  { content:'Bold'; }
.sGFfonte-700italic  { font-weight: 700; font-style: italic; }
.varianteNome.sGFfonte-700italic:after  { content:'Bold Italic'; }
.sGFfonte-800        { font-weight: 800; font-style: normal; }
.varianteNome.sGFfonte-800:after  { content:'Extra-Bold'; }
.sGFfonte-800italic  { font-weight: 800; font-style: italic; }
.varianteNome.sGFfonte-800italic:after  { content:'Extra-Bold Italic'; }
.sGFfonte-900        { font-weight: 900; font-style: normal; }
.varianteNome.sGFfonte-900:after  { content:'Black'; }
.sGFfonte-900italic  { font-weight: 900; font-style: italic; }
.varianteNome.sGFfonte-900italic:after  { content:'Black Italic'; }


.select2-container.selectGFont .select2-results__option .carregando:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top: 2px solid #337ab7;
  border-right: 2px solid transparent;
  animation: selectGFontSpinner .6s linear infinite;
}
.select2-container.selectGFont .select2-results__option--highlighted .carregando:before {
  border-top: 2px solid #FFF;
}
@keyframes selectGFontSpinner {
  to {transform: rotate(360deg);}
}


@media (max-width: 576px) {
  .select2.selectGFont { width: calc(100% - 140px) !important; }
  .select2.selectGFontVariante { width: 140px !important; }
}
@media (max-width: 320px) {
  .select2.selectGFont { width: calc(100% - 110px) !important; }
  .select2.selectGFontVariante { width: 110px !important; }
  .select2.selectGFont .select2-selection__rendered .select2FontName {
    right: 5px;
  }
}