@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; width: 90%}}

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

.boxer {
   display: table;
   border-collapse: collapse;
   width:100%;
  padding:0;
}
 
.boxer .box-row {
   display: table-row;
   padding: 0;
}
 
#add_button {
  background-color: #4CAF50;
  border: none;
  color: white;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
#rcpcnv_add_button {
  background-color: #4CAF50;
  border: none;
  color: white;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
.boxer .box {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   padding:2px;
   width:20%;
   font-size: 90%;
   font-weight:bold;
}
.box input { 
  border: 1px solid #ccc;
  padding:2px;
  font-size: 100%;
  color: #000;
  background:#f5f5f5;
}


.rcpcnv {
   display: table;
   border-collapse: collapse;
   padding:20px;
   margin-bottom: 20px;
   width:100%;
}
 
.rcpcnv .box-row {
   display: table-row;
   padding: 0;
}
 
.rcpcnv .box {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   padding:2px;
   font-size: 90%;
   font-weight:bold;
}

.rcpcnv #rcpcnv_type_wrapper {
   padding: 10px 0;
}

.rcpcnv .rcpcnv_label {
  background-color: #38C4A2;
  padding: 5px;
  font-weight:bold;
  color:white;
 }
 
 .rcpcnv .rcpcnv_radio {
  padding: 5px 0;
 }

 .rcpcnv .rcpcnv_field {
  width:200px;
  padding:5px
 }
 
  .rcpcnv .rcpcnv_col1 {
  width:40%
 }
 
   .rcpcnv input[readonly] {
    background-color: #ccc;
}