@import url(../icon/themify-icons/themify-icons.css);
@import url(../icon/icofont/css/icofont.css);
@import url(../icon/simple-line-icons/css/simple-line-icons.css);
@import url(../bower_components/bootstrap/dist-4.5.2/css/bootstrap.min.css);
@import url(../bower_components/Waves/dist/waves.min.css);
@import url(../bower_components/chartist/dist/chartist.css);
@import url(../css/main.css);
@import url(../css/responsive.css);
@import url(../css/color/dark-light.css);
@import url(../css/vue-treeselect.min.css);
@import url(../css/animate.css);
@import url(/Plugins/vue/vue-dropzone/dist/vue2Dropzone.css);
@import url(../plugins/sweetalert/css/sweetalert.css);
@import url(/Plugins/fullCalendar_v3/fullcalendar.css);
/*
 * COLORES 
 */
.text-secondary-color {
  color: #AA66CC !important;
}

.text-stylish-color {
  color: #3F729B !important;
}

/*
 * GENERAL
 */
.pointer {
  cursor: pointer;
}

.mt-110 {
  margin-top: 110px !important;
}

/*
 * LOGIN ADMIN
 */
.login-admin {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}

/*
 * MENU
 */
.main-header-top a.logo img {
  max-height: 50px;
  width: auto;
}

/*
 * BREADCRUMB
 */
#breadcrumb-triangle li a {
  background-color: #05cfb3;
}

#breadcrumb-triangle li:nth-child(even) a {
  background-color: #05cfb3;
}

#breadcrumb-triangle li:nth-child(odd) a {
  background-color: #05cfb3;
}

#breadcrumb-triangle li a:after {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #05cfb3;
}

#breadcrumb-triangle li:nth-child(even) a:after {
  border-left-color: #05cfb3;
}

#breadcrumb-triangle li:nth-child(even) a:before {
  border-color: #05cfb3;
  border-left-color: rgba(0, 0, 0, 0);
}

#breadcrumb-triangle li:nth-child(odd) a:before {
  border-color: #05cfb3;
  border-left-color: rgba(0, 0, 0, 0);
}

/*
 * MENU ADMIN
 */
.sidebar-menu .treeview .treeview-menu i {
  font-size: 18px;
}

/*
 * TILES
 */
.tile {
  color: #FFF !important;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  cursor: pointer;
}

.tile i.icofont {
  font-size: 40px;
}

.tile span.tile-label {
  font-weight: 700;
}

.tile span.badge {
  font-size: 16px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.54);
  background-color: #FFF;
}

.tile.active .card {
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.41);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.41);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.41);
  border: 3px solid #FFF;
}

.tile:hover {
  transform: scale(1.05);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.tile-red {
  background-color: #f56954 !important;
  border: 3px solid rgba(245, 105, 84, 0.8);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.tile-green {
  background-color: #00a65a !important;
  border: 3px solid rgba(0, 166, 90, 0.8);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.tile-blue {
  background-color: #0073b7 !important;
  border: 3px solid rgba(0, 115, 183, 0.8);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.tile-cyan {
  background-color: #00b29e !important;
  border: 3px solid rgba(0, 178, 158, 0.8);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.tile-orange {
  background-color: #ffa812 !important;
  border: 3px solid rgba(255, 168, 18, 0.8);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

/*
 * SIDEBAR
 */
.sidebar-menu > li > a > i {
  font-size: 20px;
}

/*
 * CARDS
 */
h5.card-section-title {
  font-weight: 900;
  font-size: 28px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 30px;
  color: #000 !important;
}

h5.card-header-title {
  font-weight: 900;
  font-size: 24px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #000 !important;
}

/*
 * FORMULARIOS ADMIN
 */
.container-admin ul.nav-tabs-general li > a.nav-link {
  background-color: #ebeff2 !important;
}

.container-admin ul.nav-tabs-general li > a.nav-link.active {
  background-color: #ebeff2 !important;
}

.container-admin .md-group-add-on .md-input-wrapper {
  width: calc(80%);
}

.container-admin .form-group {
  position: relative;
  min-height: 90px;
  margin-bottom: 0px;
}

.container-admin .form-control {
  border-radius: 0px !important;
}

.container-admin .form-control-label {
  font-weight: 500;
}

.container-admin .form-check {
  height: 90px;
  margin-bottom: 0px;
  padding-top: 36px;
}

.container-admin span.label-validate {
  color: #ec8f91;
}

.container-admin .no-empty {
  top: -6px !important;
  font-size: 13px;
  color: #18bc9c !important;
}

.container-admin .select-admin .form-control-label {
  margin-bottom: 7px;
}

.container-admin .select-admin .vue-treeselect__control {
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0px;
}

.container-admin .select-admin .vue-treeselect__control .vue-treeselect__multi-value .vue-treeselect__placeholder {
  line-height: 1.6;
  color: #727272;
}

.container-admin .select-admin button.btn-input-lineal-tooltip {
  right: 25px !important;
  width: 25px !important;
  line-height: 20px !important;
  padding: 0px !important;
  top: 0  !important;
  right: inherit !important;
  margin-left: 10px;
}

.container-admin .switch-button-control {
  margin-bottom: 16px;
}

.container-admin .btn-input-tooltip {
  position: absolute;
  top: 34px;
  right: 10px;
  width: 25px;
  line-height: 20px;
  height: 25px;
  padding: 0px;
}

.container-admin .btn-input-lineal-tooltip {
  position: absolute;
  top: 4px;
  right: 25px;
  width: 25px;
  line-height: 20px;
  height: 25px;
  padding: 0px;
}

.container-admin .toolbar-transportes-pedidos a.btn.active {
  box-shadow: none;
  background-color: #2196f3 !important;
  color: #FFF !important;
}

.container-admin .toolbar-transportes-localizaciones a.btn.active {
  box-shadow: none;
  background-color: #2196f3 !important;
  color: #FFF !important;
}

.container-admin .form-transportes-pedidos p {
  font-size: 16px;
}

.container-admin .form-transportes-pedidos .form-group {
  min-height: auto;
}

.container-admin .form-transportes-pedidos .card-header-title, .container-admin .form-transportes-pedidos label.form-control-label {
  font-size: 16px;
  font-weight: 700;
}

.container-admin .form-transportes-pedidos .icofont-file-pdf:before {
  font-size: 22px;
  color: #000;
}

.container-admin .form-transportes-pedidos .vue-dropzone {
  padding: 0px;
  min-height: 35px;
  border: 1px solid #ced4da;
}

.container-admin .form-transportes-pedidos .vue-dropzone .dz-message {
  margin: 0px;
}

.container-admin .form-transportes-pedidos .vue-dropzone .dz-message .title > p {
  padding-top: 4px;
}

.container-admin .form-transportes-pedidos .vue-dropzone .dz-preview {
  position: relative;
  min-height: 35px;
  margin: 0 10px 0 10px;
  width: 100%;
}

.container-admin .form-transportes-pedidos .vue-dropzone .dz-preview .dz-details {
  height: 35px;
  padding: 8px;
  background-color: transparent;
  opacity: 1;
}

.container-admin .form-transportes-pedidos .vue-dropzone .dz-preview .dz-details .dz-filename {
  width: 175px;
  padding: 0px;
}

.container-admin .form-transportes-pedidos .vue-dropzone .dz-preview .dz-details .dz-filename span {
  color: #000;
}

.container-admin .form-transportes-pedidos .vue-dropzone .dz-preview .dz-remove {
  opacity: 1;
  border: none;
  bottom: 3px;
  right: 15px;
  margin: 0;
  background-color: #f56954;
}

.container-admin .form-transportes-pedidos .vue-dropzone .dz-preview .dz-remove:before {
  font-size: 14px;
  padding: 7px;
}

.container-admin .form-transportes-pedidos .vue-dropzone .dz-preview .dz-remove:hover {
  text-decoration: none;
}

.container-admin .v-picker {
  margin-top: 10px;
  margin-left: 10px;
}

.container-admin .card-header .v-input--hide-details .v-input__control .v-input__slot .v-input__append-inner {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container-admin .card-header .v-input--hide-details .v-input__control .v-input__slot .v-input__append-inner .v-input__icon {
  display: none;
}

.container-admin .card-header .v-input--hide-details .v-input__control .v-input__slot .v-input__append-inner:before {
  content: "\edee";
}

.container-admin .v-application--wrap {
  overflow: visible !important;
}

.container-admin .v-data-table:not(.view-checkbox) th[role=columnheader] .v-data-table__checkbox {
  display: none;
}

.container-admin .v-data-table:not(.view-checkbox) th[role=columnheader] .v-data-table__checkbox .mdi-checkbox-blank-outline::before {
  display: none;
}

.container-admin .v-data-table tr.v-row-group__header td {
  font-size: 18px !important;
}

.container-admin .v-data-table .v-data-table__wrapper td, .container-admin .v-data-table .v-data-table__wrapper td > a {
  color: #000 !important;
  font-weight: 700 !important;
}

.container-admin .v-data-table .v-data-table__wrapper .mr-group-peso {
  margin-right: 35% !important;
}

.container-admin .v-data-table .v-data-table__wrapper .custom-switch .custom-control-label::before {
  background-color: #dc3545;
}

.container-admin .v-data-table .v-data-table__wrapper .custom-switch .custom-control-label::after {
  background-color: #FFF;
}

.container-admin .v-data-table .v-data-table__wrapper .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #4CAF50;
  background-color: #4CAF50;
}

.container-admin .menuable__content__active {
  left: 80% !important;
  top: 95% !important;
}

.container-admin .v-input > .v-input__slot > .v-input__append-inner > .v-input__icon > i {
  color: #F00;
}

/*
 * PANELES
 */
.btn-wave-s {
  width: 25px;
  height: 25px;
  line-height: 15px;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
  transition: background-color 5000s ease-in-out 0s;
}

.dashboard-header .card {
  cursor: pointer;
}

/*
 * TREE
 */
.bold {
  font-weight: 700;
}

.list-model li {
  font-size: 16px;
}

.list-model ul.tree li .item-list .list-action {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.list-model ul.tree li .item-list:hover .list-action {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.tree, .tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tree ul {
  margin-left: 1em;
  position: relative;
}

.tree ul ul {
  margin-left: .5em;
}

.tree ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid;
}

.tree li {
  margin: 0;
  padding: 0 1em;
  line-height: 2em;
  color: #000;
  font-weight: 700;
  position: relative;
}

.tree ul li:before {
  content: "";
  display: block;
  width: 10px;
  height: 0;
  border-top: 1px solid;
  margin-top: -1px;
  position: absolute;
  top: 1em;
  left: 0;
}

.tree ul li:last-child:before {
  background: #fff;
  height: auto;
  top: 1em;
  bottom: 0;
}

.indicator {
  margin-right: 5px;
}

.tree li a {
  text-decoration: none;
}

.tree li button, .tree li button:active, .tree li button:focus {
  text-decoration: none;
  border: none;
  background: transparent;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  outline: 0;
}

.tree ul li .fa-edit {
  color: #00B29E;
}

.tree ul li .fa-trash-alt {
  color: #F56954;
}

/*
 * SWITCH
 */
.switch-button {
  margin-bottom: 20px;
}

.bottom-message {
  margin-top: 20px;
  font-size: 125%;
}

.switch-button-control {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.switch-button-control .switch-button {
  position: relative;
  background: #c87074;
  border-radius: 12px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 50px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.switch-button-control .switch-button .button {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  content: ' ';
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  left: 6px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.switch-button-control .switch-button.enabled {
  background-color: #00a65a;
  box-shadow: none;
}

.switch-button-control .switch-button.enabled .button {
  background: white;
  transform: translateX(calc(calc( 1.3em - (2 * 2px) ) + (2 *2px)));
}

.switch-button-control .switch-button-label {
  margin-left: 10px;
}

/*
 * GALERIA DROPZONE
 */
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  text-align: center;
}

.dropzone .dz-preview .dz-success-mark i.icofont, .dropzone .dz-preview .dz-error-mark i.icofont {
  font-size: 32px;
}

.dz-remove {
  display: inline-block;
  margin-left: 2px;
  background: #737881;
  color: #FFF;
  width: 28px;
  height: 28px;
  line-height: 24px;
  padding: 0px !important;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 0px !important;
  background-color: #F00;
}

.dz-edit {
  left: 40px;
  background-color: #00F;
}

.dz-order {
  left: 80px;
  background-color: #0F0;
}

.dz-remove:before {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eea9";
  font-size: 12px;
  padding-left: 5px;
}

.dz-remove:hover {
  text-decoration: none;
}

.dz-edit:before {
  content: "\eeaa";
  padding-left: 0px;
}

.dz-order:before {
  content: "\eeaa";
  padding-left: 0px;
}

/*
 * DATATABLE BUSCADOR
 */
.v-text-field__slot input {
  border: none;
}

/*
 * CALENDARIO
 */
.fc-widget-content .fc-content .fc-time, .fc-widget-content .fc-content .fc-title {
  color: #FFF;
}

/*
 * DRAGGRABLE
 */
.sortable-chosen {
  border: 1px solid #000 !important;
  transform: scale(1.1);
  background-color: #FFF;
}

/*
 * SCROLL HORIZONTAL
 */
/* The heart of the matter */
.testimonial-group > .row {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.testimonial-group > .row > .col-2 {
  display: inline-block;
}

/* Decorations */
.col-2 {
  color: #fff;
  font-size: 48px;
  padding-bottom: 20px;
  padding-top: 18px;
}