.tableDiv {
    width: 100%;  
    
}
table{
	width:100%;
}

th {
    text-align: center;
    background-color: #efefef;
    cursor: pointer;
}
.my-card{
    display: inline-block;
}

.back-text{
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
}
.marginTopForMore{
  margin-top:20px;
  margin-right:15px;
  color:#8DC63F;
}

.newCardBlock{
      padding-top: 25px;
    padding-left: 35px;
}
#container{
  width: 100%;  
}

.card-1{
    float: left;
}


.flip {
  display:block;
  perspective:800;
  -webkit-perspective: 800;
    
   width: 500px;
   height: 80px;
}
.flip .card.flipped {
  transform: rotatex(-180deg);
  -webkit-transform: rotatex(-180deg);
    
}
.flip .card {
  width: 100%;
  height: 100%;
    transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
 transition: 0.5s;
  -webkit-transition: 0.5s;
 
}
.flip .card .face {
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden ;
  -webkit-backface-visibility: hidden ;
 
  z-index: 2;
}
.flip .card .front {
  position: absolute;
  z-index: 1;

}
.flip .card .back {
  transform: rotatex(-180deg);
  -webkit-transform: rotatex(-180deg);
    background: white;
    color: black;
}

.marginForCals{

  margin-top:5px;
  margin-bottom:5px;
}
.bgColor{
  background-color: #F9F9F9;
}
.marginForSearch{
  margin-bottom:10px;
  margin-top:100px;
}
.userLogout{

  font-size:1.5em;
  margin-top:17px;
  color:#3D708F;

}
.transparent {
    opacity:0.8;
}

.white{
  background-color:#F7F7F7;
}
[type="radio"]:not(:checked)+label, [type="radio"]:checked+label{
  font-size:1.1em !important;
}

label{
  color:rgba(0, 0, 0, 0.87) !important;
  font-weight:400 !important;
}