body {
  overflow-x: hidden;
}

.planification {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.head-planification {
  flex-wrap: wrap;
  align-items: center;
  padding: 0.5rem 1rem;
}
.head-planification .button-right {
  width: 50%;
  display: flex;
  float: right;
  justify-content: right;
}
.accept-reject .program {
  position: absolute;
  top: 15px;
  right: 200px;
}

button {
  background: none;
  border: none;
}

#showCajaOpciones {
  height: 35px;
}

.tree-professional {
  width: 30%;
  margin-left: 5px;
  height: 88vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.filtros-profesionales {
  height: 150px;
}

.find-profesional {
  min-width: 100px;
}

.mostrar-filtros {
  margin-top: -15px;
  margin-bottom: 0;
  font-size: 25px;
  float: right;
  cursor: pointer;
  display: none;
}

.icono-menos {
  margin-top: -15px;
  margin-bottom: 0;
  font-size: 25px;
  float: right;
  cursor: pointer;
  display: none;
}

.service-info {
  position: relative;
  margin-left: 5px;
  display: flex;
  height: 88vh;
  border: none;
}

.time-service {
  height: 90vh;
  width: 100%;
  position: absolute;
}

.map-control {
  position: relative;
  top: 44vh;
  height: 42vh;
  width: 100%;
  left: 1em;
  display: none;
}

.service-plan {
  position: absolute;
  width: 40%;
  height: 41vh;
  display: none;
}

.service-map {
  position: relative;
  float: right;
  height: 41vh;
  width: 100%;
}

.service-option {
  width: 10px;
  margin-left: 5px;
  margin-right: 10px;
  height: 88vh;
  display: flex;
  flex-wrap: wrap;
  float: right;
  position: sticky;
  right: 0;
}

.service-option .container-service-option {
  width: 90%;
}

#optionServBtnOpen {
  position: relative;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  font-size: 30px;
  height: 78vh;
  justify-self: left;
  margin-left: -15px;
}

#optionServBtnClose {
  position: relative;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  font-size: 30px;
  height: 78vh;
  justify-self: left;
  margin-left: -15px;
  display: none;
}

#mapBtnOpen {
  position: relative;
  margin-top: 15vh;
  background-color: transparent;
  border: none;
  font-size: 30px;
  justify-self: left;
  margin-left: -15px;
}

#mapBtnClose {
  position: relative;
  margin-top: 15vh;
  background-color: transparent;
  border: none;
  font-size: 30px;
  /*height: 78vh;*/
  justify-self: left;
  margin-left: -15px;
  display: none;
}

#openMap {
  background-color: transparent;
  border: none;
  font-size: 30px;
  margin-left: 50%;
  margin-top: 0;
}

#closeMap {
  background-color: transparent;
  border: none;
  font-size: 30px;
  margin-left: 50%;
  margin-top: 0;
  display: none;
}

.profesional-filter {
  font-size: 20px;
  cursor: pointer;
}

#findProfeBTN {
  text-align: right;
}

.service-label,
.state-label,
.tecnichal-label {
  width: 300px;
  text-align: left;
}

.filter-input {
  cursor: pointer;
}

#idMandante[type="number"]::-webkit-inner-spin-button,
#idMandante[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#idMandante[type="number"] {
  -moz-appearance: textfield;
}

.button {
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 0;
}

.btnOpenFilter,
.btnCloseFilter {
  font-size: 20px;
  margin-left: -15px;
}

.tree-professional-minimize {
  width: 25px;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.section {
  display: none;
}

#mapControl {
  background-color: white;
  z-index: 1;
}

.planification .service-info #timeService {
  border: none;
}

.planification .service-info #timeService #calendario {
  margin: 0;
  max-width: 100%;
}

.service-info .time-service #calendar #fc-rows {
  /*max-width: 250px;*/
}

/*==============================================================
===================Abrir o cerrar ventanas======================
==============================================================*/

.fliph-serviceMap {
  display: block;
}

.fliph-mapControl {
  display: block;
}

.open-servicePlan {
  display: block;
}

.close-serviceMap {
  width: 60%;
}

.open-serviceOption {
  width: 50%;
}

.buttonFindProf {
  display: none;
}

.filtros-profesionales-hide {
  height: 0;
  display: none;
}

/*======================Seccion opciones de Servicio=======================*/

#collapsible-2 .info .datos-comerciales .datos-cliente {
  display: grid;
  grid-template-columns: 40% 50%;
}

/*===============================Fin Acordeon=================================*/

#calendario {
  max-width: 100%;
  margin: 0 auto;
}

.plain-button {
  background: none !important;
  color: inherit !important;
  border: none !important;
  padding: 0 !important;
  font: inherit !important;
  cursor: pointer !important;
  outline: inherit !important;
}

/*!* form starting stylings ------------------------------- *!*/

.group {
  position: relative;
}

.search-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}

.search-container > .material-icons {
  margin-top: 10px;
}

input#input_tecnico {
  font-size: 14px;
  padding: 10px 10px 10px 5px;
  display: block;
  border: none;
  width: 100%;
  border-bottom: 1px solid rgba(117, 117, 117, 0.65);
}

input:focus {
  outline: none;
}

.group .material-icons {
  right: 0;
  position: absolute;
  top: 10px;
  cursor: pointer;
}

.fc-tds-child {
  border-bottom: 0 !important;
}

/*.fc-col-resizer {*/
/*    display: none !important;*/
/*}*/

#timeService {
  margin-bottom: 0;
}

.fc-right > .material-icons {
  cursor: pointer;
}

.fc-right > .marked {
  color: #2cbdbd;
  cursor: context-menu;
}

#mapid {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  outline: currentcolor none medium;
}

/*.map-planificacion {*/
/*  top: 1px !important;*/
/*}*/

.map-panel {
  top: 88px !important;
  display: block !important;
}

button.fc-state-hover {
  background-color: transparent !important;
}

button.fc-state-down {
  background-color: transparent;
  box-shadow: none;
}

button:focus {
  outline: none !important;
}

.fc-date-title {
  margin-top: 0;
  font-size: 22px !important;
  line-height: 30px !important;
}

#timeService #calendario.fc-unthemed th,
#timeService #calendario.fc-unthemed td,
#timeService #calendario.fc-unthemed thead,
#timeService #calendario.fc-unthemed tbody,
#timeService #calendario.fc-unthemed .fc-divider,
#timeService #calendario.fc-unthemed .fc-row,
#timeService #calendario.fc-unthemed .fc-content,
#timeService #calendario.fc-unthemed .fc-popover,
#timeService #calendario.fc-unthemed .fc-list-view,
#timeService #calendario.fc-unthemed .fc-list-heading td {
  border-top: none;
  border-left: none;
}

#timeService #calendario .fc-time-area .fc-slats .fc-minor {
  border: 2px dotted #d8d8d8;
}

#timeService #calendario .fc-time-area .fc-slats .fc-major {
  border: 2px dotted #d8d8d8;
}

.fc-timeline .fc-head .fc-cell-content {
  height: 40px;
  text-align: center;
  width: 100%;
}

.fc-timeline-event-translate {
  background-color: white;
  height: 38px;
  width: 10%;
  opacity: 1;
  top: -1px;
  left: -1px;
  position: absolute;
  /* border-radius: 3px 0 0 3px; */
}

.fc-timeline-event-translate:before {
  content: "";
  width: 100%;
  height: 2px;
  margin: auto 0px;
  background-color: #cccccc;
  top: 18px;
  position: absolute;
}

.fc-timeline-event-translate:after {
  content: "";
  width: 3px;
  height: 100%;
  background-color: red;
  right: 0px;
  position: absolute;
  border-radius: 2px 0 0 2px;
}

.fc-timeline-space {
  width: 10%;
  z-index: 2;
  float: left;
  margin-right: 4px;
  height: 10px;
}

.fc-timeline-badge {
  border-radius: 5px;
  background-color: white;
  padding: 5px;
  margin: 3px;
  display: inline-block;
}

.fc-timeline-icon-alert {
  position: absolute;
  top: 8px;
  right: 5px;
  color: red;
  background-color: #ffffff;
  border-radius: 12px;
  font-size: 12px;
}

.fc-timeline-event .fc-title {
  padding: 0px 3px 0px 7px;
}

.fc-subtitle {
  display: inherit;
  font-weight: 200;
  padding: 2px 0 0 0;
  color: #6b6b6b;
  font-size: 11px;
}

.fc-timeline-icon-priority {
  font-size: 10px;
  padding: 2px;
}

.fc-timeline-icon-priority.hight {
  color: red;
}

.fc-timeline-icon-priority.medium {
  color: orange;
}

.fc-timeline-icon-priority.low {
  color: green;
}

.fc-timeline-image {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  float: left;
  max-width: 100%;
  max-height: 100%;
}

td .fc-widget-content {
  height: 100%;
}

.fc-widget-content > div.fc-tds-child {
  height: 66px;
  cursor: pointer;
}

.fc-line-traslate:before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  height: 2px;
  background-color: #7b787c;
}

.fc-line-color-blue:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 3px;
  background-color: #4a00c7;
}

.fc-line-color-yellow:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 3px;
  background-color: #d7ca21;
}

.fc-line-color-green:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 3px;
  background-color: #21d77c;
}

.fc-line-color-red:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 3px;
  background-color: #d72121;
}

.fc-ltr .fc-timeline-event {
  /*border-radius: 3px; */
  /* border: #9c9c9c !important;
    border-style: solid !important;
    border-width: 0px 2px 0px 1px !important; */
  height: 32px;
  margin-top: 8px;
  padding: 0.7rem;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}

#calendario .fc-event,
#calendario .fc-event:hover {
  color: #000000;
  font-weight: 600;
  background-color: white;
  border: none;
}

.fc-allow-mouse-resize:before {
  content: "";
}

.fc-allow-mouse-resize:after {
  content: "";
}

.border-blue {
  border-top: blue;
}

.fc-content {
  /*padding-top: 15px !important;*/
  /*padding-left: 10px !important;*/
}

.fc-content-text {
  overflow: hidden;
}

/*AQUI ESTA EL CSS DEL servicio*/

#caja {
  right: 0;
  float: right;
  width: 470px;
  z-index: 399;
  overflow-y: auto;
  min-height: 100vh;
  max-height: 718px;
  position: absolute;
  transition: all 1s;
  position: fixed;
  top: 0;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
  border-radius: 4px;
}

#opcionesServicios {
  background-color: white;
  right: 10px;
  float: right;
  width: 470px;
  z-index: 399;
  overflow-y: auto;
  min-height: 100vh;
  max-height: 718px;
  position: absolute;
  box-shadow: 10px 10px 3px #d8d8d8;
  transition: all 1s;
}

.panel-accordion {
  max-height: 500px;
}

.collapseThree {
  padding-bottom: 5rem;
}

#caja:target {
  opacity: 1;
  pointer-events: auto;
}

.head {
  padding: 16px;
  background-color: #fff;
}

.panel-body-full {
  background-color: #fff;
  padding-bottom: 5rem;
}

.panel-heading {
  padding: 0;
  border: 0;
}

.pull-right a i {
  font-size: 18px;
}

.header-services-details {
  padding: 0 20px !important;
}

.heading {
  margin-bottom: 50px !important;
}

.panel-group .panel-accor {
  margin-bottom: 20px;
}

.panel-group .panel-accor-it {
  margin-bottom: -4px;
}

.panel-accor,
.panel-accor-it {
  background-color: white;
  padding: 5px;
}

.panel-accor > .panel-footer {
  padding: 10px;
}

.panel-footer > .details {
  padding: 10px;
  margin-top: 5%;
  border-bottom: 1px solid #ddd;
}

.panel-btn > a,
.panel-btn > a:active {
  display: block;
  padding: 15px;
  color: #555;
  font-size: 16px;
  /* font-weight:bold; */
  /* text-transform:uppercase; */
  letter-spacing: 1px;
  word-spacing: 3px;
  text-decoration: none;
}

.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
}

.my_panel > .panel-body {
  padding: 0px;
}

.my_panel > .panel-body > img {
  width: 100%;
  height: 100%;
}

.my_panel > .panel-footer {
  background-color: white;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
  margin-bottom: 20px;
}

.btn-secundary {
  background-color: gray;
  color: white;
}

.btn-link {
  color: #545454;
  text-decoration: none;
}

.footer-btn {
  margin-top: 9%;
}

/* Detalles solicitante */

.panel-body .title {
  font-size: 14px;
  /*font-weight: bold;*/
}

.panel-body .details-item {
  padding: 3%;
  /*border-bottom: 1px solid #ddd;*/
}

/*=========================Tooltips======================================*/

.popover {
  height: 268px !important;
  width: 248px !important;
  border-radius: 0 !important;
  -webkit-box-shadow: 0px 1px 62px -17px rgba(133, 129, 133, 1);
  -moz-box-shadow: 0px 1px 62px -17px rgba(133, 129, 133, 1);
  box-shadow: 0px 1px 62px -17px rgba(133, 129, 133, 1);
  /*overflow: scroll;*/
}

.popover-title {
  padding: 0 !important;
}

.span-options {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 20px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  height: 24px;
  width: 90px;
  text-align: center;
  cursor: pointer;
}

.popover-content {
  margin: 0rem 1rem !important;
  display: flex !important;
  flex-direction: column !important;
  height: 90px !important;
  font-size: 14px !important;
  letter-spacing: 0.13px !important;
  line-height: 20px !important;
}

.span-time {
  color: rgba(51, 51, 51, 0.87);
  font-size: 12px;
  letter-spacing: 0.11px;
  line-height: 20px;
}

.span-direction {
  color: rgba(51, 51, 51, 0.87);
  font-size: 12px;
  letter-spacing: 0.11px;
  line-height: 20px;
  max-height: 40px;
  overflow-y: auto;
}

.fc-tecnico-content {
  border-bottom: 1px solid #979797;
  border-top: 1px solid #979797;
  height: 54px;
  margin: 1rem 0 0 0 !important;
  padding-top: 7px;
}

.fc-event-container-planification {
  height: 54px;
}

.fc-tecnico-content-text {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-wrap: initial;
  /*padding-top: 8px;*/
}

.fc-tecnico-content-text > small {
  margin-top: -8px;
}

.fc-tecnico-image {
  width: 35px;
  height: 35px;
  margin-right: 8px;
  margin-left: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  float: left;
  max-width: 100%;
  max-height: 100%;
}

.fc-ver-detalles {
  font-size: 14px;
  letter-spacing: 0.13px;
  line-height: 20px;
  height: 54px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #009fe3;
  cursor: pointer;
}

.fc-ver-detalles:hover {
  color: blue;
}

.tooltips-title-blue {
  background-color: #4a00c7;
  color: white;
  border-radius: 0;
  height: 61px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.tooltips-title-red {
  background-color: red;
  color: white;
  border-radius: 0;
  height: 61px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

/*======================Seccion header y filtros=======================*/

/*.app-filter {*/

/*    padding-left: 1%;*/

/*    padding-top: .5%;*/

/*}*/

/*.checkbox label {*/

/*    padding-left: 0;*/

/*}*/

/*#dropdownMenu2 {*/

/*    display: none;*/

/*}*/

.app-filter .app-filter__zindex {
  z-index: 2;
}

.list .ng-scope {
  margin-left: -15px;
}

.app-filter .app-filter__dropdown .dropdown-menu {
  border-radius: 3px;
  /*width: 290px;*/
}

/*.checkbox input[type="checkbox"],*/

.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  margin-left: 70px !important;
}

ol.migas {
  margin-bottom: 0;
}

.navbar-default .navbar-brand {
}

.panel-heading {
  padding: 0;
  border: 0;
  min-height: auto;
  background-color: #f6f6f6;
}

.panel-group .panel-accor,
.panel-accor-it {
  -webkit-box-shadow: 0px 1px 6px 0px rgba(163, 158, 163, 1);
  -moz-box-shadow: 0px 1px 6px 0px rgba(163, 158, 163, 1);
  box-shadow: 0px 1px 6px 0px rgba(163, 158, 163, 1);
  margin-bottom: 20px;
  margin-top: 10px;
}

.panel-group .panel-accor-it {
}

.panel-accor,
.panel-accor-it {
  background-color: white;
  padding: 5px;
  border: 1px solid #ddd;
}

.panel-accor > .panel-footer {
  padding: 10px;
}

.panel-footer > .details {
  padding: 10px;
  margin-top: 5%;
  border-bottom: 1px solid #ddd;
}

.panel-btn > a,
.panel-btn > a:active {
  display: block;
  padding: 1%;
  color: #000;
  font-family: "Roboto" !important;
  font-weight: 400;
  /* font-size: 13px; */
  background-color: #fff;
  /* letter-spacing: 1px; */
  /* word-spacing: 3px; */
  /* text-decoration: none; */
}

.showm {
  display: none;
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
}

.my_panel > .panel-body {
  padding: 0px;
}

.my_panel > .panel-body > img {
  width: 100%;
  height: 100%;
}

.my_panel > .panel-footer {
  background-color: white;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
  margin-bottom: 20px;
}

.btn-secundary {
  background-color: gray;
  color: white;
}

.btn-link {
  color: #545454;
  text-decoration: none;
}

.selectpicker {
  width: 100%;
  height: 30px;
  margin-bottom: 4%;
  color: black;
  outline: 0;
}

.selectpicker option span.check::before {
  content: "\f00c";
}

.container-fluid .navbar-brand ng-binding {
  padding-left: 15px;
}

nav .container-fluid {
}

.filtros-planificación {
  background-color: #f3f3f3;
  padding: 1%;
  display: flex;
}

.divFiltrosTecnicos {
  width: 10%;
}

.filtrosTecnicos {
  outline: 0;
  background-color: transparent;
  border: none;
  width: 100%;
}

.resultadosFiltrosTecnicos {
  width: 100%;
  margin-left: 2%;
}

.resultadosFiltrosTecnicos a {
  margin-left: 1%;
}

.resultadosFiltrosTecnicos .firstLevel {
  border: 1px solid;
  padding: 0.2% 2.5% 0.2% 1%;
  border-radius: 24px;
  background-color: #263238;
  border-color: #263238;
  color: #eceff1;
}

.resultadosFiltrosTecnicos .firstLevel i {
  margin-left: 0.2%;
  margin-top: 0.2%;
  background-color: #cfd8dc;
  border-radius: 80%;
  padding: 0.1%;
  position: absolute;
  color: #263238;
}

.resultadosFiltrosTecnicos .secondLevel i {
  margin-left: 0.2%;
  margin-top: 0.2%;
  background-color: #90a4ae;
  border-radius: 80%;
  padding: 0.1%;
  position: absolute;
  color: white;
}

.resultadosFiltrosTecnicos .secondLevel {
  border: 1px solid;
  padding: 0.2% 2.5% 0.2% 1%;
  border-radius: 24px;
  background-color: white;
  border-color: #263238;
  color: #263238;
}

.selectpicker {
  font-family: "FontAwesome";
}

.iniIndicator, .iniNextToEndIndicator{
  position: absolute;
  bottom: 4px;
  font-size: 10px;
  background-color: green;
  color: white;
  border-radius: 4px;
  padding: 2px 4px;
  width: 6px;
  text-align: center;
  z-index: 500;
}
.iniIndicator{
  /* right: 5px; */
}
.iniNextToEndIndicator{
  /* right: 22px; */
}

.endIndicator{
  position: absolute;
  bottom: 4px;
  right: 5px;
  width: 6px;
  font-size: 10px;
  background-color: red;
  color: white;
  border-radius: 4px;
  padding: 2px 4px;
  text-align: center;
  z-index: 500;
}

.zeroWidth {
  transition: all 1s;
  margin-right: -500px;
}

.zeroWidthOpciones {
  transition: all 1s;
  margin-right: -500px;
}

.flex-spacer {
  flex: 1 1 auto;
}

.float-right {
  float: right;
}

.collapseOptionService {
  padding-left: 3rem;
  width: 90%;
}

.form-buscar-cliente {
  display: flex;
  flex-wrap: wrap;
}

.label-buscar-cliente {
  text-align: left !important;
  width: 100%;
}

.panel-group .panel {
  border-radius: 0;
}

.my_panel .panel-footer p,
.panel-accor-it {
  font-size: 13px;
}

.my_panel .panel-footer .col-lg-6 {
  padding: 0;
}

.panel {
  margin-bottom: 0;
}

.agendOption {
  display: flex;
  flex-direction: column;
}

.agendOption .select2-states {
  margin-top: 1rem !important;
}

.agendOption span {
  margin-bottom: 2rem !important;
}

/*====================  Acordeon =========================*/

.container-accordeon {
  padding: 1.5rem;
}

.container-accordeon .panel button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.container-accordeon .panel button .step {
  background-color: #337ab7;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: white;
  margin-right: 1.5rem;
  text-decoration: none;
  font-size: 17px;
}

.container-accordeon .panel button .icon-step {
  border-radius: 50%;
  color: green;
  margin-right: 1.5rem;
  text-decoration: none;
  font-size: 28px;
}

.busy-tec,
.no-disponible,
.no-disponible:hover {
  background-color: grey;
  border-color: grey;
}

.no-dispo,
.actualizar {
  margin-top: -5px;
  position: absolute;
  right: 18px;
  padding: 7px;
}

.container-collapse {
  padding: 0.5rem 4rem;
}

.panel .btn-link:focus,
.panel .btn-link:hover {
  text-decoration: none;
}

.search-button {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.button-planification {
  min-width: 110px;
  text-align: center;
  justify-content: center;
}

#calendario div.transferTimeMin {
  top: 50%;
  height: 2px !important;
  border-top: 1px solid grey;
  position: absolute !important;
  z-index: 99;
  /* width: 27px; */
}

#calendario .fc-view-container tbody .fc-time-area table tr td.fc-widget-content > div {
  height: 66px;
}

.planificacion-empty {
  background-color: white;
  border: 2px solid #009de9;
  box-sizing: border-box;
  border-radius: 4px;
  color: #009de9;
}

.planification-fill {
  background-color: #009de9 !important;
  border: 2px solid #009de9 !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
  color: white !important;
}

.planificacion-fill:hover {
  background-color: #0085c6 !important;
}

.planificacion-fill:disabled {
  background-color: rgba(0, 157, 233, 0.65) !important;
  border: 2px solid rgba(0, 157, 233, 0.65) !important;
  color: white;
}

/*#calendario .fc-header-toolbar .fc-center button[type="button"] {*/
/*    display: none;*/
/*}*/

.plain-button {
  font-size: 22px !important;
  margin-top: -8px !important;
}

.leaflet-glyph-icon-paneles {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAUlSURBVFjDrZdLiBxVFIb/e289uqt6kkx6zIiIoKgLRReKuMhCcaOIAUEIiCCE4CIPggZ8kBjooPgM0TiYEUUjqBGchZqAQlyYRTA+kJiJQiJGMjN5zYzT3dP1rrr3HBeTjDGTSfc8Dvyruud89Z9z6kIJdBj31763MivsJXKuZYF6dak5++2mh7NOcsXVHq6sHbhOK/24kOJJMO4AE1vKygwZhxlKSHGKiD+RSu09vOXB43OCrHz96y6T2lsh+OmKXzFdlbLne2UopSAupBhjECcZgjDMgiiSxPhcK/nCr1sfOtcWcm/tq9uEsL4rl0vdK67pKVu2jUwTMk0wBBAzpBCQAnAtiZIlwWQwPlHPglZQAFj1Y23VwVkh92zbd59U+Kanp+p2L12mooKQ5AbcpuclS6LiKoRhxOfHzhXMcs3PtVV7Z0DufXH/LSzpSG9vr1/p6kIz0dDUrvx/IYXAsrJCkWc4e/Z0Zpgf+KX26A/TkNtrXziesY9Xq8tvWNZdVfVYg7hzwKVv3O3ZiKMWj46OTrq5fdOh1x5pSADwjdzo2nbv0u6qqkca2jCIMGcZAuqRhu8vEX7ZK2V2WgMAcXdtvyeKbPS662+osCohzMycHVweniNREoShoZO5KYobpciSh23bFq7rIUgNiLFghRkBlg2v7GlpiccsCHrcryzxUk3zmsNskeYGvt/lxVH4hMWEu9xSWaQFYQ7L1B6iGZ5bBoy+zWKiHiltFHpqeIsVhWaosg1iqlgg4wAAEYEXsV3EmNppJmExMFYUxfVSuIs6E0sI5FkBBhLJzH9laQxLSjBj0WQJgSJPweDTkknvS4JGbCuxKOt7UY4lEQfNnAu9TzLxN2nUdAQTLAEw8YIlAVgAkmDCSBL75eCutSeY+GTUqqNkqUVxUbIl4qgJo4vWzecrhyQAMJldYf1MXLLl1EIsYBZgoGwpRI2zMTPtGBhYbSQAlJF9lieRzNMIriVBzPOWawvoIkYaNC0u9IcAIAHgp75NLQl8ENbPZJ6jgAU48RyFqHEuZyE+Pda/vjENAQBD5s209Y+kPJlyM4+r3lUS0AWSyVEhpHnjYu1pyO+7N4ywwPvhxHDiuwo8j1b5rkQwMZIziYHBXetPzIAAgIV8exZOSMoieI6aU5vKtgR0jqw1JtiYbZfW/R/kSN+mcWbxdtwYjn1XTd9B7cQAfNdCWB/OhBR7jvWv/3tWCAAoO3ktjyZZJ0HHbsq2AooERVQXzPKly2vOgPz29jNNBr+e1IcSz5YAM4hmFzPDtyWS+lDK4N2DfU+dbgsBAFHyd+oszE3agt/GjWcrUBEjj5sQBb96pXpXhAzueDJi4u1p41TsuQpCiFln4bkKeXMoJeadg++tG+sYAgBBXOo3RRrruAnfkWDmGfIdCeQhiiQgQbxjtlqzQk59vCZlNluL5lDiORLyMjcA4DsKeXM4AfDKxa97ThAAqPaMfaR1Nq6jOiqOAhOm5TsKJg1QZGGRedY7V6tzVcjBWk1D0JZ8cigt2RJSimkXnqOgW8MxQLUTb6wN5g0BgGPV0c9BekTH41xx5YXrQ8FkTRgdpxU7ea9djbYQ1GokmJ43wUhWtgRcS04tQjAcw9CWw29tThYOAXD03XVfMps/TTTOy30blDZgiqxFK6p7OsnvCDJ1UD9LyUjORoPDkUQyPfdHbXW+qJCjfRsOwOAoNY4z6Xz01rHq3k5zO4ZMHTabYSIhJD87MLB64f8Ys8WdG/tfBljMJedfwY+s/2P4Pv8AAAAASUVORK5CYII=");
  width: 25px !important;
  height: 41px !important;
}

.leaflet-glyph-icon-red-paneles {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFdUlEQVRYR62XW2wUVRjH/2dmzuzu7K202+4WSgu2XBQhMcaYqNBdwCoEMCTyYEhM1ATig1F4wiCRRJr4QNSgD94SNRh8AHxAwKDSCzYQxIRULhahamnpZVu23e515szOMWeXIqXtdkt3nvZyvu93/t/tnCEo8GkOQqlzwW8pNGDLyBG/WdVLfryhF2JO8i3q2IS5Lkl5iRLyssmxnHNwKkHPcKgckBWCfzOcH1Rl6ZDvqNExla9JIYObfO44Gd2tgL/ltiGjuco0aD5AogB4zpfFgFQEqfiQHtMhWRzfOWS2q/x79N0PmwDpekF9hHPrZy8lc5y+agcUB2AkAZYGTB3gHCAEkGRA1QDVAfAM9EiXPpi0WIbzjYuOmy33gsZBrm9U6ikhJyu9mo145slIxYD06PRhFzCtBEiGeX9klDFOXqn9wTg0ZngXcnWDbZEC62J1qeaUND8QG8zusPCHAO4KwEziVjisZyy+uu6EeVbYZyFXtkBVkrRjntdWrboDMmLh/2NfOCW30lUOpCP8ZiQR7ePsoZUnMJyFXFuv7LQr5L3KygUaRnsfHDC2IXcAw4Pd6SjD54uPszdJ70ZoIyYdqKtwu8AlwIjNdO8T1yuiIFTc6I8YacYWkvZ16osuhX893x9wItY/e8CYB1cA4aH+ZMzELvLneuVowEk2Ox1ewvVo0SCEOpHIJNA9gvOk/Xn6zxKfbYGUsWCJBivSIxEZnKq4FE7FyIUGGlvhd7iIkQK708zF4IiKUjQvLvdFuYDoK/wOlQuIVQz3OR8yEZAS/NE7AvJ7g9L9cBmpki3AKCJElQBLlnB10EqR356lzQvdCHopkJhJg08j2iEDaQ50juA6ObeW7vCq2FdXompxwyhavFyKjO5ExuhN4mPSFrItkWXr8uMVipIwTJhFSL7Ih6bKaB/MpKImX5cdK7+uoR2LvViiyUCyCCFzKYBuAVeGMXCglM3LQlpW09c9FPsfnUO0iMFhzVJNqQrcGEXyts7frW8y92chJ5+Ex67RgcfKYBf+07NQIxKuEODCEIwkY4ENbXemsAA1heiBcju21bphi8yi8UspcDMBYyCNb+tPs9funifiw6lVjvlUNjtXlIJmOJB+gJ6hBBBKLkXAJC4tf6ZZvzYOIr60hugnXhterXXDMfQA1Vym5lSEUziyupltHeuHcWf8mZUoZzLtXlYKm0j+TNTYJYBKORUWk5eubUv/PSlE/PhLUH2/3M7fqHFBE7kppNIkAsyhQFccepThm/rTbPu9XT3hSnQxWFIyTBI9i0vgFH8WMmpEf4mKujoMg3BWG2pBT15Itm9Cyh6bQt5e5MnlJl/biI0IFTfjSCcNfFrfwnbcP5smvUG2N8B5m9FbtV54RbjyTQFRTWLi/jWCNNNZzXNnIa46454p78Kn6nODs9YDTagRZT2ZsU9UVBzpqE4+WNtq7J5swk4J+SoIew2h3dVu+ERi4+ZEczGjxDDsjCKZZKxKdPeMINlKC9FtqoSP6ibJjdhdti/iSKUZbwy1mI1TnRN5Xx14cK/STBo7K12oFjuO3aPGreRc9sQwOtfNqpYew5QXtrwQ4aQ5qG6VJP7lAg/swwzZe4AIX3lORdLM4J1gM/sw32k3LYTv3Ss1nWnsCGiooxLICAOECqGsL44ITfmrnjrXk5oVRBj/VK9utsn80Hw37KMm4FGA/gSScQM7G86wz/IBJgzIfItbQ7Td48ByLwURfRNO8H6/z6xZdhjTjtJpwzUGbl2tNMggxypcsPXGkTIy2N7Qyg5Op2JGSsTiphA9L0t4Qs+g64tyVnf4MAo6QwtWkoMoT3NO2ijIllUtxpFCVMxYiTA4HVT3rWkx9szkTek/0Y0lqWawwOEAAAAASUVORK5CYII=");
  width: 25px !important;
  height: 41px !important;
}

.leaflet-glyph-icon-yellow-paneles {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAUlSURBVFjDrZdLiBxVFIb/e289uqt6kkx6zIiIoKgLRReKuMhCcaOIAUEIiCCE4CIPggZ8kBjooPgM0TiYEUUjqBGchZqAQlyYRTA+kJiJQiJGMjN5zYzT3dP1rrr3HBeTjDGTSfc8Dvyruud89Z9z6kIJdBj31763MivsJXKuZYF6dak5++2mh7NOcsXVHq6sHbhOK/24kOJJMO4AE1vKygwZhxlKSHGKiD+RSu09vOXB43OCrHz96y6T2lsh+OmKXzFdlbLne2UopSAupBhjECcZgjDMgiiSxPhcK/nCr1sfOtcWcm/tq9uEsL4rl0vdK67pKVu2jUwTMk0wBBAzpBCQAnAtiZIlwWQwPlHPglZQAFj1Y23VwVkh92zbd59U+Kanp+p2L12mooKQ5AbcpuclS6LiKoRhxOfHzhXMcs3PtVV7Z0DufXH/LSzpSG9vr1/p6kIz0dDUrvx/IYXAsrJCkWc4e/Z0Zpgf+KX26A/TkNtrXziesY9Xq8tvWNZdVfVYg7hzwKVv3O3ZiKMWj46OTrq5fdOh1x5pSADwjdzo2nbv0u6qqkca2jCIMGcZAuqRhu8vEX7ZK2V2WgMAcXdtvyeKbPS662+osCohzMycHVweniNREoShoZO5KYobpciSh23bFq7rIUgNiLFghRkBlg2v7GlpiccsCHrcryzxUk3zmsNskeYGvt/lxVH4hMWEu9xSWaQFYQ7L1B6iGZ5bBoy+zWKiHiltFHpqeIsVhWaosg1iqlgg4wAAEYEXsV3EmNppJmExMFYUxfVSuIs6E0sI5FkBBhLJzH9laQxLSjBj0WQJgSJPweDTkknvS4JGbCuxKOt7UY4lEQfNnAu9TzLxN2nUdAQTLAEw8YIlAVgAkmDCSBL75eCutSeY+GTUqqNkqUVxUbIl4qgJo4vWzecrhyQAMJldYf1MXLLl1EIsYBZgoGwpRI2zMTPtGBhYbSQAlJF9lieRzNMIriVBzPOWawvoIkYaNC0u9IcAIAHgp75NLQl8ENbPZJ6jgAU48RyFqHEuZyE+Pda/vjENAQBD5s209Y+kPJlyM4+r3lUS0AWSyVEhpHnjYu1pyO+7N4ywwPvhxHDiuwo8j1b5rkQwMZIziYHBXetPzIAAgIV8exZOSMoieI6aU5vKtgR0jqw1JtiYbZfW/R/kSN+mcWbxdtwYjn1XTd9B7cQAfNdCWB/OhBR7jvWv/3tWCAAoO3ktjyZZJ0HHbsq2AooERVQXzPKly2vOgPz29jNNBr+e1IcSz5YAM4hmFzPDtyWS+lDK4N2DfU+dbgsBAFHyd+oszE3agt/GjWcrUBEjj5sQBb96pXpXhAzueDJi4u1p41TsuQpCiFln4bkKeXMoJeadg++tG+sYAgBBXOo3RRrruAnfkWDmGfIdCeQhiiQgQbxjtlqzQk59vCZlNluL5lDiORLyMjcA4DsKeXM4AfDKxa97ThAAqPaMfaR1Nq6jOiqOAhOm5TsKJg1QZGGRedY7V6tzVcjBWk1D0JZ8cigt2RJSimkXnqOgW8MxQLUTb6wN5g0BgGPV0c9BekTH41xx5YXrQ8FkTRgdpxU7ea9djbYQ1GokmJ43wUhWtgRcS04tQjAcw9CWw29tThYOAXD03XVfMps/TTTOy30blDZgiqxFK6p7OsnvCDJ1UD9LyUjORoPDkUQyPfdHbXW+qJCjfRsOwOAoNY4z6Xz01rHq3k5zO4ZMHTabYSIhJD87MLB64f8Ys8WdG/tfBljMJedfwY+s/2P4Pv8AAAAASUVORK5CYII=");
  width: 25px !important;
  height: 41px !important;
  filter: invert(1) sepia(100%) saturate(350%) hue-rotate(1deg);
}

.leaflet-glyph-icon-green-paneles {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAE70lEQVRYR62WS2xUVRjHf+e+5tWZOy2lLaVQsCCGhKUrFxoTSVy4IFETJZooCQQTH7ARqJVBChJFqvgIEDEaDCaCGxduXOjCmLDRGI2pGh4VKJQO085M53Vfx5zbFnn0MX18mc3cOef7nf/3fec/V1BvZDBojbUSS7ThjuWoVAd5hVo928WMi042t6MHzyCC5wm0DUgpMagRYCGFji4vIcUpTHGaZ2/2T5drasjJ5iRSdqP5r5EwfT2WjLeYNiY6ciKTi0/WK+JVCjVKnoaUX2Hqu3gue+1u2L2Qz5rWE8jvidNop9piMc2i7Feo+DVc6YAMQGgIoRPXYsSNGL4MyJWGaox6Lr58gu2jP94OuhNyIv0wmviO5nikxWrWC26Rqj82a9kNPUajaTPs5SXDeRdPvMC2kdOTG/+HHFu6FrxfaWtINJkpcrUs3CrOrJxwQaO1hJJ0ca5na0j/UbYWf1bPxyFfr7fIDvbTEluZjqb1UedmfVmnWJWymij4Y5LrY3n81H289O/IOOST9E4ssb+xrS0+4igFC4uUtYTCzWtVyvoJtudeFRwnjmsPscJuCJsaVBZGCOtjoRkxgoGcg3RWC442PUlUfh5d1pyoLqBMd58sajZSzebKVOUuwcfpb2gyNhGLCvzywlVMZtAi4AkYrJwTfJC+yMr4KqQ7fgcWK1S3tShcKBcF76WLdCUa8CsQzOwyc+NLiCThfF4qSI2uhIVfBW/SNOaWbsrVGmApyCiCI/ZlOqMd4IWfRQtDTZkJF0sVwWH7B1r1R4gDziKWywI8Da46/wjeSe8gQS/tVpyKv2hCiALZwGEk+FCwP7mOiPYHayMGVR8Wg6P6ETXgQrVCWTw+Xp9Ddj/LjXVYcnFKplS4wIA/xC+PLR+HHLS3ExOH6dTjKGdf6JA1AIN+maLcy5784XFIhhSGPUSXEQ0B6hTzDdVwTcLfrkNJa+NQfsKFVcID6aOk2EqbFqGkijrPSAQwLB3y8kt2j24J/fJWqu7YCmLWeVYbJspd3HmMsy5BKbnoqr/hDfQU/7oTEqpJfURCvMgyPUZxHpAkcCNwGA3O0pPfPCngzkwHWYqfukynGRnvzRxApgQduOS5eLUHyFQvTA1RT/fZh0iLl2nR4mFvgjpGTROQkHDDr1EWX7B7ZNvtHb33qH2kKdlX6DAT4SzXYzWTEzXgOFheF69XrswMGe9ND5a2m/Y6exOq8KrU/GPsGdtx91xOXfR3WxPUqldpN+2wXDOpUSqU415xq3j5TjLcqA8S9ia1g7jWyzLlAoJwrKeK5ISKUnCEN4vdUy2Zfnwyq6IYI5dpMZpRja1OsV15lLq3V6tlSnqHut1zg6jVb9lbMcX70/amQcKwX8HxDtA9dmA6j5jxImQyGBndPs9Sc2V44spty2MToz1UK9Ae6WBLtjgvSLipN7UZTXxKmxmlJMCXIAQklUf5ZbzgDboLfTM53axXOpPJaBmjr58mcw0GIgQpFUpZ1s0xnO+gjxlfO2eFhCfcl9yEqZ2mxYyGJVOQnFum4u9k79jx2fy6Pkh4QZO/kYxsII7AQUGuc//yTp7+U32bMeqHvG1vhOBblkQiZN0KrtzG3sKp2QDq9/oh4RDY59DFg7hygN83ruHMmbpeO+YGOZh8CF/8hB48xZ6xs/WomLsStWN/qpeeQs9cXjf+A4hf1eBkbqVVAAAAAElFTkSuQmCC");
  width: 25px !important;
  height: 41px !important;
}

.leaflet-glyph-icon-no {
  display: none;
}

.icon-planf {
  width: 25px !important;
  height: 41px !important;
  color: #0b97c4;
  /*content: "\f1b9";*/
}

.icon-planf-red {
  width: 25px !important;
  height: 41px !important;
  color: red;
  /*content: "\f015";*/
}

.icon-planf-yellow {
  width: 25px !important;
  height: 41px !important;
  filter: invert(1) sepia(100%) saturate(350%) hue-rotate(1deg);
  color: yellow;
  /*content: "\f015";*/
}

.icon-planf-green {
  width: 25px !important;
  height: 41px !important;
  color: green;
  /*content: "\f015";*/
}

.house {
  width: 25px !important;
  height: 25px !important;
  position: relative;
}

.house::before {
  content: "\f015";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 25px;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  color: white !important;
  background-color: #337ab7 !important;
}

.leaflet-popup-content {
  width: 100% !important;
}

.home-icon:hover > .fa-home {
  font-size: 6rem;
  transition: 1s ease-out;
  transform: scale(1.5);
  cursor: pointer;
}

.home-icon:hover > .fa-building {
  font-size: 6rem;
  transition: 1s ease-out;
  transform: scale(1.5);
  cursor: pointer;
}

.linea-vertical {
  border-left: 1px solid #8c8c8c;
  padding-left: 30px;
  margin-left: -12px;
  margin-top: -9px;
}

.status-servi {
  margin: 50px 0 4px 15px;
  display: block;
  box-shadow: 0px 1px 6px 0px rgba(163, 158, 163, 1);
  padding: 15px 20px;
  width: 418px;
}
.status-title p,
.panel .panel-title span {
  font-family: "Roboto" !important;
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  padding: 10px 0 0 10px;
  line-height: 24px;
  letter-spacing: 0.15px;
}
.panel-tecnico {
  margin-top: 26px;
}
.letter-title {
  font-family: "Roboto" !important;
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 24px;
}
.letter-subtitle {
  color: rgba(0, 0, 0, 0.87);
  font-family: "Roboto" !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
}
.letter-tec {
  color: rgba(0, 0, 0, 0.87);
  font-family: "Roboto" !important;
  font-size: 16px !important;
  letter-spacing: 0.15px;
  line-height: 24px;
}
.details-item {
  font-family: "Roboto" !important;
}
.servi-status {
  display: flex;
}
.status-agend {
  padding: 8px 16px;
  margin-right: 11rem;
  width: 150px;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #55b776;
}

.btn-change-status {
  background-color: #55b776;
  border-color: #55b776;
  color: white;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.25px;
}

.panel-accor h4 a span {
  color: rgba(0, 0, 0, 0.87);
}
.panel .panel-heading h5 {
  padding-bottom: 0px;
}
.servi-flex {
  display: flex;
  align-self: center;
  border-bottom: 1px solid #ddd;
}
.servi-flex .pull-left {
  flex-basis: 60%;
  margin-top: 10px;
}

.text-right {
  margin: 11px 0 0 0;
}

#assignementSelected {
  width: 100%;
}

.select2,
.select2-container,
.select2-container--default,
.select2-container--below,
.select2-container--open {
  width: 100%;
}

.fc-closed {
  width: 100%;
  padding-left: 218px;
  margin-top: -45px;
  position: fixed;
}

.fc-closed span {
  width: 60px;
  cursor: pointer;
  padding: 2px 5px;
  text-align: center;
  font-size: 10px;
}

.fc-closed span:hover {
  color: #009fe3;
}

.button-container {
  flex-flow: row wrap;
  justify-content: center;
  text-align: center;
  padding-top: 15px;
}

.button-container > i {
  font-size: 50px;
}

.button-icon-active {
  color: #416a8e;
}

.button-icon-active:hover {
  cursor: pointer;
}
.table-card {
}

.table-card .header {
  background: #337ab7;
  border: 1px solid #337ab7;
  border-radius: 5px 5px 0px 0px;
  height: 20px;
  padding-left: 1rem;
  padding-top: 0.3rem;
}

.table-card .header span {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: white;
}

.table-card .container-table {
  height: 84px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border: 1px solid #d9d9d9;
}

.table-card .container-table:hover {
  /*background-color: rgba(255, 255, 255, .3);*/
}

.table-card span {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.6);
}

.table-card a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 1);
}

.table-card .name,
.table-card .lastname,
.table-card .interlocutor,
.table-card .account {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0;
}

.planification .plain-button {
  border: 2px solid #337ab7 !important;
  border-radius: 5px;
  padding: 5px 10px !important;
  margin-top: 1px !important;
  font-family: Roboto !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  /*display: flex;*/
  align-items: center;
  text-align: center;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #337ab7 !important;
}

.planification .fc-bgevent {
  /*background-color: #FFD9D9 !important;*/
  background-color: rgb(110, 106, 106) !important;
}

.planificacion . fc-bgevent span {
  color: #ffd9d9 !important;
}

.references {
  width: 291px;
  margin: 27px 0 0 -16px;
  padding: 8px 12px;
}

.planification button#next-button {
  margin-left: -15px;
}

/*fc-timeline-event fc-h-event fc-event fc-start fc-end no-disponible fc-draggable fc-resizable*/
.planification .no-disponible {
  background-color: rgba(255, 181, 17, 1) !important;
  height: 54px !important;
  top: -10px !important;
}

.planification .transferTime {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: 54px !important;
  top: -10px !important;
}

.fc-pending-scheduling {
  background-color: #baff9e !important;
  color: #000 !important;
}
.app-filter {
  width: auto;
}

.alert-warning {
  background-color: #f4f0a2;
}

.map-details-service {
  margin-top: 150px;
}

.card-legend {
  padding: 20px;
  display: none;
  height: 150px;
  width: 200px;
  position: relative;
  z-index: 1000;
  margin-left: 50px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}

.display-legend {
  display: block;
}

.suggested-route,
.traveled-route {
  margin: 10px 0;
}

.suggested-route span,
.traveled-route span {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6);
}

.line-suggested-route,
.line-traveled-route {
  margin-top: 5px;
  height: 100%;
}

.border-azul {
  border-bottom: 3px solid #00aaff;
}

.border-rojo {
  border-bottom: 3px solid red;
}

.block-display {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 100000000;
  color: white;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.show-block-display {
  display: flex;
}
/*=======================modal aceptar rechazar===============*/

.accept-reject .modal-body {
  padding: 20px 20px 100px 50px;
  display: grid;
  grid-template-columns: repeat(auto-fit, 250px);
  grid-gap: 1rem;
  width: 598px;
  max-height: 300px;
  overflow-y: auto;
  justify-items: center;
  margin-bottom: 50px;
}
.card-accept-reject {
  padding: 15px;
  width: 200px;
  height: 125px;
  border-radius: 4px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}
.card-accept-reject .header {
  text-align: right;
}
.card-accept-reject .header .fa-check-circle {
  /*color: #1D62F0;*/
  color: #87cb16;
  font-size: 20px;
  margin-right: 10px;
}
.card-accept-reject .header .fa-ban {
  color: #ff4a55;
  font-size: 20px;
}
.card-accept-reject ul {
  margin-top: 5px;
}
.card-accept-reject li {
  list-style: none;
}

.footer-modal {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
}
.footer-modal .fa-check-circle {
  color: #87cb16;
  font-size: 20px;
  margin-right: 5px;
}
.footer-modal button span:hover {
  /*color: #009de9;*/
  /*transition: all ease-in-out 0.3s;*/
}

.block-screem {
  width: 1000%;
  height: 100vh;
  background-color: transparent;
  position: fixed;
  top: -30px;
  left: -1000px;
  /*z-index: 1000;*/
  overflow-y: hidden;
}

.planifi-reagendar {
  margin-left: 50px;
  display: flex;
  position: fixed;
  bottom: 25px;
}
.planifi-reagendar .thumbnail {
  height: 128px  !important;
  /*background-color: white;*/
}
.planifi-reagendar .resume-figure {
 display: block !important;
}
.planifi-reagendar p {
  font-size: 11px;
}
.planifi-reagendar p span {
  font-weight: bold;
}
.planifi-ajuste {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: absolute;
  top: 700px;
}
.planifi-reagendar .thumbnail .card-resume {
  height: 128px !important;
}
.planificacion-reagendar {
  margin-left: 50px;
  height: 128px;
  background-color: white;
}


.availableTechnicianError{
  color: red;
  margin-top: 10px;
}