:root{
  --first-blue-color: #337ab7;
  --second-blue-color: #337ab7;
  --third-blue-color: #337ab7;
  --main-btn-hover: #286090;
  --link-color: #286090;
}

section#main-body{
  padding: 30px 0;
}

.btn-link{
  color: var(--link-color);
}


.btn-default[disabled]:hover{
  color: black;
}

.panel.panel-sidebar .panel-heading h3{
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}

.panel-sidebar .list-group-item, .panel-sidebar .panel-body, .list-group-tab-nav{
  font-size: 14px;
  line-height: 26px;
}

.panel-sidebar>.panel-footer{
  background: white;
}


.panel-footer .btn{
  color:  var(--third-blue-color);
  background-color: #d5e7fb!important;
  border-color: #d5e7fb!important;
  transition: .1s ease-in;
}

.panel-footer .btn:hover{
  color:  white!important;
  background-color: #286090 !important;
  border-color: #286090 !important;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
  background-color: #d5e7fb;
  color: var(--second-blue-color);
}

a, .our-pertners img, .first-items-home .free-badje, a span, .video-section-text-place .over-ole-grandient-orl, button, .pricing-plan-one .best-selle-tag-plan, .pricing-plan-one .best-selle-tag-plan:hover, .pricing-plan-one .best-selle-tag-plan b, .pricing-plan-one .box-overlow-cari{
  transition: none;
}


.box-intr{
  background-color: transparent;
  border-right: 0;
  padding: 20px;
}


.box-intr a{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  padding 0;
  min-height: 100px;
  color: var(--third-blue-color);
  border-radius: 6px;
  transition: all 0.3s ease-in;
  text-align: center;
  position: relative;
  padding: 35px;
  background: #f5f5f5;
  border: 1px solid #e6e8ec;
}

.box-intr a:hover{
  background: transparent;
  box-shadow: 0 4px 10px rgba(31,45,61,.125)!important;
}

.box-intr .icon{
  position: absolute;
  top: 10px;
  left: 10px;
}

.box-intr .icon i {
  font-size: 20px;
}


.box-intr .icon i::before{
  font-size: 20px;
  color: #c1c1c1;
  transition: all 0.3s ease-in;
}

.box-intr a:hover .icon i::before{
  color: var(--third-blue-color);
}

.box-intr .stat{
  position: relative;
  background-color: transparent;
  font-size: 40px;
  font-weight: 300;
  color: var(--third-blue-color);
  top: unset;
  left: unset;
  right: unset;
  width: unset;
  height: unset;
  margin: unset;
}

.box-intr:hover .stat{
  top: unset;
}

.box-intr .title{
  margin-top: 0;
  font-size: 14px;
  color: #777474;
  font-weight: 400;
}

.client-home-panels .panel>.panel-heading{
  background-color: #f5f5f5;
  padding: 15px 10px;
}

.client-home-panels .panel>.panel-heading .panel-title{
  font-size: 15px;
  color: #404040;
}

.client-home-panels .panel>.panel-heading .panel-title .btn{
  background-color: var(--third-blue-color);
  transition: .1s ease-in;
  padding: 5px 15px;
}

.client-home-panels .panel>.panel-heading .panel-title .btn:hover{
  background-color: var(--main-btn-hover);
}

.client-home-panels .panel>.list-group{
  max-height: 300px;
}

.client-home-panels .panel>.list-group .list-group-item{
  padding: 20px 10px;
}

.client-home-panels .panel>.list-group .list-group-item .label{
  font-size: 12px;
  border-radius: 3px;
  padding: 5px;
}

.home-kb-search{
  margin-bottom: 25px;
}

.home-kb-search i{
  color: #c1c1c1;
  transition: all 0.3s ease-in;
}

.home-kb-search input{
  transition: all 0.3s ease-in;
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: 400 !important;
}

.home-kb-search input:focus {
  box-shadow: 0 4px 10px rgba(31,45,61,.125)!important;
}
.home-kb-search input:focus + i {
      color: #777;
}


.notice-message{
  color: #926420;
  background-color: #f9f0e3;
  border-color: #f7e5cc;
}

.list-group-item>i.far.fa-circle{
}

.sidebar .list-group-item .badge{
  background-color: #d5e7fb;
  color: #286090;
}

.sidebar .list-group-item:hover .badge{
  color: black;
}

.sidebar .list-group-item span{
}

.panel-sidebar a.list-group-item.active i, .panel-sidebar a.list-group-item.active:focus i, .panel-sidebar a.list-group-item.active:hover i{
  color: var(--third-blue-color) !important;
}

.sidebar .list-group-item.active span{
  color: var(--third-blue-color);
}

div.header-lined .breadcrumb{
    background-color: #f5f5f5;
}

.panel-sidebar a.list-group-item.active {
	background-color: #d5e7fb !important;
    color: var(--second-blue-color);
}

.panel-sidebar a.list-group-item.active:hover{
  background-color: #d5e7fb;
    color: var(--second-blue-color);
}



.verification-banner.email-verification .btn.btn-action{
  padding: 5px 25px;
}

@media (min-width: 768px){
  .verification-banner .btn {
      margin: 0;
      padding: 5px 25px;
  }
}



.form-group label{
  font-weight: 400;
  color: #757575;
}

.form-group .form-control{
  border-color: #ebebeb;
  padding: .75rem 15px;
  height: calc(2.56em + .75rem + 2px);
  box-shadow: none;
}

.md-editor > .md-preview, .md-editor > textarea.markdown-editor {
	height: auto !important;
}


.form-group .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #66afe9;
  outline: 0;
  box-shadow: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: -2px;
}


.btn-default {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #c1c1c1;
  transition: .1s ease-in;
}


.btn-primary, .btn-info{
  color: #fff;
  transition: .1s ease-in;
  background-color: var(--first-blue-color) !important;

}

.btn-primary:hover{
  background-color: var(--main-btn-hover)!important;
  border-color: var(--main-btn-hover)!important;
}


.label-info {
    background-color: #0167e2;
}

#order-standard_cart .products .product{
  background: #f5f5f5!important;
  border: 1px solid #e6e8ec!important;
  transition: .1s ease-in;
  box-shadow: 0 1px 10px rgb(31 45 61 / 6%);
}


.dropdown-menu>li>a:focus, .navbar-main .dropdown-menu>li>a:hover{
  background-color: var(--third-blue-color);
}


#order-standard_cart .products .product .btn-success{
  border: 1px solid #0073ec;
  transition: .1s ease-in;
  box-shadow: 0 2px 4px -1px rgb(0 0 0 / 15%);
  background: #0073ec;
  color: #ffffff;
}

#order-standard_cart .products .product .btn-success:hover{
  background-color: var(--main-btn-hover)!important;
  border-color: var(--main-btn-hover)!important;
}

#order-standard_cart .products .product header{
  background-color: transparent!important;
  border-bottom: 1px solid #e6e8ec!important;
  padding: 10px!important;
}

#order-standard_cart .order-summary .recurring-charges{
  color: white!important;
}

#order-standard_cart .view-cart-items-header{
  background-color: var(--first-blue-color)!important;
}

#order-standard_cart .view-cart-items{
  margin: 0 0 20px 0;
  border: 1px solid #ebebeb;
  border-top: none !important;
  border-radius: 0 0 4px 4px;
}

.btn {
    overflow: hidden;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-size: 14px;
    border-radius: 5px;
}

.alert-info form{
  background-color: transparent;
  border: 0;
  border-color: transparent;
  padding: 0;
  margin: unset;
}


.panel-sidebar.view-filter-btns .list-group-item.active, .panel-sidebar.view-filter-btns .list-group-item.active:focus, .panel-sidebar.view-filter-btns .list-group-item.active:hover{
  background-color: white;
}

.status-paid{
  color: #5cb85c;
}


#header.whmcs-not-index-template{
  margin-bottom: 0;
}

div.header-lined small{
  font-size: 12px;
  font-weight: 400;
}

.progress{
  height: 20px;
  box-shadow: inset 0 1px 5px rgb(0 0 0 / 20%);
}


#newPassword1 .alert-info{
  color: #ffffff;
  background-color: #286090;
  border-color: #286090;
}


.infonexsheader{
  background: var(--first-blue-color)
}

.alert-info {
  color: #ffffff;
  background-color: #286090;
  border-color: #286090;
}


#order-standard_cart .order-summary{
  background-color: var(--first-blue-color) !important;
}
#order-standard_cart .order-summary h2{
  color: white!important;
}

#order-standard_cart .summary-container{
  color:white;
}

#order-standard_cart .btn-checkout{
  background-color:white;
  border: 1px solid transparent;
  color: var(--third-blue-color);
}

#order-standard_cart .order-summary .btn-continue-shopping{
  color: white!important;
  display: block;
  margin-top: 5px;
  font-weight: 600;
}

.breadcrumbs-wrapper{
  background-color: #f5f5f5;
  border-bottom: 1px solid #ebebeb !important;
}


.breadcrumbs-wrapper .breadcrumb{
  margin-bottom: 0;
}


.breadcrumbs-wrapper .breadcrumb li a:hover {
  text-decoration: none;
}

.custom-breadcrumb ol li a, .custom-breadcrumb ol li.breadcrumb-item.active{
    opacity: 0.8;
    font-size: 13px;
}

.breadcrumbs-wrapper .breadcrumb>.active{
  color: #777;
}


.dataTables_wrapper .dataTables_info{
  color: black;
  font-size: 15px;
  background-color: transparent;
}

div.dataTables_wrapper div.dataTables_info{
  padding: 21px 0 0 0 !important;
}

.dataTables_wrapper .dataTables_filter label{
    padding: 12px 0;
}

.dataTables_wrapper .dataTables_filter label .form-control{
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  color: #999;
  font-weight: 300;
  height: 38px;
  box-shadow: none;
  background-size: 22px;
  background-position: 5px;
}
.dataTables_wrapper .dataTables_filter label .form-control:focus{
  box-shadow: 0 4px 10px rgba(31,45,61,.125)!important;
}

.dataTables_wrapper table.table-list thead th{
  background-color: #f1f1f1;
  text-align: left;
}

.dataTables_wrapper table.table-list thead th:nth-child(even), .dataTables_wrapper table.table-list thead th{
  border-bottom: none
}

.dataTables_wrapper table.table-list thead th.sorting_asc, .dataTables_wrapper table.table-list thead th.sorting_desc{
  background-color: #f1f1f1;
}

table.table-list thead th{
  font-size: 13px;
  padding: 12px;
  text-align: center;
  font-weight: 600!important;
  border-right: 1px solid #ececec;
}

.dataTables_wrapper table.table-list{
  margin: 0 !important;
  border-radius: 3px;
  border: 1px solid #e6e8ec;
}

.table-list>tbody>tr:nth-child(even)>td{
  background-color: transparent;
}

.dataTables_wrapper .dataTables_length{
  background-color: transparent;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after{
  top: 13px!important;
  right: 15px!important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  background-color: var(--first-blue-color);
  border-color: var(--first-blue-color);
}

.dataTables_wrapper .dataTables_paginate .pagination>li>a, .dataTables_wrapper .dataTables_paginate .pagination>li>span{
  font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate{
  padding: 6px 0;
}

.dataTables_wrapper .dataTables_length label{
  padding : 10px 10px 0 0;
  display: flex;
  align-items: center;
}

.dataTables_wrapper .dataTables_length .form-control{
  box-shadow: none;
}

.dataTables_wrapper .status{
  border: 0;
  font-size: 13px;
}
.dataTables_wrapper .status-active, .status-completed, .status-open{
  border: 0;
}

.form-control:focus{
  outline: none;
  box-shadow: none;
  border-color: #66afe9!important;
  outline: 0;
  box-shadow: none;
}


.client-home-panels .list-group-item{
  font-size: 15px;
  color: black;
}

.client-home-panels .panel>.panel-body p{
  font-size: 14px;
  line-height: 1.5;
}

.sidebar .list-group-item:hover{
  background: #fafafa;
  color: black;
}

.sidebar .list-group-item:hover span{
  color: black;
}

.client-home-panels .panel>.list-group .list-group-item:hover{
  background: #fafafa;
  color: black;
}


.product-status{
  background-color: var(--third-blue-color);
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 4px;
}

.product-status .product-status-text{
  background-color: #5cb85c;
  display: inline-block;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  min-width: 80px;
}

.product-details > .row{
  display: flex;
  flex-wrap: wrap;
}

div.product-details div.product-icon{
  background-color: transparent;
  font-size: 60px;
  padding: 20px 10px;
}

.product-details .product-status .fa-stack{
  height: auto;
  line-height: unset;
}

.product-details .product-status h3, .product-details .product-status h4{
  color: white;
}

.product-details .product-status .product-icon .fa-lg .fa-stack-2x:before {
  content: '';
}

.product-details .product-status .product-icon .fa-lg .fa-stack-1x {
  color: white;
  position: relative;
  left: unset;
}


.arra-clientarea-product-details{
  padding: 10px 30px;
  background: #f5f5f5;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
  text-align: left;
  list-style: none;
  height: 100%;
}

.arra-clientarea-product-details li{
  margin-bottom: 25px;
}

.arra-clientarea-product-details li h4{
  font-size: 14px;
  color: #a0a0a0;
  margin-bottom: 5px;
  font-weight: 400;
}

.arra-clientarea-product-details li span{
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
}

 .arra-clientarea-pdetails-cta {
   margin-top: 20px;
 }


#order-standard_cart .font-size-36{
  font-size: 24px;
}

.ticket-reply .user .type{
  padding-top: 5px;
}

.panel-info>.panel-heading{
  color: #ffffff;
  background-color: #0173ec;
  border-color: #0972e9;
}

.panel.panel-sidebar {
	box-shadow: 0 5px 15px 0 rgba(77, 77, 119, 0.08) !important;
}