html,body {padding:0;margin:0;}
/* dıştan içe margin border padding */
.wrap {
  font:12px Arial, san-serif;
}

.agrubu {
  background-color:#fffbcb;
  /* fff799 c4df9b f69679 fdc689 */
}

.bgrubu {
  background-color:#d2dfbe;
  /* fff799 c4df9b f69679 fdc689 */
}

.cgrubu {
  background-color:#f5cfc4;
  /* fff799 c4df9b f69679 fdc689 */
}

.dgrubu {
  background-color:#fce5ca;
  /* fff799 c4df9b f69679 fdc689 */
}


/* Yeni değer soldan %11 + %78 +%11 */  
h1.ust_sayfa_baslik {
  padding: 0px 11% 0px 11%;
  margin:20px 0 0;   /* üstten 20 px */
}

form .soru_alani {
  display:block;
  font-size: 14px;
  font-weight: bold;
  padding: 30px 11.00% 30px 11.00%;  /*üst 30 sağ 20 aşağı 0 sol 20%    totalde %60*/
  margin-bottom:10px;
}

form .likert {
  list-style:none;
  width:100%;
  margin:0;
  padding:0 11% 35px 11%;
  display:block;
  border-bottom:2px solid #efefef;
  /* background-color:#efefef;   */
}

form .likert:last-of-type {border-bottom:0;}

form .likert:before {
  content: '';
  position:relative;
  top:11px;
  left:0%;   /* 8%  */
  display:block;
  background-color:#efefef;
  height:4px;
  width:78.0%; /* 78 */
}

form .likert li {
  display:inline-block;
  width:15.6%;  /* 5 madde 5* 15.6% =78% */
  text-align:center;
  vertical-align: top;
  /* background-color:#00efef; */
}

form .likert li input[type=radio] {
  display:block;
  position:relative;
  top:0;
  left:50%;   /* 50% */
  margin-left:-6px;
  
}

form .likert li label {width:100%;}



form .likertv4 li {
  display:inline-block;
  width:19.5%;  /* 4 madde 4* 19.5% =78% */
  text-align:center;
  vertical-align: top;
  /* background-color:#00efef; */
}

form .likertv2 li {
  display:inline-block;
  width:39%;  /* 2 madde 2* 39% =78% */
  text-align:center;
  vertical-align: top;
  /* background-color:#00efef; */
}



form .buttons {
  margin:30px 0;
  padding:0 11%;   /* 0 4.25% */
  text-align:right;
  /* background-color:#00efef; */
} 

form .buttons button {
  padding: 5px 10px;
  background-color: #67ab49;
  border: 0;
  border-radius: 3px;
}


form .buttons .temizle {background-color: #e9e9e9;}
form .buttons .ileri {background-color: #67ab49;} 
form .buttons .temizle:hover {background-color: #ccc;}
form .buttons .ileri:hover {background-color: #14892c;}



form .likertv3 {
  list-style:none;
  width:100%;
  margin:0;
  padding:0 11% 35px 11%;
  display:block;
  border-bottom:2px solid #efefef;
  /* background-color:#efefef;   */
}

form .likertv3:last-of-type {border-bottom:0;}

form .likertv3:before {
  content: '';
  position:relative;
  top:11px;
  left:0%;   /* 8%  */
  display:block;
  background-color:#efefef;
  height:4px;
  width:78.0%; /* 78 */
}

form .likertv3 li {
  display:inline-block;
  width:26.0%;  /* 3 madde 3* 26% =78% */
  text-align:center;
  vertical-align: top;
  /* background-color:#00efef; */
}

form .likertv3 li input[type=radio] {
  display:block;
  position:relative;
  top:0;
  left:50%;   /* 50% */
  margin-left:-6px;
  
}

form .likertv3 li label {width:100%;}

/* *************** */

form .likertv4 {
  list-style:none;
  width:100%;
  margin:0;
  padding:0 11% 35px 11%;
  display:block;
  border-bottom:2px solid #efefef;
  /* background-color:#efefef;   */
}

form .likertv4:last-of-type {border-bottom:0;}

form .likertv4:before {
  content: '';
  position:relative;
  top:11px;
  left:0%;   /* 8%  */
  display:block;
  background-color:#efefef;
  height:4px;
  width:78.0%; /* 78 */
}

form .likertv4 li {
  display:inline-block;
  width:19.5%;  /* 4 madde 4* 19.5% =78% */
  text-align:center;
  vertical-align: top;
  /* background-color:#00efef; */
}

form .likertv4 li input[type=radio] {
  display:block;
  position:relative;
  top:0;
  left:50%;   /* 50% */
  margin-left:-6px;
  
}

form .likertv4 li label {width:100%;}


/* *************** */

form .likertv2 {
  list-style:none;
  width:100%;
  margin:0;
  padding:0 11% 35px 11%;
  display:block;
  border-bottom:2px solid #efefef;
  /* background-color:#efefef;   */
}

form .likertv2:last-of-type {border-bottom:0;}

form .likertv2:before {
  content: '';
  position:relative;
  top:11px;
  left:0%;   /* 8%  */
  display:block;
  background-color:#efefef;
  height:4px;
  width:78.0%; /* 78 */
}

form .likertv2 li {
  display:inline-block;
  width:39%;  /* 2 madde 2* 39% =78% */
  text-align:center;
  vertical-align: top;
  /* background-color:#00efef; */
}

form .likertv2 li input[type=radio] {
  display:block;
  position:relative;
  top:0;
  left:50%;   /* 50% */
  margin-left:-6px;
  
}

form .likertv2 li label {width:100%;}