.tabs {
  overflow: hidden;
  border: 0px solid yellow;

}

.tabs button {
  background-color:#fff;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}


.tabs button:hover {
  background-color: #ddd;
}


.tabs button.active {
  background-color: #fff!important;
  color:#000;
}

.pillbutton{
  height: 45px;
  min-width: 75px;
  border-radius: 25px;
  background:#ecf5f8;
  border: 1px solid #0b5b6d;
  color: #0b5b6d;
  font-weight:bold;
  font-size:100%;
  padding:0px 20px;
}

.pillbutton:hover{
    background:#0b5b6d;
    color:#fff;
}

.tabscontent {
  display: none;
  border: 0px solid yellow;
  padding: 20px 6px;
  margin-top:20px;
  border-top: none;
}

#tables {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-top:20px;
}

#tables td, #tables th {
  border: 1px solid #ddd;
  padding: 8px;
}

#tables tr:nth-child(even){background-color: #f2f2f2;}

#tables tr:hover {background-color: #ddd;}

#tables th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

select,
input[type=search],
input[type=file],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=text],
input[type=password]{
    width:100%;
    height: 45px;
    margin: 10px 0px;
    vertical-align: middle;
    border-radius: 4px;
    padding: 5px 20px;
    border: 1px solid #47b901;
    background:#fafafa;
}
.disabled,

input[type=button],input[type=submit], .btn, .btnlarge{
    background-color: #4CAF50;
    color:#fff;
    margin:5px 0px;
    clear:both;
    cursor:pointer;
    text-align:center;
    box-shadow:none;
    border:0px;
    padding: 12px 20px;
    font-weight:bold;
    font-size: 110%;
}

input[type=button]:hover,input[type=submit]:hover{
    background:#3e8e41;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.disabled{background:#c1c1c1;cursor:default;}
.disFont{color:#e1e1e1;}
.res{background:#f49a93;}
.res:hover{background:#e86969;}
.resFont{color:#fd4638;}
.apply:hover{background:#47ac1b;}
.apply{background:#76d37f;}
.btnaqua{background:#0cd9c8;}
a.apply, a.apply:hover, a.res:hover {color:#fff;}
.button{border:1px;text-transform: uppercase;padding:10px 35px;display:inline-block;min-width:140px;text-align:center;}
.forms {min-width:140px;min-height:40px;color:#fff;border:0px;text-transform: uppercase;text-align:center;display:inline-block;padding:10px 35px;}
.defform{width:60%;margin:auto;}
.btn{min-width:140px;}

.btnlarge{width:100%;}

select,
textarea{
    width:100%;
    padding: 5px 20px;
    margin: 10px 0px;
    color: #555555;
    vertical-align: middle;
    border-radius: 4px;
    background:#fafafa;
    border: 1px solid #47b901;
    transition: border linear 0.2s, box-shadow linear 0.2s;

}
textarea{height: 150px;}
.bdr-red{border:3px solid red!important;}
label{width:auto;float:left;padding:0px 10px;}
newlabel{float:left;margin:10px 5px;padding:10px;}
.lwidth150{width:150px;}
.lwidth200{width:200px;}
.lwidth250{width:250px;}
.containerradio  {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}
.containerradio input {
  position: absolute;
  opacity: 0;
}
.checkmark, .checkmarkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fafafa;
  border:2px solid #47b901;
  border-radius: 50%;
}
.checkmarkbox {border-radius: 0%;}
.containerradio:hover input ~ .checkmark {background-color: #ccc;}
.containerradio:hover input ~ .checkmarkbox {background-color: #ccc;}
.containerradio input:checked ~ .checkmark {background-color: #55d508;}
.containerradio input:checked ~ .checkmarkbox {background-color: #55d508;}
.error{background:#00bf6f;}
.checkmark:after, .checkmarkbox:after {
  content: "";
  position: absolute;
  display: none;
}

.helptext{padding-left:20px;}
.helptext{color:#ccc;}
.containerradio input:checked ~ .checkmark:after {
  display: block;
}

.containerradio input:checked ~ .checkmarkbox:after {
  display: block;
}
.checkmark:after{
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.checkmarkbox:after {
    left: 7px;
    top: 1px;
    width: 7px;
    height: 15px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(47deg);
}

.back{cursor:pointer;}

.rTable {display: table;width: 100%}
.rTableRow {display: table-row;}
.rTableCell, .rTableHead {display: table-cell;padding: 3px 10px;}
.rTableHead{font-weight:bold;background-color: #f1f1f1;padding:10px;margin:100px 0px;}
.rTableFoot {display: table-footer-group;font-weight: boldbackground-color: #ddd;}
.rTableBody {display: table-row-group;}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-right:10px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

@media screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
    .rTableCell, .rTableHead {display: block;}
}
@media (max-width:760px){
    .rTableHead {display:none;}
    .rTableCell{text-align:left!important;}
    .defform{width:100%;margin:auto;}
}