cobuild-angular-stack/assets/css/main.less

Base stack angular sass jade gulp

[ng-click], [ui-sref] {
  cursor: pointer;
}

html, body {
  height: 100%;
}

.main {
  padding: 0;
  display: block;
  min-height: 100%;
  margin-top: 0;
  .header-list .section-description {
    margin: 0;
  }
  .cat-active {
    color: #333;
  }
  .btn {
    padding: 12px;
  }
}

@media (min-width: 768px) {
  .main {
    top: 0;
  }
}

.main .page-header {
  margin-top: 0;
}

body {
  > .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -192px;
    > .push {
      height: 192px;
    }
  }
  > footer {
    background-color: #595F6F;
    height: 192px;
    color: #959DA9;
    font-size: 13px;
    margin-bottom: -20px;
    position: relative;
    a {
      color: #959DA9;
      &:hover {
        color: #959DA9;
      }
    }
    > * {
      display: inline-block;
      width: 20%;
      margin-left: -5px;
      vertical-align: middle;
      position: relative;
      font-weight: bold;
    }
    ul {
      list-style: none;
    }
    h6 {
      margin-bottom: 0;
    }
    .referred {
      width: 35%;
      margin-left: 30px;
      .brand, .brand-short {
        font-weight: bold;
        > * {
          display: inline-block;
          vertical-align: middle;
          margin-bottom: 0;
        }
        img {
          margin-right: 15px;
        }
      }
      .btn {
        color: #A7ADB3 !important;
      }
      .brand {
        font-size: 18px;
        color: #464B58;
      }
      .brand-short {
        font-size: 14px;
        color: #464B58;
      }
      form {
        color: #A7ADB3;
        margin: 0;
        font-size: 12px;
        margin-top: 15px;
        input {
          background: #4D515E;
          border: none;
          border-radius: 0;
          color: #A7ADB3;
          + i {
            position: absolute;
            right: 10px;
            font-size: 37px;
            bottom: -2px;
            color: #777;
          }
        }
      }
    }
    .links {
      border: 4px solid #525766;
      border-top: none;
      border-bottom: none;
      height: 100%;
      margin-bottom: 0;
      li {
        margin: 15px 0;
      }
    }
    .social-icons {
      text-align: center;
      letter-spacing: 15px;
      margin-top: 20px;
      font-size: 18px;
    }
  }
}

.no-margintop {
  margin-top: 0 !important;
}

.no-marginbottom {
  margin-bottom: 0 !important;
}

.negative-margintop {
  margin-top: -10px !important;
}

.margin-right {
  margin-right: 10px !important;
}

.margin-right-3 {
  margin-right: 30px !important;
}

.vertical-middle, .children-vertical-middle > * {
  vertical-align: middle !important;
}

.dragging {
  opacity: 0.5;
}

.dragover {
  background: #eeeeee;
  &:hover > a {
    background: transparent;
    border-color: transparent;
  }
}

.dragging {
  opacity: 0.5;
}

#video iframe{
  width: 100%;
  text-align: center;
}
#content-vd{
  padding: 7% 0px 10% 0px;
}

.pay-title{
  color: #fc7667;
  padding-top:5%;
  text-transform: uppercase;
  font-size: 25px;
}
.payment-pay{
  color: #525261;
}
.payment-text{
  font-size:20px;
  color: #7d8c93;
  text-transform: none;
  font-weight: 300;
  min-height:55px;
}
.recommend{
  width: 271.4px;
  height: 20px;
  font-family: Catamaran;
  font-size: 12.2px;
  font-weight: 300;
  line-height: 1.64;
  color: #7d8c93;
  margin-left: auto;
  margin-right: auto;
}
.fs-val{
  font-size: 69px;
}
.cont-card{
  padding-left: 11%;
  padding-right:11%;
}
.btn-lp{
  margin-bottom: 5% !important;
  width: 286px;
  height: 45px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.no-invoice{
  color: #7d8c93;
  text-decoration: none;
  display: block;
  margin: 20px auto;
}
.fontPay{
  font-family: sans-serif;
}
.linePay{
  text-decoration: line-through;
}
.headerOverflow{
  overflow: hidden
}

.tooltip.customClass .tooltip-inner {
  background-color: gray;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

/* Hide arrow */
.tooltip.customClass .tooltip-arrow {
  display: none;
}

/* table datepicker */

.calendar-table tr td.active {
  background-color:#fc7667 !important
}

.range_inputs .cancelBtn {
  border: solid 1px #ccc;
}

.range_inputs .applyBtn  {
    background-color: #fc7667 !important;
    color: white !important;
}