/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

.grecaptcha-badge { 
    visibility: hidden;
}

a {
    color: #4f5360;
}

a:-webkit-any-link {
    cursor: pointer;
    text-decoration: none;
}



/**
 * -------------------------
 * @section Main Navbar
 * -------------------------
 */
.navbar-main {
    background-color: #000;
    font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

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

.navbar-main li.account {
    color: #fff;
    background-color: #000;
}
.navbar-main .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

/**
 * -------------------------
 * @section Navigational Bar
 * -------------------------
 */
 
ul.top-nav>li.primary-action>a.btn {
    background-color: #000;
}



/**
 * -------------------------
 * Sidebar Panels
 * -------------------------
 */
 
.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar a.list-group-item.active:hover {
    background-color: #2f2f2f;
    border-color: #2f2f2f;
}

/**
 * -------------------------
 * @section General Styles
 * -------------------------
 */
 
div.header-lined .breadcrumb li a {
    color: #2f2f2f;
}
div.header-lined .breadcrumb > .active {
    color: #000;
}
div.header-lined h1 {
    color: #000;
}


/**
 * -------------------------
 * @section Knowledgebase
 * -------------------------
 */
 
.kbarticles a .glyphicon {
    color: #888;
}





/**
 * -------------------------
 * @Varios Styles
 * -------------------------
 */

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-primary:active {
    color: #fff;
    background-color: #000;
    border-color: #000;
}



.landing-page.ssl .validation-levels {
    padding: 20px 20px 0 20px;
    background-color: #2f2f2f;
    text-align: center;
}

.view-cart-items-header {
    background-color: #2f2f2f !important;
}

.view-cart-items {
    margin: 0 0 20px 0;
    border-bottom: 2px solid #000 !important;
}

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




/**
 * -------------------------
 * @All Styles
 * -------------------------
 */

.btn-primary {
  color: #fff;
  background-color: #2f2f2f;
  border-color: #2f2f2f;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-primary:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #000 !important;
  background-image: none;
  border-color: #2f2f2f;
}

.dataTables_wrapper .dataTables_info {
    margin: 0;
    padding: 9px 10px;
    background-color: #2f2f2f !important;
    border: 0;
    border-bottom: 1px solid #fff;
    font-size: 0.9em;
    color: #fff;
    border-radius: 0;
    text-align: left !important;
}

.btn-success {
    color: #fff;
    background-color: #2f2f2f;
    border-color: #2f2f2f;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-success:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}


a {
    color: #2f2f2f;
}
a:focus {
    color: #000;
}
a:hover {
    color: #000;
}

.btn-info {
  color: #fff;
  background-color: #2f2f2f;
  border-color: #2f2f2f;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-info:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #000;
  background-image: none;
  border-color: #000;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #000;
  border-color: #000;
}


/**
 * -------------------------
 * @section Status Lights
 * -------------------------
 */

.status-paid {
    color: #fff;
    background-color: #498302;
}
.status-unpaid {
    color: #fff;
    background-color: #ED3E48;
}
.status-cancelled {
    color: #fff;
    background-color: #87939f;
}
.status-refunded {
    color: #fff;
    background-color: #319FC3;
}
.status-delivered {
    color: #fff;
    background-color: #248;
}

.status-accepted {
    color: #fff;
    background-color: #498302;
}
.status-lost, .status-dead {
    color: #fff;
    background-color: #8fb9e4;
}

/**
 * -------------------------
 * @section Sections
 * -------------------------
 */

section#footer {
    margin: 0;
    padding: 20px 10px;
    background-color: #000;
    border-top: none;
    color: #fff;
    font-size: 0.9em;
}




.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}


@media (max-width: 991px) {
.navbar-main .open .dropdown-menu .dropdown-header, .navbar-main .open .dropdown-menu>li>a {
    padding: 3px 25px 10px;
}
}

/**
 * -------------------------
 * @section Home Page Shortcut Buttons
 * -------------------------
 */

.home-shortcuts {
  margin: 0;
  background: #000;
  color: #fff;
}

.home-shortcuts li {
  float: left;
  width: 24%;
  padding: 5px 3px;
  border-right: 1px solid #9a9a9a;
  font-size: 0.9em;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}
.home-shortcuts li:first-child {
  border-left: 1px solid #9a9a9a;
}

/**
 * -------------------------
 * @section Home Page Banner
 * -------------------------
 */

section#home-banner {
    margin: 0;
    padding: 50px 0 60px;
    background-color: #7f7f7f;
    color: #fff;
}
section#home-banner .btn {
    border-radius: 0;
    border: 0;
    font-weight: 300;
    color: #000;
}
section#home-banner .btn.search {
    background-color: #fff937;
}



/**
 * -------------------------
 * @Facturación
 * -------------------------
 */

.dataTables_wrapper .dataTables_info {
    margin: 0;
    padding: 9px 10px;
    background-color: #fff !important;
}