form {

}

.company-form-data, .col-50 {
    width: 49%;
    float: left;
}

.col-100 {
    width: 99%;
    margin-right: 15px;
}

.company-form-data .row {

}
.company-form-data .row > .head {
    background: #00a0d2;
    padding: 8px 8px;
}
.company-form-data .row > .head h2 {
    margin: 0px;
    color: #fff;
}
.company-form-data .row > .body {

    padding: 15px;
}
.company-form-data .row > .body > .item {

    margin-bottom: 15px;
}
.company-form-data .row > .body > .item > div {
    display: inline-block;
    width: 100%;
}
.company-form-data .row .body .item label {

}
.company-form-data .row .body .item input[type="text"]:first-child {
    width: 350px;
    height: 35px;
}
.default-text {
    width: 100px;
    height: 35px;
}


.table-list {

}
.table-list h1, h2, h3 {
    margin: 0px;
}
.table-list .head {
    background: #00a0d2;
    padding: 8px 8px;
}
.table-list .head h2 {
    color: #fff;
}
.table-list table {
    width: 100%;
}
.table-list table td, th {
    text-align: left;
    padding: 8px;
}

.main-table-list {

}

.main-table-list table {
    width: 100%;
}
.main-table-list table td, th {
    text-align: left;
    padding: 8px;
}
.main-table-list .head {
    background: #00a0d2;
    padding: 8px 8px;
    color: #fff;
}
.main-table-list .head h2 {
    color: #fff;
}


.--with-padding {
    padding: 10px;
}
.--no-padding {
    padding: 0px;
}

.show-counters tr:nth-child(even) {
    background: #fff;
}
.show-counters tr:nth-child(odd) {
    background: #eee;
}

.show-counters td, th {
    padding-left: 4px !important;
    padding-right: 4px !important;
    color: #000;
}

/*grid*/
.counters .grid {
    /* Grid Fallback */
    display: flex;
    flex-wrap: wrap;
    
    /* Supports Grid */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-auto-rows: minmax(96px, auto);
    grid-gap: 0.6em;
  }
  .hide{
      display: none !important;
  }
  .counters .module {
    /* Demo-Specific Styles */
    /* background: #eaeaea; */
    /* display: flex; */
    align-items: center;
    justify-content: center;
    min-height: 190px;
    width: 140px;
    /* Flex Fallback */
    margin-left: 4px;
    margin-right: 4px;
    /* flex: 1 0 120px; */
    float: left;
  }
  .counters img{
      width: 130px;
      height: 136px !important;
      max-width: 98% !important;
  }
  /* If Grid is supported, remove the margin we set for the fallback */
  @supports (display: grid) {
    .counters .module {
      margin: 0;
    }
  }
 
  .total{
     color: black;

  }

  #infor *{
    box-sizing: border-box;
  }
  #infor.row{
      position: relative;
      color: black;
      background-color: #f7d3b3;
  }
  /* Create three unequal columns that floats next to each other */
#infor .column {
    float: left;
    padding: 10px;
    /* height: 300px; */
  }
  
  #infor .left {
     
    padding: 5px;
    width: 24%;
  }
  #infor .left > div{
    text-align: center;
    margin-top: 30px;
  }
  #infor .right {
    width: 25%;
  }
  #infor .right{
      position: relative;
      height: 130px;
  }
  #infor .right p{
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
  #infor .middle {
    width: 74%;
    position: relative;
    padding-bottom: 0px;
      }
  #infor .middle > div{
    padding-left: 12px !important;
  }
  #infor  button.top{
      left: 24%;
      color: #d88238;
    position: absolute;
    top: -36px;
    background-color:#f7d3b3;;
    padding: 6px 15px;
    font-weight: bold;
    font-size: 18px;
}
  #infor  button.bottom{
      left: 24%;
        padding: 10px 15px;
        font-weight: bold;
        color: #a6a6a6;
      position: absolute;
      bottom: -8px;
      font-size: 18px;
      background-color: white;
  }
  
  /* Clear floats after the columns */
  #infor.row:after {
    content: "";
    display: table;
    clear: both;
  }
  

  #___ytsubscribe_0{
    margin-top: 8px !important;
  }


  /* social media follow buttons
   */
.default-btn{
    cursor: pointer;
    background-color: white;
    color: #aa856c; 
    border: 1px solid #aa856c;
    padding: 3px 16px;
    border-radius: 3px;
}
   /* .instagram,.linkedin {
    background: #3897f0;
    color: #fff;
    border: none;
    -webkit-appearance: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    padding: 2px 19px !important;
   } */
   .facebook,.twitter,.instagram, .linkedin, .youtube, .pinterest, .vk, .weibo, .gplus, .tumblr, .flickr, .snapchat{
        background-color: #b31217;
        border: none;
        color: white;
        padding: 6px 18px;
   }
   .facebook{
       background-color: #4080ff;
   }
   .twitter{
       background-color: #1b95e0;
   }

   /* .pinterest{
       margin-top: 5px;
   }
   .twitter{
    margin-top: 2px;
   }
   .youtube{
       margin-top: 6px;
   } */
   .instagram,.linkedin {
    background-color: #3897f0;
   }
   .linkedin{
   }
  .vk{
      background-color: #4a75a8;
  }
  .weibo{
    background-color:#d33d2d;
}
.gplus{
    background-color: #d63d15;
}
.tumblr{
    background-color: #395975;
}
.flickr{
    background-color: #eb5083;
}
.snapchat{
    color: #000;
    background-color: #ffea03;
}

a.button {
    /* background-color: chocolate;   */
    border-radius: 3px;
    /* color: white !important; */
    padding: .3em 0px;
    text-decoration: none;
  }
  .fill-img{
    margin-bottom: -7px;
    width: 100%;
    height: auto;
    margin-top: 20px;
    /* max-height: 300px; */
}

.top-infor{
  margin: 0px 0px 20px 170px;
}
.top-infor ul{
  list-style-type: none;
  padding: 0px;
}
.li_item_li{
  float: left;
  line-height: 1em;
      border-right: 1px solid #d3720b;
      color: #d3720b;
      font-size: .9em;
      padding: 0px 5px;
  }
 

  @media (max-width: 480px) {
    .counters .module {
      min-height: 220px;
    }
    #infor .left {
        padding: 5px;
        width: 100%;
      }
      #infor .left > div > div{
          padding-left:  10px; 
      }
      #infor .left > div{
          text-align: left;
        margin-top: 15px;
        padding-left: 40px;
      }
      #infor .middle{
          width: 100%;
      }
      #infor button.top, #infor button.bottom{
        left: 8%;
      }
      .top-infor{
          margin: 0px 0px 10px 10px !important;
      }
      .fill-img{
        margin-bottom: -10px;
    }
  }
  li.li_link_li:last-child{
    border: none;
}
  


/* builder */
.builder *{
  margin: 0px;
  padding: 0px;
}
.builder .column {
  width: 90%;
  float: left;
  clear: both;
  margin-bottom: 10px;
  margin-top: 15px;
}
.builder .column.result{
  width: 80%;
  clear: both;

}

.builder select{
  padding: 10px;
  max-width: 100%;
  margin-right: 10px;
  min-width: 90%;
  margin-bottom: 10px;
  color: black;
}

.builder pre {
  color:#ccc !important;
  overflow-x: scroll;
  margin: 10px; 
  background-color: black !important;
} 
.generate-btn{
  background-color: #9f54ce;
  padding: 10px 15px;
  cursor: pointer;
  margin-top: 15px;
  color: white;
  border: none;
  min-height: 34px;
}
.builder button.make-verified.generate-btn{
  background-color: #20a2ff;
}


@media(max-width: 480px) {
  .builder .column {
      margin-bottom: 20px;
      margin-top: 20px;
      width: 100%;
  }

}

#si-widget.fake-vefified{
  background-color: #00a0d2 !important;

}
.fake-verified #si-widget-main{
  border-color: #00a0d2 !important;
}
.fake-verified .si-widget-verified-big img{
  display: block !important;
}
.select-category{
  width: 354px;
  height: 40px;
  padding: 10px;
  background: white;
  border-width: 1px;
}

.normal-btn{
  background: #075aa1;
  border: 1px solid #ccc;
  color: white !important;
  padding: 8px 12px;
  line-height: 2;
  font-weight: normal;
   
}
.normal-btn.generate-btn{
  background: #20a2ff;
}
.alert{
 
  padding: 20px;
  border: 1px solid #ccc;
  border-left: 5px solid red;
  line-height: 2;
}