.idpButton {
  margin:20px auto;
}

.idpButton button{
  width:325px;
  min-height:48px;
  padding:0;
}

.idpButton img{
  height:43px;
}

.idpButton>div{
  display: inline-block;
}

.loginText{
  height:40px;
  width:100%;
  background-color:white;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin: 0 auto;
}

.line{
  height:1px;
  flex-grow:1;
  background-color:black;
  width:6%;
}

.text{
  margin:0 5px;
}

.rowBorder{
  border: 1px solid rgba(0,0,0,.125);
  margin:4px 0;
}

.col-icon{
  padding: 0.2em 0.2em 0.1em;
  margin: auto 0;
  width:60%
}

.col-icon img{
  height: 36px;
  padding: 0 0 1px 1px;
}

.col-icon>div{
  min-height: 40px;
  display:table;
  width:100%;
}

.col-icon table{
  display: table-cell;
  vertical-align: middle;
}
.col-text{
  text-align:center;
  margin-top: 11px;
  width:10%;
  padding: inherit;
}

.col-button{
  margin: auto 0;
  padding: 0.2em 0.2em 0 0.1em;
  width:30%
}

.col-button a,.col-button button{
  width: -webkit-fill-available;
  width: -moz-available;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .col-icon{
    width:50%
  }
  .col-text{
    width:20%;
  }
  .col-button{
    width:30%
  }
}
@media (max-width: 576px) {
  .idpButton img{
    height:32px;
  }
  .col-icon{
    width:60%
  }
  .col-text{
    width:0;
  }
  .col-button{
    width:40%
  }
}

@media (max-width: 414px){
  .idpButton button{
    width: 100%;
  }
}

@media (max-width: 350px){
  .idpButton img{
    height:20px;
  }
  .col-icon img {
    height:30px;
  }
}

.idpButton td:first-child , .col-icon td:first-child{
  width:5%;
}

.idpButton td:last-child , .col-icon td:last-child{
  text-align:center;
  vertical-align:middle;
}

table {
  width:100%
}
table td{
  padding:0;
}