/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  height: 100%;
}

body {
  font-family: 'SanFranciscoDisplay-Regular';
  background-color: #f4f4f4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.home-menu {
  margin-top: 2em;
  display: table;
  vertical-align: middle;
}

.home-menu li {
  width: 180px;
  height: 100px;
  vertical-align: top;
  text-align: center;
  display: table-cell;
  width: 180px;
  height: 100px;
}

.home-menu li a {
  display: block;
  background-color: #f0f0f0;
  display: table-cell;
  width: 180px;
  height: 100px;
  padding: 1em;
  vertical-align: middle;
}

.header-form-buttons {
  margin-top: 2em;
  text-align: right;
}
.header-form-buttons .btn,
.header-form-buttons .form-control {
  display: inline-block;
  width: auto;
  height: 30px;
}

.help-icon-form{
  color: #3a87ff;
  font-size: 19px;
}

.help-icon-white-form{
  color: #fff;
  font-size: 19px;
}

label.error {
  color: #e02c27;
  font-size: 86%;
  font-weight: normal;
  font-family: 'SanFranciscoDisplay-Regular';
}

.form-control.error {
  border-color: #e02c27;
}
.btn-full-mobile .btn{
  margin-bottom: 1em !important;
}
label.text-success{
  color: #3c763d !important;
}
.labels {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
.label-box {
  display: table-cell;
  padding: .6em .8em;
  font-size: 100%;
  font-family: 'SanFranciscoDisplay-Regular';
  font-weight: normal;
  border-radius: 0;
  text-align: left;
  border-right: solid 4px #fff;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.label-box .fa {
  position: relative;
  float: left;
  display: inline-block;
  font-size: 2em;
  margin-right: 25px;
}
.label-box > span {
  display: inline-block;
}
.label-box .fa:after {
  position: absolute;
  content: ' ';
  background-color: #fff;
  width: 1px;
  height: 100%;
  top: 0;
  margin-left: 10px;
}

.input-group-type1 {
  width: 100%;
  border-radius: 0;
}
.input-group-type1 .btn {
  width: 100%;
  border-radius: 0;
  display: block;
  height: 42px;
  border-radius: 3px 0 0 3px;
}
.input-group-type1 .input-group-addon {
  padding: 0;
  width: 30%;
  background-color: transparent;
  border: 0;
}
.input-group-type1 .input-group-addon2 {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
}
.input-group-type1 .input-group-addon .form-control {
  border-radius: 0;
  border-right: 0;
}
.input-group-type2 .input-group-addon {
  width: 70%;
  text-align: right;
  font-weight: bold;
}

.input-icon {
  position: relative;
}
.input-icon input {
  padding-left: 33px !important;
  color: #999999;
}
.input-icon i {
  color: #999999;
  display: block;
  position: absolute;
  margin: 10px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}
.input-icon.right input {
  padding-left: 12px !important;
  padding-right: 33px !important;
}
.input-icon.right i {
  right: 8px;
  float: right;
}
.has-success .input-icon i {
  color: #5cb85c;
}
.has-warning .input-icon i {
  color: #f0ad4e;
}
.has-error .input-icon i {
  color: #d9534f;
}

.show-mobil{
  display:none;
}

.hidden-mobil{
display:table-cell;
 }

.input-group-type3 .input-group-addon {
  width: 90%;
  text-align: right;
  font-weight: bold;
}
.input-group-type3 label.form-control {
  text-align: right;
  width: 120px;
}
.text-right {
  text-align: right;
}

.cotization-input .text{
  width: 66%;
  text-align: right;
}

.cotization-input-full{
  width: 66%;
}

.notification-mobile-limit{
  padding-right: 15px !important;
  padding: 10px;
  font-size: 12px;
  display: none;
}

.btn-nobutton-silver,
.btn-nobutton-silver:hover,
.btn-nobutton-silver:active,
.btn-nobutton-silver:focus {
  font-weight: bold;
  color: #333;
  background-color: #eee !important;
  border: 1px solid #ccc  !important;
}

.btn-nobutton,
.btn-nobutton:hover,
.btn-nobutton:active,
.btn-nobutton:focus {
  cursor: default;
  outline: none !important;
}

.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout+.bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-left-color: #777;
}
.bs-callout-default h4 {
  color: #777;
}
.bs-callout-primary {
  border-left-color: #428bca;
}
.bs-callout-primary h4 {
  color: #428bca;
}
.bs-callout-success {
  border-left-color: #5cb85c;
}
.bs-callout-success h4 {
  color: #5cb85c;
}
.bs-callout-danger {
  border-left-color: #d9534f;
  background-color: #f7f3f3;
  color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}

.text-primary {
  color: #00a7ff;
}

.page-box {
  text-align: center;
  padding: 6em;
}

.footer {
  text-align: center;
  padding: 2em;
}

.bg {
  background-color: #a5b6cd;
  background-image: url('../img/bgn.jpg');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.preloder {
  display: block;
  background: url('../img/loader.gif');
  width: 86px;
  height: 86px;
  margin: 2em auto;
}

.select-item-grid{
  background: #fcf8e3;
  font-weight: bold;
}
.table-header-gray {
  border-top: 2px solid #ddd;
  margin-top: 1em;
}

.table-header-gray thead th {
  background-color: #f8f8f8;
}

.table-header-gray .see-more {
  margin-right: 8px;
  cursor: pointer;
}
.table-header-gray .see-more:hover {
  color: #00a7ff;
}

.metodos-pago {
  text-align: center;
  padding: 2em;
}
.metodos-pago .img-thumbnail {
  display: inline-block;
  padding: 10px;
  margin: 1em;
  vertical-align: top;
  cursor: pointer;
  min-height: 78px;
}
.metodos-pago .img-thumbnail img {
  display: inline-block;
  margin-left: 1em;
  vertical-align: top;
}
.metodos-pago .img-thumbnail input:checked + label {
  border-color: #3a87ff;
}

.sidebar-toggle {
  display: none;
  color: #2663c1;
  text-align: center;
  padding: 10px;
  background-color: #f4f4f4;
}

.select2-container {
  width: 100% !important;
}

.tooltip .tooltip-arrow {
  border-top-color: #3a87ff !important;
}
.tooltip .tooltip-inner {
  background: #3a87ff;
}

@-webkit-keyframes keyframes-rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes keyframes-rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}
.tab-content.tab-edit {
  background: transparent;
  border: 0px;
}
ul.nav.nav-tabs li {
  margin-bottom: 10px;
}
ul.nav.nav-tabs li a {
  border: 0px;
  background: none;
  padding: 10px 20px;
}
ul.nav.nav-tabs li.active a {
  background: #dc6767;
  color: #fff;
  border: 0px;
}