/*!
 * Start Bootstrap - SB Admin v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/sb-admin)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-sb-admin/blob/master/LICENSE)
 */
html {
  position: relative;
  height: 100%; }

body {
  overflow-x: hidden;
  position: relative;
    min-height: 100%;
}

body.sticky-footer {
  /*margin-bottom: 56px;*/ }
  body.sticky-footer .content-wrapper {
    /*min-height: calc(100vh - 56px - 56px);*/ }

body.fixed-nav {
  padding-top: 56px; }

.content-wrapper {
  min-height: calc(100vh - 56px);
  padding-top: 1rem; }

.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 3px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: white;
  background: rgba(52, 58, 64, 0.5);
  line-height: 45px; }
  .scroll-to-top:focus, .scroll-to-top:hover {
    color: white; }
  .scroll-to-top:hover {
    background: #343a40; }
  .scroll-to-top i {
    font-weight: 800; }

.smaller {
  font-size: 0.7rem; }

.o-hidden {
  overflow: hidden !important; }

.z-0 {
  z-index: 0; }

.z-1 {
  z-index: 1; }



#mainNav .navbar-collapse {
  overflow: auto;
  max-height: 75vh; }
  #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
    cursor: pointer; }
  #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
    float: right;
    content: '\f107';
    font-family: 'FontAwesome'; }
  #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
    content: '\f105'; }
  #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
  #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
    padding-left: 0; }
    #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
    #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
      display: block;
      padding: 0.5em 0; }
      #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
      #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
      #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
        text-decoration: none; }
  #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
    padding-left: 1em; }
  #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
    padding-left: 2em; }
  #mainNav .navbar-collapse .sidenav-toggler {
    display: none; }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
    position: relative;
    min-width: 45px; }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
      float: right;
      width: auto;
      content: '\f105';
      border: none;
      font-family: 'FontAwesome'; }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
      position: absolute;
      top: 5px;
      left: 21px;
      font-size: 10px; }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
    content: '\f107'; }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
    overflow: hidden;
    max-width: none;
    text-overflow: ellipsis; }

.hdStrip {
    background: #ffffff;
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 18px;
}
.hdStrip span {
    font-size:15px;
}
.hdStrip span b {
    font-size: 18px;
}
.hdStrip ol.breadcrumb {
    padding: 0px;
    background: none;
    margin: 0;
}
.hdStrip ol.breadcrumb .breadcrumb-item a{
    color: #9ca4b6;
}
.hdStrip ol.breadcrumb .breadcrumb-item.active, .hdStrip ol.breadcrumb .breadcrumb-item.active a{
    color: #31394d;
}
.cardTableHead{
    position:relative;
    margin-top:15px;
}
.cardTableHead span {
    font-size: 24px;
    color: #31394d;
    font-weight: 700;
    display: inline-block;
    padding: 5px;
    background-color:#ebedef;
    position:relative;
    z-index:2;
}
.cardTableHead:before{
    content:"";
    position:absolute;
    top:52%;
    left:0;
    right:0;
    display:block;
    height:1px;
    background-color:#c8c8c8;
}
.foo-container {
    background-color: #0a857b;
    margin-left: -15px;
    margin-right: -15px;
}
.fixed-footer-left{
    padding:12px 32px 0;
}
.fixed-footer-left img{
    float:left;
    margin-right:15px;
}
.fixed-footer-left span {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    line-height: normal;
    margin-bottom: 8px;
}
.fixed-footer-left p {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: normal;
}
.fixed-footer-right{
    background:#0ab28b;
    padding:18px 15px 15px;
}
.fixed-footer-right p {
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
}
.fixed-footer-right p a {
    color:#fff;
    text-decoration:underline;
}
.btn.btn-download {
    position: relative;
    background: #ffffff;
    font-size: 24px;
    font-weight: 710;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0px;
    border: #0a857b solid 3px;
    border-radius: 50px;
    padding: 18px 62px 18px 82px;
}
.btn.btn-download img {
    position:absolute;
    left:25px;
}

.paddle-upgrade-div {
    max-width: 750px;
    margin: 0 auto;
    border-left: #0077F7 solid 50px;
    border-bottom: #0077F7 solid 5px;
    padding: 35px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    width: 100%;
    min-height: 500px;
}

a.closeFooter {
    display: block;
    position: absolute;
    z-index: 999;
    bottom: 133px;
    right: 10px;
    color: #fff;
    background: #0ab28b;
    padding: 0px 10px;
    font-size: 30px;
    border-radius: 5px;
}
a.closeFooter:hover, a.closeFooter:focus {
    text-decoration:none;
}
a.closeFooter i {
line-height: 42px;
display: block;
}
@media (min-width: 992px) {
  #mainNav .navbar-brand {
    width: 250px; position:relative; z-index:9999; font-weight: 600; }
  #mainNav .navbar-collapse {
    overflow: visible;
    max-height: none; }
    #mainNav .navbar-collapse .navbar-sidenav {
      position: absolute;
      top: 0;
      left: 0;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top:0px; z-index:999; padding-top:58px; }
      #mainNav .navbar-collapse .navbar-sidenav > .nav-item {
        width: 250px;
        padding: 0; }
        #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
          padding: 1em; }
        #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
        #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
          padding-left: 0;
          list-style: none; }
          #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
          #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
            width: 250px; }
            #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
            #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
              padding: 1em; }
        #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
          padding-left: 2.75em; }
        #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
          padding-left: 3.75em; }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
      min-width: 0; }
      #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
        width: 24px;
        text-align: center; }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
      max-width: 300px; } }

#mainNav.fixed-top .sidenav-toggler {
  display: none; }

@media (min-width: 992px) {
  #mainNav.fixed-top .navbar-sidenav {
    height: calc(100vh - 112px); }
  #mainNav.fixed-top .sidenav-toggler {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: calc(100vh - 56px); }
    #mainNav.fixed-top .sidenav-toggler > .nav-item {
      width: 250px;
      padding: 0; }
      #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
        padding: 1em; } }

#mainNav.fixed-top.navbar-dark .sidenav-toggler {
  background-color: #212529; }
  #mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
    color: #adb5bd; }

#mainNav.fixed-top.navbar-light .sidenav-toggler {
  background-color: #dee2e6; }
  #mainNav.fixed-top.navbar-light .sidenav-toggler a i {
    color: rgba(0, 0, 0, 0.5); }

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
  overflow-x: hidden;
  width: 55px; }
  body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
  body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
    width: 55px !important; }

body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH'; }

#mainNav.static-top .sidenav-toggler {
  display: none; }

@media (min-width: 992px) {
  #mainNav.static-top .sidenav-toggler {
    display: flex; } }

body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH'; }

.content-wrapper {
  overflow-x: hidden;
  background: white; }
  @media (min-width: 992px) {
    .content-wrapper {
      margin-left: 250px; } }

#sidenavToggler i {
  font-weight: 800; }

.navbar-sidenav-tooltip.show {
  display: none; }

@media (min-width: 992px) {
  body.sidenav-toggled .content-wrapper {
    margin-left: 55px; } }

body.sidenav-toggled .navbar-sidenav {
  overflow-x: hidden;
  width: 55px; }
  body.sidenav-toggled .navbar-sidenav .nav-link-text {
    display: none; }
  body.sidenav-toggled .navbar-sidenav .nav-item,
  body.sidenav-toggled .navbar-sidenav .nav-link {
    width: 55px !important; }
    body.sidenav-toggled .navbar-sidenav .nav-item:after,
    body.sidenav-toggled .navbar-sidenav .nav-link:after {
      display: none; }

body.sidenav-toggled .navbar-sidenav-tooltip.show {
  display: flex; }

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  color: #868e96; }

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
  color: #ffffff; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
    color: #adb5bd; }

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
  color: #868e96; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
    color: #adb5bd; }

#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: #adb5bd; }

@media (min-width: 992px) {
  .bg-dark {
    background-color: #31394d!important;
}
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
    background: #31394d; }
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
      color: white !important;
      background-color: #3e4862; }
      #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
        color: white; }
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
      background: #343a40; } }

#mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  color: rgba(0, 0, 0, 0.5); }

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
  color: rgba(0, 0, 0, 0.5); }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
    color: rgba(0, 0, 0, 0.7); }

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
  color: rgba(0, 0, 0, 0.5); }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
    color: rgba(0, 0, 0, 0.7); }

#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: rgba(0, 0, 0, 0.5); }

@media (min-width: 992px) {
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
    background: #f8f9fa; }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
      color: #000 !important;
      background-color: #e9ecef; }
      #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
        color: #000; }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
      background: #f8f9fa; } }

.card-body-icon {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 25px;
    font-size: 0px;
    margin-top: -35px;
}
.cardBoxInfo .card-body .mr-5 {
    text-align: center;
    color: #000000;
    font-weight: 700;
    font-size: 20px;
    background: #fff;
    margin-left: 125px;
    margin-right: 0!important;
    padding-top: 10px;
    min-height: 125px;
    white-space: nowrap;
}
.cardBoxInfo.bg-primary, .cardBoxInfo.bg-warning, .cardBoxInfo.bg-success, .cardBoxInfo.bg-danger{
    border:none;
    border-bottom:#fff solid 5px;
} 
.cardBoxInfo.bg-primary{
    background-color: #0077f7!important;
    border-bottom-color:#0077f7!important;
} 
.cardBoxInfo.bg-warning{
    background-color: #ff9c00!important;
    border-bottom-color:#ff9c00!important;
}
.cardBoxInfo.bg-success{
    background-color: #28a745!important;
    border-bottom-color:#28a745!important;
}
.cardBoxInfo.bg-danger{
    background-color: #dc3545!important;
    border-bottom-color:#dc3545!important;
}
.cardBoxInfo .card-body .mr-5 strong {
    font-size: 42px;
    font-weight: 600;
    line-height: 50px;
}
.cardBoxInfo.bg-primary .card-body .mr-5 strong, .cardBoxInfo.bg-primary .card-body .mr-5 a{
    color: #0077f7!important;
} 
.cardBoxInfo.bg-warning .card-body .mr-5 strong, .cardBoxInfo.bg-warning .card-body .mr-5 a{
    color: #ff9c00!important;
}
.cardBoxInfo.bg-success .card-body .mr-5 strong, .cardBoxInfo.bg-success .card-body .mr-5 a{
    color: #28a745!important;
}
.cardBoxInfo.bg-danger .card-body .mr-5 strong, .cardBoxInfo.bg-danger .card-body .mr-5 a{
    color: #dc3545!important;
}
.cardBoxInfo .card-body{
    padding:0;
}
.cardBoxInfo .card-body .mr-5 strong{
    display:block;
}
.cardBoxInfo .card-body .mr-5 a{
    font-weight:400;
    font-size:13px;
    display:block;
    text-decoration:underline;
}
.navbar-dark .navbar-nav .nav-link.header-buy-now{
    color:#0077f7;
}
.navbar-dark .navbar-nav .nav-item.nav-item-border:after{
    position:absolute;
    left:0;
    top:-10px;
    bottom:-10px;
    width:1px;
    background-color:#eeeff0;
    content:"";
    display:block;
}
.navbar-dark .navbar-nav .nav-item {
    position: relative;
    padding: 0 10px;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:#7f7f7f;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    margin-left: 2px;
    margin-top: 2px;
    display: inline-block;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 1; } }

@media (min-width: 768px) {
  .card-columns {
    column-count: 2; } }

@media (min-width: 1200px) {
  .card-columns {
    column-count: 2; }
  .cardTableStyle{
      margin-bottom: 155px!important;
  }
}

.card-login {
  max-width: 25rem; }

.card-register {
  max-width: 40rem; }

footer.sticky-footer {
    bottom:0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 137px;
  background-color: #e9ecef;
  line-height: 55px; }
  @media (min-width: 992px) {
    footer.sticky-footer {
      width: calc(100% - 250px); } }

@media (min-width: 992px) {
  body.sidenav-toggled footer.sticky-footer {
    width: calc(100% - 55px); } }
@media (min-width: 1200px) and (max-width: 1599px) {
.card-body-icon {
    left: 8px;
    max-width: 50px;
}
.card-body-icon img {
    width: 100%;
}
.cardBoxInfo .card-body .mr-5 {
    font-size: 16px;
    margin-left: 65px;
}
.cardBoxInfo .card-body .mr-5 strong {
    font-size: 28px;
    line-height: 40px;
}
}
@media (min-width: 1200px) and (max-width: 1450px) {
.fixed-footer-left span {
    font-size: 20px;
}
.btn.btn-download img {
    left: 15px;
    max-width: 32px;
}
.btn.btn-download {
    font-size: 20px;
    padding: 18px 55px;
}
}
@media (min-width: 993px) and (max-width: 1199px) {
.btn.btn-download img {
    max-width: 28px;
    left: 15px;
}
.btn.btn-download {
    font-size: 16px;
    padding: 18px 20px 18px 50px;
}
.fixed-footer-right {
    padding: 30px 10px 20px;
}
.fixed-footer-left img {
    max-width: 65px;
}
.fixed-footer-left span {
    font-size: 18px;
}
.fixed-footer-left p {
    font-size: 14px;
}
.cardTableStyle{
      margin-bottom: 155px!important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
.fixed-footer-left span {
    font-size: 16px;
}
.fixed-footer-left p {
    font-size: 14px;
}
.fixed-footer-right {
    padding: 18px 10px 15px;
    margin-right: -15px;
}
.btn.btn-download {
    font-size: 16px;
    padding: 18px 20px 18px 50px;
}
.btn.btn-download img {
    left: 18px;
    max-width: 24px;
}
.foo-container .row{
    margin:0px;
}
.fixed-footer-left {
    padding: 12px 0 0;
}
.foo-container .row {
    margin: 0px;
}
.fixed-footer-left img {
    max-width: 60px;
}
footer.sticky-footer {
    position: relative;
    height: auto;
    width: 100%;
}
body.sticky-footer {
    margin-bottom: 0;
}
body.fixed-nav {
    padding-top: 0;
}
}
@media (max-width: 767px) {
.btn.btn-download {
    font-size: 18px;
    padding: 12px 15px;
    width: 100%;
    max-width: 300px;
    text-align: center;
}
.fixed-footer-left span {
    font-size: 18px;
}
.fixed-footer-left p {
    font-size: 14px;
}
body.sticky-footer {
    margin-bottom: 135px;
}
.cardBoxInfo .card-body .mr-5 {
    font-size: 16px;
    margin-left: 105px;
    padding-top: 15px;
}
.cardBoxInfo .card-body .mr-5 strong {
    font-size: 30px;
    line-height: 40px;
}
.card-body-icon {
    left: 15px;
}
.fixed-footer-left img {
    max-width: 70px;
}
.btn.btn-download img {
    max-width: 28px;
}
.fixed-footer-left {
    padding: 12px 15px 0;
}
a.closeFooter {
    padding: 0px 10px;
    font-size: 20px;
    border-radius: 0;
    background: #0a857b;
    bottom: auto;
    top: -35px;
}
footer.sticky-footer {
    height: auto;
    position: relative;
}
body.sticky-footer {
    margin-bottom: 0;
}
.bg-dark {
    background-color: #ffffff!important;
}
}