/*style tables lists*/
.tml table, .tml th, .tml tr, .tml tbody, .tml td  {
  border: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.tml h3 {
  padding-bottom: 0;
  padding-top: 40px;
}

.tml th {
  padding-top: 40px !important;
}

/* get rid of the thin line/border on the left of the content - not sure why this is works? */
#main-content .container:before {
  background-color: white;
}

/* style input fields */
 .tml textarea, .tml select, .tml input[type=text] {
  font-size: 23px;
  padding: 5px;
}

/* style submit buttons */
.tml input[type=submit], .tml button {
  font-size: 23px;
  padding: 5px 10px 5px 10px;
  color: white;
  background-color: var(--dygiphy-theme-color);
  border-style: none;
}

/* style input fields */
 .tml textarea, .tml select, .tml input[type=text], .tml input[type=password] {
  font-size: 23px;
  padding: 5px;
}

.tml-rememberme-wrap label:before {
  font-family: "ETmodules";
  font-size: 150%;
  position: relative;
  top: 0.2em;
  margin-right: 0.2em;
  content: "V";
}
.tml-rememberme-wrap label:hover:before, .tml-rememberme-wrap label:hover {
  cursor: pointer;
}

.tml-rememberme-wrap [type=checkbox]:checked + label:before { content: "Z"; color: var(--dygiphy-theme-color);}
.tml-rememberme-wrap [type=checkbox]:not(:checked):hover + label:hover:before { content: "Z"; filter: alpha(opacity=20); opacity: 0.2; }


.tml-rememberme-wrap input {
  display: none;
}


UL.tml-action-links {
  padding-left: 0 !important;
}

ul.tml-links {
    padding-left: 0px;
}
div.tml-submit-wrap {
    text-align: right;
}

.tml ul {
    list-style-type: none;
    padding-left: 0px;
    font-weight: bold;
}