/* GENERAL */

 * {
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  text-decoration: none;
}

.font-weight-500 {
  font-weight: 500 !important;
}

  /* Quitar Flechas a Etiquetas Input de Numero y Horario */

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button,
  input[type=time]::-webkit-inner-spin-button,
  input[type=time]::-webkit-outer-spin-button,
  input[type=date]::-webkit-inner-spin-button,
  input[type=date]::-webkit-outer-spin-button,
  input[type=number]::-webkit-clear-button,
  input[type=time]::-webkit-clear-button,
  input[type=date]::-webkit-clear-button,
  input[type=number]::-webkit-calendar-picker-indicator,
  input[type=time]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: none;
    margin: 0;
  }

  input[type=number]::-ms-clear,
  input[type=time]::-ms-clear,
  input[type=date]::-ms-clear {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: none;
    margin: 0;
  }

  input[type=number],
  input[type=time] {
    -moz-appearance: textfield;
  }

/* HEADER */

.admin-section header {
  font-family: Roboto, Montserrat;
  list-style: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
  display: block;
  box-sizing: content-box;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

.admin-section header input#bt-usermenu,
.admin-section header input#bt-optionsmenu {
  display: none;
}

.admin-section header .upper {
  background-color: #1981a6;
  height: 55px;
  width: 100%;
}

@media screen and (min-width: 900px) {
  .admin-section header .upper {
    height: 75px;
  }
}

.admin-section header .upper .upper-container {
  width: calc(91.667% - 20px);
  margin: auto;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .admin-section header .upper .upper-container {
    width: calc(83.333% - 20px);
  }
}

@media screen and (min-width: 900px) {
  .admin-section header .upper .upper-container {
    position: absolute;
    left: calc(8.333% + 10px);
    height: auto;
  }
}

.admin-section header .upper #main-logo img {
  width: 140px;
  padding-top: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (min-width: 900px) {
  .admin-section header .upper #main-logo img {
    position: initial;
    width: 170px;
    float: left;
    padding-top: 14px;
    transform: translateX(0%);
  }
}

.admin-section header .upper .icon-user,
.admin-section header .upper .icon-menu {
  color: #ffffff;
  cursor: pointer;
}

.admin-section header .upper .icon-user {
  float: right;
  font-size: 23px;
  margin-top: 12px;
  margin-bottom: 0;
}

@media screen and (min-width: 900px) {
  .admin-section header .upper .icon-user {
    margin-top: 19px;
  }
}

@media screen and (min-width: 1100px) {
  .admin-section header .upper .icon-user {
    display: none;
  }
}

.admin-section header .upper .icon-menu {
  float: left;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 0;
}

@media screen and (min-width: 900px) {
  .admin-section header .upper .icon-menu {
    display: none;
  }
}

.admin-section.edition-section header .icon-return {
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 25px;
  margin-top: 9px;
}

.admin-section.edition-section header .icon-return:before {
  margin-left: 0px;
  margin-right: 0px;
}

@media (min-width: 768px) {
  .admin-section.edition-section header .icon-return {
    float: right;
  }
}

@media (min-width: 900px) {
  .admin-section.edition-section header .icon-return {
    margin-top: 17px;
  }
}

/* HEADER - User Menu */

.admin-section header nav#usernav {
  position: absolute;
  background: #1981a6;
  width: 100%;
  min-height: calc(100% - 80px);
  padding-bottom: 25px;
  top: 55px;
  left: -100%;
  transition: all 0.5s;
  z-index: 1000;
}

@media screen and (min-width: 900px) {
  .admin-section header nav#usernav {
    top: 75px;
    min-height: calc(100% - 100px);
  }
}

@media screen and (min-width: 1100px) {
  .admin-section header nav#usernav {
    top: 24px;
    right: calc(8.333% + 10px);
    background: transparent;
    min-height: 0;
    z-index: 1;
    left: initial;
    width: auto;
  }
}

.admin-section header nav#usernav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.admin-section header li.welcomeUser,
.admin-section header li.bt0 {
  text-align: center;
}

.admin-section header li.welcomeUser {
  font-weight: bold;
  font-size: 17px;
  background: #5EA7C1;
  padding: 17px 0 17px 0;
}

@media screen and (min-width: 1100px) {
  .admin-section header li.welcomeUser {
    display: inline;
    padding: 0 17px 0 17px;
    background: initial;
  }
}

.admin-section header li.bt0 {
  font-size: 15px;
  padding: 17px 0 17px 0;
}

@media screen and (min-width: 1100px) {
  .admin-section header li.bt0 {
    border-left: 1.2px solid #ffffff;
    display: inline;
    padding: 0 17px 0 17px;
  }
}

.admin-section header .welcomeUser, a.bt0 {
  color: #ffffff;
}

.admin-section header a.bt0 {
  text-decoration: none;
}

@media screen and (min-width: 1100px) {
  .admin-section header a.bt0:hover {
    border-bottom: 1px solid #FFFFFF;
  }
}

.admin-section header #bt-usermenu:checked ~ nav#usernav {
  left: 0;
}

.admin-section header #bt-usermenu:checked ~ .upper .upper-container div#menu label.icon-menu  {
  visibility: hidden;
}

/* HEADER ADMIN - Options Menu */

.admin-section header nav#options-menu {
  position: absolute;
  background: #1981a6;
  width: 80%;
  min-height: calc(100% - 105px);
  z-index: 1001;
  padding: 25px 0;
  transition: all 0.5s;
  left: -80%;
}

@media screen and (min-width: 900px) {
  .admin-section header nav#options-menu {
    clear: both;
    position: initial;
    width: 100%;
    background: #efefef;
    height: 65px;
    padding-top: 12.5px;
    padding-bottom: 14px;
  }
}

.admin-section header nav#options-menu ul {
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 900px) {
  .admin-section header nav#options-menu ul {
    width: calc(83.333% - 20px);
    margin: auto;
    padding-left: 0;
  }
}

.admin-section header li.bt1_act,
.admin-section header li.bt1_inact {
  text-align: left;
}

@media screen and (min-width: 900px) {
  .admin-section header li.bt1_act,
  .admin-section header li.bt1_inact {
    text-transform: uppercase;
    text-align: center;
    padding: 9.5px 0 9.5px 0;
    width: calc(14.28% - 1px);
    margin-right: 0.5px;
    margin-left: 0.5px;
    display: inline;
    float: left;
    border-radius: 2px;
  }

  .admin-section header li.bt1_act {
    background: #1981a6;
  }

  .admin-section header li.bt1_inact {
    background: #1a404b;
  }

  .admin-section header li.bt1_inact:hover {
    background: #1981a6;
  }
}

.admin-section header span.bt1 {
  position: relative;
  display: inline-block;
  width: 95%;
  padding: 2px 0 2px 5%;
}

@media screen and (min-width: 900px) {
  .admin-section header span.bt1 {
    width: auto;
    padding: 0;
  }
}

.admin-section header span.bt1:active {
  background: #5EA7C1;
}

@media screen and (min-width: 900px) {
  .admin-section header span.bt1:active {
    background: initial;
  }
}

.admin-section header span.bt1_act {
  background: #5EA7C1;
}

@media screen and (min-width: 900px) {
  .admin-section header span.bt1_act {
    background: initial;
  }
}

.admin-section header .textoptions {
  position: relative;
  bottom: 4px;
  padding: 0 0 0 5px;
  color: #ffffff;
  font-size: 20px;
}

@media screen and (min-width: 900px) {
  .admin-section header .textoptions {
    position: initial;
    font-weight: bold;
    font-size: 15px;
    bottom: 0;
    padding: 0;
  }
}

.admin-section header .options-icons {
  font-size: 38px;
  color: #ffffff;
}

@media screen and (min-width: 900px) {
  .admin-section header .options-icons {
    display: none;
  }
}

.admin-section header #bt-optionsmenu:checked ~ nav#options-menu {
  left: 0;
}

.admin-section header #bt-optionsmenu:checked ~ .upper .upper-container div#user label.icon-user {
  visibility: hidden;
}

/* ADMIN - Title Section (Ads, Screens News, Users, Fares) */

.admin-section header div.info-mainsection {
  width: 100%;
  margin: auto;
}

@media screen and (min-width: 900px) {
  .admin-section header div.info-mainsection {
    width: calc(83.333% - 20px);
  }
}

.admin-section header div.info-mainsection a.bt3 {
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

.admin-section header div.info-mainsection h1 {
  display: flex;
  justify-content: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 8px 0 8px 0;
  margin: 1px 0 10px 0;
  background: #F5F5F5;
}

@media screen and (min-width: 900px) {
  .admin-section header div.info-mainsection h1 {
    float: left;
    font-size: 18px;
    padding-top: 25px;
    background: initial;
  }
}

.admin-section header div.info-mainsection li.bt3 {
  text-align: center;
  width: 175px;
  margin: auto;
  padding: 10px 0 10px 0;
  background: #ea6141;
  border-radius: 2px;
}

@media screen and (min-width: 900px) {
  .admin-section header div.info-mainsection li.bt3 {
    float: right;
    width: 153px;
    min-width: 14.18%;
    margin-top: 25px;
  }
 }

.admin-section header div.info-mainsection li.bt3:active {
  background: #cf4e32;
}

@media screen and (min-width: 900px) {
  .admin-section header div.info-mainsection li.bt3:active {
    background: #cf4e32;
  }

  .admin-section header div.info-mainsection li.bt3:hover {
    background: #cf4e32;
  }
}

/* EDITION SECTION - Title Section (Edit: Ads, Screens News, Users) */

.admin-section.edition-section main div.info-mainsection {
  height: 42px;
  background: #F5F5F5;
}

@media (min-width: 768px) {
  .admin-section.edition-section main div.info-mainsection {
    height: initial;
    background: initial;
  }
}

.admin-section.edition-section main div.info-mainsection-container {
  height: 50px;
  margin: auto;
  width: calc(91.667% - 20px);

}

@media (min-width: 768px) {
  .admin-section.edition-section main div.info-mainsection-container {
    width: calc(83.333% - 20px);
  }
}

.admin-section.edition-section main div.info-mainsection span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 7px;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .admin-section.edition-section main div.info-mainsection span {
    margin-top: 22px;
  }
}

.admin-section.edition-section main div.info-mainsection a.icon-trashbin {
  float: right;
  font-size: 29px;
  color: #FF0000;
  text-decoration: none;
}

.admin-section.edition-section main div.info-mainsection a.icon-trashbin-bold {
  float: right;
  font-size: 29px;
  color: #FF0000;
  text-decoration: none;
}

@media (min-width: 768px) {
  .admin-section.edition-section main div.info-mainsection a.icon-trashbin {
    margin-top: 15px;
  }

  .admin-section.edition-section main div.info-mainsection a.icon-trashbin-bold {
    margin-top: 15px;
  }
}

.admin-section.edition-section main div.info-mainsection a.icon-trashbin:active,
.admin-section.edition-section main div.info-mainsection a.icon-trashbin:hover {
  color: #DB0000;
}

.admin-section.edition-section main div.info-mainsection a.icon-trashbin-bold:active,
.admin-section.edition-section main div.info-mainsection a.icon-trashbin-bold:hover {
  color: #DB0000;
}

/* ADMIN SECTION - Filters (Ads, Screens, News, Users), Fares Types */

.admin-section .submenu {
  width: 100%;
  margin: auto;
  background-color: #ffffff;
  height: 22px;
  border-bottom: 1px solid #edeff3;
  margin-top: 15px;
  padding-bottom: 12px;
  margin-bottom: 16px;
}

@media screen and (min-width: 1195px) {
  .admin-section .submenu li.trashbin {
    float: right;
    padding-bottom: 7px !important;
  }
}

.admin-section .submenu ul li {
  display: inline;
  font-size: 17px;
  text-align: center;
  padding: 0 9px;
  margin: 0 1px 0 1px;
}

.admin-section a.bt2_act {
  color: #1782a6;
  text-decoration: none;
}

.admin-section a.bt2_inact {
  color: #6a6666;
  text-decoration: none;
}

.admin-section a.bt2_inact:active {
  color: #EA6141;
}

@media screen and (min-width: 900px) {
  .admin-section a.bt2_inact:hover {
    color: #1782a6;
  }
}
.admin-section li.bt2_act,
.admin-section li.bt2_inact {
  display: inline;
  font-size: 17px;
  text-align: center;
  padding: 0 9px;
  margin: 0 1px 0 1px;
}
 /*{
  border-bottom: 2px solid #1782a6;
}*/

.admin-section li.bt2_act {
  border-bottom: 2px solid #1782a6;
}

@media screen and (min-width: 900px) {
  .admin-section li.bt2_inact:hover {
    border-bottom: 2px solid #1782a6;
  }
}

  /* Hide Horizontal Scroll Bar From Tables Filters */

  .admin-section .submenu::-webkit-scrollbar {
    display: none;  /*Safari and Chrome*/
  }

  .admin-section .submenu {
    -ms-overflow-style: none; /*IE 10+*/
    overflow: -moz-scrollbars-none; /*Firefox*/
  }

/* ADMIN & EDITION SECTION - Minimum Separation between Header and Footer */

.admin-section:not(.edition-section) main {
  min-height: calc(100vh - 160px - 205px) /* (Screen Height - Header Height - Footer Height) */
}

@media screen and (min-width: 900px) {
  .admin-section:not(.edition-section) main {
    min-height: calc(100vh - 284.5px - 205px) /* (Screen Height - Header Height - Footer Height) */
  }
}

.admin-section.edition-section main {
  min-height: calc(100vh - 54px - 80px) /* (Screen Height - Header Height - Footer Height) */
}

@media screen and (min-width: 900px) {
  .admin-section.edition-section main {
    min-height: calc(100vh - 74px - 80px) /* (Screen Height - Header Height - Footer Height) */
  }
}

/* EDITION SECTION (SCREENS, ADS, USERS, NEWS) */

.admin-section.edition-section main .container-fluid {
  clear: both;
}

.admin-section.edition-section main hr:first-child {
  margin-top: 0;
  visibility: hidden;
}

@media (min-width: 768px) {
  .admin-section.edition-section main hr:first-child {
    border: 0.5px solid #000000;
    margin-top: 1rem;
    visibility: initial;
  }
}

.admin-section.edition-section main input[type=text]:not(.applying-promos) {
  height: 38px;
}

.admin-section.edition-section main input[type=text]:disabled {
  cursor: initial;
}

/* ADS & SCREENS APPROVAL STATUS */

.admin-section.edition-section main .accepted-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #009933 !important;
  background: #009933;
}

.admin-section.edition-section main .accepted-status:after {
  content: "Aprobado";
  word-spacing: 5px;
}

.admin-section.edition-section main .draft-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #555555 !important;
  background: #555555;
}

.admin-section.edition-section main .draft-status:after {
  content: "\e824 \00a0 Borrador";
  word-spacing: 10px;
}

.admin-section.edition-section main .ended-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #009933 !important;
  background: #009933;
}

.admin-section.edition-section main .ended-status:after {
  content: "\e826 \00a0 Finalizado";
  word-spacing: 10px;
}

.admin-section.edition-section main .news-paused-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #FF6600 !important;
  background: #FF6600;
}

.admin-section.edition-section main .news-paused-status:after {
  content: "\e832 \00a0 Pausado";
  word-spacing: 10px;
}

.admin-section.edition-section main .paused-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #1981A6 !important;
  background: #1981A6;
}

.admin-section.edition-section main .paused-status:after {
  content: "\e832 \00a0 Pausado";
  word-spacing: 10px;
}

.admin-section.edition-section main .pending-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #FF6600 !important;
  background: #FF6600;
}

.admin-section.edition-section main .pending-status:after {
  content: "\e834 \00a0 Pendiente";
  word-spacing: 10px;
}

.admin-section.edition-section main .completed-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #FF6600 !important;
  background: #FF6600;
}

.admin-section.edition-section main .completed-status:after {
  content: "Completo";
  word-spacing: 10px;
}

.admin-section.edition-section main .progress-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #009933 !important;
  background: #009933;
}

.admin-section.edition-section main .progress-status:after {
  content: "100% | En proceso";
  word-spacing: 3px;
}

.admin-section.edition-section main .rejected-status,
.admin-section.edition-section main .deleted-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #FF0000 !important;
  background: #FF0000;
}

.admin-section.edition-section main .rejected-status:after {
  content: "\e838 \00a0 Rechazado";
  word-spacing: 10px;
}
.admin-section.edition-section main .deleted-status:after {
  content: "Eliminado";
  word-spacing: 10px;
}

.admin-section.edition-section main .schedule-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #003399 !important;
  background: #003399;
}

.admin-section.edition-section main .schedule-status:after {
  content: "\e834 \00a0 Programado";
  word-spacing: 10px;
}

.admin-section.edition-section main .validated-status {
  font-family: adstreet-icons, Roboto;
  color: #FFFFFF;
  border-color: #009933 !important;
  background: #009933;
}

.admin-section.edition-section main .validated-status:after {
  content: "100% | Validado \e811";
  word-spacing: 2px;
}

/* PAYMENT APPROVAL STATUS */

.admin-section.edition-section main .pending-payment-status {
  font-family: adstreet-icons, Roboto;
  color: #FF6600;
  border-color: #FF6600 !important;
}

.admin-section.edition-section main .pending-payment-status:after {
  content: "\e833 \00a0 Pendiente";
  word-spacing: 10px;
}

.admin-section.edition-section main .rejected-payment-status {
  font-family: adstreet-icons, Roboto;
  color: #FF0000;
  border-color: #FF0000 !important;
}

.admin-section.edition-section main .rejected-payment-status:after {
  content: "\e820 \00a0 Rechazado";
  word-spacing: 10px;
}

.admin-section.edition-section main .accepted-payment-status {
  font-family: adstreet-icons, Roboto;
  color: #009933;
  border-color: #009933 !important;
}

.admin-section.edition-section main .accepted-payment-status:after {
  content: "\e825 \00a0 Aprobado";
  word-spacing: 10px;
}

.admin-section.edition-section main .refunded-payment-status {
  font-family: adstreet-icons, Roboto;
  color: #339933;
  border-color: #339933 !important;
}

.admin-section.edition-section main .refunded-payment-status:after {
  content: "\e825 \00a0 Aprobado";
  word-spacing: 10px;
}

.admin-section.edition-section main .canceled-payment-status {
  font-family: adstreet-icons, Roboto;
  color: #999999;
  border-color: #999 !important;
}

.admin-section.edition-section main .canceled-payment-status:after {
  content: "\e825 \00a0 Aprobado";
  word-spacing: 10px;
}

/** BOTÓN DE VALIDACIÓN **/

.admin-section.edition-section main .tgl {
  margin-top: 4.5px;
  margin-bottom: 0;
}

.admin-section.edition-section main .tgl > input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* Put the input behind the label so it doesn't overlay text */
  visibility: hidden;
}

.admin-section.edition-section main .tgl .tgl_body {
  width: 60px;
  height: 30px;
  background: white;
  border: 1px solid #dadde1;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.admin-section.edition-section main .tgl .tgl_switch {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: white;
  position: absolute;
  left: -1px;
  top: -1px;
  border-radius: 50%;
  border: 1px solid #ccd0d6;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
  -moz-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -moz-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -o-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -webkit-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  z-index: 1;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  cursor: pointer;
}

.admin-section.edition-section main .tgl .tgl_track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 50px;
}

.admin-section.edition-section main .tgl .tgl_bgd {
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  width: 55px;
  -moz-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -webkit-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  background: #79A4FC url("../img/tgl_check.png") center center no-repeat;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.admin-section.edition-section main .tgl .tgl_bgd-negative {
  right: auto;
  left: -45px;
  background: white url("../img/tgl_x.png") center center no-repeat;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.admin-section.edition-section main .tgl:hover .tgl_switch {
  border-color: #b5bbc3;
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.admin-section.edition-section main .tgl:active .tgl_switch {
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.admin-section.edition-section main .tgl > :not(:checked) ~ .tgl_body > .tgl_switch {
  left: 30px;
}

.admin-section.edition-section main .tgl > :not(:checked) ~ .tgl_body .tgl_bgd {
  right: -45px;
}

.admin-section.edition-section main .tgl > :not(:checked) ~ .tgl_body .tgl_bgd.tgl_bgd-negative {
  right: auto;
  left: -10px;
}

/** BOTÓN COPIAR LINK **/

.admin-section.edition-section main label.blanck {
    display: block;
    padding: 0;
  }

@media (min-width: 768px) {
  .admin-section.edition-section main label.blanck {
    display: inline-block;
    padding-top: calc(0.5rem - 1px * 2);
    padding-bottom: calc(0.5rem - 1px * 2);
  }
}

@media (min-width: 768px) {
  .admin-section.edition-section main label.blanck:after {
    content: "\00a0";
    display: block;
  }
}

.admin-section.edition-section main .copy-button,
.admin-section.edition-section main .refrescar-reproductor,
.admin-section.edition-section main .filter-button,
.admin-section.edition-section main .filtercleaner-button {
  border-radius: 0.25rem;
  width: 100%;
  color: #FFFFFF;
  line-height: 1.25;
  padding: 0.5rem 0.75rem;
  outline: none;
  cursor: pointer;
}
.admin-section.edition-section main .refrescar-reproductor {
	border: 1px solid #009933;
    background: #009933;
}
.admin-section.edition-section main .copy-button,
.admin-section.edition-section main .filter-button {
  border: 1px solid #EA6141;
  background: #EA6141;
}

.admin-section.edition-section main .filtercleaner-button {
  border: 1px solid #A1A1A1;
  background: #A1A1A1;
}

.admin-section.edition-section main .copy-button:focus,
.admin-section.edition-section main .copy-button:active,
.admin-section.edition-section main .filter-button:focus,
.admin-section.edition-section main .filter-button:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(234,97,65,0.3);
  box-shadow: 0 0 0 0.2rem rgba(234,97,65,0.3);
}

.admin-section.edition-section main .filtercleaner-button:focus,
.admin-section.edition-section main .filtercleaner-button:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(161,161,161,0.3);
  box-shadow: 0 0 0 0.2rem rgba(161,161,161,0.3);
}

/* EDITION SECTION - Form styles */

.admin-section main .form-control:not(:disabled) {
  border: 1px solid #1ED1CE;
}

.admin-section main .form-control.banner-text:not(:disabled) {
  border: 1px solid #EA6141;
}

.admin-section main textarea.form-control.banner-text {
  border: 1px solid #EA6141;
  background: transparent;
  cursor: default;
}

.admin-section main .form-control:not(:disabled):focus,
.admin-section main .form-control:not(:disabled):active {
  border: 1px solid #4488EE;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(68,136,238,0.3);
  box-shadow: 0 0 0 0.2rem rgba(68,136,238,0.3);
}

.admin-section main .form-control.banner-text:not(:disabled):focus,
.admin-section main .form-control.banner-text:not(:disabled):active {
  border: 1px solid #E82B00;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(232,43,0,0.3);
  box-shadow: 0 0 0 0.2rem rgba(232,43,0,0.3);
}

.admin-section main .map {
  width: 100%;
  height: 250px;
}

.admin-section main .form-feature {
  font-weight: 500;
  padding-bottom: 0;
  margin: 0;
}

.admin-section main .form-unit {
  margin-top: 36px;
  margin-bottom: -35px;
}

@media (min-width: 992px) {
  .admin-section main .form-feature {
    position: absolute;
    font-weight: 500;
    margin-top: 35px;
    right: 15px;
  }
}

/* EDITION SECTION - Screens - Plan & Prices */

.admin-section main span.dollar-sign {
  position: absolute;
  bottom: 6px;
  left: 23px;
  font-size: 18px;
  font-weight: 500;
  color: #636C72;
}

@media (min-width: 768px) {
  .admin-section main span.dollar-sign {
    bottom: 8px;
    font-size: 17px;
  }
}

/* EDITION SECTION - Screens - Time Schedule */

.admin-section main .time-schedule .working-time {
  font-weight: 500;
  text-decoration: underline;
}

@media (min-width: 992px) {
  .admin-section main .time-schedule .working-time {
    padding-left: 10px;
    text-decoration: none;
  }
}

.admin-section main .time-schedule label.time-from.display-always:before,
.admin-section main .time-schedule label.time-from.display-mobile:before {
  content: "Desde";
}

.admin-section main .time-schedule label.time-to.display-always:before,
.admin-section main .time-schedule label.time-to.display-mobile:before {
  content: "Hasta";
}

.admin-section main .time-schedule label.time-from.display-web,
.admin-section main .time-schedule label.time-to.display-web,
.admin-section main .time-schedule label.time-from.display-never,
.admin-section main .time-schedule label.time-to.display-never {
  display: none;
}

@media (min-width: 992px) {
  .admin-section main .time-schedule label.time-from.display-web,
  .admin-section main .time-schedule label.time-to.display-web {
    display: inherit;
  }

  .admin-section main .time-schedule label.time-from.display-web:before {
    content: "Desde";
  }

  .admin-section main .time-schedule label.time-to.display-web:before {
    content: "Hasta";
  }

  .admin-section main .time-schedule label.time-to.display-mobile,
  .admin-section main .time-schedule label.time-from.display-mobile {
    display: none;
  }
}

.admin-section main .time-schedule label.morning:before {
  content: "mañana";
  font-style: italic;
}

@media (min-width: 992px) {
  .admin-section main .time-schedule div.morning-container {
    display: none;
  }
}

.admin-section main .time-schedule label.afternoon:before {
  content: "tarde";
  font-style: italic;
}

@media (min-width: 992px) {
  .admin-section main .time-schedule label.afternoon.slash:before {
    content: "/";
  }
}

/* EDITION SECTION - Screens - Time ScheduleAlignment */

.admin-section main .time-schedule .week-day {
  font-weight: 500;
}

.admin-section main .time-schedule .week-day,
.admin-section main .time-schedule .time-division,
.admin-section main .time-schedule .morning,
.admin-section main .time-schedule .afternoon {
  margin-bottom: 0px;
}

.admin-section main .time-schedule .time-division,
.admin-section main .time-schedule .morning,
.admin-section main .time-schedule .afternoon {
  position: absolute;
  padding: calc(0.5rem + 1px) 0;
}

.admin-section main .time-schedule .morning,
.admin-section main .time-schedule .afternoon {
  left: 10px;
}

.admin-section main .time-schedule .time-division,
.admin-section main .time-schedule .morning,
.admin-section main .time-schedule .afternoon {
  bottom: 0px;
}

@media (min-width: 992px) {
  .admin-section main .time-schedule .week-day,
  .admin-section main .time-schedule .time-division,
  .admin-section main .time-schedule .slash {
    position: absolute;
    bottom: 0px;
    padding: calc(0.5rem + 1px) 0;
  }
}

/* EDITION SECTION - Screens - Picture */

.admin-section main button:not(button span) {
  border: none;
}

.admin-section main span.icon-camera-photo {
  font-size: 1.5rem;
  color: #1981A6;
}

.admin-section main img.screen-img {
  max-height: 90%;
  max-width: 90%;
}

.admin-section main .screen-pic a {
  color: #1981A6;
  text-decoration: none;
}

.admin-section.edition-section main a.icon-download,
.admin-section.fares main a.icon-download {
  font-size: 38px;
  color: #009933;
  text-decoration: none;
  float: right;
  line-height: 0;
  position: absolute;
  bottom: 1px;
  right: 10px;
}

.admin-section main a.icon-download:before {
  margin: 0;
}

.admin-section main a.icon-download:active,
.admin-section main a.icon-download:hover {
  color: #006321;
}

/* ADMIN & EDITION SECTION - Tables */

.admin-section main div.table {
  clear: both;
  display: block;
  width: 91.667%;
  margin: auto;
  overflow-x: scroll;
  overflow-y: hidden;
}

@media (min-width: 576px) {
  .admin-section.fares.prices main div.table {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .admin-section.edition-section.news-edition main div.table,
  .admin-section.edition-section.ad-edition main div.table,
  .admin-section.edition-section.screen-edition main div.table,
  .admin-section.edition-section.user-edition main div.table,
  .admin-section.fares.promos main div.table,
  .admin-section.fares.plans main div.table,
  .admin-section.ads main div.table,
  .admin-section.screens main div.table,
  .admin-section.news main div.table,
  .admin-section.users main div.table,
  .admin-section.files main div.table {
    width: 100%;
  }
}

.admin-section main .table {
  border-collapse: collapse;
  text-align: left;
  min-width: 100%;
  font-size: 1rem;
}

.admin-section.ads main .table {
  width: 950px;
}

.admin-section.news main .table {
  width: 1100px;
}

.admin-section.screens main .table {
  width: 1100px;
}

.admin-section.users main .table {
  width: 1100px;
}

.admin-section main .table.change-history {
  width: 500px;
}

.admin-section.fares.prices main .table.change-history,
.admin-section.user-edition main .table.change-history {
  width: 650px;
}

.admin-section main .table.screen-edition,
.admin-section main .table.user-edition-screens {
  width: 850px;
}

.admin-section main .table.news-edition,
.admin-section main .table.user-edition-ads,
.admin-section.fares.promos main .table.change-history,
.admin-section.fares.plans main .table.change-history {
  width: 1000px;
}

.admin-section main .table.ad-edition {
  width: 1050px;
}

.admin-section main .table th,
.admin-section main .table td {
  border-top: none;
  padding: 0.5rem;
  vertical-align: middle;
}

.admin-section main .table tr.inforows:hover {
  background: #F5F5F5;
}

.admin-section main .table tr.mainrow th,
.admin-section main .table tr.summarizedrow td {
  font-weight: 500;
}
.admin-section main .table tr.mainrow th .activo {
  color: #1981a6;
}


.admin-section main .table tr.mainrow th,
.admin-section:not(.edition-section):not(.fares) main .table tr:last-child td,
.admin-section.edition-section main .table:not(.change-history) tbody tr:nth-last-child(2) td,
.admin-section.fares main .table:not(.change-history) tbody tr:nth-last-child(2) td {
  border-bottom: 1px solid #cbcdcf;
}

.admin-section main .table tr.inforows td:not(a.icon-pending):not(a.icon-pause-bold.news):not(a.icon-ended):not(a.icon-denied):not(a.icon-draft):not(a.icon-draft):not(a.icon-pause-bold):not(a.icon-pending.news) {
  color: #555555;
  font-weight: normal;
  border-bottom: 1px solid #edeff3;
}

.admin-section main .table tr.inforows td {
  border-bottom: 1px solid #edeff3;
}

.admin-section main .table tr.inforows.resaltado td {
  background: #dde;
}

.admin-section.edition-section main .table.change-history tr.inforows:last-child td,
.admin-section.fares main .table.change-history tr.inforows:last-child td {
  border-bottom: none;
}

.admin-section main .table td a {
  text-decoration: none;
  color: #1981A6;
}

.admin-section main .table td a:not(.icon-preview):not(.icon-trashbin):not(.icon-trashbin-bold):not(.icon-accept):not(.icon-announce):not(.icon-reject):not(.icon-pause):visited {
    color: #840D8F;
}

.admin-section main .table td a:not(.icon-trashbin):not(.icon-trashbin-bold):not(.icon-accept):not(.icon-announce):not(.icon-reject):not(.icon-pause):active {
    color: #EA6141 !important;
}

.admin-section.ads th:nth-last-child(5),
.admin-section.ads td:nth-last-child(5) {
  text-align: center;
}

.admin-section.screens th:nth-last-child(5),
.admin-section.screens td:nth-last-child(5) {
  text-align: center;
}

.admin-section.news th:nth-last-child(4),
.admin-section.news td:nth-last-child(4) {
  text-align: center;
}

.admin-section.users th:nth-last-child(2),
.admin-section.users td:nth-last-child(2),
.admin-section.users th:nth-last-child(5),
.admin-section.users td:nth-last-child(5),
.admin-section.users th:nth-last-child(6),
.admin-section.users td:nth-last-child(6),
.admin-section.users th:nth-last-child(7),
.admin-section.users td:nth-last-child(7) {
  text-align: center;
}

/* ADMIN - Table - Customized checkbox */

.admin-section main .table label.custom-label {
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: initial;
}

.admin-section main .table input.custom-input[type="checkbox"] {
  display: none;
}

.admin-section main .table input.custom-input[type="checkbox"] + .custom-checkbox:before {
  content: url("../img/chx-unchecked.svg");
}

.admin-section main .table input.custom-input[type="checkbox"]:checked + .custom-checkbox:before {
  content: url("../img/chx-checked.svg");
}

/* ADMIN - Table - Circular progress bar */

.admin-section main .table tr td div.circle-bar {
  width: 17px;
  height: 17px;
  margin-left: -14.5px;
  margin-top: 5px;
}

.admin-section main .table #slider {
  display: none;
}

.admin-section main .table #svg {
  -ms-transform: scale(0.067) rotate(-90deg); /* IE 9 */
  -webkit-transform: scale(0.067) rotate(-90deg); /* Safari */
  -o-transform: scale(0.067) rotate(-90deg); /* Opera */
  transform: scale(0.067) rotate(-90deg);
  -ms-transform-origin:16.5px 16px;
  -webkit-transform-origin:16.5px 16px;
  -o-transform-origin:16.5px 16px;
  transform-origin:16.5px 16px;
  outline: 1px solid transparent;
}

.admin-section main .table .progressbg {
  stroke: #cbcdcf;
}

/* Hide Horizontal Scroll Bar From Tables */

.admin-section main div.table::-webkit-scrollbar {
  display: none;  /*Safari and Chrome*/
}

.admin-section main div.table {
  -ms-overflow-style: none; /*IE 10+*/
  overflow: -moz-scrollbars-none; /*Firefox*/
}

/* EDITION SECTION - Buttons: Save, Cancel, Accept, Deny, Pause, Announce */

.admin-section main div.btns-section .btn {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  background-color: #EA6141;
  border-radius: .25rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9px;
  padding-bottom: 9px;
}

.admin-section main div.btns-section .btn-cancel {
  background-color: #A1A1A1;
  cursor: pointer;
}

.admin-section main div.btns-section .btn-cancel:focus,
.admin-section main div.btns-section .btn-cancel:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(161,161,161,0.3);
  box-shadow: 0 0 0 0.2rem rgba(161,161,161,0.3);
}

.admin-section main div.btns-section .btn-save {
  background-color: #EA6141;
  cursor: pointer;
}

.admin-section main div.btns-section .btn-save:focus,
.admin-section main div.btns-section .btn-save:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(234,97,65,0.3);
  box-shadow: 0 0 0 0.2rem rgba(234,97,65,0.3);
}

.admin-section main div.btns-section .btns-status {
  font-size: 40px;
  line-height: 0;
}

.admin-section main div.btns-section .btns-status a {
  text-decoration: none;
}

.admin-section main div.btns-section .btns-status a:before {
  margin: 0;
}

.admin-section.edition-section main div.btns-section .btns-status a.icon-accept-bold {
  color: #009933;
}

.admin-section.edition-section main div.btns-section .btns-status a.icon-accept-bold:hover,
.admin-section.edition-section main div.btns-section .btns-status a.icon-accept-bold:active {
  color: #006321;
}

.admin-section.edition-section main div.btns-section .btns-status a.icon-pause-bold {
  color: #555555;
}

.admin-section.edition-section main div.btns-section .btns-status a.icon-pause-bold:hover,
.admin-section.edition-section main div.btns-section .btns-status a.icon-pause-bold:active {
  color: #373737;
}

.admin-section.edition-section main div.btns-section .btns-status a.icon-reject-bold {
  color: #FF0000;
}

.admin-section.edition-section main div.btns-section .btns-status a.icon-reject-bold:hover,
.admin-section.edition-section main div.btns-section .btns-status a.icon-reject-bold:active {
  color: #A50000;
}

.admin-section.edition-section main div.btns-section .btns-status a.icon-announce-bold {
  color: #003399;
}

.admin-section.edition-section main div.btns-section .btns-status a.icon-announce-bold:hover,
.admin-section.edition-section main div.btns-section .btns-status a.icon-announce-bold:active {
  color: #002163;
}

/* FOOTER */

.admin-section footer.site-footer {
  margin-top: -1px;
  z-index: 1;
}

.admin-section footer.site-footer .site-info {
  background-color: #19404b;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.admin-section footer.site-footer .site-info a {
  text-decoration: none;
  color: inherit;
}

.admin-section footer.site-footer .site-info > a,
.admin-section footer.site-footer .site-info > span {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  padding-bottom: 20px;
  display: block;
}

.admin-section footer.site-footer .site-info .social {
  padding: 0;
  margin: 0;
  padding-bottom: 25px;
  color: #19404b;
}

.admin-section footer.site-footer .site-info .social li {
  display: inline-block;
}

.admin-section footer.site-footer .site-info .social li a {
  font-size: 12px;
}

.admin-section footer.site-footer .site-info .social li a:active {
  color: #F07D29;
}

@media (min-width: 768px) {
  .admin-section footer.site-footer .site-info .social li a:hover {
    color: #F07D29;
  }
}

.admin-section footer.site-footer .site-info .copy {
  color: #89a9b2;
  font-size: 12px;
}

.admin-section footer.site-footer .site-info .copy a {
  color: inherit;
  text-decoration: none;
  display: block;
}

@media (min-width: 465px) {
  .admin-section footer.site-footer .site-info .copy a:before {
    content: "/ ";
  }

  .admin-section footer.site-footer .site-info .copy a {
    display: inline-block;
  }
}

.admin-section footer.site-footer .site-info .copy a:before {
  color: #89a9b2;
}

.admin-section footer.site-footer .site-info .copy a:active {
  color: #DAE9ED;
}

.admin-section .empty-list {
  margin: 10px 0;
}

.admin-section .rd-range-container {
  display: flex;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  color: #888888;
  font-size: 12px;
}

.admin-section .filtro {
  color: #888888;
  font-size: 16px;
  text-align: left;
  position: relative;
  cursor: pointer;
}

.bootstrap-select.show-tick.checkboxes .dropdown-menu .check-mark {
  display: inline-block;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  width: 14px;
  height: 14px;
  padding: 2px;
  border: 1px solid gray;
  border-radius: 5px;
  margin-right: 5px;
  margin-left: -10px;
}

.bootstrap-select.show-tick.checkboxes .dropdown-menu .check-mark::after {
  display: none;
}

.bootstrap-select.show-tick.checkboxes .dropdown-menu .selected .check-mark::after {
  display: block;
  transform: none;
  border: none;
  width: 8px;
  height: 8px;
  background-color: green;
  border-radius: 50%;
}

.bootstrap-select.show-tick.checkboxes .dropdown-menu li a span.text {
  margin: 0;
}

.list-map .filterCleaner {
  font-size: 11px;
  color: #999999;
  font-weight: 600;
  text-decoration: underline;
  text-transform: uppercase;
  background: transparent;
  border: 0;
  padding: 0;
}

.list-map .btn-applyFilter {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #3d878c;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #FFFFFF;
  border-color: #3d878c;
  padding-top: 9px;
  padding-bottom: 9px;
}

.table-scroll {
  margin-bottom: 300px;
  position: relative;
}

.table-scroll tbody {
  height: 300px;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
}

.table-scroll tbody tr {
  width: 100%;
  display: inline-table;
  /*table-layout: fixed;*/
}
.table-scroll-col1 {
  width: 10%;
}
.table-scroll-col2 {
  width: 10%;
}
.table-scroll-col3 {
  width: 30%;
}
.table-scroll-col4 {
  width: 20%;
}
.eliminado {
  color: #999;
  text-decoration: line-through;
}

.navbar-brand .logo {
  width: 192px;
}