/*== [ spinner, mask, and dialog box (for popups)                 ] ==*/

#spinner {
   width: 128px;
   height: 128px;
   overflow: hidden;
   background: url('/wp-content/plugins/core3k-forms/pub/img/spinner.gif') no-repeat center #FFF;
}

#mask {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);  /* You can make this slightly transparent black rgba(0,0,0,.3); or transparent */
  top: 0;
  left: 0;
  z-index: 1000;
}

#diag {
  display: none;
  position: fixed;
  top: 100px;
  left: 100px;
  min-width: 64px;
  min-height: 64px;
  border: 1px solid #000;
  background: #FFF;
  border-radius: 7px;
  padding: 5px;
  z-index: 1001;
}

/*== [ FIN:PUBLIC                                                 ] ==*/


/* form:converted */

.err {
  color: #F00;
}

.c3k-forms-success {
  font-size: 1.5em;
}
#c3k-forms {
  border: 0;
  border-radius: 3px;
  padding: 0em; /* default 0em --- */
}
#c3k-forms label {
}
#c3k-forms select,
#c3k-forms input {
  background-color: #F2F2F2;
  border: 0;
  padding: 10px;
}
#c3k-forms select,
#c3k-forms input[type="text"] {
  width: 95%;
}
#c3k-forms textarea {
  width: 100%;
  height: 13em;
  background-color: #F2F2F2;
  border: 0;
}
#c3k-forms input.zdate {
  max-width: 12em;
}
#c3k-mssg-err {
  color: #F00;
  border: 0px solid #F00;
  border-radius: 3px;
  padding: 3px;
  margin: .2em;
}
#c3k-forms .c3k-req {
  color: #F00;
}
#c3k-forms .c3k-font {

}
#c3k-forms .c3k-aok {
  color: #00F;
}
#c3k-forms .c3k-err {
  color: #F00;
  float: right;
}
#c3k-forms .c3k-len-aok {
  color: #00F;
}
#c3k-forms .c3k-len-err {
  color: #F00;
}

/* reset */
#c3k-forms table, #c3k-forms caption, #c3k-forms tbody, #c3k-forms tfoot, #c3k-forms thead, #c3k-forms tr, #c3k-forms th, #c3k-forms td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* General Table Style */
#c3k-forms table.responsivetable {
  width: 100%;
  border-collapse: collapse;
  border: 0px; /* added to override default --- */
}
#c3k-forms table.responsivetable td {
  border: 0px /* added to override default --- */
}

#c3k-forms span {
  padding: 1rem 0 0 0 !important;
  display: inline-block;
}

/* buttons */
#c3k-forms .c3k-button {
  background-color: #FF7F00;
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 3px;
  line-height: 15pt;
  font-size: 13pt;
  margin: 15px 30px;
  padding: 15px 30px;
}
#c3k-forms .c3k-button:hover {
  background-color: #fe9833;
  color: #FFF;
  border: 1px solid #fe9833;
}

/* Make Table Responsive --- */

@media only screen and (max-width: 975px) {
  .responsivetable table, .responsivetable thead, .responsivetable th, .responsivetable tr, .responsivetable td {
    display: block;
  }
  .responsivetable tr {

  }
  .responsivetable tr td {
    /* Behave like a row */
    border: none;
    position: relative;
  }

}