@import url(base.css);
@import url(application.css);
@import url(layout.css);
@import url(dockbar.css);
@import url(portlet.css);
@import url(forms.css);
@import url(extras.css);
@import url(custom.css);
@import url(ondemand_player.css);
@import url(ondemand_grid.css);
.entry-text, .feed-description, .feed-entry-content, .feed-entry-content p {
  color: #999;
  font-size: 11px !important;
  line-height: 15px !important; }

body {
  line-height: 15px !important;
  background: white; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', Verdana, sans-serif;
  font-size: 12px;
  /*color: black;*/ }

html > .lfr-dockbar-pinned {
  padding-top: 0em; }

.page-navigation a {
  color: #FFF;
  font-size: 1.3em;
  margin: 4px;
  padding: 0px;
  text-decoration: none; }

.list-table {
  font-family: 'Open Sans', Verdana, sans-serif;
  font-size: 12px !important;
  font-weight: normal !important;
  width: 100%; }

.list-table label {
  font-weight: normal !important;
  text-shadow: none !important; }

.list-table tr {
  /*background-color: #EAEAEA;*/ }

.list-row:HOVER td {
  color: white;
  background-color: #325D94 !important;
  cursor: pointer; }

.list-table td {
  padding: 10px !important;
  color: black !important; }

.list-table tr.selected td, .list-add, .list-edit {
  color: white !important;
  background-color: #325D94 !important; }

.list-table .list-image {
  height: 32px; }

.list-table .list-actions {
  white-space: nowrap;
  float: right;
  clear: both; }

.list-table .list-actions > span {
  padding: 5px 8px; }

.list-table .list-actions span img {
  cursor: pointer; }

/* Columns */
.ism-columns {
  width: 100%; }

.ism-columns > div {
  float: left;
  overflow-x: hidden;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*transition: 0.5s all ease-in;*/ }

.ism-columns iframe {
  padding: 0 !important;
  margin: 0 !important; }

iframe .portlet-column {
  border-right: none !important; }

.ism-column-1 {
  border-right: none !important;
  width: 100%; }

.ism-column-1-left {
  background-color: #d6d6d6;
  width: 100%; }

.ism-column-1-2, .ism-column-2-2 {
  width: 50%; }

.ism-column-1-3, .ism-column-2-3, .ism-column-3-3 {
  width: 33.33%; }

.ism-column-1-4, .ism-column-2-4, .ism-column-3-4, .ism-column-4-4 {
  width: 25%; }

.ism-column-1-2-25 {
  width: 20%; }

.ism-column-2-2-75 {
  border-left: 1px solid white;
  width: 80%; }

.ism-column-1-3-20 {
  width: 20%; }

.ism-column-2-3-40, .ism-column-3-3-40 {
  width: 40%; }

label {
  float: none;
  font-weight: normal;
  line-height: 100%;
  margin: 15px 10px 3px;
  padding: 0;
  text-transform: uppercase;
  width: auto;
  text-shadow: none;
  clear: both; }

input[type="text"], input[type="password"], input[type="file"], textarea, .textarea, .aui-field-input-text {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border: 1px solid #cccccc;
  padding: 10px 5px;
  font-weight: normal;
  font-family: 'Open Sans', Verdana, sans-serif;
  background-image: none;
  margin: 2px 2px;
  width: 310px;
  color: black; }

select {
  padding: 10px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border: 1px solid #cccccc;
  font-weight: normal;
  font-family: 'Open Sans', Verdana, sans-serif;
  background-image: none;
  width: 310px;
  margin: 2px 2px;
  color: black; }

input[type=button], input[type=submit], input[type=reset], button {
  font-weight: normal;
  background-color: #A2D0F0;
  display: table-cell;
  vertical-align: middle;
  color: white;
  text-shadow: none;
  transition: all 0.2s linear 0s;
  padding: 5px;
  text-align: center;
  background-image: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-radius: 0;
  margin: 0;
  text-transform: uppercase; }

input[type=button]:HOVER, input[type=submit]:HOVER, input[type=reset]:HOVER, button:HOVER {
  background-color: #72AEDE;
  background-image: none;
  cursor: pointer;
  color: white; }

.ism-content-wrapper {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

#wrapper {
  width: 100%;
  /*min-width: 800px;*/
  /* if I make min-height: calc(100vh - footerHeight) 
     I can get it to always be at the bottom
  */
  /*min-height: calc(100vh - 116px);*/ }

.ism-action-button:HOVER {
  background-color: #72AEDE;
  cursor: pointer;
  color: #FFFFFF; }

.ism-action-button-title {
  padding-top: 5px; }

.ism-action-button {
  font-weight: normal;
  font-size: 11px;
  background-color: #A2D0F0;
  display: table-cell;
  vertical-align: middle;
  color: #484E58;
  text-shadow: none;
  transition: all 0.2s linear 0s;
  /*padding: 15px;*/
  text-align: center;
  background-image: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-radius: 0;
  border-left: none;
  border-top: none;
  border-bottom: none;
  border-right: 1px solid #c0c0c0;
  margin: 0; }

.ism-action-button-icon {
  margin-top: 6px; }

.suite-button:HOVER, .suite-button-2:HOVER {
  background: none repeat scroll 0 0 #333333;
  background-color: #333333;
  cursor: pointer; }

.suite-button {
  background-color: #325D94;
  display: inline-block;
  border-radius: 3px;
  line-height: 1;
  transition: all 0.2s linear 0s;
  padding: 16px 24px;
  text-transform: uppercase;
  font-weight: bold;
  color: white; }

.suite-button-2 {
  background-color: #325D94;
  display: inline-block;
  border-radius: 3px;
  line-height: 1;
  transition: all 0.2s linear 0s;
  padding: 5px;
  text-transform: uppercase;
  color: white;
  text-align: center; }

.suite-button-text {
  color: white;
  padding: 5px; }

.suite-button .suite-button-image {
  padding-right: 10px; }

.suite-button-2 .suite-button-image {
  padding: 5px; }

.pointer {
  cursor: pointer; }

.ism-footer-action-bar {
  position: fixed;
  height: 60px;
  bottom: 0;
  background-color: #F1EFE2;
  z-index: 2;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #c0c0c0; }

.aui-toolbar li {
  display: inline-block;
  padding: 0;
  vertical-align: middle; }

.aui-toolbar-separator {
  background: url("../images/dockbar/separator.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
  border-width: 0;
  cursor: default;
  font-size: 1px;
  height: 16px;
  margin: 0 0;
  overflow: hidden;
  vertical-align: middle;
  width: 4px;
  visibility: visible; }

.dockbar {
  background-color: black;
  font-size: 13px;
  padding: 0px 5px;
  position: relative;
  z-index: 300;
  background: url("../images/common/moduletable_h3.png");
  height: 39px;
  display: none; }

#dockbar a {
  color: white;
  font-weight: bold; }

#dockbar .selected-page-navigation a {
  color: white !important;
  font-weight: bold;
  text-decoration: none; }

.page-navigation ul {
  list-style: none;
  margin-top: 3px;
  padding-top: 15px; }

.ie7 .page-navigation ul {
  padding: 2px; }

.ie6 .page-navigation li, .ie7 .page-navigation li, .ie6 .page-navigation a, .ie7 .page-navigation a {
  display: inline;
  zoom: 1;
  z-index: 200; }

.page-navigation li {
  position: relative;
  height: 39px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px; }

.page-navigation li:hover {
  background-color: #325D94; }

#page-navigation-selected {
  background-color: #325D94; }

.page-navigation .aui-dd-drop a {
  cursor: move; }

#dockbar .selected a, #dockbar a:focus, #dockbar .child-menu li a, #dockbar .aui-dd-dragging, .lfr-page-navigation-proxy {
  color: #325D94; }

.link-navigation-selected a {
  color: #325D94 !important; }

.page-navigation li:hover .child-menu {
  background-color: #333333;
  position: absolute;
  width: 200px;
  z-index: 200; }

.ie6 .page-navigation li.hover .child-menu {
  background-color: #1E2529;
  display: block;
  position: absolute;
  width: 200px;
  z-index: 200; }

.ie6 .page-navigation li.hover .child-menu, .ie7 .page-navigation li:hover ul.child-menu {
  left: 0;
  top: 25px; }

.dockbar:after {
  background: url("../images/common/moduletable_h3.png");
  content: ".";
  height: 46px;
  visibility: hidden; }

html > .lfr-dockbar-pinned {
  padding: 0 !important; }

.lfr-dockbar-pinned .dockbar {
  position: relative !important; }

.portlet-column {
  background-color: none; }

#adobeInfo {
  color: white; }

#video_error {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 80px;
  padding-bottom: 0px;
  color: white;
  font-size: 16px; }

#player_wrapper_table {
  padding-top: 20px; }

.dockbar .user-toolbar {
  float: right;
  padding-top: 10px; }

.main-list-table {
  width: 100%;
  font-family: 'Open Sans', Verdana, sans-serif; }

.main-list-table td {
  padding: 0;
  margin: 0px 10px; }

.main-list-table td.empty {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }

.main-list-row {
  border-bottom: 1px solid #7a7a7a;
  height: 65px;
  min-height: 60px;
  min-height: 64px;
  color: white;
  background-color: rgba(0, 0, 0, 0.3); }

.main-list-row.selected {
  background-color: #325D94 !important;
  color: white; }

.main-list-row:HOVER td {
  color: white; }

.main-list-image {
  margin-top: 3px;
  height: auto;
  max-width: 60px;
  border: 3px solid rgba(0, 0, 0, 0.2); }

.main-list-title {
  font-weight: normal;
  font-size: 16px;
  position: relative;
  margin-left: 6px;
  min-width: 140px; }

.main-list-description {
  position: relative;
  margin-top: 4px;
  margin-left: 6px;
  min-width: 140px;
  font-size: 12px; }

.main-list-price {
  font-size: 14px; }

.main-list-table .main-list-actions, .main-list-table .main-list-extra {
  white-space: nowrap;
  float: right;
  margin: 0px 5px 0px 5px;
  clear: both;
  padding-right: 15px; }

.main-list-table .main-list-actions > span, .main-list-table .main-list-extra > span {
  padding-left: 10px;
  padding-right: 0; }

.main-list-table .main-list-actions span img {
  cursor: pointer; }

.epg-channel-title {
  font-size: 24px;
  text-align: center; }

.epg-events-titles {
  margin-left: 10px; }

.epg-previous-event-title {
  font-size: 12px;
  margin: 5px;
  color: #C0C0C0; }

.epg-current-event-title {
  margin: 12px 5px;
  font-size: 20px;
  color: #414141;
  line-height: 20px; }

.epg-current-event-time {
  margin: 12px 5px;
  font-size: 20px;
  color: #005577;
  line-height: 20px; }

.epg-next-event-title {
  margin: 5px;
  font-size: 14px;
  color: #414141; }

.epg-next-event-time {
  margin: 5px;
  font-size: 14px;
  color: #005577; }

#live_meta {
  width: 80%;
  overflow: auto;
  float: left; }

#live_channel_title {
  margin-bottom: 2%;
  font-size: 34px;
  color: #FFFFFF; }

.live-meta-item {
  margin-left: 1%;
  clear: both;
  overflow: auto; }

.live-meta-item > div {
  float: left; }

#live_share {
  float: right;
  width: 7%; }

#previous_title {
  font-size: 16px;
  color: #C3C8CA; }

#channel_event_previous {
  margin-left: 1%;
  font-size: 16px;
  color: #ACAFB1; }

#now_title {
  font-size: 26px;
  color: #839CBA; }

#channel_event_now {
  margin-left: 1%;
  font-size: 24px;
  color: #FFFFFF; }

#next_title {
  font-size: 22px;
  color: #C3C8CA; }

#channel_event_next {
  margin-left: 1%;
  font-size: 22px;
  color: #ACAFB1; }

.portlet-login .navigation {
  background: none !important;
  border-top: 1px solid #BFBFBF;
  padding: 10px; }

.portlet-login .aui-button-input-submit {
  width: 100%; }

.portlet-login .aui-choice-label {
  text-transform: none; }

.portlet-login .aui-field-label {
  display: block;
  float: none;
  margin: 30px 10px 10px 0;
  text-align: left;
  width: auto; }

.portlet-login input[type=button], .portlet-login input[type=submit], .portlet-login input[type=reset], .portlet-login button {
  font-weight: bold;
  background-color: #325D94;
  display: table-cell;
  vertical-align: middle;
  color: white;
  text-shadow: none;
  transition: all 0.2s linear 0s;
  padding: 16px 24px;
  text-align: center;
  background-image: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-radius: 3px;
  margin: 0;
  width: 150px;
  text-transform: uppercase; }

.portlet-login input[type=button]:HOVER, .portlet-login input[type=submit]:HOVER, .portlet-login input[type=reset]:HOVER, .portlet-login button:HOVER {
  background-color: #333333;
  background-image: none;
  cursor: pointer;
  border-radius: 3px;
  padding: 16px 24px;
  color: white;
  width: 150px;
  font-weight: bold; }

.portlet-login input[type="text"], .portlet-login input[type="password"], .aui-field-input-text {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border: 0px solid #cccccc;
  padding: 10px 5px;
  margin: 0px 0px;
  font-weight: normal;
  font-family: 'Open Sans', Verdana, sans-serif;
  background-image: none;
  width: 450px;
  color: black; }

.taglib-icon .taglib-text {
  color: #FFFFFF;
  text-decoration: none;
  padding-left: 10px; }

.portlet-login .aui-form .aui-button-holder {
  margin-bottom: 35px;
  margin-top: 35px; }

.aui-form-validator-error-container .aui-field-element {
  background: url("/icareus-suite-public-theme/images/messages/error.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
  padding-right: 30px; }

.portlet-login label {
  color: white;
  float: none;
  font-weight: normal;
  line-height: 100%;
  padding: 0;
  text-transform: uppercase;
  width: auto;
  text-shadow: none;
  clear: both; }

.portlet-login label {
  color: white;
  float: none;
  font-weight: normal;
  line-height: 100%;
  padding: 0;
  text-transform: uppercase;
  width: auto;
  text-shadow: none;
  margin: 15px 0px 3px;
  clear: both; }

.signup-form {
  margin: 20px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.3); }

#registration-text {
  font-size: 22px;
  line-height: 20px;
  padding-bottom: 0px; }

#suite-portlet-wrapper {
  margin: 0px; }

.portlet_details_cont {
  width: 500px; }

.error-message-view {
  background-color: #B95A51;
  border: 2px solid #D51907; }

.list-table td {
  font-family: 'Open Sans', Verdana, sans-serif;
  padding: 10px !important;
  color: white;
  text-align: right !important;
  font-size: 13px; }

.list-table-profile .list-table {
  font-family: 'Open Sans', Verdana, sans-serif;
  font-size: 12px !important;
  font-weight: normal !important;
  width: 100%;
  margin-top: 20px; }

#p_p_id_58_ {
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgba(0, 0, 0, 0.3); }

.user-portrait {
  display: none; }

.web-portlet-header {
  width: 100%;
  height: 50px;
  background-color: #325D94; }

.registration-title-wrapper {
  color: #0A56CE;
  text-transform: uppercase;
  font-size: 22px !important;
  font-weight: bold;
  padding-right: 10px; }

.channels-channel-icon {
  padding: 15px; }

.channels-channel-play-icon {
  background: url("/icareus-suite-default-public-theme/images/common/small-play.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0); }

.player-container {
  /*
  border-left: 1px solid;
  margin-left: 20px;
  padding-left: 20px;
  margin-top: 20px; 
  */ }

.channels-event-title {
  font-size: 13px;
  font-weight: bold;
  font-family: 'Maven Pro', Verdana, sans-serif; }

.channels-event-description {
  font-size: 11px;
  padding-top: 5px; }

.channels-separator {
  border-color: none;
  border-style: solid;
  border-width: 1px 0; }

.form-container {
  border-left: 1px solid;
  margin-left: 20px; }

.form-container-margin {
  margin-top: 20px; }

.channels-list-wrapper {
  /*margin-top: 20px;*/ }

.channels-list-wrapper tr {
  height: 40px !important; }

.channels-channel-data {
  padding-right: 15px; }

.channels-play-button-wrapper {
  padding-right: 5px; }

.channels-list-overflow {
  overflow-y: hidden; }

.package-title {
  border-bottom: 1px solid #325D94;
  font-size: 22px;
  padding: 15px;
  text-align: left;
  background-color: #b2b2b2; }

.package-description {
  height: 15px;
  padding: 10px;
  font-size: 13px;
  background-color: #D0D0D0; }

.package-price {
  border-bottom: 1px solid #325D94;
  background-color: #b2b2b2; }

.price-value {
  color: #FFFFFF;
  float: left;
  font-size: 26px;
  margin-bottom: 10px;
  text-shadow: 0 0 0.2em #325D94, 0 0 0.2em #325D94, 0 0 0.2em #325D94; }

.price-period {
  color: #FFFFFF;
  float: left;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: 0 0 0.2em #325D94, 0 0 0.2em #325D94, 0 0 0.2em #325D94; }

.package-subscribe {
  padding: 15px !important;
  width: 100%;
  background-color: #D0D0D0; }

.package-image {
  border-bottom: 1px solid #325D94;
  background-color: #b2b2b2;
  text-align: left;
  padding: 5px; }

.product-purchase-klikandpay-header {
  border-radius: 5px;
  border: 2px dashed #325D94;
  padding: 5px; }

.payment-return-message {
  text-align: center;
  padding: 5%;
  font-size: 16px; }

.payment-return-close-message {
  text-align: center;
  padding: 5%;
  font-size: 12px; }

/* EPG Page Styles */
#date_bar {
  background-color: #325D94;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  width: 100%;
  text-shadow: 1px 1px black; }

#date_scroll_wrapper {
  height: 100%;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  background-color: #325D94;
  /*background: url('../images/date_bg.png') no-repeat;*/
  float: left;
  text-align: center; }

#date_scroller {
  height: 100%;
  width: 90%;
  text-align: center; }

.date {
  float: left;
  width: 33%;
  height: 100%;
  padding: 15px;
  font-weight: bold;
  font-size: 31px;
  color: #FFFFFF;
  text-align: center; }

.arrow {
  float: left;
  height: 100%;
  padding: 5px;
  width: 37.5%; }

.arrow > img:HOVER {
  cursor: pointer; }

#channels_container {
  width: 100%;
  margin: 5px auto; }

#channel_scroll_wrapper {
  margin: 0 auto 0 60px;
  overflow: hidden;
  position: relative;
  float: left; }

#channel_scroller {
  height: 100%;
  width: 100%; }

.epg-channel {
  background-color: rgba(101, 101, 101, 0.3);
  background-size: cover;
  border-left: 1px solid #325D94;
  border-right: 1px solid #325D94;
  border-top: 1px solid #325D94;
  float: left;
  height: 40px;
  width: 180px; }

.epg-channel-header {
  width: 100%;
  overflow: auto;
  padding: 5px;
  background-color: #414141;
  height: 40px; }

.epg-channel-icon {
  float: left;
  width: 45%;
  height: 100%; }

.epg-channel-name {
  float: left;
  width: 100%;
  padding-left: 2.5%;
  padding-top: 5px;
  color: #FFFFFF;
  font-size: 22px; }

.epg-channel-play {
  float: right;
  width: 15%; }

.event-list {
  float: left;
  width: 180px;
  overflow: auto;
  height: 100%;
  border-left: 2px solid #479BF0; }

#event_lists_container {
  width: 98%;
  margin: 0 1%;
  position: relative; }

.event-scroll-wrapper {
  position: relative;
  width: 32.25%;
  height: 100%;
  margin: 0.5%;
  float: left;
  background-color: rgba(101, 101, 101, 0.3);
  overflow: auto; }

.event-scroller {
  width: 100%;
  padding-bottom: 2.5%;
  overflow: auto; }

.loading-msg {
  text-align: center;
  padding: 30px;
  font-size: 15px; }

.now {
  background-color: #245c95; }

.now > .event-time {
  color: white !important; }

.now > .event-title {
  color: white !important;
  font-weight: bold; }

.event-container {
  border-bottom: 1px solid #479BF0;
  /*clear: both;*/
  /*height: 50px;*/
  margin-left: auto;
  margin-right: auto;
  /*padding-top: 5px;*/
  width: 100%;
  /*line-height:0px;*/ }

.event-container:HOVER {
  cursor: pointer; }

.event-time {
  /*float: left;*/
  width: 51px;
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
  padding: 0px 10px;
  margin: 0px 5px 0px 0px;
  background-color: #479BF0; }

.event-title {
  padding-left: 2.5%;
  /*float: left;*/
  max-width: 60%;
  color: #414141;
  font-size: 12px; }

.event-play {
  float: right;
  width: 10%; }

#event_video {
  width: 90%;
  height: 85%;
  margin-left: 5%;
  margin-right: 5%; }

#popup_container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: none; }

#popup {
  position: relative;
  top: 20%;
  height: 70%;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  background-color: black;
  -webkit-box-shadow: 0 0 25px #839CBA;
  -moz-box-shadow: 0 0 25px #839CBA;
  box-shadow: 0 0 25px #839CBA;
  overflow: auto;
  padding: 2%; }

#popup_header {
  width: 100%;
  clear: both;
  margin-bottom: 35px;
  overflow: auto; }

#popup_event {
  width: 85%;
  float: left;
  line-height: 30px; }

#popup_title {
  float: left;
  font-size: 28px;
  color: #C1C1C1; }

#popup_icon {
  float: right;
  width: 15%; }

#popup_time {
  clear: both;
  font-size: 18px;
  color: #839CBA; }

#popup_content {
  clear: both;
  width: 100%;
  font-size: 17px;
  color: #B3B3B3;
  padding: 5px;
  line-height: 20px; }

#popup_close {
  position: absolute;
  font-size: 22px;
  color: #71AEE7;
  bottom: 2.5%;
  right: 1%;
  padding: 10px;
  font-weight: bold;
  font-size: 20px;
  color: #001100;
  background-color: #325D94; }

#popup_close:HOVER {
  cursor: pointer; }

.favorite-icon, .recording-icon {
  float: left;
  margin-left: 1%;
  clear: right;
  width: 6%; }

#popup_actions {
  float: left;
  width: 40%; }

#popup_share {
  text-align: right;
  float: right;
  width: 8%; }

.register-products {
  width: 100%;
  margin: 10px auto;
  overflow: auto; }

.register-product {
  width: 50%;
  float: left; }

.register-product > input, .register-product > div {
  float: left;
  margin: 5px; }

/* MODAL STYLES */
.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #000000; }

.modal-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(10, 10, 10, 0.86); }

.modal-content {
  margin: 10px auto;
  max-height: calc(100vh-40px);
  width: 95%;
  overflow: auto;
  position: relative;
  border-radius: 4px;
  padding: 1rem;
  background-color: #ffffff;
  color: inherit;
  scrollbar-width: thin;
  line-height: 1.4; }

.modal-close {
  height: 32px;
  max-height: 32px;
  min-height: 32px;
  width: 32px;
  max-width: 32px;
  min-width: 32px;
  position: fixed;
  right: 20px;
  top: 20px;
  /*background-color: transparent;*/
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  border-radius: 50px; }

.modal-close:hover {
  height: 32px;
  max-height: 32px;
  min-height: 32px;
  width: 32px;
  max-width: 32px;
  min-width: 32px;
  position: fixed;
  right: 20px;
  top: 20px;
  background-color: transparent;
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 24px; }

.modal-close:active {
  height: 32px;
  max-height: 32px;
  min-height: 32px;
  width: 32px;
  max-width: 32px;
  min-width: 32px;
  position: fixed;
  right: 20px;
  top: 20px;
  background-color: transparent;
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 24px; }

.modal-close:focus {
  height: 32px;
  max-height: 32px;
  min-height: 32px;
  width: 32px;
  max-width: 32px;
  min-width: 32px;
  position: fixed;
  right: 20px;
  top: 20px;
  background-color: transparent;
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 24px; }

.modal-content a {
  color: inherit; }

.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4 {
  color: inherit;
  font-weight: bold;
  margin-bottom: 16px;
  font-family: inherit; }

.modal-content h1 {
  font-size: 24px; }

.modal-content h2 {
  font-size: 18px; }

.modal-content h3 {
  font-size: 16px; }

.modal-content h4 {
  font-size: 16px; }

.modal-content p {
  color: inherit;
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 10px;
  font-family: inherit; }

@media screen and (min-width: 769px) {
  .modal-content {
    /*width: 640px;*/
    min-width: 640px;
    width: 55%; } }
/* FOOTER STYLES */
.footer-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 10px;
  margin-top: 50px;
  /* sane defaults? */
  background-color: #ececec;
  color: #000000;
  font-size: 12px;
  text-transform: uppercase; }

.footer-nav .footer-nav-item {
  color: inherit;
  font-size: inherit;
  text-transform: inherit;
  font-family: inherit;
  padding: 10px 0; }

.footer-nav .footer-nav-item a {
  color: inherit;
  font-size: inherit;
  text-transform: inherit;
  text-decoration: underline; }

.footer-nav .footer-nav-item:not(:last-child) {
  margin-right: 25px; }

.footer-btn,
.footer-btn:active,
.footer-btn:hover,
.footer-btn:focus {
  background: transparent;
  color: inherit;
  text-decoration: underline;
  display: inline-block;
  transition: none;
  text-align: left;
  font-weight: normal;
  text-transform: inherit;
  font-size: inherit;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  vertical-align: inherit;
  line-height: 15px;
  border: none;
  overflow: visible;
  font-family: inherit;
  /* this is a comment bla bla bla*/ }

.rmp-logo {
  width: auto !important; }