body {
 --card_default_bck: white;
 --card_default_txt: black;
 --card_selected_bck: #017bff;
 --card_selected_txt: white;

 background: white;
 -moz-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -o-user-select: none;
 cursor: default;
}

#top_header {
 background-color: #0061c5;
 display: none;
 justify-content: space-between;
 align-items: center;
 align-content: flex-start;
 flex-wrap: nowrap;
 flex-direction: row;
 top: 0;
 padding: 15px;
}

#top_header span {
 color: white;
 font-size: 20px;
 font-weight: bolder;
 text-shadow: 1px 1px 4px rgb(0 0 0 / 40%);
}


#footer_text {
 position: fixed;
 left: 0;
 bottom: 0;
 width: 100%;
 width: -webkit-fill-available;
 background-color: #ffffff;
 color: black;
 text-align: center;
 margin: 0;
 box-shadow: -1px -2px 10px rgb(0 0 0 / 40%);
}

#hotelNameHeader {
 white-space: nowrap;
 width: auto;
 overflow: hidden;
}



.loc_selection_label {
 display: none;
}

.dropdown {
 display: none;
}

.row-first h6 {
 margin-top: 1.5rem !important;
 display: none;
}

.rounded {
 border-radius: 1rem;
}

.dropdown-toggle {
 white-space: normal !important;
 width: 100%;
}

.payment {
 margin-top: 1.5em;
 padding-top: 0 !important;
}

.list-group {
 max-height: 21rem;
 overflow: auto;
}

.tab-content .card {
 /* height: 170px !important; */
 padding-bottom: 1vh;
}

#products_select .card-body {
 margin-top: -1.5rem;
}

.tab-content .card a {
 width: 40% !important;
 height: 30% !important;
 margin: 1.25rem;
}

.card-title a {
 margin: initial !important;
}

#products_select .card-text {
 font-size: 0.9rem;
}

#select_tv .list-group-item list-group-item-action {
 font-size: 1.2rem;
}

.tab-content .card-img-top {
 height: 100%;
 object-fit: contain;
}

.dropdown-menu {
 width: 100%;
}

.dropdown-item {
 white-space: normal !important;
 background-color: #eee;
 margin-top: 0.25rem;
}

.tab-content .card h5 {
 width: 60%;
 position: absolute;
 top: 15%;
 left: 40%;
 text-align: center;
 font-size: 1.6em;
}

#list-tv1 {
 background-color: rgb(0, 0, 0, 0.1);
 padding: 1%;
 margin: 1%;
 border-radius: 3px;
}

#payment_form,
#text_selectsubscription {
 display: none;
}

#payment_form {
 float: right;
 padding: 0;
}

.control-label {
 text-transform: uppercase;
}

.card-footer,
.card-header {
 font-size: 150%;
}

#lang_select, #lang_select_resp {
 color: white;
 font-weight: bold;
 cursor: pointer;
}

#cart_products {
 width: 100%;
 display: block;
}

#cart_pay_total_price,
.cart_pay_package_duration_days {
 font-weight: bolder;
}

#cart_tvdesc {
 font-weight: bolder;
 color: #0060c1;
 font-size: 1em;
 display: block;
 margin-top: 1vh;
}

#pay_confirm {
 width: 100%;
 max-width: 220px;
 font-weight: bolder;
 margin: 0 auto;
 margin-top: 4vh;
}

#cc-number,
#cc-exp,
#cc-cvc,
#pay_CARD_HOLDER_NAME {
 font-size: 1.2em;
 width: 100%;
}

.cart_products_detail {
 background-color: #d8d8d8;
 padding: 1vh;
 font-size: 1.3em;
 border-radius: 4px;
 height: unset;
 margin-bottom: 3vh;
}

.cart_products_delete {
 background-color: white;
 width: 60%;
 text-align: center;
 border-radius: 4px;
 border: 1px solid black;
 font-size: 0.8em;
 margin: 0 auto;
 display: block;
 margin-top: 3vh;
}

.cart_products_img {
 display: none;
}

.cart_products_qty {
 font-size: 1.7em;
 margin: 0 auto;
 margin-top: 3vh;
 display: flex;
 align-content: center;
 justify-content: space-between;
 align-items: center;
 width: 60%;
}

.cart_products_qty b {
 font-size: 0.7em;
 background-color: #d6d6d6;
 border-radius: 200px;
 padding: 5px;
 padding-left: 9px;
 padding-right: 9px;
}

.cart_products_qty span {
 margin-left: 10px;
 margin-right: 10px;
 padding: 5px;
 width: 65px;
 display: inline-block;
 text-align: center;
 overflow: hidden;
 font-size: 0.8em;
}

.cart_products_price {
 font-size: 1.1em;
 text-align: end;
 border-top: 1px solid hsl(0deg 0% 0% / 17%);
}

.cart_products_title {
 font-weight: bold;
}

#cart_pay_total_row,
#cart_pay_package_duration_row,
#cart_pay_total_price,
.cart_pay_package_duration_days {
 text-align: left;
}

#cart_pay_total_price,
.cart_pay_package_duration_days {
 text-align: left;
 font-size: 1.1em;
}

.cart_pay_conclusion {
 font-size: 1.1em;
 padding: 1vh;
 background-color: rgba(0, 0, 0, 0.15);
 margin-bottom: 0;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
}

#cc-number-p {
 display: flex;
 align-items: flex-start;
 flex-direction: column;
}

#cc-number-p input {
 margin-bottom: 2vh;
}

#pay_EXPIRY_DATE {
 margin-right: 0;
 display: block;
 margin-bottom: 2vh;
}

.text-primary {
 color: black !important;
 padding: 0;
}

.h4,
h4 {
 font-size: 1.2rem;
}

.card {
 color: black;
}

#top_header_resp {
 display: none;
 justify-content: space-between;
 padding: 10px;
 color: var(--header-color);
 height: 39px;
 margin-bottom: 5px;
 font-size: var(--header-minipanel_text_size_1);
 font-weight: bolder;
 font-family: var(--header-font_family);
 background-color: var(--header-bckg);
}

.header_contr {
 display: flex;
 align-items: center;
}

#main_txt {
 font-weight: bold !important;
}

#module_logo {
 height: 18px;
 margin-right: 10px;
}

#quick_modules_icon {
 padding: 5px;
 border-radius: 8px;
 border: 1px solid white;
 cursor: pointer;
 height: 30px;
 margin-right: 10px;
}

#tv_selection_window {
 position: fixed;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 background-color: #e7e7e7;
 display: none;
 z-index: 9000;
 text-align: center;
 padding: 2vh;
}


#tv_selection_window p input {
 width: 100%;
 min-height: 20px;
 padding-left: 3rem;
 border-radius: 6px;
 border: 1px solid #959595;
}

#tv_selection_window b {
 position: fixed;
 font-size: 4vh;
 top: 4vh;
 left: 1rem;
 text-shadow: 3px 8px 5px rgba(0, 0, 0, 0.35);
}

#htTVList {
 width: 100%;
 margin-bottom: 5%;
 height: 60vh;
 overflow: auto;
 border-radius: 6px;
 padding: 10px;
 background-color: white;
 text-align: left;
}

#htTVList p {
 margin: 0;
 background-color: white;
 color: black;
 font-weight: normal;
 border-radius: 4px;
 padding-left: 5px;
}

#tv_selection_window button {
 width: 45%;
 margin: 0 auto;
 max-width: 180px;
 display: inline;
}

#select_tv_text_span {
 display: block;
 font-weight: bolder;
 height: 4vh;
}

@media screen and (min-height: 890px) {
 #tabProductManger {
  height: 85vh;
 }
}

@media screen and (min-width: 889px) {
 #cc-number-p {
  flex-direction: row;
  align-items: center;
 }

 #cc-number-p input {
  margin-right: 2vh;
  margin-bottom: 0;
 }

 .col-lg-3 {
  margin: 0 auto;
 }

 .cart_pay_conclusion {
  display: flex;
  justify-content: space-between;
  padding: 1vh;
  background-color: rgba(0, 0, 0, 0.15);
  margin-bottom: 0;
  align-items: center;
 }

 .cart_products_img {
  height: 100%;
  width: 15%;
  min-width: 10vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
 }

 .cart_products_detail {
  height: 10vh;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
  font-size: 1.2em;
  margin-bottom: 2vh;
  background-color: white;
 }

 .cart_products_title {
  width: 49%;
  height: 100%;
  padding-left: 1%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 1%;
  font-weight: normal;
 }

 .cart_products_qty {
  padding: 0.5vh;
  width: 20%;
  display: flex;
  font-size: 1.3em;
  font-weight: bolder;
  flex-direction: row;
  border-right: 1px solid grey;
  padding-right: 2vh;
  margin: 0;
 }

 .cart_products_delete {
  margin: 0;
  margin-top: 1vh;
  border: 1px solid black;
  width: 130px;
  background-color: rgb(0 0 0 / 10%);
 }

 #cc-number,
 #cc-exp,
 #pay_CARD_HOLDER_NAME {
  width: 280px;
 }

 #cc-cvc {
  width: 100px;
 }

 .col-lg-6 {
  flex: auto;
  max-width: 100%;
 }

 .cart_products_price {
  display: flex;
  align-items: center;
  padding-left: 1vh;
  width: 15%;
  justify-content: flex-start;
  font-size: 1.2em;
  visibility: visible;
  border: unset;
 }

 #cart_pay_total_price,
 .cart_pay_package_duration_days {
  text-align: end;
  margin-top: 0;
 }

 #pay_EXPIRY_DATE {
  margin-right: 2vh;
  display: inline-block;
 }

 #tv_selection_window {
  padding-right: 35%;
  padding-left: 35%;
 }


 #tv_selection_window b {
  left: 35%;
 }

 .payment_result_text {
  text-align: center;
  font-size: 17px;
 }

}