/* ==========================================================================
BRADS OVERRIDE START {
========================================================================== */

/* -- ADMIN / LOGIN -- */

.login-inner {z-index: 2;}
.login-inner .logo {width: 300px !important; height: 100px !important; object-position: left center !important;}
.login-inner .spacer {height:0 !important;}
.login-inner .title {text-align: left !important;}
.login-inner .description {text-align: left !important; font-size:1em !important; font-weight: 400 !important; }

/* ==========================================================================
} BRADS OVERRIDE END 
========================================================================== */

.checklist h1 {
  
    font-size: 30px !important;
    font-weight: bold !important;;
}

.checklist h2 {

    font-size: 18px !important;;
    font-weight: bold !important;;
}

.checklist h3 {

    font-size: 16px !important;;
    font-weight: bold !important;;
}

.checklist a { 
    text-decoration: underline !important;
    padding-left: 10px;
}
  
ol {
  padding: 0px !important;
  list-style-type: decimal !important;
}

ul {
  padding: 0px !important;
  list-style-type: square;
  list-style-position: outside;
  list-style-image: none;
}

ol li {
  padding: 5px;
  margin-left: 20px;
}

ul li {
  list-style-type: square;
  margin-left: 57px;
}

.ql-indent-1 {
  margin-left: 77px;
  list-style: circle;
}

.ql-indent-2 {
  margin-left: 97px;
  list-style: disc;
}

.ql-indent-3 {
  margin-left: 117px;
}

.ql-indent-4 {
  margin-left: 137px;
}

.overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#ModalBase > div {
  align-items: center;
}

.previewButton {
  margin-left: 100px !important;
}

.container {
  max-width: 1024px !important;
}

.ti-autocomplete li {
  list-style-type: none;
  margin-left: 10px;
}

#ModalBase .form-input {
  color: black !important;
}

input:checked ~ .dot {
  transform: translateX(100%);
  background-color: #48bb78;
}

.rename {
  width: 25% !important;
}