/* font-family */
:root {
    --lightgray: #f5f6f7;
    --orange: #ff7b1b;
    --dark-blue: #08014c;
    --light-blue: #211b5e;
    --text-muted:#6a6d85;
    --black: #000;
    --white: #fff;
    --font-family-semibold: "camptonsemibold";
    --font-family-bold: "camptonbold";
    --font-family-extra-bold: "camptonextrabold";
    --font-family-light: "camptonlight";
    --font-family-medium: "camptonmedium";
    --font-family-book: "camptonbook";
  }
 
@font-face {
    font-family: "camptonsemibold";
    src: url("../font/camptonsemibold-webfont.woff2") format("woff2"),
      url("assets/font/camptonsemibold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "camptonblack";
    src: url("../font/camptonblack-webfont.woff2") format("woff2"),
      url("../font/camptonblack-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "camptonbold";
    src: url("../font/camptonbold-webfont.woff2") format("woff2"),
      url("../font/camptonbold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "camptonbook";
    src: url("../font/camptonbook-webfont.woff2") format("woff2"),
      url("../font/camptonbook-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "camptonextrabold";
    src: url("../font/camptonextrabold-webfont.woff2") format("woff2"),
      url("../font/camptonextrabold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "camptonlight";
    src: url("../font/camptonlight-webfont.woff2") format("woff2"),
      url("../font/camptonlight-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "camptonmedium";
    src: url("../font/camptonmedium-webfont.woff2") format("woff2"),
      url("../font/camptonmedium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  body{
        font-family: "camptonbook", sans-serif;  
  }
  h1,h2,h3{
      font-family:"camptonmedium",sans-serif;
  }
  #order-standard_cart .products .product header span{
    font-size: 24px !important;
    font-family:var(--font-family-semibold);
}
  .h3{
    font-family: "camptonsemibold";
    font-size: 32px;
  }
  table.table.table-striped a {
    font-size: 13px !important;
}
  .fs-18{
    font-size: 18px !important;
  }
  .fs-16{
    font-size: 16px !important;
  }
  .fs-15{
    font-size: 15px !important;
  }
  .fs-14{
    font-size: 14px !important;
  }
  .opct-6{
     opacity: .6; 
  }
  .light-text{
    color: var(--text-muted);
  }
  .text-blue {
    color: var(--light-blue);
  }
  .text-orange {
    color: var(--orange);
  }
  .bg-orange {
    background-color: var(--orange);
  }
  .show{
    display: block;
  }
  .hide{
    display: none!important;
  }
  a{
      text-decoration:none;
      
  }
  .cmxbold{
      font-family:var(--font-family-extra-bold);
  }
  a:hover{
      text-decoration:none;
      
  }
  .fw600{
      font-weight:600;
  }
  .fw700{
      font-weight:700;
  }
  .fw800{
      font-weight:800 !important;
  }
  .login-card{
      background:transparent;
      border:none;
  }
  .login-card .card-body div .h3.login-title{
      font-size: 2.4rem ;
      font-weight: bolder;
      
  }
  .login-card .card-footer{
         background:transparent;
         border:none;
  }
  .form-check-input {
       position: static; 
       margin:0;
  }
.dropdown-item:focus, .dropdown-item:hover{
    color: #ff7b1b !important;
    background-color: transparent;
}
body .navbar-menu li a {
    display: block;
    margin-bottom: 6px;
    text-decoration: none;
    white-space: nowrap;
    padding: 3px 20px !important;
}
.list-inline-item.navbar-menu.active a {
    background: #ff7b1b;
    color: #fff;
    padding: 3px 10px !important;
    border-radius: 5px;
    display: flex !important;
    align-items: center;
}
.list-inline-item.navbar-menu.active a:hover{
    opacity:.9;
}
#order_cart_custom h1 {
    text-align: left !important;
}
#order_cart_custom .promocode .btn-default.btn{
    border-radius: 0px 4px 4px 0px;
   margin-left: -4px;
}
#order_cart_custom .promocode input.form-control{
    border-radius: 4px 0px 0px 4px !important;
}
#order_cart_custom .promocode {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}
body #order_cart_custom .view-cart-items-header {
    margin: 0;
    padding: 12px 15px;
    background-color: #e9e9e9;
    color: #000;
    font-size: 1.1em;
    border-radius: 0;
}
body .navbar-menu li a + .dropdown-menu li{
   border-bottom: 1px solid #eee;
   margin-bottom:0;
   padding: 3px 20px !important;
}
body .navbar-menu li a + .dropdown-menu li a{
   padding: 0px !important;
     font-family: "camptonbook", sans-serif;
}
body .navbar-menu li a + .dropdown-menu li:last-child{
    border-bottom:0px solid #eee;
}
body .navbar-menu .dropdown-divider{
    display:none;
}
  .login-btn{
      background:#ff7b1b;
      border:1px solid #ff7b1b;
  }
  .login-title-wrapper{
      display: flex;
      align-items: baseline;
      gap: 16px;
  }
  section#main-body{
      background:white;
      padding: 40px 0;
  }
  .card{
      border:none!important;
  }
  #registration .prepend-icon .field {
      padding-left: 13px;
      font-size: 13.5px;
      color: #000;
      border-radius: 0;
      height: 44px;
  }
  #registration .form-control{
      height:44px;
  }
  #registration .prepend-icon .field:placeholder,
  #registration .form-control:placeholder
  {
      color:#000;
  }
  .primary-content .card-title{
       font-size: 18px;
       font-family: "camptonbook", sans-serif;
       color: #000;
       font-weight:600;
  }
  .primary-content .card-title a{
    font-size: 14px;
    color: #0143ea !important;
    font-weight: 500;
    background-color:transparent !important;
    border:0 !important;
}
  .primary-content .card-title a{
    font-size: 14px;
    color: #0143ea !important;
    font-weight: 500;
    background-color:transparent !important;
    border:0 !important;
}
  .primary-content .card-title a:hover{
    color: #08014c !important;
}
#primary-content .card-title a
  .submit-btn{
      width: 100%;
      max-width: 400px;
      background:#ff7b1b ;
      border: 1px solid #ff7b1b
  }
  a{
          color: #2441db;
  }
  .generate-password{
          color: #2441db;
  }
  .bootstrap-switch-on .bootstrap-switch-container .bootstrap-switch-success{
   background:#ff7b1b ;
  }
  .permission{
      font-size:16.5px;
      padding-left:10px;
  }
  #registration label{
          display: flex;
      align-items: center;
      gap: 8px;
  }
  .acceptance{
      font-size: 16.5px!important;
      font-weight: 400!important;
      color: #333;
  
  }
  footer.footer {
      padding: 20px 10px;
      background-color: #ffffff;
      color: #000;
      font-size: .9rem;
      padding: 20px 10px;
      border-top: 1px solid #ddd;
      position: sticky;
      width: 100%;
      bottom: 0;
      left: 0;
      z-index:99;
  }
  .primary-bg-color {
      background-color: #fff;
  }
  footer.footer .copyright {
      margin: 0;
      text-align: left;
  }
  header.header .toolbar .nav-link{
      border: none;
      color: #000;
      font-size: 15px;
  }
  header.header .toolbar .nav-link .badge{
      display: none;
  }
  header.header .navbar a:last-child{
  padding-right: 0;
  }
  .navbar-nav > li a{
      font-size: 19px;
      color: #000;
  }
  .navbar-nav > li:last-child a{
      padding-right: 0!important;
     
  }
  .navbar-menu li:nth-last-child(2) a {
      padding-right: 0 !important;
   
  }
  .navbar-menu li a {
      font-size: 19px!important;
      color: black;
      padding-right: 30px !important;
  }
  ul li a:hover {
      cursor: pointer;
      text-decoration: none;
  }
  .headerTop{
      padding: 0;
      border-bottom: 1px solid #e0e0e0;
  }
  .dropdown-toggle{
      display: flex;
      align-items: center;
  }
  .dropdown-toggle::after{
      content: '\f078';
      font-family: 'Font Awesome 5 Pro';
      border: none; 
      font-size: 12px;
      margin-left: 8px;
  }
  .cart-btn i{
      font-size: 21px!important;
  }
  
  .headerTop .container .navbar-nav{
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 20px;
  }
  .headerTop .container .navbar-nav li button{
      padding-inline: 0!important;
  }
  .iti-flag.us{
      margin-right: 8px;
  }
  .wlcme_clint_pr{
      margin-bottom: 0;
      font-weight: 600;
      padding: 6px 24px;
      font-size: 15px;
      padding-left:0;
  }
header.header .toolbar .nav-link{
    padding: .2rem 1rem;
}
header.header .main-navbar-wrapper .navbar-collapse{
    padding: .4rem 0rem;
}
div[menuitemname="Client Details"] .collapsable-card-body .card-body{
    padding: .25rem;
}
div[menuitemname="Client Details"] .btn-success{
    color: #ff7b1b;
    background-color: #fff;
    border-color: #ff7b1b !important;
}
div[menuitemname="Client Details"] .btn-success:hover,.btn-success:not(:disabled):not(.disabled):active{
    color: #fff;
    background-color: #ff7b1b;
    border-color: #ff7b1b !important;
}
section#main-body{
    background: white;
    padding: 25px 0;
}
  .action-icon-btns a {
      border: 1px solid #eee;
      box-shadow: 0 0 6px rgba(0,0,0,.06);
  }
  .action-icon-btns a {
      margin: 0 0 10px 0;
      padding: 10px 0 15px;
      display: block;
      text-align: center;
      transition: all .3s ease;
      color: #666;
      text-decoration: none;
      background-color: #fff;
      border-radius: .25rem;
  }
  .action-icon-btns a .ico-container i {
      color: #080149;
      font-size: 72px;
  }
  .action-icon-btns a:hover {
      box-shadow: 0 0 6px rgba(0,0,0,.15);
      font-size: 16px;
  }

  body .action-icon-btns a:hover .ico-container{
    font-size:2.6em;
  }
  .homepage-title{
    font-size:28.8px;
     font-family: "camptonsemibold",sans-serif;
  }
  .card-columns.home > .card{
  border: 1px solid #ddd !important;
  }
  .action-icon-btns {
      padding-bottom: 40px;
  }
  
  .card-columns > .card .card-body{
      padding: 20px !important;
  }
  .navbar-nav .dropdown-menu{
      position: absolute;
    left: 0;
    top: 30px;
    width: max-content;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
  }
  .btn-primary {
      color: #fff;
      background: #ff7b1b !important;
      border: 1px solid #ff7b1b !important;
      transition:.3s;
  }
  .btn-primary:hover{
      opacity:.9;
  }
  .btn-primary:hover{
      background-color:#ff9549;
      border-color:#ff9549;
  }
  .form-control{
       border-radius: 0 !important; 
  }
  .col-form-label{
      margin-bottom: 5px;
    font-family: "camptonmedium",sans-serif;
      color: #000;
      font-size: 15px;
  }
  .alert-info{
      color: #8a6d3b;
      background-color: #fcf8e3;
      border-color: #faebcc;
  }
  .kb-search input{
      border-top-left-radius:.25rem!important;
       border-bottom-left-radius:.25rem!important;
      font-size:18px!important;
      font-weight:400;
  }
  .card-sidebar .card-header{
      background-color:white!important;
      border-bottom:0px!important;
  }
  .card-sidebar .collapsable-card-body{
      padding: 10px 6px;
  }
 .sidebar-menu-item-wrapper{
       justify-content: space-between; 
  }
  .sidebar .sidebar-menu-item-icon-wrapper {
    color: #ccc;
    order: 2;
}
  a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}
.panel-sidebar .list-group-item{
    line-height:24px;
}
header.header .logo-img{
    max-width: 200px !important;
}
.sidebar-menu-item-wrapper:hover i.fas, .panel-sidebar a.list-group-item:hover i.fas {
    color: #666 !important;
}
  .sidebar:not(.cart-sidebar){
      font-size: 15px;
    /*  border: 1px solid #eee; */
       margin-bottom:20px;
  }
  .sidebar .card-sidebar{
    border: 1px solid #eee !important;
    font-size: 15px;
  }
  .card-sidebar .card-header .card-title{
     font-size: 18px;
     font-family: "camptonsemibold", sans-serif;
      color: #000;
      line-height: 26px;
  }
  .sidebar .list-group-item{
      border-top: 1px dotted #eee;
  }
  .sidebar .list-group-item.active{
      background: white;
      color: #ff7b1b;
      border-top: 1px dotted #eee;
      border-bottom: 1px dotted #eee;
      
  }
  .sidebar .list-group-item.active:hover {
      background-color:white;
      border-color:#eee;
  }
  .card-sidebar .card-header{
       border-block: 1px dotted #eee;
  }
  .kb-search .input-group-append .btn-primary{
    font-size:18px
  }
  .sidebar .list-group-item{
    padding: 8px 15px;
  }
  
  .sidebar .sidebar-menu-item-icon-wrapper{
      color:#ccc;
  }
  .sidebar .list-group-item.active .sidebar-menu-item-icon-wrapper{
      color:#ff7b1b;   
  }
  .btn-success {
      color: #fff;
      background-color: #08014c;
      border-color: #08014c;
      text-transform: uppercase;
  }
  .btn-outline-primary{
      border:1px solid #08014c;
      color:#08014c;
  }
  .btn-outline-primary:hover{
      color:#fff;
      background-color:#ff7b1b;
      border:1px solid #ff7b1b;
  }
  .btn-success:hover{
      background-color:#393470;
  }
  .bootstrap-switch-handle-on.bootstrap-switch-success{
      transition:.3s ;
  }
  .bootstrap-switch-handle-on.bootstrap-switch-success:hover{
      background-color: #ff9549!important;
      border-color: #ff9549 !important;
  }
  .card-header{
      padding-block:8px;
      padding-inline:12px;
      
  }
  
  /*div[menuitemname="Support"]{*/
  /*    background-color:red;*/
  /*}*/
  .forget-pass-card .card-body{
      border: 1px solid rgba(0, 0, 0, .125);
      border-radius: .25rem;
  }
  a {
      color: #08014c;
  }
  #frmDomainHomepage{
      display:none;
  }
  .cart-sidebar .card-sidebar.panel-sidebar{
      border:1px solid #ccc!important;
  }
  
  .list-group-item.active {
      z-index: 2;
      color: #fff;
      background-color: #fff;
      color:#ff9549;
  
  }
  .list-group-item{
      border-top:1px dotted #ccc!important;
      border-bottom:0px;
  }
  .card-footer{
      background:#fff!important;
      border:none;
  }
  .panel-footer.card-footer .btn[type="submit"]
  {
    display:block;
    margin-inline:auto;
   }
   .btn-default.btn{
       color: #ff7b1b;
    background-color: #fff;
    border-color: #ff7b1b !important;
   }
   .btn-default.btn:hover{
       background:#ff7b1b;
       border:1px solid #ff7b1b;
       color:white;
   }
   .tile{
      display: block;
      text-decoration: none;
      position: relative;
      padding: 12px 20px;
      min-height: 182px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      border: none;
      border-radius: 4px;
      box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
      transition: background .24s ease;
   }
   .tile i{
           font-size: 18px!important;
   }
   .tiles .tile .highlight{
       display:none;
   }
   .tiles .tile{
       border-right:0px;
       background:#fff;
   }
    .tiles .tile:hover{
            background:#fff; 
    }
    .stat_wrapper{
      aspect-ratio: 1/1;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 16px;
      padding-top: 15px;
    }
   .tiles .tile .stat{
       font-size: clamp(32px, 4vw, 72px)!important;
       color: #08014c;
       margin:0;
       padding-top:15px;
  }
  .tiles .tile .title{
          font-size: 18px;
          color: #000;
  }
  .tiles .tile i {
      right:12px;
  }
  .tiles .tile:hover i {
    
    
      color: #08014c;
  }
  .client-home-panels .card {
      margin-bottom: 24px;
      background-color: #fff;
      border: none;
      border-radius: 4px;
      box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
  }
  .client-home-panels .card .card-header{
      padding-block: 17px;
      padding-inline: 15px;
  }
  .client-home-cards .list-group .list-group-item {
    padding: 8px 10px;
    border-bottom: 0px solid #ddd;
}
div[menuitemname="Active Products/Services"] .btn-view-more.disabled{
    color:#2441db;
    font-size: 13px;
}
div[menuitemname="Active Products/Services"] .btn-view-more.disabled:hover{
    color:#ff7b1b;
    font-size: 13px;
}
#announcementsPanel .list-group-item {
    border-top: 0px dotted #ccc !important;
}
#ticketsPanel .card-header {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
  a.bg-color-gold,
  a.bg-color-blue
  {
      background:none;
      color:#08014c!important;
  }
  a.btn-default.bg-color-gold:hover,
  a.btn-default.bg-color-blue:hover
  {
      background:none;
      color:#08014c!important;
      border:none;
  }
  .tiles.mb-4{
      margin-bottom:31.5px!important;
  }
  .login-card .card-body div .h3.login-title{
    font-family: 'camptonsemibold';
  }
  label{
    font-family:var(--font-family-book);
    font-weight:500;
  }
  .navbar-menu li a {
    font-size: 18px !important;
    font-family: "camptonmedium", sans-serif;
   
  }
  
   .navbar-menu li .dropdown-menu a {
    font-size: 16px !important;
    font-family: "camptonmedium", sans-serif;
   
  }
  
  .action-icon-btns a{
    font-family:"camptonmedium",sans-serif;
    color: #08014c00;
  }
  .bg-color-asbestos {
    background:none;
   
}
.client-home-cards .card-header .btn{
    color:#08014c ;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary{
    background: #e6e6e6!important;
}
input[type="reset"]:hover{
    background-color: #08014c!important;
    color:white;
    border:1px solid #08014c!important;
}
#frmDomainTransfer .panel.card{
    border: 1px solid rgba(0, 0, 0, .125)!important;
}
a:has(.ico-container){
    color:#000
}
.other-links {

    font-size: 15px;
}
.header-lined h1{
    font-size:2rem;
    font-weight:700;
    text-align:center;
}
body #order-standard_cart .products .product{
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 15px 15px 0px;
    border-top: 5px solid #7f7f7f;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
}
body #order-standard_cart .products .product .product-desc {
    order: 3;
}
body #order-standard_cart .products .product header {
    font-size: 1.1rem;
    text-align: center;
    color: #000;
    font-weight: 800;
    margin-bottom: 3px;
    background: none;
    border: 0;
}
#order-standard_cart .products .product div.product-pricing {
    font-size: 16px;
    color:#000;
}
#order-standard_cart .products .product div.product-pricing span.price{
    font-size:27px;
    color: var(--orange);
    font-family: var(--font-family-semibold);
}
#order-standard_cart .products .product .btn-order-now {
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    background: #fff;
    border: 2px solid var(--orange);
    border-radius: 4px;
    color: var(--orange);
    padding: 10px 30px;
    margin: 0;
}
#order-standard_cart .products .product .btn-order-now:hover{
    background-color: var(--orange);
    color:#fff;
}
#order-standard_cart .products .product div.product-desc {
    float: none !important;
    width: 100% !important;
    padding: 8px 1px !important;
}
.products .col-md-4.col-sm-6 {
    padding: 0px 6px !important;
}
a[menuitemname="View Cart"] {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 8px 3px !important;
}
#order-standard_cart .products .product footer {
    float: none !important;
    width: 100% !important;
    margin-top: 0 !important;
}
body #order-standard_cart .order-summary {
    background-color: #fff;
    border-bottom: 0;
    border-radius: 0px;
    box-shadow: 0px 0px 7px 0 #c7c7c7;
}
body #order-standard_cart .order-summary h2 {
    font-size: 1.5rem;
    color: var(--orange);
    font-weight: 700;
    padding: 10px 10px;
    cursor: auto;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
body #order-standard_cart .summary-container {
    font-size: 0.9rem;
}
body #order-standard_cart .product-info, body #order-standard_cart .summary-container {
    border-radius: 0;
    background-color: #fff;
    border: 0;
}
body #order-standard_cart .order-summary .total-due-today .amt{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--orange);
}
#order-standard_cart .order-summary .product-name{
    display: block;
    font-weight: 700;
    font-size: 1.2em;
}
.header-lined h1{
    font-size: 36px;
    font-weight: 500;
    text-align: left;
}
#order-standard_cart .product-info{
    margin: 0 0 0px 0 !important;
    padding: 6px 0px !important;
}
#order-standard_cart label{
    margin-right: 10px;
    font-weight: 300;
    font-size: 1.2rem !important;
    color: #666;
}
button#btnCompleteProductConfig {
    width: 100%;
}
.configureproduct .secondary-cart-body > p {
    font-size: 1.15rem !important;
}
#order-standard_cart .btn-checkout {
    padding: 6px 26px !important;
    width: 100% !important;
}
body #order-standard_cart .view-cart-items-header {
    font-size: 1.0rem;
    font-weight: 500;
    background: #e9e9e9;
    color: #111;
}
.header-lined h1 {
    margin-bottom: 20px !important;
}
body #order-standard_cart .cart-body .view-cart-items .item {
    background-color: #fff;
    border-bottom: 1px dashed #ccc;
}
#order-standard_cart .view-cart-items {
    border-bottom: 0 !important
}
body #order-standard_cart .empty-cart .btn {
    background-color: #e02000;
    color: #fff;
    border-radius: 3px;
    transition: all 0.2s;
}
#order-standard_cart .empty-cart{
    margin: -1px 0px 0 6px !important;
}
body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true], body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected=true] {
    background: transparent;
    border-color: transparent;
    font-size: 1.0rem;
    padding-left: 0;
}
#order-standard_cart .view-cart-tabs .nav-tabs {
    padding-left: 0 !important;
    border-bottom:0px;
}
#order-standard_cart .promo .form-group {
    display: inline-block;
    width: calc(100% - 145px);
}
body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true], body #order-standard_cart .view-cart-tabs .tab-content {
    background-color: transparent;
    padding: 8px 0px;
}
#order-standard_cart .prepend-icon .field {
    border-radius: 4px !important;
}
.promo .btn-default {
    color: #fff;
    background-color: var(--orange);
    border-color: var(--orange);
    width:auto;
    display:inline-block;
}
body #order-standard_cart .sub-heading {
    height: auto;
    border: 0;
    text-align: left;
    margin-bottom: 0;
}
body #order-standard_cart .sub-heading span {
    background: transparent;
    color: #111;
    padding: 0;
    font-weight: 600;
}
.btn-info {
    color: #fff !important;
    background-color: var(--orange) !important;
    border-color: transparent !important;
}
[action*=checkout] #totalDueToday {
    color: #fff;
    background-color: var(--dark-blue);
    border-color: transparent;
}
.btn-success.focus, .btn-success:focus{
    color: #fff;
    background-color: var(--orange);
    border-color: var(--orange);
    box-shadow: none;
}
#order-standard_cart .font-size-36{
    font-size: 32px !important;
    text-align:center;
    margin-bottom: 35px !important;
}
.cart-sidebar .list-group-item.active{
    z-index:2;
    background-color: transparent !important;
    color: #ff9549 !important;
}
#order-standard_cart .cart-sidebar .list-group-item{
    margin: 0;
    padding: 8px 6px !important;
    font-weight: 600;
    font-size: 14px;
}
.sidebar .list-group-item {
    padding: 8px 6px !important;
    font-weight: 600;
    font-size: 14px;
}
#order-standard_cart .products .product div.product-desc ul{
    padding-left:0;
}
#order-standard_cart .products .product div.product-desc ul li, .product-desc p{
    font-size: 0.9rem;
    font-weight: 400;
    display: block;
    text-align: left;
    color: #333;
    font-style: normal;
    padding: 9px 6px;
    margin: 0;
    border-bottom: 1px dashed #c7c7c7;
}

.navbar-menu li.active a {
    padding: 5px 10px !important;
    margin-right:10px;
}
.navbar-menu li.active a {
    background-color: rgb(255 123 27);
    color: #fff !important;
}
/*@media (min-width: 1200px){*/
/*    .container {*/
/*        max-width: 1200px !important;*/
/*        width:100% !important;*/
/*    }*/
/*}*/
.verification-banner{
    padding:6px;
    background-color: #f7e9e9;
    border-bottom: 1px solid #f7e9e9;
}
.verification-banner button#btnResendVerificationEmail {
    background-color: transparent !important;
    border: 0;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.btn-success.disabled, .btn-success:disabled {
    background-color: #08014c;
    border-color: #08014c;
}
#order-standard_cart .confirm-order-page h1 {
    margin-bottom: 4px !important;
}
.fs-22{
    font-size:22px !important;
}
.confirm-order-page .product-info p + p {
    font-size: 15px;
    font-family: 'camptonmedium';
    color: #6c6c6c;
}
.c-black{
  color:#000 !important;  
}
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}
.confirm-order-page .addon-products .panel-body.card-body{
  flex: initial; 
  padding:0;
}
.fw400{
   font-weight:400; 
}
#order-standard_cart .confirm-order-page .panel-addon .panel-add {
    display: block;
    padding:5px;
    background-color: #ff7b1b;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
}
.confirm-order-page .summary-container .product-name{
    font-weight: 700 !important;
    font-size: 16px !important; 
}
.confirm-order-page .summary-container .product-group{
    margin-bottom:12px !important;
    font-weight:800;
    font-size:14px; 
    font-style:normal !important;
    line-height:normal;
}
.confirm-order-page .summary-totals .clearfix{
    padding-block:10px
}
.confirm-order-page .summary-totals .clearfix span{
    font-weight:400;
    font-family: 'camptonmedium';
    color: #6c6c6c;
}
.total-due-today span + span{
    color: #6c6c6c;
}
.confirm-order-page .summary-totals .clearfix span + span{
    font-weight:700;
        color: #000;
}
.confirm-order-page .summary-container .product-group + .clearfix span{
    font-weight:700;
    font-family: 'camptonmedium';
}
#recommendationsModal .modal-header h4{
       font-weight: 800; 
}
#recommendationsModal .product-recommendations .product-recommendation{
    border: 1px dashed #ccc;
    border-bottom: 4px solid #ccc !important;
    border-color: #ccc !important;
}
.product-recommendations .product-recommendation .price{
    color: #ff7b1b !important;
}
.product-recommendations .product-recommendation .btn-add{
    background-color: #ff7b1b !important;
}
.product-recommendations .product-recommendation .arrow{
    background-color: #b14a00 !important;
}
.product-recommendations .product-recommendation .expander{
    color: #ff7b1b !important;
}
#order_cart_custom .btn-success{
    background-color: #ff7b1b !important;
    border-color: #ff7b1b !important;
}
.login-card button.btn.btn-default {
    border-color: #ced4da !important;
}
.login-card input#inputPassword {
    border-radius: 4px 0px 0px 4px !important;
}
#order-standard_cart .checkout-page-wrap h1 {
    margin-bottom: 5px !important;
    font-weight: 600;
}
.checkout-page-wrap p{
    font-weight:400;
}
.fs-20{
  font-size:20px !important;  
}
.checkout-page-wrap .label-info{
    background-color: #08014c;
}
#order-standard_cart .checkout-page-wrap .prepend-icon .field {
    border-radius: 1px !important;
    height: 40px;
}
.strip-col label.radio-inline{
    margin: 0;
    border: 2px solid #f57f06;
    padding: 15px 20px;
    margin-top: 13px;
    max-width: 300px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 10px;
}
.checkout-page-wrap .payment-col{
    border: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    margin-top: 37px;
}
#order-standard_cart .checkout-page-wrap .payment-col ul li label.radio-inline{
    font-weight: 400 !important;
    color: #000;
    font-size: 16px !important;
    font-family:var(--font-family-book);
    margin-top:20px;
}
#order-standard_cart .checkout-page-wrap .payment-col .stripe-cards-inputs {
    width: 100% !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    padding: 0;
}
#order-standard_cart .checkout-page-wrap .payment-col .stripe-cards-inputs label{
    font-family:var(--font-family-book);
    font-size:16px !important;
}
#order-standard_cart .checkout-page-wrap .payment-col .stripe-cards-inputs .form-control{
    height:47px;
    padding-top: 12px;
}
#order-standard_cart .checkout-page-wrap .payment-col .field {
    border-radius: 1px !important;
    height: 47px;
}
#order-standard_cart .checkout-page-wrap #newCardSaveSettings #inputDescriptionContainer {
    margin-left: 0 !important;
    width: 100%;
    max-width: 100% !important;
    flex: initial;
    margin-top: 10px;
}
#order-standard_cart .checkout-page-wrap #default-captcha-domainchecker p{
    text-align:left;
}
#order-standard_cart .checkout-page-wrap #default-captcha-domainchecker{
    margin-top: 15px;
    padding: 0px 15px;
}
#order-standard_cart .checkout-page-wrap #default-captcha-domainchecker .col-6.captchaimage{
    max-width: 100px;
}
.captcha-wrap .row .col-md-8{
    width: 100% !important;
    max-width: 100% !important;
    flex: initial;
}
#order-standard_cart .checkout-page-wrap #default-captcha-domainchecker #inputCaptcha {
    width: 100%;
    border-radius: 4px;
}
#order-standard_cart .checkout-page-wrap button#btnCompleteOrder{
    max-width: 441px;
    width: 100%;
    margin-right: 100%;
    text-transform: uppercase;
}
.supportickets{
    display: block;
    color: #111;
    text-decoration: none;
    position: relative;
    padding: 12px 20px;
    min-height: 147px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .12);
    transition: background .24s ease;
}
.supportickets p > a {
    font-size:20px;
    color: #111;
    min-height: 50px;
    padding: 30px 0;
    display: block;
    text-align: center;
}
.supportickets p > a i {
    font-size:30px;
    color:#ff7b1b;
    margin-bottom:5px;
}
/*Datatable css*/
.dataTables_wrapper .dataTables_info{
    padding: 21px 30px !important;
    font-weight: 300;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #000;
}
body .dataTables_wrapper .listtable {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
body .dataTables_wrapper table.table-list thead th.sorting_asc, body .dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: #fff;
}
.dataTables_wrapper table.table-list thead th:nth-child(even), .dataTables_wrapper table.table-list thead th {
    border-bottom: 4px solid #ff7b1b;
    font-size: 14px;
    font-weight:600;
    text-align:left;
}
.dataTables_wrapper table.table-list tbody td {
    text-align: left !important;
}
.dataTables_wrapper table.table-list{
    margin: 10px 0 !important;
    border-radius: 0px;
    border: 0;
    margin-top: 0 !important;
}
.dataTables_wrapper .dataTables_filter label {
    margin: 0;
    padding: 12px;
}
div.dataTables_wrapper div.dataTables_length label{
    font-family:var(--font-family-book);
}
.dataTables_wrapper .table-list > tbody > tr:nth-child(even) > td{
    background-color: #f8fcfd;
}
.dataTables_wrapper .table-list .status{
    max-width: 84px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dataTables_wrapper .status:hover{
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
}
.dataTables_wrapper td img[src*=ssl-inactive-domain]{
    transform: scale(0.75);
}
.page-item.active .page-link, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #ff7b1b;
    border-color: #ff7b1b;
}
.client-home-cards .list-group{
    border-bottom: 0px solid #ddd !important;
}
#ticketsPanel .card-body p {
    margin-bottom: 0;
}
.product-details h4 {
    margin-top: 20px;
    margin-bottom: 2px;
}
@media (max-width:1199px) {
.container{
   max-width:100%; 
}
#order-standard_cart .secondary-cart-body {
       overflow-x: hidden;
}
body{
    overflow-x: hidden;
}
body .navbar-menu li a {
        padding: 3px 10px !important;
        font-size: 15px !important;
        display: flex;
        align-items: center;
}
.tiles div:nth-child(1)>.tile, .tiles div:nth-child(2)>.tile{
        border-bottom:0px solid #ccc;
        margin-bottom: 28px;
}
#order-standard_cart .sidebar-collapsed .panel-body.card-body {
    padding-inline: 0;
}
}
@media (max-width: 991px) {
    #order-standard_cart .secondary-cart-sidebar {
        width: 100% !important; 
    }
    .empty-cart button {
    margin-bottom: 19px !important;
}
#order-standard_cart .checkout-page-wrap button#btnCompleteOrder{
    max-width: 100%;
}
.navbar.coll-mob-menu{
     position: static;
}
.navbar.coll-mob-menu .navbar-collapse {
    position: fixed;
    top: 0px;
    background-color: rgb(255, 255, 255);
    z-index:5;
    height: 100% !important;
    max-width: 450px;
    width: 100%;
    padding: 10px !important;
    border-right: 1px solid #0000000d;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    right: -132%;
    transition: all .3s;
}
.navbar-menu li:not(:last-child){
    border-bottom: 1px solid #eeeeee;
}
.navbar-menu li .dropdown-menu a {
    font-size: 15px !important;
}
.coll-mob-menu .dropdown-menu {
    position: static;
    width: max-content;
    background-clip: padding-box;
    border: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-left: 0 !important;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}
.navbar.coll-mob-menu .navbar-collapse.show{
    right: 0px;
}
.coll-mob-menu .container{
      padding-inline: 15px; 
}
.toggle-btn li span:before{
   font-size: 30px;
    font-weight: 300; 
}
.toggle-btn button{
       width:40px; 
}
.navbar.coll-mob-menu .navbar-collapse.show .toggle-btn .nav-link .fa-bars:before{
        content: "\f00d";
}
header.header .logo-img {
    max-width: 165px !important;
    padding-block: 6px;
}
}

#orderSummary button#btnCompleteProductConfig{
    text-transform: uppercase;
}
#orderSummary button#btnCompleteProductConfig i{
    display:none;
}
@media (max-width: 767px) {
.table-wrapper {
    overflow: auto;
}
.table#payMethodList, table.table.table-striped{
    width: 600px;
}
#order-standard_cart .checkout-page-wrap button#btnCompleteOrder{
    max-width:100%;
}
.fs-18 {
    font-size: 16px !important;
}
.empty-cart button {
    margin-bottom: 20px !important;
}
.row-eq-height .col-md-4.col-sm-6 {
    margin-bottom: 13px;
}
    body .top-nav-mob .choose-language{
        font-size:0 !important;
    }
     .choose-language:before {
        font-size: 22px;
        content: "\f0ac";
        line-height: 1.1;
        color: #444;
        font-family: "Font Awesome 5 Pro";
        width: 26px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
    }
    .choose-language:after{
        display:none;
    }
    .choose-language .flag-col{
        display:none !important;
    }
    body .top-nav-mob .account > a{
        font-size:0px;
    }
    body .top-nav-mob .account > a:before{
        font-size: 23px;
        line-height: 1;
        color: #444;
        content: "\f2bd";
        font-family: "Font Awesome 5 Pro";
    }
    body .top-nav-mob .account a:after{
        display:none;
    }
    .table-container .listtable {
        overflow-x: auto;
    }
    .dataTables_wrapper table.table-list {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    width: 600px !important;
}
    div.dataTables_wrapper div.dataTables_paginate {
        float: none;
        background: #f0f0f0;
    }
    body .dataTables_wrapper .dataTables_length label {
    padding: 10px 10px 0 3px;
}
}