/*------------------------------------*\
	TIPOGRAFIAS
\*------------------------------------*/

@font-face {
  font-family: 'Prompt-Regular';
  src: url('../fonts/prompt-regular-webfont.woff2') format('woff2'),  url('../fonts/prompt-regular-webfont.woff') format('woff'),  url('../fonts/prompt-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Prompt-Medium';
  src: url('../fonts/prompt-medium-webfont.woff2') format('woff2'),  url('../fonts/prompt-medium-webfont.woff') format('woff'),  url('../fonts/prompt-medium-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Prompt-Bold';
  src: url('../fonts/prompt-bold-webfont.woff2') format('woff2'),  url('../fonts/prompt-bold-webfont.woff') format('woff'),  url('../fonts/prompt-bold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Prompt-SemiBold';
  src: url('../fonts/prompt-semibold-webfont.woff2') format('woff2'),  url('../fonts/prompt-semibold-webfont.woff') format('woff'),  url('../fonts/prompt-semibold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Prompt-Light';
  src: url('../fonts/prompt-light-webfont.woff2') format('woff2'),  url('../fonts/prompt-light-webfont.woff') format('woff'),  url('../fonts/prompt-light-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Prompt-Thin';
  src: url('../fonts/prompt-thin-webfont.woff2') format('woff2'),  url('../fonts/prompt-thin--webfont.woff') format('woff'),  url('../fonts/prompt-thin--webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.fregular {
  font-family: 'Prompt-Regular';
}
.fmedium {
  font-family: 'Prompt-Medium';
}
.fbold {
  font-family: 'Prompt-Bold';
}
.fsemibold {
  font-family: 'Prompt-SemiBold';
}
.flight {
  font-family: 'Prompt-Light';
}
.fthin {
  font-family: 'Prompt-Thin';
}
.vertical-align {
  display: flex;
  align-items: center;
}

/*------------------------------------*\
    ESTRUCTURA PRINCIPAL
\*------------------------------------*/

body {
  font-family: 'Prompt-Regular';
  background-color: #eeeeee;
  color: #121920;
}
#page-wrapper {
  background-color: #F4F7F7;
}
#page-wrapper main {
  position: relative;
  display: block;
  max-width: 1170px;
  margin: 15px auto;
}
.wrapper-white {
  background: #FFF;
}
.page-title {
  font-family: 'Prompt-SemiBold';
  display: block;
  padding: 30px 0;
  font-size: 26px;
  text-transform: uppercase;
}
/*------------------------------------*\
	SIDEBAR MENU
\*------------------------------------*/

.sidebar {
  padding: 15px;
}
.logo-company, .logo-user {
  position: relative;
  display: block;
  width: 100%;
  max-width: 125px;
  margin: 10px auto;
  overflow: hidden;
}
.logo-user img {
  position: relative;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#user .name-user {
  display: block;
  color: #121920;
  font-size: 22px;
  line-height: 1.2em;
  margin-bottom: 3px;
}
#user .title-user {
  display: block;
  color: #86b951;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Prompt-SemiBold';
}
#user .title-user:after {
  content: '';
  position: relative;
  display: block;
  margin: 20px auto 10px;
  width: 30px;
  height: 2px;
  background: #162a37;
}
#user .welcome {
  display: block;
  color: #95a8b5;
  font-size: 14px;
  margin-bottom: 15px;
  font-style: italic;
  line-height: 1.2em;
}
#hora-actual {
  position: relative;
  display: block;
  text-align: center;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  margin: 30px 0;
  padding: 18px 0;
}
#liveclock {
  font-family: 'Prompt-Light';
  font-size: 30px;
  margin-bottom: 3px;
}
#liveclock span {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  margin-left: 2px;
}
#currentdate {
  font-size: 14px;
  color: #86b951;
}
#datetimepicker {
  font-size: 12px;
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
}
#datetimepicker table {
  width: 100%;
}
#datetimepicker .picker-switch {
  font-size: 18px;
  text-transform: capitalize;
  text-align: center;
  padding-bottom: 15px;
}
#datetimepicker .dow {
  text-transform: uppercase;
  color: #95a8b5;
  padding-bottom: 8px;
  text-align: center;
}
#datetimepicker .prev, #datetimepicker .next {
  text-align: center;
  color: #95a8b5;
}
#datetimepicker .prev span, #datetimepicker .next span {
  border: 2px solid #95a8b5;
  padding: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
#datetimepicker .day {
  position: relative;
}
#datetimepicker .day.old, #datetimepicker .day.new {
  opacity: 0.3;
}
#datetimepicker .day.active {
  color: #86b951;
}
#datetimepicker li.picker-switch {
  display: none;
}
/*------------------------------------*\
	HEADER
\*------------------------------------*/

header #logo {
  padding: 40px 40px 30px;
}
header #logo a {
  position: relative;
  display: inline-block;
}
header #logo img {
  position: relative;
  display: block;
  width: 100%;
  max-width: 200px;
}
header .navbar-default {
  position: relative;
  display: block;
  width: 100%;
  background-color: #86b951;
  margin: 0;
  border: none;
  z-index: 0;
  color: #FFF;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
header .navbar-default .navbar-collapse {
  border: none;
}
header .navbar ul.nav {
  display: table;
  border-collapse: collapse;
  margin: 35px 20px;
}
header .navbar ul.nav.cliente .menu-home,
header .navbar ul.nav.cliente .menu-clientes,
header .navbar ul.nav.cliente .menu-localizaciones {
  display: none;
}
header .navbar ul.nav li {
  display: table-cell;
}
header .navbar ul.nav li a {
  display: inline-block;
  color: #FFF;
  font-family: 'Prompt-SemiBold';
  letter-spacing: 2px;
  font-size: 14px;
  padding: 10px 35px;
  opacity: 0.60;
  vertical-align: middle;
}
header .navbar ul.nav li a.mi-cuenta {
  font-family: 'Prompt-Regular';
  padding: 10px 10px 10px 25px;
}
header .navbar ul.nav li a.index {
  background: url(../img/home.png) left center no-repeat;
  background-size: 26px;
}
header .navbar ul.nav li a.clientes {
  background: url(../img/users.png) left center no-repeat;
  background-size: 26px;
}
header .navbar ul.nav li a.ofertas {
  background: url(../img/ofertas.png) left center no-repeat;
  background-size: 26px;
}
header .navbar ul.nav li a.configuracion {
  background: url(../img/gear.png) left center no-repeat;
  background-size: 26px;
}
header .navbar ul.nav li a.mi-cuenta {
  background: url(../img/user.png) left center no-repeat;
  background-size: 17px;
}
header .navbar ul.nav li a.logout {
  padding: 0 6px;
  font-size: 26px;
  color: #121920;
  opacity: 1;
}
header .navbar ul.nav li a.logout:hover {
  background-color: transparent;
  opacity: 0.6;
}
header .navbar ul.nav li a.selected, header .navbar ul.nav>li>a:focus, header .navbar ul.nav>li>a:hover {
  opacity: 1;
}
header .navbar .b-left {
  border-left: 1px solid rgba(255,255,255,0.5);
}
.breadcrumbs {
  display: block;
  color: #121920;
  font-size: 12px;
  list-style: outside none none;
  margin-bottom: 10px;
}
.breadcrumbs li {
  display: inline-block;
  position: relative;
}
.breadcrumbs li a {
  color: #95a8b5;
}
.breadcrumbs li:first-of-type:before {
  content: url(../img/home_fill.png);
  display: inline-block;
  margin-right: 5px;
}
.breadcrumbs li:after {
  content: ">";
  color: #95a8b5;
  font-size: 12px;
  display: inline-block;
  margin: 0 3px 0 8px;
}
.breadcrumbs li:last-of-type:after {
  content: '';
}
/*------------------------------------*\
	LOGIN
\*------------------------------------*/

html, body.login-page {
  position: absolute;
  display: block;
  width: 100%;
  min-height: 100%;
}
body.login-page {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/login-background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.form-wrapper {
  position: absolute;
  display: block;
  max-width: 500px;
  min-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  padding: 30px 15px;
  background: rgba(255,255,255,0.96);
}
.logo-login {
  position: relative;
  display: block;
  margin: 15% auto;
  max-width: 230px;
}
.login-page h2 {
  color: #a3a3a5;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 3px;
  margin-bottom: 8px;
}
.login-page h1 {
  color: #26243b;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 3px;
  font-family: 'Prompt-SemiBold';
  margin-bottom: 6%;
}
.login-page input:not([type="checkbox"]):not([type="radio"]) {
  position: relative;
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 3% auto;
  padding: 10px 0;
  font-size: 16px;
  color: #acacac;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #cad0cf;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.login-page .submit {
  position: relative;
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 8% auto;
  padding: 14px;
  font-size: 15px;
  font-family: 'Prompt-Medium';
  letter-spacing: 2px;
  color: #FFF;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #1aaf6b;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  text-transform: uppercase;
}
.login-page .submit:hover {
  background: #01cf7a;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
}
.login-page .reset-pass{
  position: relative;
  display: block;
  margin: 20px auto;
  cursor: pointer;
  font-size: 14px;
  color: #2598e9;
}
.login-page #frm-reset{
  display: none;
}
.checks,
.radios{
  position: relative;
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 15px auto;
  text-align: left;
}
.radios{
  text-align: center;
  margin: 0 auto;
}
.checkbox-remember,
.select-lang {
  position: relative;
  display: inline-block;
  width: 18px;
  margin: 0 5px -6px 0;
  min-height: 20px;
}
.select-lang {
  width: auto;
  margin: 0 8px 8px;
}
.checkbox-remember input{
  display: none;
}
.select-lang input{
  position: relative;
  display: inline-block;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
  margin: 3px;
} 
.checkbox-remember label,
.select-lang label{
  cursor: pointer;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  background-color: transparent;
  border: 2px solid #acacac;
}
.select-lang label {
  top: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.checkbox-remember label:after{
  opacity: 0;
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 4px;
  left: 3px;
  border: 3px solid #acacac;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}
.select-lang label:after{
  opacity: 0;
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  top: 4px;
  left: 4px;
  background: #acacac;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.checkbox-remember label:hover::after,
.select-lang label:hover::after {
  opacity: 0.4;
}
.checkbox-remember input[type=checkbox]:checked + label:after,
.select-lang input[type=radio]:checked + label:after {
  opacity: 1;
}
.checks span,
.radios span {
  position: relative;
  display: inline-block;
  color: #acacac;
  font-size: 13px;
  vertical-align: middle;
}
.radios span {
  font-size: 15px;
}
#login-error label,
#reset-error label{
  color: #F00;
  font-weight: normal;
  margin-bottom: 5px;
}
/*------------------------------------*\
	HOME
\*------------------------------------*/

.links-home {
  position: relative;
  display: block;
  margin: 30px auto;
  list-style: none;
}
.links-home li {
  position: relative;
  display: inline-block;
  width: 200px;
  margin: 20px 40px;
  cursor: pointer;
}
.links-home li .circle {
  position: relative;
  display: block;
  margin: 15px auto;
  width: 150px;
  height: 150px;
  border: 3px solid #959699;
}
.links-home li:hover .circle {
  border-color: #86b951;
}
.links-home li .link-clients {
  background: url(../img/users-black.png) center center no-repeat;
}
.links-home li .link-new-offer {
  background: url(../img/ofertas-black-add.png) center center no-repeat;
}
.links-home li .link-new-client {
  background: url(../img/user-black-add.png) center center no-repeat;
}
.links-home li:hover .link-clients {
  background: #86b951 url(../img/users.png) center center no-repeat;
}
.links-home li:hover .link-new-offer {
  background: #86b951 url(../img/ofertas-add.png) center center no-repeat;
}
.links-home li:hover .link-new-client {
  background: #86b951 url(../img/user-add.png) center center no-repeat;
}
.links-home li span {
  display: block;
  color: #95a8b5;
  line-height: 1.2em;
  font-size: 12px;
  margin-bottom: 3px;
}
.links-home li .link-name {
  font-family: 'Prompt-Bold';
  font-size: 20px;
  color: #121920;
}
.links-home li:hover .link-name {
  color: #86b951;
}
.title-home {
  margin: 15px auto;
}
.title-home h1 {
  font-family: 'Prompt-Light';
  font-size: 36px;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.title-home h2 {
  font-family: 'Prompt-Medium';
  font-size: 14px;
  color: #86b951;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/*------------------------------------*\
	CLIENTES
\*------------------------------------*/

span.new-client, a.new-client {
  display: inline-block;
  margin: 15px 0;
  font-family: 'Prompt-SemiBold';
  font-size: 14px;
  color: #2598e9;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}
a.new-client i {
  width: 22px;
  height: 22px;
  border: 2px solid #2598e9;
  margin-right: 8px;
  padding: 4px;
  font-size: 12px;
}
a.new-contact {
  display: inline-block;
  margin: 15px 0;
  font-family: 'Prompt-SemiBold';
  font-size: 14px;
  color: #2598e9;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}
a.new-contact i {
  width: 22px;
  height: 22px;
  border: 2px solid #2598e9;
  margin-right: 8px;
  padding: 4px;
  font-size: 12px;
}
.header-clientes {
  margin-top: 30px;
  margin-bottom: -15px;
}
.header-clientes a {
  position: relative;
  display: inline-block;
  height: 46px;
  padding: 16px 25px 16px 40px;
  font-size: 11px;
  line-height: 1.2em;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  background: #95a8b5;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(149,168,181,0.4);
  -moz-box-shadow: 0px 0px 10px 1px rgba(149,168,181,0.4);
  box-shadow: 0px 0px 10px 1px rgba(149,168,181,0.4);
}
.header-clientes a.active, 
.header-clientes a.personas.active {
  background: #FFF;
  color: #86b951;
}
.header-clientes a:before {
  content: '';
  position: absolute;
  display: block;
  left: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-right: 20px solid #95a8b5;
}
.header-clientes a.active:before, 
.header-clientes a.personas.active:before {
  border-right: 20px solid #FFF;
}
.header-clientes a:hover:before {
  border-right: 20px solid #121920;
}
.header-clientes a:after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 50%;
  margin-top: -13px;
  left: 10px;
  width: 24px;
  height: 24px;
}
.header-clientes a.empresa.active:after {
  background: url(../img/world-green.png) left center no-repeat;
  background-size: 24px;
}
.header-clientes a.empresa:hover:after, .header-clientes a.empresa:after {
  background: url(../img/world.png) left center no-repeat;
  background-size: 24px;
}
.header-clientes a.personas {
    background: #7d92a0;
}
.header-clientes a.personas.active:after {
  background: url(../img/user-circle-green.png) left center no-repeat;
  background-size: 24px;
}
.header-clientes a.personas:before {
    border-right: 20px solid #7d92a0;
}
.header-clientes a.personas:hover:after, .header-clientes a.personas:after {
  background: url(../img/user-circle.png) left center no-repeat;
  background-size: 24px;
}
.header-clientes a.ofertas.active:after {
  background: url(../img/ofertas-green.png) left center no-repeat;
  background-size: auto 24px;
}
.header-clientes a.ofertas:hover:after, .header-clientes a.ofertas:after {
  background: url(../img/ofertas.png) left center no-repeat;
  background-size: 24px;
}
.header-clientes a:hover {
  background: #4d6473;
  color: #FFF;
}
.header-clientes a:hover:before {
    border-right: 20px solid #4d6473;
}
a.view-client {
  display: inline-block;
  font-family: 'Prompt-Light';
  font-size: 14px;
  color: #2598e9;
  text-decoration: none;
}
a.view-client i {
  display: inline-block;
  font-size: 32px;
  text-align: center;
  color: #2598e9;
  padding: 4px 0;
  vertical-align: middle;
  margin-left: 4px;
  margin-top: -6px;
}
.content-tab-client {
  padding: 15px 45px;
  margin: 15px 0 !important;
}
.content-tab-client .logo-user {
  margin: 45px auto 30px;
}
.content-tab-client .list-offers tr td, .content-tab-client .list-contacts tbody tr td {
  background-color: #f5f5f5;
}
.list-contacts h1.contacts, .list-offers h1.offers {
  position: relative;
  display: block;
  font-family: 'Prompt-Light';
  padding-left: 50px;
  margin-bottom: 25px;
  font-size: 26px;
  color: #86b951;
}
.list-contacts h1.contacts {
  background: url(../img/contacts-green.png) left center no-repeat;
  background-size: 40px;
}
.list-offers h1.offers {
  background: url(../img/ofertas-green.png) left center no-repeat;
  background-size: 40px;
}
.list-contacts h1.contacts span, .list-offers h1.offers span {
  display: block;
  font-size: 14px;
  color: #95a8b5;
}
.list-contacts h1.contacts b, .list-offers h1.offers b {
  font-family: 'Prompt-Regular';
  color: #121920;
}
.list-contacts tbody tr td {
  background-color: #f5f5f5;
}
.list-offers tbody tr td {
  padding: 22px 8px !important;
}
.list-offers tbody tr td.border-estado {
  width: 3px;
  padding: 0 !important;
}
/*------------------------------------*\
	OFERTAS
\*------------------------------------*/

.cancel-offer {
  position: relative;
  display: inline-block;
  padding: 10px 35px;
  background-color: #313131;
  color: #FFF;
  letter-spacing: 2px;
  font-size: 12px;
  opacity: 0.8;
}
.cancel-offer i {
  font-size: 22px;
  line-height: 1em;
  vertical-align: text-bottom;
}
.cancel-offer:hover {
  text-decoration: none;
  opacity: 1;
  color: #FFF;
}
.pasos-form {
  position: relative;
  display: block;
  max-width: 620px;
  margin: auto;
  list-style: none;
}
.pasos-form::after {
  position: absolute;
  display: block;
  margin: auto;
  width: 65%;
  top: 50%;
  margin-top: -7px;
  left: 0;
  right: 0;
  content: '';
  border-bottom: 2px dashed #95a8b5;
  z-index: 0;
}
.pasos-form li {
  position: relative;
  display: inline-block;
  width: 170px;
  margin: 15px;
  z-index: 1;
}
.pasos-form li .circle {
  position: relative;
  display: block;
  margin: 15px auto;
  width: 120px;
  height: 120px;
  border: 3px solid #95a8b5;
}
.pasos-form li.selected .circle {
  border-color: #86b951;
}
.pasos-form li .link-datos {
  background: #F4F7F7 url(../img/paso-datos.png) center center no-repeat;
}
.pasos-form li .link-envios {
  background: #F4F7F7 url(../img/paso-envios.png) center center no-repeat;
}
.pasos-form li .link-conceptos {
  background: #F4F7F7 url(../img/paso-conceptos.png) center center no-repeat;
}
.pasos-form li.selected .link-datos {
  background: #86b951 url(../img/paso-datos-selected.png) center center no-repeat;
}
.pasos-form li.selected .link-envios {
  background: #86b951 url(../img/paso-envios-selected.png) center center no-repeat;
}
.pasos-form li.selected .link-conceptos {
  background: #86b951 url(../img/paso-conceptos-selected.png) center center no-repeat;
}
.pasos-form li .link-name {
  font-family: 'Prompt-Bold';
  font-size: 16px;
  color: #95a8b5;
}
.pasos-form li.selected .link-name {
  color: #86b951;
}
a.new-offer {
  display: inline-block;
  margin: 15px 0;
  font-family: 'Prompt-SemiBold';
  font-size: 14px;
  color: #2598e9;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}
a.new-offer i {
  width: 22px;
  height: 22px;
  border: 2px solid #2598e9;
  margin-right: 8px;
  padding: 4px;
  font-size: 12px;
}
.top-register-offer {
  border-bottom: 2 solid #eeeeee;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.top-register-offer label, .top-register-offer select {
  display: inline-block;
  width: auto;
  vertical-align: baseline;
}
.autocomplete-box {
  position: relative;
  display: block;
  width: 100%;
}
.autocomplete-box ul {
  position: absolute;
  display: block;
  width: 100%;
  top: -14px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 99;
}
.autocomplete-box ul li {
  display: block;
  padding: 6px;
  background-color: #f5f5f5;
  border-bottom: #FFF 1px solid;
  cursor: pointer;
}
.autocomplete-box ul li .logo-min {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.autocomplete-box ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
#clients-list li:hover {
  background: #86b951;
  color: #FFF;
}
.envio {
  position: relative;
  display: block;
  margin: 20px 0;
}
.n-envio {
  position: relative;
  display: inline-block;
  font-size: 70px;
  color: #86b951;
  background: #FFF;
  z-index: 1;
  padding-right: 12px;
  vertical-align: middle;
}
.info-envio {
  position: relative;
  display: inline-block;
  background: #FFF;
  vertical-align: middle;
  margin-left: -6px;
  z-index: 1;
  padding: 5px 12px;
}
.info-envio .origen, .info-envio .destino {
  font-family: 'Prompt-Bold';
  font-size: 30px;
}
.info-envio .txt-escalas {
  display: table-caption;
  color: #95a8b5;
  font-size: 14px;
  margin-top: 5px;
  caption-side: bottom;
}
.info-envio .txt-escalas i {
  color: #379dba;
}
.info-envio .txt-escalas strong {
  font-family: 'Prompt-Regular';
  font-weight: normal;
  font-size: 16px;
  color: #121920;
}
.info-envio h3 {
  font-size: 14px;
  color: #a7abac;
  padding: 0 10px;
  margin-bottom: -10px;
}
.line-transporte {
  position: relative;
  display: inline-block;
  width: 140px;
  vertical-align: top;
  height: 28px;
  margin: 0 5px;
}
.line-transporte.line-aereo {
  background: url(../img/line-aereo.png) center center no-repeat;
  background-size: 100%;
}
.line-transporte.line-maritimo {
  background: url(../img/line-maritimo.png) center center no-repeat;
  background-size: 100%;
}
.line-transporte.line-terrestre {
  background: url(../img/line-terrestre.png) center center no-repeat;
  background-size: 100%;
}
.envio-line {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  margin-top: -2px;
  left: 15px;
  right: 15px;
  width: 95%;
  border-top: 4px dotted #c4cfd6;
  z-index: 0;
}
.remove-envio {
  float: right;
  margin: 17px 0 17px 15px;
  width: 48px !important;
}
.frm-box .divisiones .bootstrap-select .dropdown-menu ul li a img, 
.frm-box .divisiones .bootstrap-select .btn img{
  vertical-align: text-bottom;
  max-height: 30px;
  max-width: 75px;
  margin: 0;
}
.title-envios {
  font-size: 22px;
  color: #86b951;
  display: block;
  margin: 20px 0 15px;
}
.load-conceptos {
  /*margin-top: 25px;*/
}
.separador-conceptos,
.separador-fletes {
  position: relative;
  display: block;
  border-bottom: 2px solid #eeeeee;
  margin: 15px 0;
}
.load-conceptos .line-concepto:last-of-type .separador-conceptos{
  opacity: 0;
}
.separador-envio-conceptos {
  position: relative;
  display: block;
  border-top: 15px solid #eeeeee;
  border-bottom: 15px solid #eeeeee;
  margin: 30px -105px;
  background-color: #eeeeee;
  text-align: center;
}
.n-escala, 
.n-concepto,
.n-flete{
  display: inline-block;
  vertical-align: top;
  width: 15%;
  height: 40px;
  text-align: center;
  font-weight: normal;
  background-color: #95a8b5;
  color: #FFF;
  font-size: 16px;
  padding-top: 11px;
}
.n-concepto,
.n-flete{
  width: 17%;
  background-color: #3a3a3a;
}
.n-concepto img,
.n-flete img{
  display: inline-block;
  width: auto;
  max-height: 20px; 
}
.line-escala .bootstrap-select {
  display: inline-block !important;
  width: 70% !important;
  margin-left: -6px;
}
.line-concepto .clearfix,
.line-flete .clearfix {
  margin-bottom: 15px;
}
.line-concepto .clearfix .bootstrap-select,
.line-flete .clearfix .bootstrap-select {
  display: inline-block !important;
  width: 83% !important;
  margin-left: -6px;
}
.bootstrap-select .input-group {
  display: block;
}
.line-concepto .input-group,
.line-flete .input-group {
  display: inline-block;
}
.line-escala {
  position: relative;
  display: block;
  margin-bottom: 15px;
}
.addescalas {
  display: none;
  max-width: 150px;
  text-align: center;
  margin: 15px auto;
  cursor: pointer;
  text-transform: uppercase;
  color: #FFF;
  background: #95a8b5;
  font-size: 11px;
  padding: 10px 0;
  letter-spacing: 1px;
}
.remove-escala {
  width: 15% !important;
  height: 40px !important;
  position: absolute !important;
  top: 0;
  right: 0;
}
.tabs-fletes .select-tab,
.content-tabs-fletes .content-tab{
  display: none;
}
.tabs-fletes .tabs,
.tabs-fletes .select-tab.active,
.tabs-fletes .select-tab.new-flete{
  display: inline-block;
}
.content-tabs-fletes .content-tab.selected{
  /*display: block;*/
}
.new-envio, .new-concepto {
  display: inline-block;
  margin: 25px 0;
  font-family: 'Prompt-SemiBold';
  font-size: 14px;
  color: #2598e9;
  background: none;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.new-concepto {
  margin: 10px 0 40px;
}
.new-envio i, .new-concepto i {
  width: 22px;
  height: 22px;
  border: 2px solid #2598e9;
  margin-right: 8px;
  padding: 4px 5px;
  font-size: 12px;
}
.delete-flete{
  display: none;
  margin: 5px auto 25px;
  width: 250px;
  text-align: center;
  background-color: #db5252;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  padding: 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  cursor: pointer;
}
.delete-flete i{
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
}
.delete-concepto {
  margin: 5px auto;
}
#load-envios, #box-conceptos {
  position: relative;
}
.box-personalizado {
  display: none;
  margin: 15px 0;
}
.check-seguro {
  display: block;
  background: #f5f5f5;
  padding: 12px 15px 5px !important;
  margin-bottom: 10px;
  font-weight: normal;
}
.color-sin-enviar {
  color: #5bc0de !important;
}
.back-sin-enviar {
  background: #5bc0de !important;
}
.color-pendiente {
  color: #f0ad4e !important;
}
.back-pendiente {
  background: #f0ad4e !important;
}
.color-aceptada {
  color: #5cb85c !important;
}
.back-aceptada {
  background: #5cb85c !important;
}
.color-cancelada {
  color: #d9534f !important;
}
.back-cancelada {
  background: #d9534f !important;
}
.color-caducada {
  color: #d9534f !important;
}
.back-caducada {
  background: #d9534f !important;
}
/*------------------------------------*\
	FICHA OFERTAS
\*------------------------------------*/

body.ficha {
  background-color: #f0f4f5;
}
#header-admin {
  background-color: #f0ad4e;
  padding: 10px 0;
  color: #FFF;
  font-size: 15px;
}
#header-admin a.edit {
  display: inline-block;
  color: #FFF;
  padding: 5px 0;
  text-decoration: none;
  opacity: 0.8;
}
#header-admin a.edit i {
  font-size: 18px;
}
#header-admin a.edit:hover {
  opacity: 1;
}
#header-admin a.link-preview {
  font-family: 'Prompt-SemiBold';
  display: inline-block;
  padding: 8px 0;
  color: #2d3844;
  font-size: 13px;
  width: 150px;
  text-align: center;
  border: 1px solid #2d3844;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#header-admin a.link-preview:hover {
  background-color: #2d3844;
  text-decoration: none;
  color: #FFF;
}
#header-estado {
  position: relative;
  display: block;
  color: #FFF;
  font-size: 16px;
  font-family: 'Prompt-Light';
}
#header-estado .aceptada {
  background-color: #5cb85c;
  padding: 15px;
}
#header-estado .cancelada {
  background-color: #d9534f;
  padding: 15px;
}
#header-estado .close-state {
  position: absolute;
  display: block;
  padding: 15px;
  cursor: pointer;
  top: 0;
  right: 0;
  color: #FFF;
}
#header-ficha {
  background-color: #2b3c4e;
  padding: 10px 0;
}
#header-ficha .logo {
  width: 70px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#header-ficha .d-table span.name-user {
  display: block;
  color: #379dba;
  font-size: 20px;
  margin-bottom: 5px;
}
#header-ficha .d-table span.office-user {
  font-family: 'Prompt-SemiBold';
  display: block;
  color: #83878b;
  margin-bottom: 5px;
  font-size: 14px;
  text-transform: uppercase;
}
#header-ficha .d-table span.phone-user, #header-ficha .d-table span.email-user {
  position: relative;
  display: inline-block;
  color: #379dba;
  font-size: 14px;
  padding-left: 20px;
  margin-right: 8px;
}
#header-ficha .d-table span.phone-user:before {
  content: '\f2a0';
  font-family: 'FontAwesome';
  font-size: 16px;
  color: #379dba;
  position: absolute;
  display: block;
  left: 2px;
  margin-top: -2px;
  width: 18px;
}
#header-ficha .d-table span.email-user:before {
  content: '\f0e0';
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #379dba;
  position: absolute;
  display: block;
  left: 0;
  width: 18px;
}
#header-ficha .logo-ecco {
  margin-top: 25px;
  max-height: 55px;
}
#sub-header-ficha {
  background-color: #FFF;    
  margin: 35px auto;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
}
#sub-header-ficha .col-title::after{
  content: '';
  position: absolute;
  top: -500px;
  right: 0;
  width: 5px;
  height: 1000px;
  border-right: 5px solid #f0f4f5;
}
#sub-header-ficha h1 {
  font-family: 'Prompt-Light';
  font-size: 30px;
  color: #282a2c;
  line-height: 1.3em;
  padding: 0 15px;
}
#sub-header-ficha h1 span {
  font-family: 'Prompt-Bold';
  color: #62a51b;
}
#sub-header-ficha h4,
#content-ficha h4{
  font-family: 'Prompt-SemiBold';
  font-weight: normal;
  color: #89a2a9;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 1px;
}
#sub-header-ficha p{
  font-family: 'Prompt-Regular';
  color: #282a2c;
  font-size: 17px;
  margin: 0;
  letter-spacing: 1px;
}
#sub-header-ficha .logo {
  width: 70px;
}
#sub-header-ficha .d-table span.name-user {
  font-family: 'Prompt-Regular';
  display: block;
  color: #282a2c;
  font-size: 18px;
  margin-bottom: 3px;
}
#sub-header-ficha .d-table span.office-user {
  display: block;
  color: #62a51b;
  margin-bottom: 10px;
  font-size: 14px;
}
#sub-header-ficha .asunto{
  margin-bottom: 15px;
}
#sub-header-ficha .asunto p{
  letter-spacing: 0px;
}
#header-ficha .d-table, #sub-header-ficha .d-table {
  border-collapse: separate;
  border-spacing: 15px;
}
#sub-header-ficha .d-table{
  margin: auto;
}


#content-ficha .datos-envio > .row{
  overflow: hidden;
}
#content-ficha .envio-multidestino .datos-envio > .row,
#content-ficha .envio-multidestino .tab-envio{
  overflow: hidden;
  border-bottom: 3px solid #f0f4f5;
}
#content-ficha .envio-multidestino .tab-envio{
  padding: 25px 35px !important;
  background-color: #FFF;
}
#oferta .container {
  margin: 35px auto;
}
#content-ficha .title-envio-ficha{
  background-color: #FFF;
  border-bottom: 3px solid #f0f4f5;
  padding: 20px 35px 5px;
}
#content-ficha .envio-unico .column-left-ficha {
  background-color: #FFF;
  padding-right: 50px;
}
#content-ficha .envio-multidestino .column-left-ficha {
  padding-top: 35px;
}
#content-ficha .envio-unico .column-left-ficha::after{
  content: '';
  position: absolute;
  top: -500px;
  right: 0;
  width: 35px;
  height: 3000px;
  background-color: #f0f4f5;
}
#content-ficha .envio-multidestino .column-left-ficha::after{
  content: '';
  position: absolute;
  top: -500px;
  right: 0;
  width: 2px;
  height: 3000px;
  background-color: #f0f4f5;
}
#content-ficha .column-right-ficha {
  background-color: #FFF;
}
#content-ficha h3,
#comentarios h3{
  display: block;
  font-family: 'Prompt-Semibold';
  font-size: 18px;
  color: #62a51b;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 45px;
}
#content-ficha p {
  font-family: 'Prompt-Regular';
  display: block;
  color: #282a2c;
  font-size: 14px;
  margin-bottom: 15px;
}
#content-ficha .d-table{
  padding: 0;
  border-spacing: 0 !important;
}
#content-ficha .b-bottom{
  border-bottom: 5px solid #f0f4f5;
}
#content-ficha .envio-unico .line-envio-ficha{
  padding: 35px;
  min-height: 350px;
}
#content-ficha .envio-multidestino .line-envio-ficha{
  padding: 0 35px;
  background-color: #FFF;
}
#content-ficha .envio-multidestino .n_envio{
  display: block;
  margin: 12px 0;
  font-size: 30px;
}
#content-ficha .envio-unico .line-envio-ficha .trayecto{
  width: 100%;
  margin: 35px 0 0px;
}
#content-ficha .line-envio-ficha .trayecto .d-cell{
  vertical-align: top;
}
#content-ficha .line-envio-ficha .trayecto h4 {
  font-family: 'Prompt-Regular';
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #89a2a9;
  font-size: 14px;
  margin-bottom: 3px;
  text-transform: none !important;
}
#content-ficha .line-envio-ficha .trayecto .siglas{
  font-size: 44px;
  font-family: 'Prompt-Bold';
  color: #282a2c;
}
#content-ficha .line-envio-ficha .envios-container{
  width: 65%;
  text-align: center;
}
#content-ficha .line-envio-ficha .envios-container .line-envio {
  position: relative;
  display: inline-block;
  width: 85%;
  height: 50px;
  text-align: right;
  vertical-align: bottom;
}
#content-ficha .envio-unico .line-envio-ficha .envios-container .line-envio {
  margin: 15px 0 0;
}
#content-ficha .line-envio-ficha .envios-container .line-envio::before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 17px;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #86b951;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  z-index: 1;
}
#content-ficha .line-envio-ficha .envios-container .line-envio img {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 50px;
  z-index: 1;
  -webkit-animation-name: transportLine;
  -moz-animation-name: transportLine;
  -o-animation-name: transportLine;
  animation-name: transportLine;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
#content-ficha .line-envio-ficha .envios-container .line-envio::after{
  content: '';
  position: absolute;
  display: inline-block;
  top: 23px;
  left: 5px;
  border-top: 3px solid #86b951;
  z-index: 0;
  -webkit-animation-name: fullLine;
  -moz-animation-name: fullLine;
  -o-animation-name: fullLine;
  animation-name: fullLine;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes fullLine {
  from {
	  width: 0;
  }
  to {
    width: calc(100% - 40px);
  }
}
@-moz-keyframes fullLine {
  from {
	  width: 0;
  }
  to {
    width: calc(100% - 40px);
  }
}
@keyframes fullLine {
  from {
	  width: 0;
  }
  to {
    width: calc(100% - 40px);
  }
}
@-webkit-keyframes transportLine {
  from {
	  right: calc(100% - 50px);
  }
  to {
    right: 0;
  }
}
@-moz-keyframes transportLine {
  from {
	  right: calc(100% - 50px);
  }
  to {
    right: 0;
  }
}
@keyframes transportLine {
  from {
	  right: calc(100% - 50px);
  }
  to {
    right: 0;
  }
}
#content-ficha .line-envio-ficha .escalas span{
  display: inline-block;
  color: #95a8b5;
  font-size: 16px;
  margin: 0 20px 10px 3px;
}
#content-ficha .line-envio-ficha .escalas span i{
  display: inline-block;
  color: #3399cc;
  font-size: 12px;
}
#content-ficha .line-envio-ficha .escalas span strong{
  font-size: 20px;
  font-family: 'Prompt-Bold';
  color: #282a2c;
}


#content-ficha .compania-envio{
  border-spacing: 8px 0 !important;
}
#content-ficha .compania-envio .logo {
  width: auto;
  max-width: 45px;
  max-height: 30px;
  margin-right: 5px;
}
#content-ficha .envio-multidestino .compania-envio{
  margin: 12px 0;
}
#content-ficha .envio-multidestino .compania-envio p {
  margin-bottom: 0px;
}
#content-ficha .tiempos{
  margin: auto;
}
#content-ficha .tiempos .d-cell{
  vertical-align: top;
}
#content-ficha .tiempos img {
  width: 22px;
  margin-right: 8px;
}
#content-ficha .tiempos h4{
  margin-bottom: 2px;
}
#content-ficha .tiempos .tiempo {
  font-size: 23px;
}
#content-ficha .tiempos .dias {
  display: inline-block;
  font-size: 10px;
  color: #a6abab;
  margin: 0 4px;
  width: 36px;
}


#content-ficha .envio-unico .line-carga-ficha{
  padding: 35px;
}
#content-ficha .envio-multidestino .line-carga-ficha{
  padding: 15px 35px;
}
#content-ficha .line-carga-ficha .line-carga{
  margin-top: 25px;
}
#content-ficha .line-carga-ficha .title-carga{
  display: block;
  font-size: 18px;
  color: #a7abac;
  margin-bottom: 15px;
  font-family: 'Prompt-Light';
}
#content-ficha .line-carga-ficha p{
  font-size: 14px;
}
#content-ficha .line-carga-ficha p span{
  font-size: 16px;
}
#content-ficha .line-carga-ficha p span.valor{
  font-size: 20px;
}
#content-ficha .line-carga-ficha p sup{
  font-size: 10px;
}
#content-ficha .line-carga-ficha img{
  width: 100px;
  max-width: 100%;
  margin-bottom: 10px;
}


#content-ficha .mapa-envio {
  position: relative;
  display: block;
  background: #FFF;
  overflow: hidden;
}
#content-ficha .mapa {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  height: 350px;
}
#content-ficha .envio-multidestino .mapa {
  height: 630px;
}
#content-ficha .mapa-envio.mapa-ampliado {
  position: absolute;
  display: block;
  background-color: #FFF;
  top: 15px;
  right: 30px;
  z-index: 99;
  border: 3px solid #f0f4f5;
}
#content-ficha .mapa-ampliado .mapa {
  height: 100% !important;
}
#content-ficha .mapa a:hover {
  text-decoration: none;
}
#content-ficha .mapa a text:after {
  content: 'asdads';
  display: block;
}
#content-ficha .size-map {
  position: absolute;
  bottom: 22px;
  right: 22px;
}
#content-ficha .size-map img {
  width: 32px;
  cursor: pointer;
}
#content-ficha .brujula {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
#content-ficha .brujula img {
  width: 40px;
}


#content-ficha .envio-unico .line-garantias-ficha{
  padding: 30px 20px;
}
#content-ficha .envio-multidestino .line-garantias-ficha{
  padding: 15px 35px;
}
#content-ficha .line-garantias-ficha h3{
  margin-bottom: 5px;
}
#content-ficha .line-garantias-ficha p{
  font-family: 'Prompt-Light';
  font-size: 12px;
  color: #a6abab;
  margin-bottom: 25px;
}
#content-ficha .line-garantias-ficha .table-ecco:last-of-type p{
  margin-bottom: 0;
}


#content-ficha .conceptos{
  padding: 40px 40px 0;
}

#content-ficha .conceptos h3{
  margin-top: 10px;
  margin-bottom: 25px;
}
#content-ficha .tabs{
  display: inline-block;
  padding: 0 35px;
  border: 1px solid #e5eaeb;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
#content-ficha .tab{
  position: relative;
  font-family: 'Prompt-SemiBold';
  display: inline-block;
  padding: 12px;
  font-size: 14px;
  color: #95a8b5;
  cursor: pointer;
}
#content-ficha .tab:hover,
#content-ficha .tab.active{
  color: #2598e9;
}
#content-ficha .tab.active::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50px;
  border-bottom: 2px solid #2598e9;
}  
#content-ficha .tab-compra:hover,
#content-ficha .tab-compra.active{
  color: #C14E4E;
}
#content-ficha .tab-compra.active::after{
  border-bottom: 2px solid #C14E4E;
}

#content-ficha .conceptos {
  border-bottom: 5px solid #f0f4f5;
}
#content-ficha .envio-multidestino .conceptos {
  border-bottom: 3px solid #f0f4f5;
}
#content-ficha .conceptos > .d-table{
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
#content-ficha .conceptos > .d-table .title-fletes{
  display: inline;
  font-size: 20px;
  color: #a7abac;
}
#content-ficha .conceptos > .d-table .icon-fletes{
  width: 25px;
  margin-right: 14px;
}
#content-ficha .conceptos > .d-table .icon-pago{
  width: 30px;
}
#content-ficha .conceptos > .d-table .n_concept{
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px 0 2px;
  padding: 1px;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid #95a8b5;
  color: #95a8b5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#content-ficha .conceptos > .d-table .name_concept{
  display: inline;
  vertical-align: middle;
  color: #a7abac;
}
#content-ficha .conceptos > .d-table > .d-row > .d-cell{
  font-family: 'Prompt-Regular';
  padding: 8px 10px;
  font-size: 16px;
  line-height: 1.1em;
  border: 1px solid #e5eaeb;
}
#content-ficha .conceptos > .d-table > .d-row > .d-cell.d-title{
  font-family: 'Prompt-Bold';
  font-size: 14px;
  background-color: #e0e0e0;
}
#content-ficha .conceptos > .d-table > .d-row > .d-cell.d-title-2{
  background-color: #d8dadb;
}
#content-ficha .conceptos > .d-table > .d-row > .d-cell.d-valor{
  font-size: 19px;
  background-color: #f9f9f9;
}
#content-ficha .conceptos > .d-table > .d-row > .d-cell.d-valor span.valor_origen{
  font-family: 'Prompt-Regular';
  display: inline-block;
  font-size: 13px;
  color: #506d82;
  margin-left: 3px;
}
#content-ficha .conceptos > .d-table > .d-row > .d-cell.d-valor-2{
  background-color: #f1f3f4;
}
#content-ficha .conceptos > .d-table > .d-row > .d-cell.d-valor-bold{
  padding: 15px 10px;
  font-family: 'Prompt-Bold';
  font-size: 22px;
}
#content-ficha .conceptos > .d-table > .d-row > .d-cell.d-valor-total{
  font-size: 27px;
  border-bottom: none;
}
#content-ficha .conceptos > .d-table > .d-row > .d-cell.d-valor .compra{
  display: none;
}
#content-ficha .conceptos > .d-table > .d-row > .d-cell.b-none{
  border: none;
}
#content-ficha .conceptos > .d-table .d-cell .d-table{
  width: 95%;
}
#content-ficha .conceptos > .d-table .d-cell .d-table .d-cell{
  padding: 20px 8px;
  vertical-align: bottom;
}
#content-ficha .conceptos > .d-table .d-cell .d-table .d-cell.icon{
  text-align: center;
  padding: 0;
  vertical-align: middle;
  width: 45px;
}
#content-ficha .conceptos > .d-table .d-cell .d-table .d-cell h3{
  margin-bottom: 5px;
}
#content-ficha .conceptos > .d-table .d-cell .d-table .d-cell p{
  margin-bottom: 0;
}
#content-ficha .conceptos > .d-table .d-cell .d-table .d-cell p.text-iva{
  color: #a6abab;
  font-size: 14px;
}


#content-ficha .title-seguro span {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Prompt-Bold';
  font-size: 32px;
  color: #1b86a5;
  margin-bottom: 15px;
}
#content-ficha .title-seguro img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 15px;
}
#content-ficha .box-seguro {
  position: relative;
  padding: 30px;
  border-bottom: 3px solid #f0f4f5;
}
#content-ficha .link-seguro {
  display: inline-block;
  width: 100%;
  max-width: 225px;
  padding: 15px 30px;
  font-size: 15px;
  border: 2px solid #1b86a5;
  font-family: 'Prompt-SemiBold';
  letter-spacing: 1px;
  color: #1b86a5;
  text-transform: uppercase;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
#content-ficha .link-seguro:hover {
  text-decoration: none;
  background-color: #1b86a5;
  color: #FFF;
}
#content-ficha .text-seguro p {
  font-family: 'Prompt-SemiBold';
  display: block;
  color: #282a2c;
  font-size: 18px;
  margin: 5px 0;
}
#content-ficha .text-seguro .importe {
  font-size: 20px;
  color: #1b86a5;
}
#comentarios .box-creator, 
#comentarios .box-comentario {
  padding: 25px 15px;
  min-height: 220px
}
#comentarios .box-creator {
  border-right: 2px solid #f0f4f5;
}
#comentarios .box-comentario {
  padding: 35px;
}
#comentarios .box-comentario h3{
  margin-bottom: 15px;
}
#comentarios .box-creator img, 
#comentarios .box-creator span {
  display: block;
  margin: 8px auto;
}
#comentarios .box-creator img{
  max-width: 100px;
}
#comentarios .box-creator .name-user {
  color: #1b86a5;
  font-size: 20px;
}
#comentarios .box-creator .office-user {
  color: #a7abac;
  font-size: 14px;
  text-transform: uppercase;
}
#comentarios .box-comentario h3.title-red {
  color: #b6535e;
}
#comentarios .box-comentario h4 {
  display: none;
}
#comentarios .box-comentario p {
  font-family: 'Prompt-Light';
  font-style: italic;
  color: #a7abac;
  font-size: 16px;
}
#content-ficha .show-tab-envio {
  display: inline-block;
  text-align: center;
  font-size: 25px;
  padding-top: 8px;
  margin-top: 5px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #ffeb00;
}
#acciones-ficha h2 {
  font-family: 'Prompt-Light';
  font-size: 32px;
  margin-bottom: 10px;
}
#acciones-ficha p {
  font-family: 'Prompt-Regular';
  font-size: 15px;
  color: #a7abac;
  margin-bottom: 15px;
}

#banner .img-banner, 
#banner .back-banner {
  padding: 30px;
  min-height: 185px;
}
#banner .img-banner img {
  max-width: 100px;
}
#banner .back-banner {
  background: url(../img/bg-banner.jpg) center center no-repeat;
  background-size: cover;
}
#banner sup {
  font-size: 10px;
}
#banner h3 {
  font-family: 'Prompt-Bold';
  font-size: 28px;
  color: #FFF;
  margin-bottom: 3px;
  text-transform: none;
  letter-spacing: 0;
}
#banner p {
  font-family: 'Prompt-Light';
  font-size: 16px;
  color: #FFF;
  opacity: 0.8;
}
#banner a.link-banner {
  display: inline-block;
  margin-top: 30px;
  background-color: #FFF;
  width: 100%;
  max-width: 225px;
  padding: 15px 30px;
  font-size: 13px;
  font-family: 'Prompt-SemiBold';
  letter-spacing: 1px;
  color: #0f7e6e;
  text-transform: uppercase;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}


#banner a.link-banner:hover {
  text-decoration: none;
  background-color: #000;
  color: #FFF;
}
#acciones-ficha p a {
  font-family: 'Prompt-SemiBold';
  color: #95a8b5;
  text-decoration: underline;
}
#acciones-ficha p a:hover {
  color: #2b3c4e;
}
#aceptar, #cancelar {
  display: inline-block;
  margin: 10px;
  background-color: #FFF;
  border: none;
  font-family: 'Prompt-SemiBold';
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-left: 4px solid;
  padding: 20px 30px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
}
#aceptar i, 
#cancelar i {
  font-size: 18px;
}
#aceptar {
  color: #5cb85c;
  border-color: #5cb85c;
}
#cancelar {
  color: #95a8b5;
  border-color: #95a8b5;
}
#aceptar:hover {
  color: #FFF;
  background-color: #5cb85c;
}
#cancelar:hover {
  color: #FFF;
  background-color: #95a8b5;
}
.table-ecco .d-cell {
  vertical-align: top;
}
.table-ecco h5 {
  font-family: 'Prompt-SemiBold';
  letter-spacing: 2px;
  font-size: 14px;
  margin-bottom: 3px;
}
.table-ecco p, .table-ecco a {
  font-size: 12px;
  color: #a6abab;
  line-height: 1.15em;
}
.table-ecco p strong{
  font-weight: normal;
  font-family: 'Prompt-Medium';
}
.table-ecco .logo-eccoprint{
  width: 60px;
}
#acciones-ficha{
  position: relative;
}
.lista-acciones {
  display: block;
  list-style: none;
  margin: 30px 0;
}
.lista-acciones li {
  display: inline-block;
  max-width: 50px;
  margin: 5px;
}
.footer-ficha {
  position: relative;
  display: block;
  background-color: #ececec;
  padding: 30px 0;
}
.footer-ficha .table-ecco .logo{
  width: 70px !important;
}
.footer-ficha .table-ecco p {
  font-size: 13px;
}
.footer-ficha .table-ecco .link {
  font-size: 16px;
  color: #2b3c4e;
  text-decoration: underline;
}
/*------------------------------------*\
	ORÍGENES Y DESTINOS
\*------------------------------------*/

.links-oyd {
  position: relative;
  display: block;
  margin: 30px 0;
  list-style: none;
}
.links-oyd li {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 230px;
  margin: 15px;
  padding: 50px 30px;
  cursor: pointer;
  background: #FFF;
}
.links-oyd li .icon {
  position: relative;
  display: block;
  width: 100%;
  height: 80px;
}
.links-oyd li:hover {
  background: #86b951;
}
.links-oyd li .link-puertos {
  background: url(../img/puertos-black.png) center center no-repeat;
}
.links-oyd li .link-aeropuertos {
  background: url(../img/aeropuertos-black.png) center center no-repeat;
}
.links-oyd li .link-localidades {
  background: url(../img/localidades-black.png) center center no-repeat;
}
.links-oyd li .link-maritimo {
  background: url(../img/maritimo-black.png) center center no-repeat;
}
.links-oyd li .link-aereo {
  background: url(../img/aereo-black.png) center center no-repeat;
}
.links-oyd li .link-terrestre {
  background: url(../img/terrestre-black.png) center center no-repeat;
}
.links-oyd li .link-fletes {
  background: url(../img/fletes-black.png) center center no-repeat;
}
.links-oyd li .link-conceptos {
  background: url(../img/conceptos-black.png) center center no-repeat;
}
.links-oyd li .link-divisas {
  background: url(../img/divisas-black.png) center center no-repeat;
}
.links-oyd li:hover .link-puertos {
  background: url(../img/puertos.png) center center no-repeat;
}
.links-oyd li:hover .link-aeropuertos {
  background: url(../img/aeropuertos.png) center center no-repeat;
}
.links-oyd li:hover .link-localidades {
  background: url(../img/localidades.png) center center no-repeat;
}
.links-oyd li:hover .link-maritimo {
  background: url(../img/maritimo.png) center center no-repeat;
}
.links-oyd li:hover .link-aereo {
  background: url(../img/aereo.png) center center no-repeat;
}
.links-oyd li:hover .link-terrestre {
  background: url(../img/terrestre.png) center center no-repeat;
}
.links-oyd li:hover .link-fletes {
  background: url(../img/fletes.png) center center no-repeat;
}
.links-oyd li:hover .link-conceptos {
  background: url(../img/conceptos.png) center center no-repeat;
}
.links-oyd li:hover .link-divisas {
  background: url(../img/divisas.png) center center no-repeat;
}
.links-oyd li span {
  display: block;
  color: #95a8b5;
  line-height: 1.2em;
  font-size: 12px;
  margin-bottom: 3px;
}
.links-oyd li .link-name {
  font-family: 'Prompt-Bold';
  font-size: 20px;
  color: #121920;
}
.links-oyd li:hover .link-name {
  color: #FFF;
}
.links-oyd li:hover .link-desc {
  color: #121920;
}
.title-add {
  position: relative;
  display: block;
  max-width: 768px;
  margin: 30px auto;
}
.title-add h2 {
  margin: 10px 0;
  font-size: 24px;
  line-height: 1.2em;
  font-family: 'Prompt-Bold';
}
.title-add p {
  font-size: 14px;
  color: #95a8b5;
  line-height: 1.2em;
}
.link-locode {
  font-family: 'Prompt-Medium';
  display: inline-block;
  margin: 30px 0;
  font-size: 14px;
}
.link-locode a {
  font-family: 'Prompt-Regular';
}
/*------------------------------------*\
	LISTADOS
\*------------------------------------*/

#load-data {
  position: relative;
  padding: 15px 0;
  min-height: 90px;
}
.wrapper-max {
  position: relative;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.wrapper-center {
  margin: auto;
}
.wrapper-list {
  position: relative;
  display: block;/*overflow-x: auto;
	overflow-y: hidden;*/
}
.wrapper-list table, .wrapper-list .d-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
  font-size: 14px;
  color: #95a8b5;
}
.wrapper-list table thead tr th {
  padding: 0 8px;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 12px;
}
.wrapper-list table tbody tr td {
  z-index: 0;
  background-color: #FFF;
  vertical-align: middle;
  padding: 15px;
  height: 72px;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
}
.wrapper-list table thead tr th.empty,
.wrapper-list table tbody tr td.empty {
  width: 15px;
  padding: 0 !important;
}
.wrapper-list table.list-clients thead tr th.empty,
.wrapper-list table.list-clients tbody tr td.empty {
  width: 80px;
  background-color: transparent;
}
.wrapper-list table tbody tr td span {
  display: block;
  line-height: 1.2em;
  vertical-align: middle;
}
.wrapper-list table tbody tr td span.medium, .wrapper-list table tbody tr td span.large {
  font-family: 'Prompt-Medium';
  color: #121920;
}
.wrapper-list table tbody tr td span.small {
  font-size: 12px;
}
.wrapper-list table tbody tr td span.medium {
  font-size: 14px;
}
.wrapper-list table tbody tr td span.large {
  font-size: 18px;
}
.wrapper-list table tbody tr td span.green {
  color: #86b951;
}

.wrapper-list table tbody tr td span.empresa {
  max-width: 250px;
}
.wrapper-list table tbody tr td.envios {
  padding: 5px 8px !important;
}
.wrapper-list table tbody tr td .envios-container {
  display: block;
  overflow-y: auto;
  max-height: 52px;
}
.wrapper-list table tbody tr td .envios-container::-webkit-scrollbar {
  width: 3px;
  right:5px;
}
.wrapper-list table tbody tr td .envios-container::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background:#ced2da;
}
.wrapper-list table tbody tr td .envios-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background:#2d2d2d;
}
.wrapper-list table tbody tr td .envios-container span{
  font-family: 'Prompt-Bold';
  color: #121920;
  font-size: 15px;
  padding-bottom: 6px;
}
.wrapper-list table tbody tr td .envios-container .line-envio{
  position: relative;
  display: inline-block;
  margin: 0 2px;
  width: 45px;
  height: 20px;
  text-align: right;
  vertical-align: bottom;
  font-family: 'Prompt-Medium';
  color: #121920;
}
.wrapper-list table tbody tr td .envios-container .line-envio::before{
  content: '';
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #86b951;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  z-index: 1;
}
.wrapper-list table tbody tr td .envios-container .line-envio::after{
  content: '';
  position: absolute;
  display: inline-block;
  top: 9px;
  left: 2px;
  width: 25px;
  border-top: 2px solid #86b951;
  z-index: 0;
}
.wrapper-list table tbody tr td .envios-container img{
  position: relative;
  display: inline-block;
  width: 20px;
  z-index: 1;
}
.wrapper-list table th.letra {
  font-weight: normal;
  vertical-align: bottom;
}
.wrapper-list table th.letra span {
  font-family: 'Prompt-Thin';
  position: relative;
  display: block;
  font-size: 80px;
  z-index: 0;
  margin-bottom: -30px;
}
.wrapper-list .list-offers table thead:first-of-type tr th.fecha span {
  margin-top: 0;
}
.wrapper-list table th.fecha span {
  font-family: 'Prompt-Regular';
  position: relative;
  display: block;
  margin: 18px 0 5px;
  font-size: 18px;
  letter-spacing: 0;
  color: #121920;
}
.wrapper-list table th.letra span:after {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  margin-top: -2px;
  right: 0;
  width: 92%;
  border-top: 4px dotted #c4cfd6;
}
.wrapper-list table td .logo {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 60px;
  max-height: 50px;
  height: auto;
  vertical-align: middle;
  overflow: hidden;
}
.wrapper-list table td .logo img {
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wrapper-list table td .siglas {
  display: inline-block;
  min-width: 50px;
  height: 50px;
  padding: 17px 10px;
  text-align: center;
  background: #dee6e6;
  vertical-align: middle;
  font-family: 'Prompt-SemiBold';
  color: #121920;
  text-transform: uppercase;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
}
.wrapper-list table tbody tr.title-empresa td {
  background-color: transparent;
}
.wrapper-list table tbody tr.title-empresa td span {
  display: inline-block;
  font-size: 32px;
  font-family: 'Prompt-Thin';
  color: #121920;
  margin: 5px;
}
.wrapper-list table tbody tr.title-empresa td .logo {
  width: 75px;
  height: 75px;
  margin: 5px 2px;
}
.wrapper-list table tbody tr td a.edit-link {
  display: inline-block;
  padding: 0 15px;
  opacity: 0.6;
}
.wrapper-list table tbody tr td a.edit-link:hover {
  opacity: 1;
}
.wrapper-list table tbody tr td a.edit-link i {
  font-size: 15px;
}
.wrapper-list table tbody tr td a.edit-link img {
  display: inline-block;
  height: 24px;
  width: auto;
}
.wrapper-list table td .actions {
  position: relative;
  display: block;
  margin: auto;
  width: 40px;
  font-size: 22px;
  text-align: center;
  cursor: pointer;
  color: #121920;
}
.wrapper-list table td .actions > img{
  height: 24px;
  opacity: 0.5;
}
.wrapper-list table td .actions:hover > img{
  opacity: 1;
}
.wrapper-list table td a.view-link {
  display: inline-block;
  color: #121920;
  font-size: 22px;
  width: 32px;
  height: 32px;
  background: #ffeb00;
  line-height: 1.5em;
  padding-left: 2px;
  vertical-align: middle;
  margin-right: 10px;
}
.wrapper-list table td a.view-link-black {
  color: #FFF;
  background: #121920;
}
.wrapper-list table td .box-phone, .wrapper-list table td .box-mail {
  position: relative;
  display: table;
  padding-left: 35px;
  vertical-align: middle;
}
.wrapper-list table td .box-phone span, .wrapper-list table td .box-mail span {
  vertical-align: middle;
  margin: 2px 0;
}
.wrapper-list table td .box-phone:before {
  content: '\f2a0';
  font-family: 'FontAwesome';
  font-size: 28px;
  color: #dbe1e6;
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 30px;
}
.wrapper-list table td .box-mail:before {
  content: '\f003';
  font-family: 'FontAwesome';
  font-size: 24px;
  color: #dbe1e6;
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  margin-top: -13px;
  width: 30px;
}
/*------------------------------------*\
	FORMULARIOS
\*------------------------------------*/

.frm-box {
  position: relative;
  display: block;
  padding-top: 15px;
  margin: 15px auto;
}
.frm-box .form-horizontal {
  position: relative;
  display: block;
  max-width:992px;
  margin: auto;
  padding: 30px;
}
#frm-oferta{
  padding: 50px;
}
.frm-box .form-horizontal .tab {
  display: none;
}
.form-center {
  position: relative;
  display: block;
  max-width: 700px;
  margin: auto;
}
.frm-box h1 {
  font-size: 25px;
  line-height: 1.2em;
  color: #86b951;
  font-family: 'Prompt-Light';
  margin-bottom: 15px;
}
.frm-box h1:before {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.frm-box h1 span {
  font-family: 'Prompt-Regular';
  color: #121920;
}
.frm-box h1.user:before {
  content: url(../img/user-circle-green.png);
}
.frm-box h1.add-user:before {
  content: url(../img/user-circle-green-add.png);
}
.frm-box h1.client:before {
  content: url(../img/world-green.png);
}
.frm-box h1.add-client:before {
  content: url(../img/world-green-add.png);
}
.frm-box h1.location:before {
  content: url(../img/marker-green.png);
}
.frm-box h1.add-location:before {
  content: url(../img/marker-green-add.png);
}
.frm-box h1.company:before {
  content: url(../img/world-green.png);
}
.frm-box h1.add-company:before {
  content: url(../img/world-green-add.png);
}
.frm-box h1.offer:before {
  content: url(../img/ofertas-green.png);
}
.frm-box h1.add-offer:before {
  content: url(../img/ofertas-green-add.png);
}
.frm-box h1.concept:before,
.frm-box h1.add-concept:before {
  content: url(../img/conceptos-green.png);
}
.frm-box h1.flete:before,
.frm-box h1.add-flete:before {
  content: url(../img/fletes-green.png);
}
.frm-box h1.divisa:before,
.frm-box h1.add-divisa:before {
  content: url(../img/divisas-green.png);
}
.frm-box .select-rol {
  padding-top: 15px;
}
.frm-box .select-rol select {
  /*height: 34px;
  padding: 5px;
  color: #555;
  font-size: 14px;
  outline: 0;
  border: 1px solid #f5f5f5;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;*/
}
.frm-box .logo-user, .frm-box .logo-company {
  min-height: 100px;
  cursor: pointer;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
}
.frm-box .logo-user:hover, .frm-box .logo-company:hover {
  background: url(../img/add-logo.png) center center no-repeat;
  background-size: 100px;
}
.frm-box .logo-user:hover img, .frm-box .logo-company:hover img {
  opacity: 0;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
}
.frm-box label {
  font-size: 14px;
  padding: 6px 0;
}
.frm-box label span{
  /*font-style: italic;*/
  font-weight: 900;
}
.frm-box .form-control, .frm-box .bootstrap-select .btn {
  height: 40px;
  border: none;
  outline: none;
  background: #f5f5f5;
  margin-bottom: 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
}
.frm-box .bootstrap-select .btn .filter-option{
  width: calc(100% - 12px);
  text-align: left;
  display: block;
  overflow: hidden;
}
.frm-box select.selectpicker{
  display: none;
}
.frm-box textarea.form-control {
  min-height: 150px;
  resize: vertical;
}
.frm-box input[type=checkbox].form-control {
  height: 18px;
  width: 18px;
  display: inline-block;
  margin: 0px 5px 5px 0px;
}
.frm-box .form-control[readonly] {
  background: transparent;
}
.frm-box .form-control:disabled {
  opacity: 0.4;
}
.frm-box .submit, .frm-box a.delete {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 180px;
  height: 46px;
  padding: 13px 0;
  margin: 15px 0;
  color: #555;
  font-size: 13px;
  text-align: center;
  letter-spacing: 1px;
  font-family: 'Prompt-SemiBold';
  text-transform: uppercase;
  text-decoration: none;
  outline: 0;
  border: 1px solid #ffeb00;
  background-color: #ffeb00;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
}
.frm-box a.delete {
  font-family: 'Prompt-Regular';
  font-size: 10px;
  max-width: 135px;
  height: 34px;
  padding: 11px 0;
  color: #FFF;
  border: 1px solid #de3e58;
  background-color: #de3e58;
  cursor: pointer;
}
.frm-box .back-frm {
  display: inline-block;
  margin: auto 20px;
  color: #FFF;
  font-size: 22px;
  width: 32px;
  height: 32px;
  border: 0;
  outline: 0;
  background-color: #121920;
  line-height: 1.3em;
  padding-left: 2px;
  vertical-align: middle;
  -o-transition: none;
  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
}
.frm-box .dropdown-menu {
  border: 0;
  padding: 0;
  width: 100%;
  min-width: 0;
}
.frm-box .dropdown-menu > li > a {
  color: #acb4be;
  padding: 8px 20px;
  border-bottom: 1px solid rgba(245,245,245,1);
}
.frm-box .dropdown-menu>.active>a, .frm-box .dropdown-menu>.active>a:focus, .frm-box .dropdown-menu>.active>a:hover, .frm-box .dropdown-menu ul li a:focus, .frm-box .dropdown-menu ul li a:hover {
  color: #121920;
  text-decoration: none;
  background-color: #FFF;
  outline: 0;
}
.frm-box .bootstrap-select, .frm-box .bootstrap-select .btn {
  display: block;
  height: 40px;
  width: 100%;
}
.frm-box .bootstrap-select .btn {
  overflow: hidden;
}
.frm-box .bootstrap-select .bs-searchbox .form-control {
  margin-bottom: 0;
}
.frm-box .bootstrap-select .dropdown-menu {
  border: 0;
  padding: 0;
  min-width: 100%;
  width: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.frm-box .bootstrap-select .dropdown-menu .no-results {
  padding: 8px 12px;
  color: #d00d29;
}
.frm-box .bootstrap-select .dropdown-menu ul {
  position: relative;
  border: 0;
  min-width: 100%;
}
.frm-box .bootstrap-select .dropdown-menu ul li a {
  cursor: pointer;
  padding: 10px 20px;
  line-height: 1em;
}
.frm-box .bootstrap-select .dropdown-menu ul li a img, .frm-box .bootstrap-select .btn img {
  vertical-align: text-bottom;
  max-height: 20px;
  margin: 0 10px 0 0;
  max-width: 40px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.frm-box .bootstrap-select .fa {
  position: absolute;
  right: 6px;
  display: inline-block;
  top: 50%;
  margin-top: -12px;
  font-size: 22px;
}
.frm-box .input-group {
  width: 100%;
}
.frm-box .input-group .dropdown-toggle {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
  z-index: 9;
  width: 24px;
  height: 40px;
  background-color: #fafafa;
  padding: 11px 6px;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
 .frm-box ::-webkit-input-placeholder {
color: #c4cfd6;
}
.frm-box ::-moz-placeholder {
color: #c4cfd6;
}
.frm-box :-ms-input-placeholder {
color: #c4cfd6;
}
.frm-box :-moz-placeholder {
color: #c4cfd6;
}
.frm-box ::-webkit-scrollbar {
width: 3px;
right:5px;
}
.frm-box ::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:#ced2da;
}
.frm-box ::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:#2d2d2d;
}
.frm-box.box-error {
  display: block;
  margin: 0;
  font-weight: bold;
}
/*.frm-box input.error, .frm-box select.error{ border-color:#d00d29; border-style:solid; border-width:2px; outline:0px;}*/
.search-box label.error, .frm-box label.error {
  position: absolute;
  z-index: 9;
  top: 100%;
  left: 15px;
  display: block;
  margin: -15px 0 5px 0;
  padding: 5px 0;
  font-weight: normal;
  font-size: 12px;
}
.frm-box .row > label.error {
  margin-left: 15px;
  margin-right: 15px;
}

a.link-modal {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-color: #2b3c4e;
  width: 85px;
  height: 85px;
  margin: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
a.link-modal img {
  vertical-align: middle;
  max-height: 37px;
  margin-top: 22px;
  opacity: 0.8;
}
a.link-modal.salir img {
  margin-left: -4px;
}
a.link-modal.visualizar img {
  margin-top: 25px;
  max-height: 33px;
}
a.link-modal:hover {
  background-color: #86b951;
}
a.link-modal:hover img {
  opacity: 1;
}

.popup-send-offer h3 img{
  display: inline-block;
  vertical-align: bottom;
  width: 34px;
  margin-top: -5px;
}
.popup-send-offer .form-horizontal{
  padding: 15px 35px;
}
.popup-send-offer label{
  display: block;
  margin-bottom: 8px;
  color: #a1aeb4;
  text-align: left;
  font-size: 14px;
  font-family: 'Prompt-Medium';
  font-weight: normal;
}
.popup-send-offer .bootstrap-tagsinput,
.popup-send-offer #asunto,
.popup-send-offer #mensaje{
  display: block;
  width: 100%;
  padding: 10px 20px;
  min-height: 44px;
  margin-bottom: 20px;
  line-height: 1.2em;
  color: #6d787c;
  font-size: 14px;
  text-align: left;
  background-color: #f5f5f5;
  box-shadow: none;
  border: none;
  outline: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.popup-send-offer .bootstrap-tagsinput .tag{
  font-weight: normal;
  display: inline-block !important;
  padding: 4px 7px !important;
  margin: 3px 3px 3px 0 !important;
}
.popup-send-offer .bootstrap-tagsinput input {
  display: inline-block;
  min-width: 120px;
}
.popup-send-offer .send-img{
  display: inline-block;
  width: 130px;
  max-width: 100%;
  margin: 25px auto;
}
.popup-send-offer h2{
  font-family: 'Prompt-Thin';
  font-size: 30px;
  margin-bottom: 15px;
}
.popup-send-offer .send-emails{
    font-family: 'Prompt-Medium';
    color: #666;
    display: block;
    margin: 5px 0;
}

.frm-box .trayecto{
  width: 100%;
  max-width: 500px;
}
.frm-box .trayecto .d-cell{
  vertical-align: top;
}
.frm-box .trayecto h4 {
  font-family: 'Prompt-Medium';
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #89a2a9;
  font-size: 14px;
  margin-bottom: 3px;
}
.frm-box .trayecto .siglas{
  font-size: 40px;
  font-family: 'Prompt-Bold';
  color: #282a2c;
}
.frm-box .envios-container{
  width: 50%;
  text-align: center;
}
.frm-box .envios-container .line-envio {
  position: relative;
  display: inline-block;
  width: 85%;
  text-align: right;
  vertical-align: bottom;
}
#content-ficha .envio-unico .line-envio-ficha .envios-container .line-envio {
  margin: 15px 0 0;
}
.frm-box .envios-container .line-envio::before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 14px;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #86b951;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  z-index: 1;
}
.frm-box .envios-container .line-envio img {
  position: relative;
  display: inline-block;
  width: 40px;
  z-index: 1;
}
.frm-box .envios-container .line-envio::after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 19px;
  left: 5px;
  width: calc(100% - 25px);
  border-top: 3px solid #86b951;
  z-index: 0;
}
#content-ficha .envio-unico .line-envio-ficha .escalas{
  text-align: center;
  margin-bottom: 30px;
}

.frm-box .tipo-conceptos{
  padding: 30px 0;
  border-top: 2px solid #eeeeee;
  margin: 20px 0 0;
}
.frm-box .tipo-conceptos label{
  padding: 10px 0;
}
.frm-box .tipo-conceptos .bootstrap-select,
.frm-box .tipo-conceptos .bootstrap-select .btn{
  max-width: 350px;
  height: 50px;
}
.frm-box .tipo-conceptos .bootstrap-select .btn{
  padding: 0 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.frm-box .tipo-conceptos .bootstrap-select .fa{
  right: 20px;
}

.frm-box .select-tabs{
  position: relative;
  display: block;
  width: calc(100% + 100px);
  margin: 0 -50px;
  background-color: #F4F7F7;
  padding-top: 20px;
  overflow-y: hidden;
}
.frm-box .select-tabs .tabs{
  display: inline-block;
  float: left;
}
.frm-box .select-tabs a{
  position: relative;
  display: inline-block;
  float: left;
  padding: 20px 20px 20px 30px;
  vertical-align: top;
  height: 55px;
  font-family: 'Prompt-Medium';
  color: #dfe4e8;
  background-color: #95a8b5;
  text-decoration: none;
  margin-right: 10px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(149,168,181,0.4);
  -moz-box-shadow: 0px 0px 10px 1px rgba(149,168,181,0.4);
  box-shadow: 0px 0px 10px 1px rgba(149,168,181,0.4);
  z-index: 4;
}
.frm-box .select-tabs a:nth-child(2){
  background-color: #7d92a0;
}
.frm-box .select-tabs a:hover{
  transition: none;
  -webkit-transition: none;
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
}
.frm-box .select-tabs a:nth-child(2){
  z-index: 3;
}
.frm-box .select-tabs a:nth-child(3){
  z-index: 2;
}
.frm-box .select-tabs a:nth-child(4){
  z-index: 1;
}
.frm-box .select-tabs a::after{
  position: absolute;
  display: block;
  content: " ";
  width: 100px;
  height: 55px;
  top: 0;
  background-color: #95a8b5;
  right: -22px;
  transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  z-index: -1;
}
.frm-box .select-tabs a:nth-child(2)::after{
  background-color: #7d92a0;
}
.frm-box .select-tabs a.selected{
  background-color: #FFF;
  color: #86b951;
  z-index: 5;
}
.frm-box .select-tabs a.selected::after {
  background-color: #FFF;
}
.frm-box .select-tabs a.new-flete{
  background-color: #00a2ff;
  color: #ccecff;
}
.frm-box .select-tabs a.new-flete i{
    width: 22px;
    height: 22px;
    border: 2px solid #ccecff;
    margin-right: 8px;
    padding: 4px;
    font-size: 12px;
}
.frm-box .select-tabs a.new-flete::after {
  background-color: #00a2ff;
}

.content-tabs-fletes{
  position: relative;
}

.content-tabs-fletes .line-flete{
  padding-top: 30px;
}

.remove-flete-container{
  position: relative;
  display: block;
  width: calc(100% + 100px);
  margin: 0 -50px;
  background-color: #F4F7F7;
  padding: 20px;
}

/*------------------------------------*\
	BUSCADOR
\*------------------------------------*/

.search-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 35px auto;
  width: 100%;
  height: 52px;
  max-width: 520px;
  background-color: #FFF;
  border: 1px solid #bfc0c2;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
}
.search-box input {
  display: inline-block;
  background-color: transparent;
  border: none;
  outline: none;
  height: 50px;
  width: 65%;
  padding-left: 30px;
}
.search-box button {
  display: inline-block;
  vertical-align: middle;
  background-color: #ffeb00;
  border: none;
  outline: none;
  height: 36px;
  width: 31%;
  font-family: 'Prompt-Semibold';
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}
.search-box label.error {
  position: absolute;
  z-index: 9;
  bottom: -30px;
  left: 25px;
  display: block;
  margin: -5px 0 5px 0;
  padding: 5px 0;
  font-weight: normal;
  font-size: 13px;
}
.title-search {
  position: relative;
  display: block;
  margin: 35px 0 10px;
}
.title-search span {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: #95a8b5;
  font-family: 'Prompt-Semibold';
  letter-spacing: 1px;
  background-color: #F4F7F7;
  z-index: 1;
  padding-right: 5px;
}
.title-search:after {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  margin-top: -2px;
  right: 0;
  width: 92%;
  border-top: 4px dotted #c4cfd6;
}
.hide-search .search-form {
  display: none;
}
.search-form .btn-advanced-search{
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 50px;
  padding-left: 45px;
  margin-left: 10px;
  text-align: left;
  background: url(../img/busqueda-avanzada.png) no-repeat left center / 36px;
  text-transform: uppercase;
  font-family: 'Prompt-SemiBold';
  font-size: 10px;
  color: #a6b5c0;
  line-height: 1em;
  padding-top: 15px;
}
.search-form .btn-advanced-search:hover{
  text-decoration: none;
  color: #86b951;
  background: url(../img/busqueda-avanzada-hover.png) no-repeat left center / 36px;
}

.search-page table.list-clients tr th.empty,
.search-page table.list-clients tr td.empty{
  display: none;
}


.frm-advanced-search .title-form h1,
.filtered-advanced h1{
  color: #121920;
  font-size: 30px;
  line-height: 1.2em;
}
.frm-advanced-search .title-form h1{
  margin-bottom: 30px;
}
.filtered-advanced h1{
  margin: 15px 0 5px;
}
.filtered-advanced h2{
  font-size: 13px;
  margin-bottom: 20px;
}
.filtered-advanced p{
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 700;
}
.filtered-advanced p img{
  display: inline-block;
  width: 13px;
  margin-right: 3px;
}
.filtered-advanced p span{
  font-family: 'Prompt-SemiBold';
  color: #86b951;
}
.frm-advanced-search .close-search{
  display: inline-block;
  width: 35px;
}


/*------------------------------------*\
	PAGINACIÓN
\*------------------------------------*/

.table-pagination .pagination .label, 
.letter-pagination .pagination .label {
  font-weight: normal;
  padding: 0;
}
.table-pagination .pagination .label .current, 
.letter-pagination .pagination .label .current {
  color: #121920;
}
.table-pagination .pagination>li>a, 
.table-pagination .pagination>li>span {
  position: relative;
  padding: 9px;
  line-height: 1;
  color: #a3a4a4;
  text-decoration: none;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-color: transparent;
  border: 1px solid #a3a4a4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 3px;
  text-align: center;
}
.table-pagination .pagination>li.active a, 
.table-pagination .pagination>li>a:hover, 
.table-pagination .pagination>li>span:hover {
  background-color: #121920;
  color: #FFF;
  border-color: #121920;
}
.letter-pagination{
  margin: 15px 0;
}
.letter-pagination .pagination>li{
  display: inline-block;
}
.letter-pagination .pagination>li>a, 
.letter-pagination .pagination>li>span {
  position: relative;
  padding: 0 4px;
  width: 22px;
  height: auto;
  font-size: 12px;
  color: #a3a4a4;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  border: none;
  margin: 0;
}
/*.letter-pagination .pagination>li a.active,*/
.letter-pagination .pagination>li>a:hover {
  color: #121920;
  font-size: 18px;
  font-family: 'Prompt-Medium';
  line-height: 1;
}
.table-pagination .pagination>li.disabled, 
.letter-pagination .pagination>li.disabled {
  opacity: 0.4;
}
.table-pagination .pagination>li.label>span, 
.letter-pagination .pagination>li.label>span {
  width: auto;
  padding: 12px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 14px;
  border: 0;
}
.letter-pagination .pagination>li.label>span {
  padding: 0px 8px;
}
.table-pagination .pagination>li.label>span:hover, .letter-pagination .pagination>li.label>span:hover {
  background-color: transparent;
  color: #a3a4a4;
}
.table-pagination .pagination>li a i, .letter-pagination .pagination>li a i {
  color: #a3a4a4;
  font-size: 22px;
  display: inline-block;
  margin-top: -4px;
}
.table-pagination .pagination>li.viewall>a, 
.letter-pagination .pagination>li.viewall>a {
  width: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 12px 18px;
  font-size: 10px;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #121920;
  color: #FFF;
  border-color: #121920;
}
.letter-pagination .pagination {
  margin: 0;
  text-align: right;
}
/*------------------------------------*\
	FOOTER
\*------------------------------------*/

#footer {
  position: relative;
  display: block;
  font-size: 12px;
  color: #848f96;
  letter-spacing: 2px;
  margin: 60px 0 20px;
}
/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/

header .navbar-toggle {
  margin-top: 1px;
  margin-left: 15px;
  margin-bottom: 8px;
}
header .navbar-toggle .icon-bar {
  width: 34px;
  height: 4px;
  background: #FFF;
}
header .navbar-toggle .icon-bar+.icon-bar {
  margin-top: 5px;
}
header .navbar {
  min-height: 1px;
}

@media only screen and (min-width : 950px) {
  #wrapper {
    position: inherit;
    margin: 0;
  }
  #page-wrapper {
    padding: 15px;
  }
}

@media only screen and (min-width : 1200px) {
  #wrapper {
    position: inherit;
    margin: 0 0 0 260px;
  }
  #page-wrapper {
    padding: 30px 100px;
  }
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 260px;
  }
  .navbar-default.sidebar .nav > li> a span.menu-label {
    display: table-cell;
  }
  .navbar-default.sidebar .nav > li {
    border-bottom: 1px solid #CCC;
  }
}

@media only screen and (max-width: 1200px) {
  .sidebar {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  header #logo {
    padding: 25px 15px 15px;
  }
  header .navbar ul.nav {
    display: inline-block;
    margin: 30px 12px;
  }
  header .navbar ul.nav li a {
    padding: 14px 35px;
  }
  header .navbar ul.nav li a.mi-cuenta {
    padding: 21px 10px;
  }
  header .navbar ul.nav li a.mi-cuenta span {
    display: none;
  }
  #page-wrapper {
    padding: 15px;
  }
  .vertical-align {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  header .navbar {
    border-radius: 4px;
  }
  header #logo img {
    max-width: 180px;
  }
  header .navbar ul.nav li {
    display: block;
  }
  header .navbar ul.nav li a.index {
    margin-top: 35px;
  }
  header .navbar .b-left {
    border: none;
    text-align: right;
  }
  .search-box,  .search-box input {
    font-size: 12px;
    height: 40px;
  }
  .search-box{
    margin-bottom: 10px;
  }
  .search-box button {
    font-size: 11px;
    height: 33px;
    margin-top: -3px;
  }
  .pasos-form li {
    width: 70px;
  }
  .pasos-form li .circle {
    width: 65px;
    height: 65px;
    background-size: 25px !important;
  }
  .pasos-form li .link-name {
    font-size: 12px;
  }
  .pasos-form::after {
    width: 45%;
    top: 43%;
  }
  .wrapper-list table th.letra span {
    font-size: 50px;
  }
  .wrapper-list table th.letra span:after {
    width: 90%;
  }
  .wrapper-list table tbody tr td a.edit-link i {
    display: none;
  }
  .wrapper-list table thead tr th.empty,
  .wrapper-list table tbody tr td.empty {
    width: 50px;
  }
  .envio-unico .tab-envio .column-text-ficha {
    border-right: none;
  }
  .header-clientes a {
    display: block;
    margin: 3px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .content-tab-client,  .tab-envio .conceptos {
    padding: 15px;
  }
  .tab-envio .conceptos .title-compra span,  .tab-envio .conceptos .title-venta span,  .tab-envio .total-conceptos-ficha span,  .tab-envio .line-concepto-ficha span {
    font-size: 14px;
  }
  .envio-multidestino .line-envio-ficha .compania-envio {
    margin: 15px auto 0;
  }
  .line-envio-ficha .info-envio .origen,  .line-envio-ficha .info-envio .destino {
    font-size: 26px;
  }
  .frm-box h1 {
    font-size: 22px;
  }
  .list-contacts h1.contacts,  .list-offers h1.offers {
    font-size: 18px;
    line-height: 1.1em;
  }
  .banner .img-banner,  .banner .back-banner {
    min-height: 0;
  }
  #content-ficha .title-envio-ficha,  .header-clientes a:before,  .wrapper-list table .cif,  .wrapper-list table .provincia,  .wrapper-list table .pais,  .wrapper-list table .f_emision,  .wrapper-list table .f_validez,  .wrapper-list table .estado,  .wrapper-list table .telefono,  .wrapper-list table .email,  .wrapper-list table .direccion,  .wrapper-list table .tipo,  .wrapper-list table .oficina,  .wrapper-list table .edit-offer {
    display: none;
  }
  .wrapper-list table th.letra span{
    margin-bottom: -5px;
  }
  .list-offers tbody tr td{
    padding: 20px 2px !important;
  }
  .wrapper-list table td a.view-link{
    margin-right: 5px;
  }
  .header-sections .section{
    max-width: 100% !important;
    margin: 5px 0 !important;
  }
  #content-ficha .envio-unico .column-left-ficha{
    padding-right: 35px;
  }
  #content-ficha .envio-unico .line-envio-ficha,
  #content-ficha .envio-unico .line-carga-ficha{
    padding: 20px 15px;
  }
  #content-ficha .compania-envio{
    margin-bottom: 20px;
  }
  #content-ficha .envio-unico .column-left-ficha::after{
    width: 20px;
  }
  #content-ficha .line-envio-ficha .trayecto .siglas{
    font-size: 30px;
  }
  #content-ficha .envio-unico .line-garantias-ficha{
    padding: 20px 0;
  }
  #content-ficha .envio-unico .line-envio-ficha .escalas{
    margin-bottom: 0;
  }
  #content-ficha .tiempos{
    margin: 0;
  }
  #content-ficha h3, #comentarios h3{
    margin-bottom: 30px;
  }
  .table-ecco .logo-eccoprint {
    width: 40px;
    padding-right: 8px;
  }
  #content-ficha .conceptos{
    overflow-x: scroll;
  }
  #content-ficha .conceptos > .d-table{
    min-width: 670px;
  }
  #comentarios .box-creator, 
  #comentarios .box-comentario{
    min-height: inherit;
  }
  #content-ficha .text-seguro p{
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 485px) {
  .parallax-mirror {
    left: -110px !important;
    width: 600px !important;
  }
  .tab-envio .total-conceptos-ficha .total-venta {
    padding-top: 14px;
  }
  .wrapper-list table thead tr th.empty,
  .wrapper-list table tbody tr td.empty {
    width: 10px;
  }
  .wrapper-list table tbody tr td .envios-container .line-envio{
    width: 20px;
  }
  .wrapper-list table tbody tr td .envios-container .line-envio::before,
  .wrapper-list table tbody tr td .envios-container .line-envio::after{
    display: none;
  }
  .wrapper-list table tbody tr td .envios-container span,
  .wrapper-list table tbody tr td span.medium {
    font-size: 12px;
  }
  .wrapper-list table tbody tr td span.large{
    font-size: 15px;
  }
  #oferta{
    padding: 0 15px;
  }
  #oferta .container{
    margin: 15px auto;
  }
  #sub-header-ficha p{
    margin-bottom: 15px;
  }
  #content-ficha .envio-unico .column-left-ficha::after {
    width: 0px;
  }
  #content-ficha .envio-unico .column-left-ficha {
    padding-right: 15px;
  }
  #content-ficha .envio-unico .line-envio-ficha, 
  #content-ficha .envio-unico .line-carga-ficha {
    padding: 20px 0;
  }
  #content-ficha .line-envio-ficha .envios-container .line-envio img{
    width: 35px;
  }
  #content-ficha .line-envio-ficha .envios-container .line-envio::before{
    top: 12px;
  }
  #content-ficha .line-envio-ficha .envios-container .line-envio::after{
    top: 18px;
  }
  .table-ecco{
    margin-bottom: 15px;
  }
}
/*------------------------------------*\
	IMPRIMIR
\*------------------------------------*/

@page {
  size: A4;
  margin: 0;
  background-color: #ececec !important;
  -webkit-print-color-adjust: exact;
}

@media print {
  html, body {
    width: 210mm;
    min-height: 297mm;
    background-color: #ececec !important;
    -webkit-print-color-adjust: exact;
  }
  *{
    -webkit-print-color-adjust: exact;
  }
  .print-envio{
    border-top: 27px solid #f0f4f5 !important;
    -webkit-print-color-adjust: exact;
  }
  .print-envio:nth-child(2){
    border-top: none !important;
    page-break-inside: inherit !important;
  }
  .print-page{
    page-break-inside: avoid !important;
  }
  [class*="col-md"], 
  [class*="col-sm"], 
  [class*="col-xs"] {
    float: left;
  }
  a[href]:after {
    display: none;
    visibility: hidden;
  }
  .col-sm-12,  
  .col-md-12 {
    width: 100%;
  }
  .col-sm-11,  
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-sm-10,  
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-sm-9,  
  .col-md-9 {
    width: 75%;
  }
  .col-sm-8,  
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-sm-7,  
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-sm-6,  
  .col-md-6 {
    width: 50%;
  }
  .col-sm-5,  
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-sm-4,  
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-sm-3,  .col-md-3 {
    width: 25%;
  }
  .col-sm-2,  .col-md-2 {
    width: 16.66666667%;
  }
  .col-sm-1,  .col-md-1 {
    width: 8.33333333%;
  }
  br,
  .no-print {
    display: none !important;
  }
  #oferta{
    background-color: #f0f4f5 !important;
    -webkit-print-color-adjust: exact;
    padding: 0px 30px 30px !important;
  }
  #oferta .container{
    margin: 0px !important;
  }
  #oferta .container.datos-envio,
  #oferta #sub-header-ficha{
    margin-bottom: 15px !important;
  }
  .wrapper-white {
    background-color: #FFF !important;
    -webkit-print-color-adjust: exact;
  }
  #header-ficha {
    display: block !important;
    opacity: 1 !important;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
    filter: alpha(opacity=1);
    background-color: #2b3c4e !important;
    -webkit-print-color-adjust: exact;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }
  #header-ficha .d-table, 
  #sub-header-ficha .d-table{
    border-spacing: 8px !important;
  }
  #header-ficha .logo{
    width: 45px !important;
  }
  #header-ficha .logo-ecco{
    margin-top: 18px !important;
    max-height: 32px !important;
    margin-right: 15px !important;
  }
  #header-ficha .d-table span.name-user,  
  #header-ficha .d-table span.phone-user,  
  #header-ficha .d-table span.phone-user:before,  
  #header-ficha .d-table span.email-user,  
  #header-ficha .d-table span.email-user:before {
    color: #379dba !important;
    -webkit-print-color-adjust: exact;
  }
  #header-ficha .d-table span.office-user {
    color: #83878b !important;
    -webkit-print-color-adjust: exact;
    margin-bottom: 0 !important;
  }
  #header-ficha .d-table span.name-user{
    font-size: 12px !important;
  }
  #header-ficha .d-table span.office-user{
    font-size: 10px !important;
  }
  #header-ficha .d-table span.phone-user, 
  #header-ficha .d-table span.email-user{
    font-size: 8px !important;
    padding-left: 12px !important;
  }
  #header-ficha .d-table span.email-user:before,
  #header-ficha .d-table span.phone-user:before{
    font-size: 9px !important;
    width: 11px !important;
  }
  #header-ficha .hidden-xs{
    display: block !important;
  }
  #sub-header-ficha{
    padding-top: 15px !important;
    padding-bottom: 0px !important;
  }
  #sub-header-ficha .wrapper-white{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  #sub-header-ficha h1 {
    font-size: 19px !important;
    line-height: 1.15em !important;
  }
  #sub-header-ficha h1 span {
    color: #62a51b !important;
    -webkit-print-color-adjust: exact;
  }
  #sub-header-ficha .d-table span.name-user{
    font-size: 9px !important;
  }
  #sub-header-ficha .d-table span.office-user{
    font-size: 8px !important;
    color: #62a51b !important;
    -webkit-print-color-adjust: exact;
  }
  #sub-header-ficha #user-client{
    height: 63px;
  }
  #sub-header-ficha .logo{
    width: 35px;
  }
  #sub-header-ficha p{
    font-size: 9px !important;
  }
  #sub-header-ficha .d-table span.color-sin-enviar {
    color: #5bc0de !important;
    -webkit-print-color-adjust: exact;
  }
  #sub-header-ficha .d-table span.color-pendiente {
    color: #f0ad4e !important;
    -webkit-print-color-adjust: exact;
  }
  #sub-header-ficha .d-table span.color-aceptada {
    color: #5cb85c !important;
    -webkit-print-color-adjust: exact;
  }
  #sub-header-ficha .d-table span.color-cancelada {
    color: #d9534f !important;
    -webkit-print-color-adjust: exact;
  }
  #sub-header-ficha .d-table span.color-caducada {
    color: #d9534f !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha h3,
  #comentarios h3{
    font-size: 11px !important;
    margin-top: 5px !important;
    margin-bottom: 14px !important;
    color: #62a51b !important;
    -webkit-print-color-adjust: exact;
  }
  #sub-header-ficha h4, 
  #content-ficha h4{
    color: #89a2a9 !important;
    -webkit-print-color-adjust: exact;
    font-size: 7px !important;
    margin-bottom: 3px !important;
  }
  #content-ficha p{
    font-size: 9px !important;
  }
  #content-ficha .title-envio-ficha{
    padding: 10px 10px 0px !important;
  }
  #content-ficha .envio-multidestino .tab-envio{
    padding: 10px !important;
  }
  #content-ficha .envio-multidestino .n_envio{
    font-size: 20px !important;
    margin-top: 15px !important;
  }
  #content-ficha .title-envio-ficha > .col-xs-6,
  #content-ficha .envio-multidestino .tab-envio > .col-sm-6{
    width: 58.33333333% !important;
  }
  #content-ficha .envio-unico .line-envio-ficha .envios-container .line-envio{
    height: 30px !important;
    margin: 10px 0 0 !important;
  }
  #content-ficha .envio-unico .line-envio-ficha .trayecto{
    margin: 0px !important;
  }
  #content-ficha .line-envio-ficha .envios-container .line-envio{
    height: 30px !important;
  }
  #content-ficha .line-envio-ficha .envios-container .line-envio::before{
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #86b951 !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .line-envio-ficha .envios-container .line-envio img{
    width: 30px;
  }
  #content-ficha .line-envio-ficha .envios-container .line-envio::after {
    top: 14px;
    left: 5px;
    width: calc(100% - 20px);
    border-top: 2px solid #86b951;
  }
  #content-ficha .line-envio-ficha .trayecto .siglas{
    font-size: 30px !important;
  }
  #content-ficha .line-envio-ficha .escalas span{
    font-size: 9px !important;
    color: #95a8b5 !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .line-envio-ficha .escalas span i{
    font-size: 7px !important;
  }
  #content-ficha .line-envio-ficha .escalas span i::before{
    color: #3399cc !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .line-envio-ficha .escalas span strong{
    font-size: 11px !important;
  }
  #content-ficha .envio-unico .line-envio-ficha .escalas{
    margin-bottom: 20px !important;
  }
  #content-ficha .envio-multidestino .column-left-ficha{
    padding-top: 10px !important;
  }
  #content-ficha .envio-unico .column-left-ficha{
    padding-right: 30px;
  }
  #content-ficha .envio-unico .column-left-ficha::after {
    width: 15px !important;
    background-color: #f0f4f5 !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .envio-multidestino .column-left-ficha::after{
    width: 2px !important;
    background-color: #f0f4f5 !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .envio-unico .line-envio-ficha,
  #content-ficha .envio-unico .line-carga-ficha{
    padding: 15px 10px !important;
  }
  #content-ficha .envio-unico .line-garantias-ficha,
  #content-ficha .envio-multidestino .line-envio-ficha,
  #content-ficha .envio-multidestino .column-left-ficha .line-envio-ficha,
  #content-ficha .envio-multidestino .column-left-ficha .line-carga-ficha,
  #content-ficha .envio-multidestino .line-garantias-ficha{
    padding: 5px !important;
  }
  #content-ficha .envio-multidestino .compania-envio{
    margin: 10px 0 !important;
  }
  #content-ficha .compania-envio{
    border-spacing: 4px 0 !important;
  }
  #content-ficha .compania-envio .logo{
    max-width: 40px !important;
    max-height: 25px !important;
    margin-right: 10px !important;
  }
  #content-ficha .line-carga-ficha .line-carga{
    margin-top: 15px !important;
  }
  #content-ficha .line-carga-ficha .title-carga{
    font-size: 10px !important;
    color: #a7abac !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .line-envio-ficha .escalas span{
    margin-bottom: 0 !important;
  }
  #content-ficha .tiempos .tiempo{
    font-size: 13px !important;
  }
  #content-ficha .tiempos img{
    width: 15px !important;
    margin-right: 5px !important;
  }
  #content-ficha .tiempos h4{
    margin-bottom: 1px !important;
  }
  #content-ficha .tiempos .dias{
    width: 20px !important;
    font-size: 5px !important;
    color: #a6abab !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .line-carga-ficha h3{
    margin-bottom: 25px !important;
  }
  #content-ficha .line-carga-ficha p{
    font-size: 9px !important;
    margin-bottom: 0 !important;
  }
  #content-ficha .line-carga-ficha p span{
    font-size: 11px !important;
  }
  #content-ficha .line-carga-ficha p span.valor{
    font-size: 13px !important;
  }
  #content-ficha .line-carga-ficha img{
    width: 60px;
  }
  #content-ficha .line-garantias-ficha h3 {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
  }
  .table-ecco h5{
    font-size: 8px !important;
    margin-bottom: 5px !important;
  }
  #content-ficha .line-garantias-ficha p,
  .table-ecco p strong{
    font-size: 7px !important;
    color: #a6abab !important;
    margin-bottom: 9px !important;
    -webkit-print-color-adjust: exact;
  }
  .table-ecco .logo-eccoprint{
    width: 27px !important;
    padding-right: 5px !important;
  }
  #content-ficha .envio-unico .line-envio-ficha,
  #content-ficha .mapa{
    min-height: 165px;
    height: 165px;
  }
  #content-ficha .envio-multidestino .mapa{
    height: 325px !important;
  }
  #content-ficha .brujula {
    bottom: 10px !important;
    left: 10px !important;
  }
  #content-ficha .brujula img {
    width: 25px !important;
  }
  #content-ficha .b-bottom{
    border-bottom: 3px solid #f0f4f5 !important;
  }
  #content-ficha .conceptos{
    border-bottom: 3px solid #f0f4f5 !important;
    padding: 10px 20px 0 !important;
    page-break-inside: inherit !important;
  }
  #content-ficha .conceptos h3{
    margin-bottom: 15px !important;
  }
  #content-ficha .conceptos > .d-table{
    margin-top: -20px !important;
  }
  #content-ficha .conceptos > .d-table > .d-row > .d-cell{
    padding: 1px 4px !important;
    border: 1px solid #e5eaeb !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .conceptos > .d-table > .d-row > .d-cell.b-none {
    border: none !important;
  }
  #content-ficha .conceptos > .d-table .name_concept,
  #content-ficha .conceptos > .d-table .title-fletes{
    color: #a7abac !important;
    font-size: 8px !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .conceptos > .d-table .title-fletes{
    font-size: 10px !important;
  }
  #content-ficha .conceptos > .d-table > .d-row > .d-cell.d-title{
    padding: 6px 5px !important;
    font-size: 8px !important;
    background-color: #e0e0e0 !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .conceptos > .d-table > .d-row > .d-cell.d-title-2{
    background-color: #d8dadb;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .conceptos > .d-table .icon-fletes{
    width: 11px !important;
    margin-right: 10px;
  }
  #content-ficha .conceptos > .d-table .icon-pago{
    width: 20px !important;
  }
  #content-ficha .conceptos > .d-table .n_concept{
    margin: 0 4px 0 1px;
    padding: 1;
    font-size: 5px;
    line-height: 8px;
    width: 11px;
    height: 11px;
    color: #95a8b5 !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .conceptos > .d-table > .d-row > .d-cell.d-valor{
    font-size: 11px !important;
    background-color: #f9f9f9 !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .conceptos > .d-table > .d-row > .d-cell.d-valor-2 {
    background-color: #f1f3f4 !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .conceptos > .d-table > .d-row > .d-cell.d-valor span.valor_origen{
    font-size: 8px !important;
  }
  #content-ficha .conceptos > .d-table > .d-row > .d-cell.d-valor-total{
    font-size: 12px !important;
    border-bottom: none !important;
  }
  #content-ficha .conceptos > .d-table .d-cell .d-table .d-cell{
    padding: 4px 5px !important;
    vertical-align: middle !important;
  }
  #content-ficha .conceptos > .d-table .d-cell .d-table .d-cell.icon{
    width: 18px !important;
    padding: 0 !important;
    text-align: left !important;
  }
  #content-ficha .conceptos > .d-table .icon-pago{
    width: 14px !important;
  }
  #content-ficha .conceptos > .d-table .d-cell .d-table .d-cell .nopadding {
    padding: 0 !important;
  }
  #content-ficha .conceptos > .d-table .d-cell .d-table .d-cell h3,
  #content-ficha .conceptos > .d-table .d-cell .d-table .d-cell h4{
    margin-bottom: 0 !important;
  }
  #content-ficha .box-seguro {
    padding: 10px 15px !important;
    border-bottom: 3px solid #f0f4f5 !important;
    -webkit-print-color-adjust: exact;
  }
  #content-ficha .text-seguro{
    padding-top: 5px !important;
  }
  #content-ficha .title-seguro img{
    width: 18px !important;
    margin: 5px !important;
  }
  #content-ficha .title-seguro span{
    font-size: 20px !important;
    color: #1b86a5 !important;
    -webkit-print-color-adjust: exact;
    margin: 5px 0 !important;
  }
  #content-ficha .text-seguro p{
    font-size: 10px !important;
    margin: 0 !important;
  }
  #content-ficha .text-seguro .importe {
    color: #1b86a5 !important;
    -webkit-print-color-adjust: exact;
  }
  #comentarios{
    page-break-inside: avoid !important;
  }
  #comentarios .box-creator, #comentarios .box-comentario {
    padding: 11px 15px !important;
    min-height: 0 !important;
  }
  #comentarios .box-creator img, #comentarios .box-creator span {
    margin: 0 auto 4px !important;
  }
  #comentarios .box-creator img{
    width: 45px !important;
  }
  #comentarios .box-creator .name-user {
    color: #1b86a5 !important;
    font-size: 12px !important;
    -webkit-print-color-adjust: exact;
  }
  #comentarios .box-creator .office-user {
    color: #a7abac !important;
    font-size: 8px !important;
    -webkit-print-color-adjust: exact;
  }
  #comentarios .box-comentario{
    width: 66.66666667% !important;
  }
  #comentarios .box-comentario h3{
    margin-bottom: 5px !important;
  }
  #comentarios .box-comentario h3.title-red{
    color: #b6535e !important;
    -webkit-print-color-adjust: exact;
  }
  #comentarios .box-comentario p {
    color: #a7abac !important;
    font-size: 8px !important;
    -webkit-print-color-adjust: exact;
  }
  .footer-ficha{
    margin-top: 0 !important;
    margin-bottom: 0px !important;
    padding: 10px 0 !important;
    background-color: #ececec !important;
    -webkit-print-color-adjust: exact;
    page-break-inside: avoid !important;
  }
  .footer-ficha .table-ecco p,
  .footer-ficha .table-ecco p a{
    display: block;
    font-size: 8px !important;
    color: #a6abab !important;
    -webkit-print-color-adjust: exact;
  }
  .footer-ficha .table-ecco .logo{
    width: 35px !important;
  }
}
/*------------------------------------*\
	ESTRUCTURAS GENERICAS
\*------------------------------------*/

.header-sections {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.header-sections .section {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 190px;
  height: 38px;
  margin: 10px;
  text-align: center;
  border: 1px solid #95a8b5;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
}
.header-sections .section > a {
  display: inline-block;
  width: 100%;
  padding: 11px 0;
  color: #95a8b5;
  font-size: 14px;
  text-decoration: none;
}
.header-sections .section.add-element {
  color: #FFF;
  border-color: #2598e9;
  background: #2598e9;
  max-width: 38px;
  font-size: 18px;
}
.header-sections .section.add-element > a > i {
  font-weight: 100;
}
.header-sections .section.active {
  border-color: #121920;
  background-color: #121920;
}
.header-sections .section.active > a, .header-sections .section.add-element > a {
  color: #FFF;
}
.header-sections .section.show-submenu:not(.add-element) > a {
  padding-right: 15px;
}
.header-sections .section.show-submenu > span {
  color: #95a8b5;
  font-size: 22px;
  position: absolute;
  display: block;
  top: 0;
  right: 2px;
  width: 35px;
  height: 35px;
  line-height: 1;
  cursor: pointer;
  padding: 8px 0;
}
.remove-btn {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: #FFF url(../img/cerrar.png) no-repeat center center / 32px;
  vertical-align: middle;
  z-index: 1;
  cursor: pointer;
}
.modal-actions {
  position: absolute;
  display: none;
  top: 100%;
  right: 0;
  min-width: 190px;
  margin-top: 6px;
  z-index: 9;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(149,168,181,0.4);
  -moz-box-shadow: 0px 0px 10px 1px rgba(149,168,181,0.4);
  box-shadow: 0px 0px 10px 1px rgba(149,168,181,0.4);
}
.modal-actions a {
  display: block;
  padding: 12px;
  font-size: 14px;
  color: #95a8b5;
  background: #FFF;
  text-decoration: none;
  border-top: 2px solid #eeeeee;
}
.modal-actions a:first-of-type {
  border: none;
}
.modal-actions a i {
  font-size: 18px;
}
.modal-actions a img {
  display: inline-block;
  vertical-align: bottom;
}
.modal-actions a.edit img {
  width: 16px;
}
.modal-actions a.duplicate img {
  width: 13px;
}
.modal-actions a i.fa-plus {
  font-size: 13px;
  font-size: 10px;
  line-height: 14px;
  border: 1px solid #95a8b5;
  width: 16px;
  height: 16px;
  text-align: center;
}
.modal-actions a:hover {
  color: #121920;
}
a.add-element {
  display: inline-block;
  font-family: 'Prompt-SemiBold';
  font-size: 10px;
  color: #FFF;
  background: #2598e9;
  padding: 14px 20px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}
a.add-element i {
  width: 22px;
  height: 22px;
  border: 2px solid #FFF;
  margin-right: 5px;
  padding: 4px 5px;
  font-size: 10px;
}
.right {
  float: right;
}
.left {
  float: left;
}
.rounded {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.circle {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box
}
.w100 {
  width: 100%;
}
.w75 {
  width: 75%;
}
.w66 {
  width: 66.66%;
}
.w50 {
  width: 50%;
}
.w33 {
  width: 33.33%;
}
.w25 {
  width: 25%;
}
.w20 {
  width: 20%;
}
.w15 {
  width: 15%;
}
.w12 {
  width: 12.5%;
}
.w10 {
  width: 10%;
}
.zero {
  width: 0;
  height: 0;
  overflow: visible;
  position: relative;
}
.tcenter {
  text-align: center !important;
}
.tright {
  text-align: right !important;
}
.uppercase {
  text-transform: uppercase;
}
.error, .red {
  color: #d00d29 !important;
}
.grey {
  color: #95a8b5 !important;
}
.fsize11 {
  font-size: 11px !important;
}
.fsize12 {
  font-size: 12px !important;
}
.fsize13 {
  font-size: 13px !important;
}
.fsize14 {
  font-size: 14px !important;
}
.fsize16 {
  font-size: 16px !important;
}
.fsize18 {
  font-size: 18px !important;
}
.lspacing1 {
  letter-spacing: 1px;
}
.lspacing2 {
  letter-spacing: 2px;
}
.ok {
  color: #86b951;
}
.d-iblock{
  display: inline-block !important;    
  vertical-align: baseline !important;
}
.d-none {
  display: none;
}
.scroll-y {
  overflow-y: auto;
}
.hide {
  opacity: 0.00;
  -moz-opacity: 0.00;
  -khtml-opacity: 0.00;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=00);
  filter: alpha(opacity=00);
}
.shadowed {
  box-shadow: 0px 0px 3px #333;
  -moz-box-shadow: 0px 0px 3px #333;
  -webkit-box-shadow: 0px 0px 3px #333;
  -o-box-shadow: 0px 0px 3px #333;
}
.clear {
  clear: both !important;
  float: none !important;
}
.clearfix {
*zoom:1;
  clear: both;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.d-block {
  display: block
}
.d-table {
  display: table;
  border-collapse: separate;
  border-spacing: 0;
}
.d-row {
  display: table-row;
}
.d-cell {
  display: table-cell;
  vertical-align: middle;
}
.anim, a:hover {
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
}
.back-transparent {
  background: transparent !important;
  background-color: transparent !important;
}
.nomargin {
  margin: 0 !important;
}
.nopadding {
  padding: 0 !important;
}
.no-anim {
  transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  -moz-transition: none !important;
}
.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  margin: auto;
  z-index: 999;
  background: rgba(255,255,255,0.65);
  display: none;
}
.loading img {
  position: absolute;
  max-width: 60px;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-moz-keyframes spin {
100% {
-moz-transform:rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform:rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
.hover-box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #FFF;
  display: none;
}
.set-opacity {
  opacity: 0.50;
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.opacity-on:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
.noscript {
  background: #FFF;
  padding: 5px;
  font-size: 15px;
}
.results-ajax {
  display: none !important;
}