.sosyal-btn {
  width: 50%;
}

.sosyal-btn a{  background: #fff;
  border: solid 2px rgb(245 239 239);
  font-weight: bold;
  display: flex;
  padding: 10px 10px;
  flex: auto;
  align-items: center;
  justify-content: center;}

  .sosyal-btn a:hover{    background: #f6f6f6;}
.sosyal-btn img {
  width: 24px;
}
/* .sosyal-btn a span{width: calc(100% - 24px);} */


    #bar {
    clear: both;
    margin-top: 10px;
    min-height: 20px;
    width: calc(100% - 100px);
    }

    .password-bar {
      margin: 5px 0;
      padding-left: 2px;
      overflow: auto;
      width: 100px;
    }



    #strength-pre-text {
    float: left;
    }

    span#strength-text {
    float: left
    }

    #bar {
    clear: both;
    margin-top: 10px;
    min-height: 20px;
    }



    .cell {
    background-color: #ccc;
    border: 1px solid #fff;
    display: block;
    float: left;
    min-height: 10px;
    width: 19.9%;
    }

    #s0.on {
    background-color: #89061C;
    }

    #s1.on {
    background-color: #e57200;
    }

    #s2.on {
    background-color: #FFB81C;
    }

    #s3.on {
    background-color: #84bd00;
    }

    #s4.on {
    background-color: #4c8c2b;
    }



    .s0 {
    color: #89061C!important;
    }

    .s1 {
    color: #e57200!important;
    }

    .s2 {
    color: #FFB81C!important;
    }

    .s3 {
    color: #84bd00!important;
    }

    .s4 {
    color: #4c8c2b!important;
    }