/* Add font page */
#google-fonts-form{
  direction: ltr;
}

.fm-wrapper .form-table .cb-elem label{
  padding: 0px 6px;
}

.fm-upload{
  /*visibility: hidden;*/
  display: none;
}

.label-wrapper label{
  border: 2px dotted #6b6b6b;
  padding: 8px 22px;
  border-radius: 3px;
}

.label-wrapper{
  margin: 15px 0px;
}

.fm-error{
    display: none;
    color: red;
    border: 1px solid;
    padding: 3px 8px;
    border-radius: 3px;
}
.fm-error-list{
  list-style-type: disc;
  list-style: initial;
  padding: 0px 18px;
}

/*.upload-input-2,
.upload-input-3{
  display: none;
  margin-top: 32px;
}*/


[class^="upload-input-"]{
  display: none;
  margin-top: 32px;
}

a[id^="after-upload-"]{
  display: none;
  padding: 0px 16px;
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold;
}

.upload-field-error{
  display: none;
  background: rgba(255, 0, 0, 0.42);
  padding: 9px 7px;
  max-width: 642px;
  border-radius: 5px;
  color: #5f5a5a;
  border: 1px #ff5050 solid;
  font-weight: bold;
}

.see-types{
  cursor: pointer;
}

.focus-for-moment{
  border: 2px #7d7d7d solid;
  border-radius: 5px;
  max-width: 415px;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
}

.wrap-upload-files{
  border: 2px dotted #6b6b6b;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  padding: 3px 5px;
  border-radius: 15px;
}

.delete-font{
  cursor: pointer;
  margin: 1px 10px;
  font-size: 17px;
  float: right;
}

.delete-font:hover{
  color: black;
}

.rtl .delete-font{
  float: left;
}

.single-file{
  background: rgba(0, 0, 142, 0.55);
  color: white;
  /*padding: 0px 0px 0px 9px;*/
  border-radius: 17px;
  margin-bottom: 4px;
  min-width: 150px;
}

.rtl .single-file{
  padding: 0px 9px 0px 0px;
}

.last-file{
  margin-bottom: 0px;
}

.single-file-name{
  vertical-align: middle;
  padding: 0px 10px;

}

.align-center{
  text-align: center;
}

.upload-label{
  display: block;
  padding: 1px 13px;
}

.oasf-upgrade-button{
  background: rgba(229, 96, 37, 1);
  padding: 14px 105px;
  text-transform: uppercase;
  color: white;
  font-weight: 500;
  letter-spacing: 4px;
  font-size: 18px;
  border-radius: 3px;
  border: 0px;
  margin: 10px;
  box-shadow: 0px 0px 17px 5px #562c0d;
  text-decoration: blink;
}

.oasf-upgrade-button:active,
.oasf-upgrade-button:focus,
.oasf-upgrade-button:hover{
  box-shadow: inset 0px 0px 20px 0px #562c0d;
    cursor: pointer;
}

.oafm-about-title{
  margin-top: 15px;
}

.oafm-p-block{
  padding: 0px 8px;
  font-size: 18px;
}

.fm-advanced-fields{
  display: none;
}

/* Google Fonts Page */
.oafm-actions-block{
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  color: #e46024;
  margin: 10px 0px 5px 0px;
}

.oafm-actions-block .action{
  margin: 5px;
  display: table-cell;
}

.oafm-actions-block label{
  font-size: 16px;
}

.oafm-actions-block .action input[type="text"],
.oafm-actions-block .action input[type="number"],
.oafm-actions-block .action textarea{
  margin-top: 10px;
  border-radius: 5px;
  
}

.oafm-actions-block .action #per-page{
  width: 51px;
}

/*.oafm-actions-block .action input[type=radio], input[type=checkbox] {
    border: none;
}*/

.oafm-actions-block .action input[type=checkbox]:checked:before {
    color: #e46024;
}

#oafm-google-fonts-wrapper .single-font{
  display: flex;
  height: 120px;
  min-height: 75px;
  border-bottom: 1px solid #e46024;
  padding: 11px 0px;
}
}

#oafm-google-fonts-wrapper .single-font .check-area,
#oafm-google-fonts-wrapper .single-font .details-area,
#oafm-google-fonts-wrapper .single-font .preview{
  float: left;
}

#oafm-google-fonts-wrapper .single-font .check-area{
  width: 10%;
  max-width: 61px;
  display: table;
  height: 100%;
}

#oafm-google-fonts-wrapper .single-font .details-area{
  width: 30%;
  max-width: 160px;
  min-width: 160px;
}

#oafm-google-fonts-wrapper .single-font .details-area .font-name{
  font-weight: bold;
}

#oafm-google-fonts-wrapper .single-font .preview{
  overflow: hidden;
}

#oafm-google-fonts-wrapper .single-font .preview .preview-p{
  height: 100%;
  padding: 6px 10px;
  margin: 0;
  font-size: 26px;
  word-wrap: break-word;
  margin-left: 7px;
}

#oafm-google-fonts-wrapper .single-font .select-area{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.google-fonts-navi{
  text-align: center;
  margin: 10px 0px 20px 0px;
}

.google-fonts-navi .next-page span.sign,
.google-fonts-navi .prev-page span.sign{
  border: 1px solid #e46024;
  padding: 1px 6px 3px;
  color: #e46024;
}

.google-fonts-navi .next-page,
.google-fonts-navi .prev-page{
  text-decoration: none;
}

.oafm-action-bar{
  display: table;
  margin: auto;
}

.oafm-action-bar .action-bar{
  border-right: 2px solid black;
  padding: 1px 20px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.oafm-action-bar .action-bar:last-of-type{
  border-right: none;
}

.oafm-action-bar .action-bar .action-bar-label{
  font-size: 19px;
}

.oafm-action-bar .action-bar .action-bar-input{
  margin-top: 8px;
  border: 1px solid #b4b9be;
}

#oafm-controls-wrapper .button-raw{
  text-align: center;
}

#oafm-controls-wrapper{
  margin-top: 5px;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 5px;
  border: 1px solid #e46024;
  color: #e46024!important;
}

#oafm-controls-wrapper  .button-raw input[type="submit"]{
  margin-bottom: 8px;
}

.gf-error{
  margin: 10px 5px;
  background: rgba(255, 0, 0, 0.24);
  text-align: center;
  padding: 25px 5px;
  color: red;
  border-radius: 3px;
  font-weight: bold;
}

.gf-error a{
  text-decoration: blink;
}

.oafm-no-clickable{
  pointer-events: none;
}

/* === RATE PAGE === */
.rate-wrap{
  background: #f16124;
  padding: 5px 24px;
  text-align: center;
}

.rate-wrap p{
  font-size: 24px;
  font-weight: 600;
  color: white;
}

.rate-wrap p a{
  text-decoration: blink;
  color: #3936a2;
}

.new-features{
  padding: 0px 8px;
  font-size: 18px;
  margin-left: 21px;
  line-height: 24px;
}

.new-features .feature{
  list-style-type: disc;
}