/* GENERAL */

#_dynamic_ ._dynamic_input_field {
 float: left;
 width: 100%;
}

#_dynamic_ ._dynamic_input_holder {
 float: left;
 width: 100%;
 height: 45px;
 border: 1px solid var(--embed-border-color);
 background-color: var(--embed-bg-color);
}

#_dynamic_ ._dynamic_input_holder_textarea {
 height: auto;
}

#_dynamic_ ._dynamic_label {
 display: inline-block;
 width: 100%;
 padding: 0 0 4px 5px;
 font-weight: 400;
 font-size: 14px;
 color: var(--embed-font-color);
}

@media screen and (max-width:750px) {
 #_dynamic_ ._dynamic_label {
  font-size: 13px;
 }
}

#_dynamic_ ._dynamic_input {
 width: 100%;
 height: 100%;
 padding: 0 14px;
 font-family: inherit;
 font-weight: 400;
 font-size: 14px;
 color: var(--embed-font-color)!important;
 border: none;
 border-radius: 0;
 outline: none;
 background: transparent;
 /* removes Apple customization */
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 /* cursor: pointer; */
 opacity: 1;
}

#_dynamic_ ._dynamic_input._dynamic_select {
 padding-right: 33px;
 text-overflow: ellipsis;
 background: transparent url('https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/searchbook/select-arr.svg') no-repeat 100% !important;
 background-size: 28px 7px!important;
}

#_dynamic_ ._dynamic_input_holder._dynamic_country {
 padding-left: 38px;
 background: var(--embed-bg-color) url('https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/searchbook/icon-country.svg') no-repeat 0!important;
 background-size: 40px 40px!important;
}

#_dynamic_ ._dynamic_input_holder._dynamic_month {
 padding-left: 38px;
 background: var(--embed-bg-color) url('https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/searchbook/icon-month.svg') no-repeat 0!important;
 background-size: 40px 40px!important;
}


#_dynamic_ ._dynamic_input._dynamic_textarea {
 height: 150px;
 padding: 10px 15px 10px 15px;
 overflow: auto;
 resize: vertical;
}




#_dynamic_ ._dynamic_basic_btn {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 float: left;
 padding: 10px 15px;
 font-family: 'Open Sans', sans-serif;
 font-weight: 700;
 font-size: 16px;
 line-height: 1.2;
 color: #fff;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
 border: none;
 border-radius: 0;
 background: var(--embed-accent-color);
 cursor: pointer;
 outline: none;
 /* transition: 0.2s ease-in-out;*/
}

#_dynamic_ ._dynamic_basic_btn:hover {
 color: #fff;
 background: var(--embed-accent-color-darker);
}

#_dynamic_ ._dynamic_basic_btn._dynamic_secondary_btn {
 color: #000;
 border: 1px solid var(--embed-bg-color-secondary);
 background-color: var(--embed-bg-color-secondary);
 z-index: 5;
}

@media screen and (max-width: 650px) {
 #_dynamic_ ._dynamic_basic_btn {
  font-size: 15px;
 }
}

/*  */

#_dynamic_ ::placeholder {
 color: var(--embed-font-color-secondary);
 opacity: 1;
}

#_dynamic_ :focus::placeholder {
 opacity: 0;
}

#_dynamic_ ::-webkit-input-placeholder {
 color: var(--embed-font-color-secondary);
 opacity: 1;
}

#_dynamic_ :focus::-webkit-input-placeholder {
 opacity: 0;
}

#_dynamic_ :-ms-input-placeholder {
 color: var(--embed-font-color-secondary);
 opacity: 1;
}

#_dynamic_ :focus:-ms-input-placeholder {
 opacity: 0;
}

#_dynamic_ ::-moz-placeholder {
 color: var(--embed-font-color-secondary);
 opacity: 1;
}

#_dynamic_ :focus::-moz-placeholder {
 opacity: 0;
}


/*  */

#_dynamic_ ._dynamic_grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 20px;
}

@media screen and (max-width: 750px) {
 #_dynamic_ ._dynamic_grid {
  gap: 12px;
 }
}

/*  */


/* SEARCH */

#_dynamic_ #_dynamic_search {
 float: left;
 width: 100%;
 padding: 20px;
 border: 1px solid var(--embed-border-color);
 background-color: var(--embed-bg-color-secondary);
}

#_dynamic_ #_dynamic_search form._dynamic_grid {
 grid-template-columns: repeat(4, 1fr);
 float: left;
 width: 100%;
}

#_dynamic_ #_dynamic_search ._dynamic_input_field {
 display: flex;
 flex-wrap: wrap;
 align-items: flex-end;
}

#_dynamic_ #_dynamic_search ._dynamic_input_field.if6 ._dynamic_input_holder {
 border: none;
 background-color: transparent;
}

#_dynamic_ #_dynamic_search ._dynamic_search_btn {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100%;
 padding: 10px 10px;
 font-size: 15px;
}

#_dynamic_ #_dynamic_search ._dynamic_search_btn img {
 width: 20px;
 height: 20px;
 margin: 0 12px 0 0;
}


@media screen and (max-width: 950px) {
 #_dynamic_ #_dynamic_search form._dynamic_grid {
  grid-template-columns: repeat(2, 1fr);
 }
}

@media screen and (max-width: 750px) {
 #_dynamic_ #_dynamic_search {
  padding: 14px;
 }
}

@media screen and (max-width: 500px) {
 #_dynamic_ #_dynamic_search form._dynamic_grid {
  grid-template-columns: repeat(1, 1fr);
 }
}












#_dynamic_ #_dynamic_search_results {
 float: left;
 width: 100%;
 margin: 0 0 30px 0;
}

#_dynamic_ #_dynamic_search_results #_dynamic_search_results_boxes {
 float: left;
 width: 100%;
}

#_dynamic_ ._dynamic_results_title_container {
 display: flex;
 align-items: center;
 float: left;
 width: 100%;
 padding: 0 0 12px 0;
 margin: 0 0 15px 0;
 line-height: 1.2;
 border-bottom: 1px solid var(--embed-border-color);
}

#_dynamic_ ._dynamic_results_title {
 flex: auto;
 float: left;
 width: 100%;
 font-weight: 400;
 font-size: 1.2em;
 text-align: right;
}

#_dynamic_ a._dynamic_new_search_btn {
 min-width: 170px;
 padding: 12px 20px;
 margin: 0 20px 0 0;
 white-space: nowrap;
}

#_dynamic_ a._dynamic_new_search_btn ._dynamic_icon {
 width: 16px;
 min-width: 16px;
 height: 12px;
 margin: 0 10px 0 0;
 background: url('https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/misc/icon-new-search-arr.svg') center no-repeat;
 background-size: 100% 100%;
}

@media screen and (max-width:560px) {
 #_dynamic_ ._dynamic_results_title_container {
  flex-direction: column;
 }
 #_dynamic_ ._dynamic_results_title  {
  text-align: center;
 }
 #_dynamic_ a._dynamic_new_search_btn,
 #_dynamic_ a._dynamic_new_search_btn:hover {
  min-width: 100%;
  padding: 10px 18px;
  margin: 0 0 14px 0;
  font-size: 12px;
  color: var(--embed-font-color);
  background-color: var(--embed-bg-color-tertiary);
 }
 #_dynamic_ a._dynamic_new_search_btn ._dynamic_icon {
  width: 13px;
  min-width: 13px;
  height: 10px;
  margin: 0 7px 0 0;
  background: url('https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/misc/icon-new-search-arr-dark.svg') center no-repeat;
  background-size: 100% 100%;
  opacity: 0.7;
 }
}



/* RESULTS TOP - sorting, views */

#_dynamic_ ._dynamic_results_sorting {
 display: flex;
 align-items: center;
 float: left;
 width: 100%;
 padding: 8px;
 margin: 0 0 16px 0;
 background-color: var(--embed-bg-color-secondary);
}

#_dynamic_ ._dynamic_results_sorting_left {
 display: flex;
 align-items: center;
}

#_dynamic_ ._dynamic_results_sorting_right {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 flex: auto;
}

#_dynamic_ ._dynamic_sort_by,
#_dynamic_ ._dynamic_page_size {
 display: flex;
 align-items: center;
}

#_dynamic_ ._dynamic_sort_by ._dynamic_input_holder {
 min-width: 185px;
 width: 185px;
 max-width: 185px;
 margin: 0 20px 0 0;
}

#_dynamic_ ._dynamic_page_size ._dynamic_input_holder {
 min-width: 80px;
 width: 80px;
 max-width: 80px;
}

#_dynamic_ ._dynamic_results_sorting ._dynamic_input_holder {
 height: 36px;
}

#_dynamic_ ._dynamic_results_sorting ._dynamic_fixed_label {
 display: none;
}

#_dynamic_ ._dynamic_results_sorting ._dynamic_label {
 padding: 0 12px 0 0;
 font-size: 13px;
 white-space: nowrap;
}

#_dynamic_ ._dynamic_results_sorting ._dynamic_page_size ._dynamic_label {
 min-width: 150px;
}

#_dynamic_ ._dynamic_results_sorting ._dynamic_input {
 font-size: 13px;
}


#_dynamic_ ._dynamic_view_types {
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

#_dynamic_ ._dynamic_view_type {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 120px;
 height: 44px;
 font-weight: 700;
 font-size: 15px;
 text-transform: uppercase;
 border: 1px solid var(--embed-border-color);
 border-right: none;
 cursor: pointer;
}

#_dynamic_ ._dynamic_view_type:last-child {
 border-right: 1px solid var(--embed-border-color);
}

#_dynamic_ ._dynamic_view_type:hover {
 background-color: var(--embed-bg-color-secondary);
}

#_dynamic_ ._dynamic_view_type._dynamic_active {
 color: #fff;
 border: 1px solid var(--embed-accent-color);
 background-color: var(--embed-accent-color);
}

#_dynamic_ ._dynamic_view_type ._dynamic_icon {
 width: 21px;
 height: 21px;
 margin: 0 10px 0 0;
 opacity: 0.7;
}

#_dynamic_ ._dynamic_view_type._dynamic_active ._dynamic_icon {
 opacity: 1;
}

#_dynamic_ ._dynamic_view_type ._dynamic_icon._dynamic_view_type_by_hotel {
 background: url(https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/misc/icon-view-type-by-hotel.svg) center no-repeat;
 background-size: 100% 100%;
}

#_dynamic_ ._dynamic_view_type._dynamic_active ._dynamic_icon._dynamic_view_type_by_hotel {
 background: url(https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/misc/icon-view-type-by-hotel-white.svg) center no-repeat;
 background-size: 100% 100%;
}

#_dynamic_ ._dynamic_view_type ._dynamic_icon._dynamic_view_type_by_offer {
 background: url(https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/misc/icon-view-type-by-offer.svg) center no-repeat;
 background-size: 100% 100%;
}

#_dynamic_ ._dynamic_view_type._dynamic_active ._dynamic_icon._dynamic_view_type_by_offer {
 background: url(https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/misc/icon-view-type-by-offer-white.svg) center no-repeat;
 background-size: 100% 100%;
}

#_dynamic_ ._dynamic_view_type ._dynamic_icon._dynamic_view_type_by_table {
 background: url(https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/misc/icon-view-type-by-table.svg) center no-repeat;
 background-size: 100% 100%;
}

#_dynamic_ ._dynamic_view_type._dynamic_active ._dynamic_icon._dynamic_view_type_by_table {
 background: url(https://cdntest.travel-b2b.com/workspace/search/web/1.0.1/img/misc/icon-view-type-by-table-white.svg) center no-repeat;
 background-size: 100% 100%;
}




/* TOGGLE DETAILED RESULTS */

#_dynamic_ ._dynamic_toggle_view_with_details {
 display: flex;
 align-items: center;
 font-weight: 600;
 font-size: 13px;
 padding: 7px 13px 7px 16px;
 margin: 0 0 0 20px;
 border-radius: 20px;
 border: 1px solid var(--embed-border-color);
 background:  var(--embed-bg-color-secondary);
}

#_dynamic_ ._dynamic_toggle_view_with_details input {
 height: 0;
 width: 0;
 visibility: hidden;
}

#_dynamic_ ._dynamic_toggle_view_with_details label {
 position: relative;
 display: block;
 width: 200px;
 height: 100px;
 width: 40px;
 height: 20px;
 margin: 1px 0 -1px 10px;
 background: var(--embed-border-color-mid);
 border-radius: 60px;
 cursor: pointer;
 text-indent: -9999px;
}

#_dynamic_ ._dynamic_toggle_view_with_details label:after {
 position: absolute;
 top: 2px;
 left: 2px;
 width: 16px;
 height: 16px;
 content: "";
 background: var(--embed-bg-color);
 border-radius: 20px;
/*  transition: 0.3s; */
}

#_dynamic_ ._dynamic_toggle_view_with_details:has(input[type="checkbox"]:checked) label {
 background: var(--embed-accent-color);
}

#_dynamic_ ._dynamic_toggle_view_with_details:has(input[type="checkbox"]:checked) label:after {
 left: calc(100% - 2px);
 transform: translateX(-100%);
}

#_dynamic_ ._dynamic_toggle_view_with_details label:active:after {
/*  width: 130px; */
}








@media screen and (max-width:1200px) {
 #_dynamic_ ._dynamic_results_sorting_left {
  align-self: flex-end;
 }
 #_dynamic_ ._dynamic_view_type {
  width: 110px;
  height: 40px;
  font-size: 14px;
 }
 #_dynamic_ ._dynamic_view_type ._dynamic_icon {
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
 }
}

@media screen and (max-width:900px) {
 #_dynamic_ ._dynamic_results_title_container {
  padding: 0 0 8px 0;
  margin: 0 0 10px 0;
 }
 #_dynamic_ ._dynamic_results_title {
  font-size: 1.1em;
 }
/* #_dynamic_ ._dynamic_results_sorting ._dynamic_label {
  padding: 0 0 6px 5px;
 }
 #_dynamic_ ._dynamic_sort_by,
 #_dynamic_ ._dynamic_page_size {
  flex-direction: column;
  align-items: flex-start;
 }
  #_dynamic_ ._dynamic_page_size ._dynamic_input_holder {
  min-width: 150px;
  width: 150px;
  max-width: 150px;
 }
 #_dynamic_ ._dynamic_sort_by ._dynamic_input_holder,
 #_dynamic_ ._dynamic_page_size ._dynamic_input_holder {
  margin: 0 8px 0 0;
 }*/
}

@media screen and (max-width:1200px) {
 #_dynamic_ ._dynamic_results_sorting_left {
  justify-content: center;
  width: calc(50% - 5px);
  margin: 0 10px 0 0;
 }
 #_dynamic_ ._dynamic_results_sorting_right {
  width: 50%;
  width: calc(50% - 5px);
 }
 #_dynamic_ ._dynamic_view_types {
  width: 100%;
 }
 #_dynamic_ ._dynamic_view_type {
  width: 100%;
 }
 #_dynamic_ ._dynamic_sort_by {
  width: calc(50% - 5px);
  margin: 0 10px 0 0;
 }
 #_dynamic_ ._dynamic_page_size {
  display: none;
 }
 #_dynamic_ ._dynamic_results_sorting ._dynamic_label {
  display: none;
 }
 #_dynamic_ ._dynamic_sort_by ._dynamic_input_holder {
  position: relative;
  height: initial;
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  height: 40px;
  margin: 0;
  font-weight: 600;
  font-size: 15px;
  text-transform: initial;
  color: var(--embed-font-color);
  border: none;
  background-color: transparent;
 }
 #_dynamic_ ._dynamic_results_sorting ._dynamic_fixed_label {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  pointer-events: none;
  border: 1px solid var(--embed-border-color);
  background-color: var(--embed-bg-color-secondary);
 }
 #_dynamic_ ._dynamic_results_sorting ._dynamic_fixed_label img {
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin: 0 8px 0 0;
 }
}

@media screen and (max-width:700px) {
 #_dynamic_ ._dynamic_results_sorting {
  flex-direction: column;
 }
 #_dynamic_ ._dynamic_results_sorting_left {
  justify-content: center;
  width: 100%;
  margin: 0 0 17px 0;
 }
 #_dynamic_ ._dynamic_results_sorting_right {
  width: 100%;
 }
 #_dynamic_ ._dynamic_view_type {
  height: 44px;
  font-size: 15px;
  border: 1px solid var(--embed-border-color-darker);
 }
 #_dynamic_ ._dynamic_view_type:nth-child(1) {
  border-right: none;
 }
 #_dynamic_ ._dynamic_view_type:nth-child(2) {
  border-left: none;
  border-right: 1px solid var(--embed-border-color-darker);
 }
 #_dynamic_ ._dynamic_view_type._dynamic_active {
  border: none;
 }
 #_dynamic_ ._dynamic_view_type ._dynamic_icon {
  width: 19px;
  height: 19px;
  margin: 0 6px 0 0;
 }
 #_dynamic_ ._dynamic_sort_by ._dynamic_input_holder {
  height: 34px;
 }
}


/* PAGINATOR */

#_dynamic_ ._dynamic_paginator {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
 margin: 0 0 16px 0;
 line-height: 1.2;
}

#_dynamic_ ._dynamic_paginator  ._dynamic_paginator_pages {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}

#_dynamic_ ._dynamic_paginator ._dynamic_paginator_btn {
 display: flex;
 justify-content: center;
 align-items: center;
 min-width: 36px;
 height: 36px;
 padding: 10px;
 margin: 2px;
 font-size: 13px;
 color: var(--embed-font-color-secondary);
 border-radius: 100%;
 border: 1px solid transparent;
 cursor: pointer;
}

#_dynamic_ ._dynamic_paginator ._dynamic_paginator_btn._dynamic_inactive {
 opacity: 0.6;
}

#_dynamic_ ._dynamic_paginator ._dynamic_paginator_btn:not(._dynamic_inactive):hover {
 border: 1px solid var(--embed-border-color);
}

#_dynamic_ ._dynamic_paginator ._dynamic_paginator_btn._dynamic_active,
#_dynamic_ ._dynamic_paginator ._dynamic_paginator_btn._dynamic_active:hover {
 font-weight: 700;
 color: #fff;
 border: 1px solid var(--embed-accent-color);
 background-color: var(--embed-accent-color);
}

#_dynamic_ ._dynamic_paginator ._dynamic_paginator_btn._dynamic_ellipsis {
 min-width: initial;
 padding: 6px 0 0 0;
 margin: 0;
 cursor: initial;
}

#_dynamic_ ._dynamic_paginator ._dynamic_paginator_btn img {
 width: 6px;
 height: 11px;
 opacity: 0.8;
}







/* ACTIVE ADDITIONAL FILTERS (top) */

#_dynamic_ ._dynamic_active_additional_filters {
 display: flex;
 flex-wrap: wrap;
 float: left;
 width: 100%;
 margin: 10px 0;
}

#_dynamic_ ._dynamic_basic_btn._dynamic_active_additional_filter {
 width: auto;
 padding: 10px 12px;
 margin: 0 8px 8px 0;
 font-weight: 400;
 font-size: 16px;
 color: var(--embed-font-color);
 text-transform: initial;
 background-color: var(--embed-bg-color-secondary);
 border: 1px solid var(--embed-border-color-darker);
}

#_dynamic_ ._dynamic_basic_btn._dynamic_active_additional_filter ._dynamic_cross {
 position: relative;
 width: 18px;
 min-width: 18px;
 height: 18px;
 margin: 0 0 0 10px;
}

#_dynamic_ ._dynamic_basic_btn._dynamic_active_additional_filter ._dynamic_cross::before,
#_dynamic_ ._dynamic_basic_btn._dynamic_active_additional_filter ._dynamic_cross::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100%;
 height: 1px;
 background: var(--embed-font-color);
 transform-origin: center;
}

#_dynamic_ ._dynamic_basic_btn._dynamic_active_additional_filter ._dynamic_cross::before {
 transform: translate(-50%, -50%) rotate(45deg);
}

#_dynamic_ ._dynamic_basic_btn._dynamic_active_additional_filter ._dynamic_cross::after {
 transform: translate(-50%, -50%) rotate(-45deg);
}



@media screen and (max-width:1200px) {
 #_dynamic_ ._dynamic_active_additional_filters {
  margin: 4px 0;
 }
 #_dynamic_ ._dynamic_basic_btn._dynamic_active_additional_filter {
  padding: 9px 10px;
  margin: 0 6px 6px 0;
  font-size: 14px;
 }
}

@media screen and (max-width:750px) {
 #_dynamic_ ._dynamic_active_additional_filters {
  margin: 3px 0;
 }
 #_dynamic_ ._dynamic_basic_btn._dynamic_active_additional_filter {
  padding: 6px 9px;
  margin: 0 5px 5px 0;
  font-size: 13px;
 }
 #_dynamic_ ._dynamic_basic_btn._dynamic_active_additional_filter ._dynamic_cross {
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin: 0 0 0 6px;
 }
}






























/* SEARCH MONTHS CALENDAR */

#_dynamic_ #_dynamic_popup_months_calendar {
 position: absolute;
 top: 100%;
 left: 0;
 display: none;
 width: 100%;
 margin: 0;
 max-width: 360px;
 min-width: 360px;
 padding: 10px 10px 10px 10px;
 font-size: 13px;
 line-height: 1.2;
 border: 1px solid var(--embed-border-color);
 background: var(--embed-bg-color);
 z-index: 1000;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_calendar_header {
 position: relative;
 display: flex;
 align-items: center;
 float: left;
 width: 100%;
 width: calc(100% - 20px);
 padding: 10px 2px 20px 2px;
 margin: 0 10px;
/* padding: 15px 25px;
 background-color: var(--embed-bg-color-secondary);*/
 border-bottom: 1px solid var(--embed-border-color);
 z-index: 1000;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_calendar_title {
 flex: auto;
 float: left;
 width: 100%;
 font-weight: 600;
 font-size: 1.1em;
 text-align: left;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_close {
 display: flex;
 align-items: center;
 float: right;
 padding: 10px;
 margin: -10px -10px -10px 5px;
 cursor: pointer;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_close img {
 width: 16px;
 height: 16px;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_calendar_content {
 position: relative;
 display: flex;
 flex-wrap: wrap;
 align-content: flex-start;
 float: left;
 width: 100%;
/*  padding: 15px 10px 10px 10px; */
 background-color: var(--embed-bg-color);
 z-index: 1000;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_year {
 float: left;
 width: 100%;
 padding: 10px 15px;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_year_title {
 float: left;
 width: 100%;
 margin: 8px 0 7px 0;
 font-weight: 700;
 font-size: 1.2em;
 color: inherit;
 text-align: center;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_months {
 display: flex;
 flex-wrap: wrap;
 float: left;
 width: 100%;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 float: left;
 width: 25%;
 margin: 1px 0;
 font-weight: 400;
 text-align: left;
 cursor: pointer;
 border: 1px solid transparent;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month:hover {
 border: 1px solid var(--embed-border-color);
}


#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month._dynamic_active {
 background-color: var(--embed-accent-color-darker);
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month ._dynamic_month_inner {
 display: flex;
 justify-content: center;
 align-items: center;
 float: left;
 width: 40px;
 max-width: 100%;
 height: 40px;
 font-size: 15px;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month._dynamic_active {
 background-color: var(--embed-accent-color-darker);
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month._dynamic_active,
#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month._dynamic_active:hover {
 color: #fff;
 border: 1px solid var(--embed-accent-color-darker);
 background-color: var(--embed-accent-color-darker);
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month._dynamic_not_available,
#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month._dynamic_not_available:hover {
 color: var(--embed-font-color-secondary);
 cursor: default;
 border: 1px solid transparent;
 opacity: 0.6;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month._dynamic_empty,
#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_month._dynamic_empty:hover {
 opacity: 0;
 cursor: default;
}

#_dynamic_ #_dynamic_popup_months_calendar ._dynamic_btn_holder {
 float: left;
 width: 100%;
 display: flex;
 justify-content: flex-end;
 padding: 0 15px;
 margin: 0 0 10px 0;
}


@media screen and (max-width:900px) {
 #_dynamic_ #_dynamic_popup_months_calendar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  padding-top: 0;
  margin: 0;
  z-index: 1000;
 }
 #_dynamic_ #_dynamic_popup_months_calendar ._dynamic_calendar_header {
  height: 47px;
  padding: 10px 2px 10px 2px;
/*  padding: 0 15px;
  background-color: var(--embed-bg-color-secondary);
  border-bottom: none;*/
 }
 #_dynamic_ #_dynamic_popup_months_calendar ._dynamic_calendar_content {
  flex-wrap: wrap;
  height: calc(100% - 47px);
  padding: 10px 0 0 0;
  overflow: auto;
 }
 #_dynamic_ #_dynamic_popup_months_calendar ._dynamic_year {
  width: 100%;
  padding: 10px 15px;
  margin: 0 0 10px;
 }
}