/**
 * WHMCS Bootstrap Override Sheet
 *
 * These styles override Bootstrap's defaults.
 *
 * @project   WHMCS
 * @cssdoc    version 1.0-pre
 * @package   WHMCS
 * @author    WHMCS Limited <development@whmcs.com>
 * @copyright Copyright (c) WHMCS Limited 2005-2015
 * @license   http://www.whmcs.com/license/
 * @link      http://www.whmcs.com/
*/

@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600|Raleway:400,700");

body,
input,
button,
select,
textarea {
  font-family: "Open Sans", Verdana, Tahoma, serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #4D3719;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.navbar-main {
    margin-bottom: 0;
    background-color: #4D3719;
    border: 0;
    min-height: 38px;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
}

.navbar-main .navbar-nav > li > a {
    color: #fff;
}

.navbar-main .navbar-nav > li > a {
    padding-top: 9px;
    padding-bottom: 9px;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
    color: #222222;
    background-color: #eee;
}

#main-menu .navbar-nav {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 768px) {
    .navbar-main .navbar-nav .open .dropdown-menu > li > a {
        color: #ddd;
    }
    .navbar-main .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
    }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.panel {
  font-size: 0.9em;
}

.list-group {
  font-size: 0.9em;
}

a.list-group-item.active, a.list-group-item.active:focus {
    background-color: #4D3719;
    border-color: #4D3719;
}

a.list-group-item.active:hover{
  background-color: #7e9714;
  border-color: #7e9714;
  color: #fff !important;

}

.panel-success>.panel-heading {
    color: #4d3719;
    background-color: #e6e9d8;
    border-color: #7e9714;
}

.status-paid {
    background-color: #7e9714 !important;
}

table.table-list thead th {
    background-color: #e6e9d8 !important;
    border-bottom: 1px solid #7e9714 !important;
    color: #4d3719 !important;
}

.pagination>li>a, .pagination>li>span {
  color: #4d3719;
}

.pagination {
    font-size: 0.8em;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: white;
    background-color: #4D3719;
    border-color: #4D3719;
}

.navbar-main .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff !important;
    background-color: #4D3719;
}

.home-kb-search .form-control {
    background-color: #eaefd6 !important;
}

.label {
    border-radius: 0;
}

input[type='file'].form-control {
    height: inherit;
    margin-bottom: 5px;
}

.list-group-item {
    padding: 7px 15px;
}
.panel-body {
    padding: 10px 15px;
}

/*
 * We use a larger font-size than the bootstrap default, which requires an increase
 * in the top offset to maintain correct alignment in form control feedback.
 */
.has-feedback label ~ .form-control-feedback {
    top: 27px !important;
}

.list-group-item > i.fa.fa-circle-o {
    color: #808080;
}

/*
* BOOTSTRAP MOD
*/
.form-control:focus {
    border-color: #95b008;
    -webkit-box-shadow: inset 0 1px 1px rgba(149,176,8,.075),0 0 8px rgba(149,176,8,.6);
    box-shadow: inset 0 1px 1px rgba(149,176,8,.075),0 0 8px rgba(149,176,8,.6);
}

/*
* AREA CLIENTES KB
*/
table.tablaKb td, th {
    padding: 15px;
}

table.tablaKb tr {
  border-bottom: 2px solid #7e9714;
  text-align: center;
}

table.tablaKb thead {
    background-color: #4d3719;
    color: #fff;
}

table.tablaKb thead>tr {
    border: none;
}

.badge {
  background-color: #4d3719;
}

.btn-success {
    color: #fff;
    background-color: #7E9714;
    border-color: #7E9714;
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #6b8012;
    border-color: #6b8012;
}

blockquote {
  border-left: 5px solid #e6e9d8;
}

a:focus, a:hover {
    color: #7E9714 !important;
    text-decoration: underline;
}

a.list-group-item:focus, a.list-group-item:hover {
    color: #7E9714;
}


.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
    color: #4d3719;
    background-color: #fff;
}

.table-list > tbody > tr:hover > td {
    background-color: #e6e9d8 !important;
    font-weight: bold;
}

.status-active, .status-open {
    background-color: #7E9714 !important;
}

.dataTables_wrapper {
    background-color: #e6e9d8 !important;
    border: 1px #e6e9d8 solid !important;
}

.alert-success {
    color: #7e9714;
    background-color: #e6e9d8;
    border-color: #c9ceb3;
}

.text-domain {
    color: #4d3719 !important;
}


/*
* ORDERFORMS
*/
.panel-default>.panel-heading {
    background-color: #f7f5f1;
    border-color: #f7f5f1;
}

#order-standard_cart .sub-heading span { 
    color: #4b381a !important;
}

#order-standard_cart .order-summary {
    background-color: #4b381a !important;
    border-bottom: 3px solid #4b381a !important;
}

#order-standard_cart .summary-container {
    background-color: #f7f5f1 !important;
}

#order-standard_cart .product-info {
    background-color: #f7f5f1 !important;
    border-top: 1px solid #d9d1c1 !important;
    border-bottom: 1px solid #d9d1c1 !important;
}

#order-comparison .stepscontainer .step {
    width: 187px !important;
}

#order-modern table.cart th {
    background-color: #4D3719 !important;
}

#order-comparison .cartcats a {
    color: #4D3719 !important;
}

#order-comparison .prodtablecol div.feature {
    background-color: #4D3719 !important;
}

/* COMPARISON PREMIUM */

#order-premium_comparison .price-table-container .price-table .top-head {
    background: transparent linear-gradient(to bottom, #4D3719 0%, #2D1F0E 100%) repeat scroll 0% 0% !important;
}

#order-premium_comparison .price-table-container .price-table .top-head .price-area {
    border-top: 1px solid #865819 !important;

}

#order-premium_comparison .price-table-container .price-table .top-head .top-area{
    border-bottom: 1px solid #865819 !important;
}

#order-premium_comparison .price-table-container .order-button, #order-premium_comparison .price-table-container .order-button:hover {
    background: transparent linear-gradient(to bottom, #7E9714 0%, #6C7E11 100%) repeat scroll 0% 0% !important;
}

.order-button:hover{
  color: #ffffbf !important;
  font-weight: bold !important;
}

/* END COMPARISON PREMIUM */
