#product_container {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

#product_details {
  flex: 3;
  padding-bottom: 20px;
  order: 2;
}

.product_details_item {
  margin: 20px;
  display: flex;
  align-content: center;
  justify-content: flex-start;
}

.product_details_item *{
  padding-right: 5px;
}

.full_width {
  width: 100%;
}

#product_image {
  flex: 1;
  padding-bottom: 20px;
  align-self: flex-start;
  order: 1;
}

#product_link {
  /* text-decoration: underline; */
  font-weight: bold;
  margin:20px;
}

#license_count {
  margin: 20px;
}

#license_count_quantity {
  font-weight: bold;
}

.license_small_button {
  border-radius: 4px !important;
  height: 26px !important;
  padding: 4px 12px !important;
  font-size: 85% !important;
}

.license_small_blue_button {
  border-radius: 4px !important;
  height: 26px !important;
  padding: 4px 12px !important;
  font-size: 85% !important;
  background: rgba(23,121,186,1) !important;
}

.license_link_style {
  text-decoration: underline;
}

/* The switch - the box around the slider */

.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  top: 1px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 19px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #f39400;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}

.wide-text-input {
  width: 100%;
  margin-bottom: 10px;
}

#renewal_box {
  position: relative;
  padding: 12px;
  line-height: 26px;
  border-radius: 6px;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
}

#renewal_price_container{
  margin: 12px;
  align-self: flex-end;
}

#renewal_license_title {
  color: #1f3651;
  margin: 0 0 1.5rem 0;
  font-weight: 900;
  line-height: normal;
  font-size: 19px;
}

/* START - edit-account page styles */

input[readonly].wide-text-input,
input[disabled].wide-text-input,
select[disabled].wide-text-input,
select[disabled]#license_provider_id
{
  opacity: 1 !important;
  color: #606060 !important;
  padding: 0px;
  background-color: #eee !important;
  border-color: rgba(118, 118, 118, 0.3);
}

div.my_account_admins > #admin_list > div > label {
  display: block;
}
div.my_account_admins > #admin_list > div > input {
  width:100%;
}

/* END - edit-account page styles */

#admin_list > div > input:read-only{
  cursor: default;
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  pointer-events:none;
  color: #606060 !important;
  background-color: #eee !important;
  border-color: rgba(118, 118, 118, 0.3)  !important;
  opacity: 1 !important;

}

.license-list-title-image {
  width:100%;
}

.license-list-title-image-mobile::before {
  content:attr(data-title) !important;
}

select[name=customer_subscriptions_table_length],
select[name=customer_orders_table_length] {
  padding-right: 20px !important;
}

.subscriptions-container {
  display: grid;
  overflow: auto;
}