/*
 * path:kinfoapp_vo_0/static/kinfo/admin/css/kinfoadminbase.css
 * This file contains the extra styles for the website.
 * Author: K K Mishra
 * Date: October 23, 2025
 */

#phonetyperadio{
  display: flex;
  flex-wrap: wrap;
  gap: 1px;  /*Creates spacing between flex items */
  background-color: dodgerblue;
  border: 1px solid #c3c3c3;
  border-radius: 15%;
}

#phonestatusradio{
  display: flex;
  flex-wrap: wrap;
  gap: 1px;  /*Creates spacing between flex items */
  background-color: dodgerblue;
  border: 1px solid #c3c3c3;
  border-radius: 15%;
}

#receivedDocStructure{
  display: flex;
  flex-wrap: wrap;
  gap: 1px;  /*Creates spacing between flex items */
  background-color: dodgerblue;
  border: 1px solid #c3c3c3;
  border-radius: 15%;
}

.kinforadio div{
  background-color: #f1f1f1;
  color:#000;
  width: 70px;
  height: 20px;
  padding: 15px;
  border-radius: 50%;

}
.kinforadio div label{
   font-size: 14px;
   text-align: left;

}

.kinforadio div label input[type="radio"]{
   appearance: none;
  -webkit-appearance: none;
   width: 15px;
   height: 15px;
   border: 2px solid gray;
   border-radius: 50%;
   outline: none;
   background-color: white;
   cursor: pointer;
   padding:4px;
}

.kinforadio div label input[type="radio"]:checked {
   border-color: lightgreen;
   background-color: dodgerblue;
}

/* Make a one column-layout instead of three-column layout */
@media (max-width: 600px) {
  .kinforadio {
    flex-direction: column;
  }
}