@import "kiwi-theme-light-override.css";
@import "feature-announcement.css";
@import "header.css";

:root {
  --mainSystemColor: rgb(106, 169, 66);
}

/* Kiwi grid and colors (begin) */
body {
  margin: 0;
  font-family: Arial;
  font-size: 14px;
  line-height: 20px;
}

.font-size-16px {
  font-size: 16px !important;
}

.content-margin {
  margin-left: 0.7em;
  margin-right: 0.7em;
}

.white-box {
  background-color: #fff;
  border: 1px solid #dddddd;
  border-width: 1px 0px;
  padding: 10px;
}

.white-box-select-content {
  background-color: #fff;
  border: 1px solid #dddddd;
  border-width: 1px 0px;
}

.white-box-header {
  font-size: 14px;
  border-bottom: 1px solid #dddddd;
  padding: 5px 20px;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .white-box,
  .white-box-select-content {
    border-width: 1px;
    margin-bottom: 10px;
  }

  .white-box-header {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .white-box {
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    padding: 0px;
  }

  .white-box-header {
    font-size: 18px;
  }

  .white-box-content {
    padding: 10px;
  }
}

a {
  text-decoration: none;
  color: #1a1a1a;
}

.kiwi-green-link {
  color: var(--mainSystemColor);
}

.font-normal {
  font-size: 14px !important;
}

.table-ultraslim td:first-child {
  width: 50px;
}

.topVertical {
  vertical-align: top;
}

.color-red {
  color: #d32f2f;
}

.color-main-green {
  color: var(--mainSystemColor);
}

input,
textarea,
.uneditable-input {
  width: 100%;
}

/* Because of the input style above input (input: width 100%) in dataPicker header is broken. It has to be overriden.*/
.ui-datepicker-header input
{
  width: unset;
}

.wrap {
  word-break: break-all;
}

.kiwi-wrap {
  white-space: normal;
  word-break: break-word;
}

/* Shorten media name in media list when the table is not wide enough. */
.url-ellipsis {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.font-bold {
  font-weight: bold;
}
/* Kiwi grid and colors (end) */

/* Submenu (begin) */
/* Make search in submenu on homepage on "full width" in responsive mode.
   The exact width was chosen to suit hungarian language. */
@media screen and (max-width: 700px) {
  .kiwi-home-submenu-search .ui-corner-all {
    width: 100% !important;
  }

  .kiwi-home-submenu-search .kiwi-search-icon {
    margin-left: 0.75rem !important;
  }
}

.kiwi-context-links .ui-menuitem-icon {
  padding: 1px;
  margin: 3px !important;
}

/* Vychází ze třídy .ui-menuitem-icon-left, která se ale pro p:submenu implicitně neaplikuje. */
.kiwi-context-links .ui-submenu-link .ui-menuitem-icon {
  margin-right: .5rem;
}

.kiwi-context-links .home-links-secondary-text .ui-menuitem-text {
  font-size: 1.2rem;
  padding-top: 0.1em;
  font-weight: 400;
  vertical-align: top !important;
}

@media screen and (max-width: 660px) {
  .player-sync-wrapper {
    display: inline-flex;
  }

  .player-spinner-wrapper {
    width: 20px;
  }
}

/* position of the first icon in submenu */
.kiwi-context-links .ui-menu-list {
  margin-left: 0.6rem !important;
}

.kiwi-context-links .home-links-secondary-text .ui-menuitem-text {
  font-size: 1.2rem;
  padding-top: 0.1em;
  font-weight: 400;
  vertical-align: top !important;
}
/* Submenu (end) */

/* Footer (begin) */
footer {
  background: #F9F9F9;
  padding: 10px 0;
  text-align: center;
  color: #1a1a1a;
  font-size: 13px;
  margin-top: 15px;
}


footer form {
  margin: 0 0 5px 0;
  padding: 0;
}

.kiwi-lang-separator {
  color: #ccc;
}

/* Footer (end) */

/* Player states (begin) */
.kiwi-player-state-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.player-state {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 38px;
  font-weight: bold;
  font-size: 13px;
  border-radius: 3px;
}

.player-STATE_DISABLED {
  background-color: #9c9c9c;
  color: #fff;
}

.player-OFFLINE_CORRECT,
.player-OFFLINE_WRONG {
  background-color: #d32f2f;
  color: #fff;
}

.player-ONLINE_CORRECT,
.player-ONLINE_WRONG {
  background-color: var(--mainSystemColor);
  color: #fff;
}

.player-state-big {
  border-radius: 4px;
  padding: 20px;
}
/* Player states (end) */

.no-border {
  border: none !important;
}

/* Player synchronization (icon, column) (begin) */
.player-info-overlay-panel-position {
  margin-right: 2em;
}

.device-disabled-text {
  text-decoration-line: line-through;
  color: gray !important;
}

/* Player synchronization (end) */

.player-spinner-wrapper {
  margin-top: 18px;
  margin-bottom: 18px;
}

/* Player states of synchronization (end) */

/* Štylovanie ikon v device/list (question_mark, trigram, success_mark, synchronization_mark) (begin) */
.content-sync-icon {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  transform: scale(1.1);
}

.content-sync-icon-container {
  background: none;
  border: none;
}

.icon-vertical-center {
  margin-top: 12px !important;
  margin-bottom: 10px !important;
}

.icon-size-s {
  font-size: 30px;
  font-weight: bold;
}

.icon-size-xs {
  font-size: 1.1rem;
  margin-right: .3rem;
}

.viewImage {
  width: 600px;
  max-height: 95vh;
}
/* Štylovanie ikon v device/list (end) */

.zero-padding {
  padding: 0 !important;
}

/* Výzva pre pridanie (média, zariadenia, playlistu, šablony) (begin) */
.device-card {
  width: inherit;
  height: 65px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 8px;
  display: table-cell;
  vertical-align: middle;
}

.guide-card-wrapper {
  width: inherit;
}

.guide-text-spacing {
  line-height: 10px;
}

.guide-wrapper {
  padding: 20px 30px 40px 30px;
}

.kiwi-guide {
  width: 82%;
  max-width: 1350px !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.kiwi-guide-icon {
  font-size: 128px !important;
  color: lightgray;
}

@media screen and (max-width: 600px) {
  .guide-wrapper {
    padding: 0 10px 5px 10px;
  }

  #guide-text>h1 {
    font-size: 25px;
    line-height: 25px;
  }

  #guide-text>h1>small {
    font-size: 19px;
  }

  #guide-text>h2>small {
    font-size: 14px;
  }
}

/* Výzva pre pridanie média (end) */

/* icon.xhtml (begin) */
.fixed-image-size-sm {
  max-height: 100px;
  max-width: 128px;
  width: auto;
  height: auto;
  object-fit: contain;
}
/* icon.xhtml (end) */

/* Playlist content draggable/droppable */
.playlist-draggable-area {
  width: 100%;
  max-width: 500px;
}

/* Playlist content draggable/droppable (end) */

/* Replace organization dialog (start) */
.scroll-panel {
  max-height: 300px;
  padding: 10px;
}

.scroll-panel-directory {
  max-height: 50rem;
}

.tree-dialog-word-break {
  white-space: normal !important;
  word-wrap: break-word;
}
/* Replace organization dialog (end) */

/* Remove item dialog (start) */
.remove-item-dialog {
  max-width: 80em;
}

.remove-item-search-items {
  display: inline-block;
  padding: 5px;
  margin: 5px !important;
  /* improve responsive mode */
  word-break: break-all;
}
/* Remove item dialog (end) */

/* Guide device card (begin)*/
.device-card:hover {
  box-sizing: border-box;
  border-bottom: 4px solid var(--mainSystemColor);
}
/* Guide device card (end) */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  margin-bottom: 0px;
}

.content-sender-text {
  border-radius: 4px;
  border: 1px solid rgba(187, 187, 187, 0.3);
  box-sizing: border-box;
  display: block;
  font-size: 16px;
  height: 100%;
  padding: 4px 14px;
  text-align: center;
  width: 100%;
}

.graphic-image-overlay {
  max-width: 540px;
  max-height: 620px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

@media screen and (max-width: 640px) {
  .graphic-image-overlay {
    width: 100%;
  }
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.place-content-between {
  place-content: space-between;
}

.font-400 {
  font-weight: 400;
}

.hr-small {
  margin: 1px 0;
  border: 0;
  border-top: 1px solid rgb(153, 153, 153);
}

.w-full {
  width: 100%;
}

.kiwi-page-header {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.device-detail-pageheader {
  margin-top: 0.45rem;
  margin-bottom: 0.45rem;
  padding: 0.5rem;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.device-detail-pageheader-left {
  display: flex !important;
  align-items: center !important;;
  gap: 1rem !important;
}

.device-detail-pageheader-right {
  margin-left: auto !important;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* Loading gif next to device state needs additional space to be in the proper position. */
.device-detail-pageheader-right .player-spinner-wrapper {
  margin-right: 0.8rem !important;
}

.padding-top-global-filter {
  padding-top: 0.1rem;
}

.kiwi-media-detail-exe-input {
  width: 100%;
  max-width: 605px;
}

/* make widget detail with TinyMCE properly responsive*/
.mce-container * {
  white-space: normal !important;
}

/* Device info - start */
.flex-player-media-container {
  align-items: center;
  background-color: #fcfcfc;
  border-radius: 6px;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  height: 20em;
  justify-content: space-between;
  padding: 0.5em;
  position: relative;
  text-align: center;
}

.flex-player-media-container.first-screenshot {
  border-color: rgba(0, 0, 0, 0.45);
  /* semi-transparent black */
}

/* If it has only the upload (slot empty) → center vertically */
.flex-player-media-container.single {
  justify-content: center;
}

.player-media-img {
  border-radius: 4px;
  height: 75%;
  object-fit: scale-down;
  max-width: 100%;
}

/* Smaller height if there is no photo */
.all-empty .flex-player-media-container.single {
  height: 5em;
}

/* Smaller height if there is no photo */
.all-empty .flex-player-media-container.single {
  height: 5em;
}

/* Hack, emptyMessage text has no padding */
.ui-dataview-content {
  padding: 0.5rem;
}

/* Need to wrap filename and size to the new line */
.ui-fileupload-simple {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ui-fileupload-filename {
  display: block;
  white-space: normal;
  word-wrap: break-word;
}

.ui-fileupload-filename:empty {
  margin-top: 0;
}

.ui-fileupload-filename:not(:empty) {
  margin-top: 0.5rem;
}

/* Device info - end */

.kiwi-add-question-mark {
  margin-top: 9px;
  color: #1a1a1a;
  font-size: 38px !important;
}

.kiwi-backlight .ui-selectbooleancheckbox.ui-chkbox.ui-widget {
  margin-right: 6px;
}

.kiwi-backlight .ui-slider.ui-state-disabled {
  margin-left: 10px;
}

.kiwi-select-one-menu {
  width: auto !important;
  min-width: 150px !important;
  max-width: 100%;
}

.kiwi-select-one-menu .ui-selectonemenu-label {
  white-space: nowrap;
}

.kiwi-selected-content-input:focus {
  border: 1px solid !important;
  border-radius: 4px;
  box-shadow: none;
  outline: none;
}
/* wrap text too long in picklist in schedule event detail dialog */
.kiwi-picklist-wrap .ui-picklist-list-wrapper li {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

/* make pictures of widgets responsive */
.kiwi-widget-img {
  max-width: 100%;
  max-height: 100%;
}

.kiwi-condiditionssettings td {
  text-align: center;
  vertical-align: middle;
}

.kiwi-schedule-content-dialog {
  max-width: 1100px;
}

/* start - device detail information screenshots related */

/* device newest sreenshot badge text position */
.kiwi-badge {
  background: #0288D1 !important;
  color: #ffffff;
  border: 1px solid #0288D1;
  line-height: 1.5rem !important;
}

/* style of the text of the badge */
.kiwi-badge .ui-badge-label {
  font-size: 15.4px !important;
  font-weight: 400;
}

/* position of the badge */
.flex-player-media-container .ui-badge {
  background: rgb(73, 175, 205);
  border-radius: 6px;
  color: #fff;
  left: 0.4rem;
  padding: 0.25em 0.6em;
  position: absolute;
  top: 0.4rem;
  z-index: 2;
  overflow: hidden;
}

.kiwi-device-screenshot-header {
  text-align: left;
  padding: 0.35em 0;
}

.kiwi-device-screenshot-icon {
  margin-right: 0.4rem;
}

.kiwi-device-screenshot {
  border: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.kiwi-device-screenshot .ui-dataview-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.kiwi-device-screenshot .ui-dataview-content.ui-widget-content {
  padding: 0.5rem !important;
}
/* end - device detail information screenshots related */

/* Autocomplete má v default fixní šířku 400px */
/* Nutné nastavit 100% šířku a odečíst šířku tlačítka */
.ui-autocomplete-multiple-container.ui-inputfield {
  width: calc(100% - 35px);
  padding-right: 0 !important;
}

.well {
  background-color: #fff;
  border: 1px solid #dddddd;
  border-width: 1px 0px;
  padding: 5px;
}

.well h2 {
  font-size: 14px;
  border-bottom: 1px solid #dddddd;
  padding: 10px 20px;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .well {
    border-width: 1px;
  }
  .well h2 {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .well {
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
  }
  .well h2 {
    font-size: 18px;
  }
}

.icon-by-type {
  vertical-align: middle;
  font-size: 33px;
}

/* make dialogs scrollable */
.ui-dialog .ui-dialog-content {
  max-height: 80vh;
  overflow-y: auto;
}

a:hover {
  color: var(--mainSystemColor);
}

.kiwi-asigned-playlist:hover {
  color: black !important;
}

/* start - selected tracks table ("trackTable") and droppable related */
.col-thumbnail {
  width: 140px;
}

.col-action {
  width: 40px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.col-duration {
  width: 92px;
}

.col-volume {
  width: 85px;
}

/* correct unnecessary margin on action button*/
.col-action .ui-button {
  margin-right: 0;
}

/* Fix UI during a row drag when a column is hidden. */
@media (max-width: 1180px) {
  .selected-tracks-table td, .selected-tracks-table th, .selected-tracks-table .ui-inputfield {
    padding-left: 4px !important;
    padding-right: 4px !important;
    /* Make text smaller to make everything visible. */
    font-size: 14px !important;
  }

  /* Make a column invinsible. Using display:none breaks ui for reorder.*/
  .selected-tracks-table .col-thumbnail {
    visibility: hidden;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* get rid of icon, thumbnail and layout images during reorder */
  .col-thumbnail i, .col-thumbnail img, .col-thumbnail > div {
    display: none;
  }

  /* get rid of a doubled border */
  .col-name {
    border-left: none !important;
  }
}

.margin-right-0-5rem {
  margin-right: 0.5rem;
}

.global-button-general {
  float: left;
  padding: .1em;
}

.drop-area {
  border: 1px solid #dee2e6;
  background: #ffffff;
  border-radius: 4px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* correct added border around */
.drop-area .ui-widget-content {
  border: none !important;
}

/* effect when drag starts */
.drop-area.ui-droppable-active {
  border: 2px dashed rgb(145, 187, 122);
}

/* effect draggable is over the drop area */
.drop-area.ui-droppable-hover {
  border: 2px solid var(--mainSystemColor);
  background-color: rgb(106, 169, 66,.01);
  box-shadow: 0 0 10px hsl(96.7, 43.83%, 95.08%);
}

.trackTable-header-row {
  padding: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.trackTable-header-buttons {
  display: flex;
  align-items: center;
  /* spacing between buttons */
  gap: 0.5rem;
}

.trackTable-header-text {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
}

@media screen and (max-width: 460px) {
  .trackTable-header-text {
    left: 65% !important;
  }
}

@media screen and (min-width: 639px) and (max-width: 884px) {
  .trackTable-header-text {
    left: 65% !important;
  }
}

.trackTable-header-empty {
  display: block;
  padding: 0.3rem;
}
/* end - selected tracks table ("trackTable") and droppable related */

/* start - activity sections related */
/* vertically center */
.activity-details .ui-g .ui-panelgrid-cell {
  display: flex;
  align-items: center;
}

/*  */
.activity-text {
  /* add gaps between outputtext and other component */
  margin-right: 3px;
  margin-left: 10px;
  /* increse font size fomr 14px */
  font-size: 16px !important;
}

/* responsive mode for activity details */
@media (max-width: 640px) {
  .activity-details span {
    display: block;
  }

  .activity-details .ui-inputfield,
  .activity-details .ui-selectonemenu,
  .activity-details .ui-button {
    width: 100%;
    box-sizing: border-box;
  }

  .activity-text {
    margin-left: 3px;
  }

  .activity-panel{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/* Make outputtext and its pair component in panelGroup always appear together. */
.activity-panel {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.activity-details .activity-panel:not(:first-child) {
  padding-left: 5px ;
}

/* end - activity - sections related */

.left-margin-3px {
  margin-left: 3px !important;
}

/* add gaps between buttons */
.left-margin-6px {
  margin-left: 6px !important;
}

.right-margin-3px {
  margin-right: 3px;
}

.top-margin-3px {
  margin-top: 3px !important;
}

.top-margin-5px {
  margin-top: 5px !important;
}

.bottom-margin-3px {
  margin-bottom: 3px !important;
}

.list-icon {
  font-size: 2rem !important;
  margin-top: 3px;
}

.overflow-wrap-break-word {
  overflow-wrap: break-word  !important;
}

/* Media list - validity column */
.validity.active_until {
  color: inherit;
}

.validity.starts_in_future {
  color: rgb(0, 109, 204);
}

.validity.expired {
  color: rgb(215, 70, 85);
}
/* Media list - validity column */

/* size of the search, move direcotry */
.search-move-directory {
  max-height:400px;
  max-width: 800px;
}

.float-left {
  float: left;
}

/* make buttons stay always together */
.change-media-plan-row {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
}

.dialog-buttons-row {
  display: flex;
  /* spacing between buttons */
  gap: 3px;
  margin-bottom: 3px;
}

/* each button takes equal width */
.dialog-buttons-row .btn {
  flex: 1;
}

.layout-close-icon {
  font-size: 23px !important;
  font-weight: 500 !important;
}

.layout-close-icon:hover {
  font-size: 26px !important;
}

/* start - p:confirm component related */
/* Get rid of icons. */
.ui-confirm-dialog-severity,
.ui-confirm-dialog .ui-button-icon-left {
  display: none !important;
}

/* Correct padding in buttons. */
body .ui-confirm-dialog .ui-button-text {
  padding-left: 16px !important;
}

/* Make buttons appear on left. */
.ui-confirm-dialog .ui-dialog-footer {
  text-align: left !important;
}

/* Make buttons bigger. */
.ui-confirm-dialog button {
  padding: 4px 14px;
}

/* Make "yes" in p:confirm dialog look like ui-button-danger button. */
body .ui-confirm-dialog .ui-confirmdialog-yes,
body .ui-confirm-dialog .ui-confirmdialog-yes {
  background: #D32F2F;
  color: #ffffff;
  border: 1px solid #D32F2F;
}
/* end - p:confirm component related */

.weight-font-bold {
  font-weight: bold;
}

/* begin - pageHeader.xhtml related */
.pageheader-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pageheader-title {
  margin: 0;
  display:flex;
  align-items:center;
  gap:0.4rem;
  flex-wrap:nowrap;
  margin-right: 0.5rem;
}

.pageheader-icon {
  vertical-align: top !important;
  margin-right: 0.2em !important;
  font-size:36px !important;
}
/* end - pageHeader.xhtml related */

.no-wrap-btn .ui-button-text {
  white-space: nowrap !important;
}

/* media detail responsive mode */
.media-detail-header {
  display: flex !important;
  align-items: center !important;
  gap: 1rem;
}

/* mobile mode */
@media (max-width: 640px) {
    .media-detail-header {
      flex-direction: column !important;
      align-items: flex-start !important;
    }

    .media-detail-header .ui-button {
      margin-left: 0 !important;
      margin-top: 0.5rem !important;
    }

}

.add-item-button {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

/* show tooltip only in responsive mode */
@media (min-width: 641px) {
  .kiwi-add-item-tooltip {
    display: none !important;
  }
}

/* make add button smaller in mobile mode */
@media (max-width: 640px) {
  /* hide text on small screen */
  .add-item-button .ui-button-text {
    display: none !important;
  }

  .add-item-button.ui-button {
    padding: 1rem;
  }
}

/* Add height on wide screen to make section height equal to the section on the right. */
@media (min-width: 1025px) {
  .kiwi-predefined-layouts .ui-datagrid-content.ui-widget-content {
    height: 167px  !important;
  }
}

/* Add gaps to columns of custom target dialog. */
.kiwi-panelgrid-gap {
  border-collapse: separate  !important;
  border-spacing: 10px 8px !important;
}

h1,
h2
{
  margin: 10px 0;
}

h1 {
  font-size: 32px;
  line-height: 40px;
}

h2 {
  font-size: 22px;
  line-height: 40px;
}

.kiwi-h4 {
  font-size: 18px;
  line-height: 20px;
  margin: 10px 0;
}

.kiwi-h5 {
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0;
}

.kiwi-h6 {
  font-size: 12px;
  line-height: 20px;
  margin: 10px 0;
}

h1 small {
  font-size: 24px;
}

h1 small,
h2 small
{
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

label, input, button, select, textarea {
  line-height: 20px;
}

.pull-right {
  float: right;
}

.btn {
  display: inline-block;
  text-align: center;
  line-height: 20px;
  padding: 4px 14px;
  margin-bottom: 0;
  border-radius: 5px;
  font-size: 14px;
}

.btn-large {
  padding: 7px 14px;
  font-size: 16px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  box-sizing: border-box;
}

.font-16px {
  font-size: 16px !important;
}

.query-input {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* indicate widget is selectable */
.kiwi-widget-selectable {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}

.kiwi-widget-selectable:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}