body.auth-layout {
  background: url("/images/auth/background.jpg") no-repeat center center fixed;
  background-size: cover;
}

body.auth-layout #content {
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

body.auth-layout .card {
  margin-top: 150px;
  position: relative;
}

body.auth-layout .card .card-logo {
  text-align: center;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -110px;
}

body.auth-layout .card .card-logo img {
  height: 90px;
}

body.auth-layout .card .card-heading {
  background: #9283be;
  color: #ffffff;
  line-height: 20px;
  min-height: 20px;
  padding: 10px;
}

body.auth-layout .card .card-body {
  padding: 50px 30px 30px 50px;
}

body.auth-layout .card .card-body p {
  margin-bottom: 0;
}

body.auth-layout .card .card-body h2 {
  margin-top: 0;
}

body.auth-layout .card .buttons {
  text-align: right;
  margin-top: 10px;
}

body.auth-layout .card .buttons .btn {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  body.auth-layout .card {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 550px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
}

@media (min-width: 992px) {
  body.auth-layout .card {
    width: 600px;
    max-width: 100%;
  }
}

body.auth-layout .control-label {
  text-align: left;
  font-weight: normal;
  opacity: 1;
  color: #555555;
  font-size: 1em;
}

body.auth-layout .functions {
  padding-top: 25px;
}

body.auth-layout .functions .remember {
  padding-left: 3em;
}

body.auth-layout .functions .forget {
  padding-top: 4px;
  text-align: center;
  padding-right: 2em;
}

body.auth-layout .functions a {
  color: #555555;
  font-weight: 400;
}

body.auth-layout label.checkbox {
  padding: 0;
  font-weight: normal;
  color: #555555;
}

body.auth-layout label.checkbox .checkbox-material {
  margin-right: 1em;
}

@media (min-width: 768px) {
  body.auth-layout .col-sm-3 {
    width: 33.3333%;
    float: left;
  }

  body.auth-layout .col-sm-6 {
    width: 50%;
    float: left;
  }

  body.auth-layout .col-sm-9 {
    width: 66.6667%;
    float: left;
  }

  body.auth-layout .col-sm-12 {
    width: 100%;
    float: left;
  }
}

.btn-a:hover {
  color: #ffffff;
  text-decoration: none;
}

.draggable .drag {
  cursor: move;
}

.fixed-action-btn--2 {
  right: calc(23px + 55px + 10px);
}

.excel-image {
  width: 40px;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
}

.excel-row:after {
  content: none;
}

.fixed-action-btn--2 {
  right: calc(23px + 55px + 10px);
}

.excel-image {
  width: 40px;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
}

.excel-row:after {
  content: none;
}

.draggable.sortable-ghost {
  background: #64bbc4 !important;
}

.pagination {
  padding: 0 15px;
}

.pagination a {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 30px;
  border-radius: 2px;
  text-align: center;
}

.pagination a li,
.pagination a .sp-cancel {
  color: #444;
}

.pagination a.active li,
.pagination a.active .sp-cancel {
  color: #fff;
}

.pagination a.active {
  background-color: #4fc3f7;
}

.pagination a.disabled li,
.pagination a.disabled .sp-cancel {
  cursor: default;
  color: #999;
}

.pagination li i {
  font-size: 2.2rem;
  vertical-align: middle;
}

.pagination li.pages ul a {
  display: inline-block;
  float: none;
}

strong.special {
  color: #189492;
  border-radius: 4px;
  background-color: #f5f6fa;
  padding: 0 5px;
  white-space: pre-wrap;
}

.trumbowyg-editor ul {
  padding-left: 15px;
}

.trumbowyg-editor ul li {
  list-style-type: disc;
}

.trumbowyg-editor cta-link {
  background: #648faf;
  color: white;
  border-radius: 20px;
  padding: 5px 10px;
}

::-webkit-input-placeholder {
  color: #666;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #666;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #666;
}

:-ms-input-placeholder {
  color: #666;
}

.trumbowyg-editor h1 {
  margin-top: 10px;
  font-size: 2em;
  margin-bottom: 20px;
  font-weight: 700;
}

.trumbowyg-editor .text {
  margin-bottom: 20px;
  line-height: 1.63;
  font-weight: 300;
}

.trumbowyg-editor .text strong {
  font-weight: 700;
}

.trumbowyg-editor .text ol {
  margin-top: 0;
  margin-bottom: 10px;
}

.trumbowyg-editor .text ol h3 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}