@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap);html {
  width: 100%;
}
body {
  background-color: #fff;
  font-family: Verdana;
  font-size: 16px;
  line-height: normal;
}
a:hover,
a:focus {
  color: #009fda;
  text-decoration: none;
}
img {
  border: none;
}
ul {
  margin-bottom: 0px;
}

.no-padding {
  padding: 0px !important;
}
.no-padding-left {
  padding-left: 0px !important;
}
.img-responsive img {
  width: 100%;
  height: auto;
}
.no-display {
  display: none;
}
.font-Raleway {
  font-family: 'Roboto', sans-serif;
}
.select2-container .select2-search--inline .select2-search__field {
  height: 25px;
}
.field-icon {
  background: #ececec;
  cursor: pointer;
  float: right;
  height: 32px;
  margin-top: -33px;
  position: relative;
  padding: 10px;
  width: 30px;
  z-index: 9;
}
input[type=text],
input[type=password],
input[type=search],
input[type=number],
input[type=date] {
  background-color: #fbfbfb;
  border-radius: 2px;
  border-top: none;
  border-left: none;
  border-right: 1px solid #e9ebeb;
  border-bottom: 1px solid #e9ebeb;
  box-shadow: inset 1px 1px 1px 0px #a9aaaa;
  -moz-box-shadow: inset 1px 1px 1px 0px #a9aaaa;
  -webkit-box-shadow: inset 1px 1px 1px 0px #a9aaaa;
  color: #28a6dc !important;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  height: 34px;
  padding: 0 10px;
  width: 100%;
}
.amsify-suggestags-input-area input[type=text] {
  background-color: transparent !important;
  box-shadow: none !important;
  width: auto !important;
  max-width: 100px !important;
}
.form-control2 {
  background-color: #fbfbfb;
  border-radius: 2px;
  border-top: none;
  border-left: none;
  border-right: 1px solid #e9ebeb;
  border-bottom: 1px solid #e9ebeb;
  box-shadow: inset 1px 1px 1px 0px #a9aaaa;
  -moz-box-shadow: inset 1px 1px 1px 0px #a9aaaa;
  -webkit-box-shadow: inset 1px 1px 1px 0px #a9aaaa;
  color: #28a6dc !important;
  font-size: 13px;
  height: 34px;
  padding: 0 10px;
  width: 100%;
}
.login-box button {
  background: #960002;
  background: linear-gradient(to bottom, #960002 0%, #9e0002 33%, #db2941 72%, #de0024 100%);
  border: 1px solid #960002;
  border-radius: 5px;
  box-shadow: 2px 2px 0 -1px #d9e3e8;
  color: #fff;
  font-size: 1em;
  padding: 10px 20px;
  text-transform: uppercase;
}
.btn {
  font-size: 1em;
}
.btn-send {
  margin-top: 10px;
}
.btn-report {
  float: left;
  margin-right: 5px;
}
button a {
  color: #fff;
}
button i {
  font-size: 1.3em;
}
.modal .modal-content .modal-body {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.modal .modal-content .modal-header .close {
  font-size: 3em;
  margin-top: -10px;
}
.modal .modal-content h3 {
  font-size: 1.4em;
}
.modal .modal-data-box {
  background-color: #f7f7f7;
  border-radius: 5px;
  float: left;
  margin-bottom: 5px;
  padding: 0px 10px 12px;
  width: 100%;
}
.modal .modal-data-box .modal-data-box-title {
  font-weight: bold;
  font-size: 1.1em;
  margin: 10px 0px 5px;
}
.form-data-box {
  background-color: #f7f7f7;
  border-radius: 5px;
  float: left;
  font-size: 0.9em;
  margin-bottom: 5px;
  padding: 0px 10px 12px;
  width: 100%;
}
.form-data-box .form-data-box-title {
  font-weight: bold;
  font-size: 1.2em;
  margin: 10px 0px 5px;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.ui-datepicker {
  z-index: 9999 !important;
}
.header {
  background-color: #fff;
  width: 100%;
}
.header .header-logo {
  margin: 12px 0px 12px 2px;
}
.header .header-logo img {
  height: auto;
  max-width: 100%;
}
.header .header-app-name {
  color: #82786f;
  font-size: 0.9em;
  margin-top: 12px;
}
.footer {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.footer .footer-bottom {
  background-color: #e0ded8;
  box-shadow: 1px 2px 3px 0 #c0c0c0 inset;
  padding: 17px 0 20px 0;
}
.footer a {
  color: #82786f;
  display: inline;
  font-size: 0.9em;
  margin: 0 30px 0 0;
}
.footer a:hover {
  color: #009fda;
  text-decoration: none;
}
.login-box {
  font-size: 0.9em;
}
.login-box .login-box-body {
  border-radius: 10px;
}
.login-box .login-box-body .login-logo {
  margin-bottom: 0;
}
.skin-red {
  font-size: 1.2em;
}
.skin-red .main-header .logo {
  background-color: #fff;
}
.skin-red .main-header .logo:hover {
  background-color: #fff;
}
.skin-red .main-header .navbar {
  background-color: #de0024;
}
.skin-red .main-sidebar {
  padding-top: 50px;
}
.quotation .title-section {
  margin-bottom: 15px;
}
.main-header .sidebar-toggle:before {
  font-size: 1.5em;
}
.user-create {
  width: 800px;
}
.dataTables_filter {
  float: right;
}
.date-col-1 {
  float: left;
  margin-right: 10px;
  width: 80%;
}
.hoy {
  margin-top: 20px;
}
.red-button {
  background: #960002;
  background: linear-gradient(to bottom, #960002 0%, #9e0002 33%, #db2941 72%, #de0024 100%);
  border: 1px solid #960002;
  border-radius: 5px;
  box-shadow: 2px 2px 0 -1px #d9e3e8;
  color: #fff;
  cursor: pointer;
  font-size: 1.4em;
  padding: 3px 10px;
  text-transform: uppercase;
}
.subtitle {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 5px;
}
.box-body {
  padding: 0px 10px;
}
.form-data-box-content .text {
  font-size: 1.2em;
}
.inputGroup {
  background-color: #eee;
  display: block;
  margin: 10px 0;
  position: relative;
}
.inputGroup label {
  padding: 10px 20px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3c454c;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  font-size: 2em;
  text-transform: uppercase;
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #1ba5c4;
  padding: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #d1d7dc;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #54e0c7;
  border-color: #54e0c7;
}
.inputGroup input:checked ~ label .detalles-plan a {
  color: #fff;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}
.detalles-plan {
  font-size: 0.5em;
  margin-top: 5px;
}
.precio-plan {
  font-size: 0.6em;
  font-weight: bold;
}
.total-viajeros {
  font-size: 3.5em;
  font-weight: 800;
  text-align: center;
}
.buscador {
  padding: 10px 20px 20px;
}
table.dataTable thead .no-sort:after {
  display: none;
}
.delete {
  background-color: #dd4b39;
  color: #fff;
}
.delete a {
  color: #fff !important;
}
.delete :hover {
  background-color: #c32a17 !important;
}
.sidebar-menu {
  font-size: 1.1em;
}
.table {
  font-size: 1.1em;
}
.btn-send {
  float: right;
  margin-left: 10px;
}
.edad-list {
  font-size: 0.9em;
  margin-top: 5px;
}
.btn-group {
  font-size: 0.9em;
  float: left;
  margin-right: 3px;
}
.label-success {
  font-size: 0.9em;
}
.label-warning {
  font-size: 0.9em;
}
.label-danger {
  font-size: 0.9em;
}
.label-primary {
  font-size: 0.9em;
}
.form-result-planes {
  border: solid 2px #e4e4e4;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px;
  width: 100%;
}
.form-send-bottom {
  margin-bottom: 100px;
}
.dropdown-menu .btn-danger {
  color: #fff;
  text-align: left;
}
.title-section {
  border-right: 1px solid #666;
  float: left;
  font-size: 0.8em;
  margin-right: 5px;
  margin-top: 5px;
  padding-right: 10px;
}
.notFound {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1.3em;
  margin: 5px 20px;
  padding: 10px;
}
.error {
  background-color: #bb001e;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #fff;
  font-size: 1.3em;
  margin: 5px 20px;
  padding: 10px;
}
[v-cloak] {
  display: none;
}
.modal-text {
  font-size: 1.2em;
  margin: 10px 0px;
  width: 100%;
}
.modal-input {
  margin: 5px 0px;
}
.nodal-btn {
  margin: 5px 0px;
}
.title-datos {
  margin: 5px 0px;
  font-size: 1.3rem;
  font-weight: bold;
}
.datos {
  background-color: #eee;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
}
.datos .datos-text {
  padding: 3px 0px;
}
.datos-btn {
  float: right;
  margin: 0px 0px 10px 10px;
}
.btns-modal {
    display: flex;
    flex-flow: row wrap;
    justify-content: end;
    margin-top: 20px;
    width: 100%;
}
.content-divider {
  background-color: #e0ded8;
  border-color: #e0ded8;
  color: #e0ded8;
  float: left;
  height: 1px;
  margin: 10px 0px;
  width: 100%;
}
.informe .form-group .input-group {
  width: 100%;
}
.agencia {
  background-color: #ccc;
  border-radius: 5px;
  font-size: 1.3em;
  padding: 7px;
}
.download-file {
  font-size: 0.8em;
  margin: 5px;
}
.overflow {
  overflow: hidden;
  overflow-x: auto;
}