:root {
  --font-stack: helvetica, arial, sans-serif, verdana;
  --CS-blue: #0c6af5;
  --CS-aqua: #00fff6;
  --margin-default: 50px;
  --background-color: #000000;
  --border-size: 2px;
  --border-radius:5px;
  --border-width:25%;
  
}

*:focus {
  outline: none;
}

.close-atom:hover {
  background-image: url(/images/Default/close-atom-on.png);
}

.plastic-container {
  border: 0px;
   /* overflow: hidden;  */
  text-align: center;
  width: 100%;
}

.content {
  width: 348px;
  white-space: nowrap;
  z-index: -1;
}

.background-img {
  background: url(/images/Background.jpg) no-repeat center top fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.name-i-tag {
  font-style: initial;
  white-space: nowrap;
}

.news {
  font-size: 14px;
  color: white;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-lg {
  font-size: 18px;
  color:white;
  line-height: 20px;
  font-family: helvetica, verdana, arial, sans-serif;
  box-sizing:border-box;
  position:relative;
  right:25;
}

.blueCheck{
  box-sizing:border-box;
  position:relative;
  top:0;
}

.news-xlg {
  font-size: 14px;
  /*font-weight:;*/
  color:black;
  line-height: 20px;
  font-family: helvetica, verdana, arial, sans-serif;
  /* background-color:; */
}

.profile_name{
  box-sizing:border-box;
  position:relative;
  top:30;
  font-size: 18;
  margin-left:15;
}

.email_background{
  background:black;
  color:white;
  font-family: helvetica, verdana, arial, sans-serif;

}

.news-xlg-terms{
  font-size: 14px;
  /* font-weight:; */
  color:white;
  line-height: 20px;
  font-family: helvetica, verdana, arial, sans-serif;
  /* background-color:; */
  box-sizing:border-box;
  position:relative;
  top:0;
  text-align: center;
}

.table-row-logo-background{
  box-sizing:border-box;
  position:relative;
 

}
.table-divider-logo-background{
  box-sizing:border-box;
  position:relative;
  top:-66;
}

.email-check{
  font-size:22px;
  color:white;
  line-height:20px;
  font-family: helvetica, verdana, arial, sans-serif;
  box-sizing:border-box;
  position:relative;
  top:-120;
  text-align: center;
}

.success-step-five{
    color: white;
    box-sizing: border-box;
    position: relative;
    top: 137px;
    margin-right: 30px;
    float: right;
}

.news-white-sign-in-incorrect{
  box-sizing:border-box;
  position:relative;
  color: darkred;
}

.stage-two-logo{
  box-sizing:border-box;
  position:relative;
  top:-88;
  left:19;
}

.stepFourLogo{
  Box-sizing:border-box;
  position:relative;
  top:-30;
  padding-left:12
}

.sign-in-logo-thing{
  box-sizing:border-box;
  position:relative;
  top:-24;
}

.stepThreeLogo{
  Box-sizing:border-box;
  position:relative;
  top:-70;
}

.stepThreeTable{
  background-color:#000000;
}

.login-info-message{
  box-sizing:border-box;
  position:relative;
  top:-30;

}

.step-four-image{
  Box-sizing:border-box;
  position:relative;
  top:130;

}

.step-three-image{
  box-sizing:border-box;
  position:relative;
  top:-20;
  

}

.step-one-image{
  box-sizing:border-box;
  position:relative;
  margin-left:6px;
}

.create-account-words{
  box-sizing: border-box;
  position: relative;
  color: white;
  font-size: 22px;
  top: -32px;
  /* margin-left: 70; */
  text-align: center;
}
p.create-account-wordsx {
    box-sizing: border-box;
    position: relative;
    color: white;
    font-size: 24px;
    margin: 20px;
    font-weight: 400;
}
button.button-grayx {
    background: #000000;
    border: none;
}
div#agree-btn {
    margin: 10px 0;
}
.sign-in-body input[type="password"]:focus {
    border: 2px solid #068cd0 !important;
}
.sign-in-body input[type="text"]:focus {
    border: 2px solid #068cd0 !important;
}
div#agree-btn .white-label {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
}
div#signup_forms {
    margin-top:20px;
}
table.signup-table-1 .create-account-td {
    top: 30px;
    font-size: 24px;
    position: relative;
}
.create-account-words-two{
  box-sizing:border-box;
  position:relative;
  color:white;
  font-size:22px;
  top:-60;
  padding-right:33;
  
}
td#td-post-footer {
  display: none;
}
.step-one-words{
  color:white;
  box-sizing:border-box;
  position:relative;
  top:4px;
  margin-left:7%;
  
}

.step-two-words{
  color:white;
  box-sizing:border-box;
  position:relative;
  top:4px;
  margin-left:30%;
}

.step-three-words{
  color:white;
  box-sizing:border-box;
  position:relative;
  top:-10px;
  margin-left:20%;
}

.welcome-words{
  color:white;
  box-sizing:border-box;
  position:relative;
  top:-1;
  margin-left:68;
  font-size:33px
}

.beta-testing-agreement{
  background-color:#000000;

}

.i-understand-beta-rules{
  background-color:#000000;
}

.news-sm {
  font-size: 13px;
  color: #000000;
  line-height: 18px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-bio {
  font-size: 13px;
  color: #000000;
  line-height: 18px;
  font-family: helvetica, verdana, arial, sans-serif;
  box-sizing: border-box;
  position:relative;
  left:108;
}

.biography-edit {
  font-size: 13px;
  color: #000000;
  line-height: 18px;
  font-family: helvetica, verdana, arial, sans-serif;
  box-sizing: border-box;
  position:relative;
  margin-left:88;
  top: -15;
}


.bio-title{
  color: #000000;
  line-height: 18px;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size:14px;
  box-sizing:border-box;
  position:relative;
  top:15;
}

.edit-title-bio-pic{
  position:relative;
  box-sizing:border-box;
  top:-25;
  right:50;
}

.news-ar {
  font-size: 13px;
  color: #ffffff;
  line-height: 15px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-tiny {
  font-size: 11px;
  color: #ffffff;
  line-height: 13px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-tiny-timestamp {
  font-size: 13px;
  color: black;
  line-height: 13px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
  box-sizing:border-box;
  position:relative;

  
}

.news-tiny-timestamp-one {
  font-size: 13px;
  color: black;
  line-height: 13px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
  box-sizing:border-box;
  position:relative;
  /*margin-left: 400px;*/
  top:12px;
  float: right;
  
}

div.top_post_action {
  margin-left: -30px !important;
} 
div.top_post_action.ui-state-active {
  margin-left: -30px !important;
}
tbody.Share-something-tbody tr td {
  border-radius: 10px !important;
}
.text-left {
  text-align: left;
}

.news-emphasis {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-black{
  font-family:helvetica, verdana, arial, sans-serif;
}

.news-blue {
  font-size: 14px;
  color: var(--CS-blue);
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-wallet-dark {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  line-height: 24px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-wallet-blue {
  font-size: 24px;
  font-weight: bold;
  color: var(--CS-blue);
  line-height: 24px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-link {
  font-size: 14px;
  font-weight: bold;
  color: #054bb3;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-shipping {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  line-height: 12px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-white {
  font-size: 16px;
  color: #ffffff;
  line-height: 18px;
  font-family: helvetica, verdana, arial, sans-serif;
  background-color:transparent;
}

.news-white-unauth-pre{
  font-size: 18px;
  color: #ffffff;
  line-height: 18px;
  font-family: helvetica, verdana, arial, sans-serif;
  background-color:transparent;
  text-align:center;

}

.news-password-reset {
  font-size: 16px;
  color: #ffffff;
  line-height: 18px;
  font-family: helvetica, verdana, arial, sans-serif;
  background-color:transparent;
}

  .note-note {
      border:solid 1px #0cd8fe;
      /* border-top:solid 2px #0cd8fe; */
      color:white;
      text-align: center;
      font-family: helvetica, verdana, arial, sans-serif;
      padding-bottom:10px;
      padding-top:10px;  
      width: fit-content;
      margin:auto;
      box-shadow:
      0 0 10px var(--CS-aqua),
      0 0 11px var(--CS-blue),
      0 0 10px var(--CS-aqua),
      0 0 10px var(--CS-blue);
      padding-left:5px;
      padding-right:5px;
      
      
  }
  
  


.news-white-lg {
  font-size: 18px;
  color: #ffffff;
  line-height: 20px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-white-xlg {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  line-height: 20px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-white-superlg {
  font-size: 23px;
  font-weight: bold;
  color: #ffffff;
  line-height: 20px;
  font-family:helvetica, verdana, arial, sans-serif;
}

.news-white-sm {
  font-size: 14px;
  color: #ffffff;
  line-height: 15px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-white-xsm {
  font-size: 12px;
  color: #ffffff;
  line-height: 14px;
  font-family: helvetica, verdana, arial, sans-serif;
}

/* create an account styling */


.news-white-sign-in {
  font-size: 22px;
  color: #ffffff;
  line-height: 24px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-align: left;
  box-sizing:border-box;
  max-width: 100%;
  width: 30%;
  position:relative;
  /*margin-bottom:120;
  background-color:1d1d1d;*/
  padding-bottom: 56px !important;
}

.sign-in-body{
padding-top:40px;
  background-color:black;
}

.signup-table-1{
  width:100%;
  padding-left:25;
  /*display:inline-block;*/
  text-align:center;
  }

  .signup-logo-page{
    box-sizing:border-box;
    position: relative;
    top:-0;

  }

  .create-account-email-row{
    /*border:1px solid #444;*/
    background-color:black;
  }
 
  .create-account-email-row:hover{
  border-color: #888;
}

.terms-legal-styling{
  background-color:white;
  color:black;
}

.testingDisclosureBody{
  background-color:white;
  color:black;
}


.step4-form-border{
  border:1px solid #444;
  background:black;

}
.step4-form-border:hover{
  border:1px solid #888;
}

.bottom-create-finished{
  background-color:#000000;
  box-sizing:border-box;
  position:relative;
  bottom:-55;
}

  .create-account-first-name-row{
   /* border:1px solid #444; */
    background-color:black;
  }

  .create-account-first-name-row:hover{
    border-color: #888;
  }

  .create-account-last-name-row{
    /*border:1px solid #444;*/
    background-color:black;
  }

  .create-account-last-name-row:hover{
    border-color: #888;
  }

  .month-day-year{
    background-color:1d1d1d;
  }

  #id01{
    box-sizing:border-box;
    position:relative;
    margin:-8;
    right:1;
    top:61;
  }

  .agree-to-move-forward{
background-color:000000;


  }

  .terms-table{
    background-color:000000;
  }

.news-white-tiny {
  font-size: 11px;
  color: #ffffff;
  line-height: 13px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-gray {
  font-size: 14px;
  color: #a4a4a4;
  line-height: 14px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-white-emphasis {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  line-height: 18px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-link-white {
  font-size: 14px;
  color: #ffffff;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-white:hover {
  font-size: 14px;
  color: #221ee4;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-dark {
  font-size: 14px;
  color: #333333;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-dark:hover {
  font-size: 14px;
  color: #221ee4;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-orange {
  font-size: 14px;
  color: #f68a1e;
  line-height: 16px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-orange:hover {
  font-size: 14px;
  color: #221ee4;
  line-height: 16px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-orange-sm {
  font-size: 12px;
  color: #f68a1e;
  line-height: 14px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-orange-sm:hover {
  font-size: 12px;
  color: #221ee4;
  line-height: 14px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-orange-tiny {
  font-size: 11px;
  color: #f68a1e;
  line-height: 11px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-orange-tiny:hover {
  font-size: 11px;
  color: #221ee4;
  line-height: 11px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-blue {
  font-size: 18px;
  color: var(--CS-blue);
  line-height: 20px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-blue:hover {
  font-size: 18px;
  color: #942491;
  line-height: 20px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-blue-sm {
  font-size: 12px;
  color: var(--CS-blue);
  line-height: 14px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-blue-sm:hover {
  font-size: 12px;
  color: #942491;
  line-height: 14px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-blue-tiny {
  font-size: 11px;
  color: var(--CS-blue);
  line-height: 11px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-link-blue-tiny:hover {
  font-size: 11px;
  color: #942491;
  line-height: 11px;
font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
}

.news-max {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blur-overlay-left {
  position: absolute;
  top: 0px;
  left: 150px;
  background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  width: 100px;
  z-index: 98;
}

.blur-overlay-right {
  position: absolute;
  top: 0px;
  right: 0px;
  /*background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); */
  width: 200px;
  z-index: 98;
}

.blur-overlay-right-red {
  position: absolute;
  top: 0px;
  right: 0px;
  background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(180, 11, 3, 0));
  width: 90px;
  z-index: 98;
}

.blur-overlay-right-hotpink {
  position: absolute;
  top: 0px;
  right: 0px;
  background: linear-gradient(
    to left,
    rgba(0, 0, 0, 1),
    rgba(248, 4, 176, 0.75)
  );
  width: 100px;
  z-index: 98;
}

.blur-overlay-right-gold {
  position: absolute;
  top: 0px;
  right: 0px;
  background: linear-gradient(
    to left,
    rgba(0, 0, 0, 1),
    rgba(243, 194, 50, 0.75)
  );
  width: 100px;
  z-index: 98;
}

/* Fix datepicker */
.ui-datepicker, 
table.ui-datepicker {
  width: 180pt;
}
.ui-datepicker td a {
  text-align: center;
}
.ui-widget-content a {
  width: 100%;
}
#ui-datepicker-div {
  font-size: 12px;
}

.blur-overlay-right-seafoam {
  position: absolute;
  top: 0px;
  right: 0px;
  background: linear-gradient(
    to left,
    rgba(0, 0, 0, 1),
    rgba(4, 141, 91, 0.75)
  );
  width: 100px;
  z-index: 98;
}

.blur-scroll-left {
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(
    to right,
    rgba(29, 29, 29, 1),
    rgba(29, 29, 29, 0.96),
    rgba(29, 29, 29, 0.75),
    rgba(29, 29, 29, 0)
  );
  width: 100px;
  height: 204px;
  z-index: 11;
}

.blur-scroll-right {
  position: absolute;
  top: 0px;
  right: 0px;
  background: linear-gradient(
    to left,
    rgba(29, 29, 29, 1),
    rgba(29, 29, 29, 0.96),
    rgba(29, 29, 29, 0.75),
    rgba(29, 29, 29, 0)
  );
  width: 125px;
  height: 204px;
  z-index: 98;
}

.Advancer_Left {
  position: absolute;
  top: 10%;
  left: 20px;
  z-index: 99;
}

.Advancer_Right {
  display: block;
  position: absolute;
  top: 10%;
  right: 20px;
  z-index: 99;
}

[data-overflowing='both'] ~ .left-arrow,
[data-overflowing='left'] ~ .left-arrow {
  opacity: 1;
}

[data-overflowing='both'] ~ .right-arrow,
[data-overflowing='right'] ~ .right-arrow {
  opacity: 1;
}

.Advancer {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  /* Now style it as needed */
  position: absolute;
  bottom: 0;
  /* Set the buttons invisible by default */
  opacity: 1;
  transition: opacity 0.3s;
  z-index: 99;
}

.Advancer_Icon {
  width: 35px;
  height: 35px;
  fill: #ffffff;
}

.Advancer:focus {
  outline: 0;
}

.Advancer:hover {
  cursor: pointer;
}

#slideshow {
  /* display:flex; */
  width: 100%;
  overflow: hidden !important;
}

/* #slideshow:hover{
  box-shadow:
  0 0 100px var(--CS-aqua),
  0 0 59px var(--CS-blue),
  0 0 200px var(--CS-aqua),
  0 0 400px var(--CS-blue);
  z-index:2; 
}*/
  
 
/* Commented out because its a global style command  */
/* * {
  box-sizing: border-box;
  background-color:#000000;
} */

.mySlides {
  display: none;
  overflow: hidden !important;

}
/* 
#carouselspash{
  border-top:2px solid var(--CS-blue);
  border-right:0px solid #000000;
  border-left: 0px solid #000000;
  border-bottom:0px solid #000000;
} */

/* .myslides animate-fading:hover{
  box-shadow: 
  0 0 10px var(--CS-blue),
  0 0 10px var(--CS-blue),
  0 0 10px var(--CS-blue),
  0 0 10px var(--CS-blue);

} */

/* Slideshow container */
.slideshow-container {
  max-height: 560px;
  position: relative;
  margin: auto;
  overflow: hidden !important; 
  
}


 /* .slideshow-container:hover{ 
  max-height: 400px;
  position: relative;
  margin: auto;
  overflow: hidden !important;
  box-shadow:
  0 0 10px var(--CS-blue),
  0 0 10px var(--CS-blue),
  0 0 10px var(--CS-blue),
  0 0 10px var(--CS-blue);

}  */



/* Position the "next button" to the right */
.nextSlide {
  position: absolute;
  right: 0px;
  top: 300px;
  border-radius: 3px 0 0 3px;
  cursor: pointer;
  width: auto;
  padding: 5px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  z-index: 112;
}

.nextChannel {
  right: 10px;
  cursor: pointer;
  position: absolute;
  top: 150px;
  width: auto;
  padding: 0px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  z-index: 111;
}

/* Position the "prev button" to the left */
.prev {
  position: absolute;
  left: 0px;
  top: 300px;
  border-radius: 3px 0 0 3px;
  cursor: pointer;
  width: auto;
  padding: 5px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  z-index: 99;
}

.prevChannel {
  cursor: pointer;
  position: absolute;
  top: 150px;
  width: auto;
  padding: 0px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  z-index: 99;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover,
.prevChannel:hover,
.nextChannel:hover {
  /* background-color: rgba(0,0,0,0.8); */
  background-color: none;
}

#ad-table{
	margin-right:-8px;

}

.ad-col {
	position: relative;
	top: -18px;
  left: 0px;
  }

#td-ad-background{
	background-color:black;
}

.td-ads-border-fix{
	box-sizing:border-box;
	width:100px;
	padding-right:14;
}


/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #b7b7b7;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  /*
   * -moz-box-shadow: 1px 1px 1px 2px #7c7c7c;
   * -webkit-box-shadow: 1px 1px 1px 2px #7c7c7c;
   * box-shadow: 1px 1px 1px 2px #7c7c7c;
  */
  opacity: 0.5;
}

body {background-color: #000;}

.dot-location {
  position: relative;
  top: -20px;
  z-index: 11;
  width: 100%;
  margin:auto;
  overflow: hidden;
  white-space: nowrap;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 10s;
  animation-name: fade;
  animation-duration: 10s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {
    font-size: 11px;
  }
}

.target1 {
  display: none;
}

.target2 {
  display: none;
}

.movie {
  display: none;
}

.movie-display {
  position: relative;
  height: 400px;
}

.splash {
  display: block;
}

.splash-display {
  position: relative;
  overflow: hidden !important;
  z-index: 1;
}

.festival-link{
  box-sizing:border-box;
  position:relative;
  width:1%;
}

.upload-link{
  box-sizing:border-box;
  position:relative;
  width:1%;
}

/* .splash-display:hover {
  position: relative;
  overflow: hidden !important;
  z-index: 1;
box-shadow:
  0 0 10px var(--CS-blue),
  0 0 10px var(--CS-blue),
  0 0 10px var(--CS-blue),
  0 0 10px var(--CS-blue);
} */



.popimg {
  border-radius: 8px;
  width: 100%;
  max-width: 200px;
}

.user-autocomplete {
  width: 225px;
}

/* Selected blocks from an autocomplete field */
.dynamic_item_block {
  border-radius: 2px;
  background-color: #d3dee7;
  padding: 0px 0px 0px 2px;
  margin: 0px 6px 0px 0px;
  display: inline-block;
}
.dynamic_item_block input {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  margin: 0px;
  padding: 0px;
  display: inline-block;
}
.dynamic_item_block a {
  color: black;
  padding: 1px;
  margin: 0px -4px 0px 2px;
  background-color: #c4d5e4;
  border: solid black 1px;
  border-radius: 2px;
  text-decoration: none;
  font-weight: bold;
  font-family: monospace;
  font-size: x-small;
  vertical-align: text-top;
  display: inline-block;
}

.large_tooltip {
  width: 100%;
}

.black {
  color: black;
}

.poplink {
  font-family: Helvetica, 'Trebuchet MS', Verdana, sans-serif;
  font-size: x-small;
  color:black;
}

.ui-menu {
  width: 150px;
}

.border-highlight {
  border: 2px solid #221ee4;
  border-radius: 3px;
}

.ui-tooltip {
  background: black;
  border: 1px solid white;
  padding: 6px;
  color: white;
  border-radius: 4px;
  font: bold 14px 'Helvetica Neue', Sans-Serif;
  text-transform: uppercase;
  box-shadow: 0 0 7px black;
}

.stars {
  background: rgb(255, 242, 3);
  background: -moz-linear-gradient(
    90deg,
    rgba(255, 242, 3, 1) 0%,
    rgba(255, 229, 9, 1) 35%,
    rgba(255, 252, 130, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(255, 242, 3, 1) 0%,
    rgba(255, 229, 9, 1) 35%,
    rgba(255, 252, 130, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 242, 3, 1) 0%,
    rgba(255, 229, 9, 1) 35%,
    rgba(255, 252, 130, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff203",endColorstr="#fffc82",GradientType=1);
}

/* delete once everything is using panels */
.messages {
  border-radius: 4px;
  background: #ffffff;
  padding: 0px;
  box-sizing:border-box;
  top:09;
  height: 100%;
}

.thumbnail-display {
  position: relative;
  width: 100%;
}

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

.loading span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.loading span:nth-child(2) {
  animation-delay: 0.2s;
}

.loading span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes dots {
  0%,
  20% {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

.four_column_grid_container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  width: 92%;
  grid-gap: 10px;
  margin: auto;
}

@media screen and (min-width: 750px) {
  .four_column_grid_container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1100px) {
  .four_column_grid_container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1500px) {
  .four_column_grid_container {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1900px) {
  .four_column_grid_container {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (min-width: 2300px) {
  .four_column_grid_container {
    grid-template-columns: repeat(6, 1fr);
  }
}

.footer {
  /*position:relative;
  left: 0;
  bottom: 0;
  width: 100%;
  */
  background-color:#000000;
  color: #cecece;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 0px;
font-family: helvetica, verdana, arial, sans-serif;
  padding-top: 20px;
 /*
  z-index: 999;
  padding:5%;
  */
  
}

.footer-light {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #5b5b5b;
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
font-family: helvetica, verdana, arial, sans-serif;
  z-index: 999;
}


.vertical_menu {
  background-color: #fff;
  border-radius: 0% 0% 15px 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 6px;
  grid-area: menu;
  padding: 10px;
  min-width: 175px;
}

.vertical_menu div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  white-space: nowrap;  
}

.vertical_menu .alight_right {
  align-self: flex-end;
}

.model_menu_container {
  display: grid;
  grid-template-areas: 
    " . . ."
     ". menu .";
}

.model_menu_container.left {
  grid-template-columns: 10px min-content 1fr;
}

.model_menu_container.right {
  grid-template-columns: 1fr min-content 10px;
}

@media all and (min-width: 551px){
	#common-header-nav-table{
	  width:100%;
	  margin-top: 4px;
	  margin-bottom: 18px;
	  display: grid;
	  grid-template-columns: 31px 192px minmax(min-content, 1fr) minmax(195px, 2.5fr) minmax(min-content, .75fr);
	  gap: 0px 6px;
	  grid-auto-flow: row;
	  grid-template-areas: "burger icon links search user";
	  padding-right: 6px;
	}
  .model_menu_container {
    grid-template-rows: 45px 1fr
  }
}

/* Change the layout of the grid for mobile */
@media all and (min-width: 431px) and (max-width: 550px){
	#common-header-nav-table {
		width:100%;
	  margin-top: 4px;
    margin-bottom: 18px;
	  display: grid;
		grid-template-columns: 31px 192px minmax(min-content, 1fr) min-content;
		grid-template-rows: 1fr 1fr;
		grid-template-areas: 
		  "burger icon links user"
		  "search search search search";
		gap: 6px 6px;
		grid-auto-flow: row;
		padding-right: 6px;
	}
	
  .model_menu_container {
    grid-template-rows: 38px 1fr
  }

	.nav_search {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* Hide titles on non mobile unless overriden */
@media all and (min-width: 431px) {
  .desktop_movie_title_hide {
    display: none;
  }
}

/* MOVE TILE Layout CODE */

/* Common movie tile grid elements */

.tile_report{
  grid-area: report;
  justify-self: start;
  align-self: end;
}
.tile_close{
  grid-area: close;
  justify-self: end;
  align-self: end;
}
.ratingsystem {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.review-count {
  font-size: 8px;
  color: #ffffff;
  font-family: helvetica, verdana, arial, sans-serif;
}

.movie_tile_splash {
  height: 100%;
}

.splash_img_btn {
  display:  flex;
  justify-content: end;
  width: 100%;
  height: 100%;
}

.nav_burger {
  grid-area: burger;
  display: inline-block;
  vertical-align: middle;
  align-self: center; 
}

.nav_logo {
  grid-area: icon;
  display: inline-block;
  vertical-align: middle;
  align-self: center; 
}

.nav_buttons {
  grid-area: links;
  padding-left: 12px;
  display: flex;
  flex-wrap: nowrap;
  vertical-align: middle;
  flex-direction: row;
  align-self: center; 
  justify-content: space-around;
}

.nav_buttons div {
  align-self: center; 
}

.nav_search {
  grid-area: search;
  display: inline-block;
  vertical-align: middle;
  align-self: center;
  justify-content: center;
}

.nav_search_container{
  border: 2px solid #0cd8fe;
  border-radius: 5px;
  padding: 4px;
  width: 100%;
  max-width: 600px;
  justify-content: center;
  display: flex;
  flex-direction: row;
  gap: 0px;
}


.nav_search_container:hover{
  border-style:solid;
  border-image:linear-gradient(90deg,#00FDf6,#0B7BF5) 1;
  box-shadow:
  0 0 10px var(--CS-aqua),
  0 0 59px var(--CS-blue),
  0 0 200px var(--CS-aqua),
  0 0 400px var(--CS-blue);
  animation-fill-mode:forwards;
}

.nav_user {
  grid-area: user;
  display: inline-flex;
  vertical-align: middle;
  align-self: center;
  justify-content: right;
}

.search-bar {
  font-size: 16px;
  color: #2b2b2b;
  border: 0;
  margin: 7px;
  padding: 5px 5px 5px 5px;
  width: 75%;
  background: #ffffff;
  outline: 0;
  box-shadow: none;
}


.carousel-control-prev {
	justify-content: left;
}
.carousel-control-next {
	justify-content: right;
}

.searchImg {
  height: 35px;
  width: 35px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('/images/search_icon1.png');
}

.searchImg:hover {
  /* transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; */
  background-image: url('/images/search_icon_hover.png');
}

.container-fluid main-nav{
  display:flex;
  justify-content: space-between;
}


.search-td {

   background:  rgb(0, 0, 0);  
   border:2px solid darkslategrey;
   display:inline-block;
   -webkit-display:inline-block;
   -moz-display:inline-block;
   -webkit-width:125%;
   
   width:125%;
   border-radius:5px; 
   height:34px;

}

.safari-table{
  width:85%;
  display:flex;
  align-items:center;
  justify-content: center;
}

/*Only for Safari 
 ::i-block-chrome, .search-td {
  background:  rgb(0, 0, 0);  
  border:2px solid darkslategrey;
  display:inline-block;
  width:25%;
  border-radius:5px;  
  box-sizing: border-box;
  position:fixed;
  height:50px;
  
}

/* Only for Safari  
::i-block-chrome, .search-td:hover {
  background:  rgb(0, 0, 0);  
  border:2px solid darkslategrey;
  display:inline-block;
  width:25%;
  border-radius:5px;  
  box-sizing: border-box;
  position:fixed;
  height:50px;
  
} */


 /* @media screen and (max-width: 732px){

  .search-td {
    background:  rgb(0, 0, 0);  
    border:2px solid darkslategrey;
    display:inline-block;
    -webkit-display:inline-block;
 
    -webkit-width:285%;
    width:285%;
    border-radius:5px;  
    transform:translate(-130px, 1px);
    height:34px;
 }
    
 .search-td:hover {
   border-style:solid;
   border-image:linear-gradient(90deg,#00FDf6,#0B7BF5) 1;
   display:inline-block;
   width:285%; 
   -webkit-display:inline-block;
   -webkit-width:285%;

   box-shadow:
   0 0 10px var(--CS-aqua),
   0 0 59px var(--CS-blue),
   0 0 200px var(--CS-aqua),
   0 0 400px var(--CS-blue);
   transform:translate(-130px, 1px);
   height:34px;
    
 }

   #Film-Fest-Link-Nav-Button{
    width:0%;
    box-sizing:border-box;
    position:relative;
    right:100;
  }
  .cube_dropdown{
    box-sizing:border-box;
    position:relative;
    bottom:5;
  }
  
  #cubebtn{
    box-sizing:border-box;
    position:relative;
    top:auto;
    right:-8;
  }
  
  #linkbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:240;
  }
  
  #chanbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:230;
  }

} */


/* @media screen and (max-width: 650px){

  .search-td {
    background:  rgb(0, 0, 0);  
    border:2px solid darkslategrey;
    display:inline-block;
    width:345%;
    border-radius:5px;  
    transform:translate(-130px, 1px);
 }
    
 .search-td:hover {
   border-style:solid;
   border-image:linear-gradient(90deg,#00FDf6,#0B7BF5) 1;
   display:inline-block;
   width:345%; 
   box-shadow:
   0 0 10px var(--CS-aqua),
   0 0 59px var(--CS-blue),
   0 0 200px var(--CS-aqua),
   0 0 400px var(--CS-blue);
   transform:translate(-130px, 1px); 
 }

   #Film-Fest-Link-Nav-Button{
    width:0%;
    box-sizing:border-box;
    position:relative;
    right:100;
  }
  .cube_dropdown{
    box-sizing:border-box;
    position:relative;
    bottom:5;
  }
  
  #cubebtn{
    box-sizing:border-box;
    position:relative;
    top:auto;
    right:-8;
  }
  
  #linkbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:240;
  }
  
  #chanbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:230;
  }

}

@media screen and (max-width: 620px){

  .search-td {
    background:  rgb(0, 0, 0);  
    border:2px solid darkslategrey;
    display:inline-block;
    width:375%;
    border-radius:5px;  
    transform:translate(-110px, 1px);
 }
    
 .search-td:hover {
   border-style:solid;
   border-image:linear-gradient(90deg,#00FDf6,#0B7BF5) 1;
   display:inline-block;
   width:375%; 
   box-shadow:
   0 0 10px var(--CS-aqua),
   0 0 59px var(--CS-blue),
   0 0 200px var(--CS-aqua),
   0 0 400px var(--CS-blue);
   transform:translate(-130px, 1px); 
 }

   #Film-Fest-Link-Nav-Button{
    width:0%;
    box-sizing:border-box;
    position:relative;
    right:100;
  }
  .cube_dropdown{
    box-sizing:border-box;
    position:relative;
    bottom:5;
  }
  
  #cubebtn{
    box-sizing:border-box;
    position:relative;
    top:auto;
    right:-8;
  }
  
  #linkbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:240;
  }
  
  #chanbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:230;
  }

}

@media screen and (max-width: 568px){

  .search-td {
    background:  rgb(0, 0, 0);  
    border:2px solid darkslategrey;
    display:inline-block;
    width:395%;
    border-radius:5px;  
    transform:translate(-110px, 1px);
 }
    
 .search-td:hover {
   border-style:solid;
   border-image:linear-gradient(90deg,#00FDf6,#0B7BF5) 1;
   display:inline-block;
   width:395%; 
   box-shadow:
   0 0 10px var(--CS-aqua),
   0 0 59px var(--CS-blue),
   0 0 200px var(--CS-aqua),
   0 0 400px var(--CS-blue);
   transform:translate(-130px, 1px); 
 }

   #Film-Fest-Link-Nav-Button{
    width:0%;
    box-sizing:border-box;
    position:relative;
    right:100;
  }
  .cube_dropdown{
    box-sizing:border-box;
    position:relative;
    bottom:5;
  }
  
  #cubebtn{
    box-sizing:border-box;
    position:relative;
    top:auto;
    right:-8;
  }
  
  #linkbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:240;
  }
  
  #chanbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:230;
  }

}

@media screen and (max-width: 544px){

  .search-td {
    background:  rgb(0, 0, 0);  
    border:2px solid darkslategrey;
    display:inline-block;
    width:395%;
    border-radius:5px;  
    transform:translate(-110px, 1px);
 }
    
 .search-td:hover {
   border-style:solid;
   border-image:linear-gradient(90deg,#00FDf6,#0B7BF5) 1;
   display:inline-block;
   width:395%; 
   box-shadow:
   0 0 10px var(--CS-aqua),
   0 0 59px var(--CS-blue),
   0 0 200px var(--CS-aqua),
   0 0 400px var(--CS-blue);
   transform:translate(-110px, 1px); 
 }

   #Film-Fest-Link-Nav-Button{
    width:0%;
    box-sizing:border-box;
    position:relative;
    right:100;
  }
  .cube_dropdown{
    box-sizing:border-box;
    position:relative;
    bottom:5;
  }
  
  #cubebtn{
    box-sizing:border-box;
    position:relative;
    top:auto;
    right:-8;
  }
  
  #linkbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:240;
  }
  
  #chanbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:230;
  }

} */




  /* @media screen and (max-width: 580px){

  .search-td{
   box-sizing:border-box;
   position:relative;
   right:375px;
   top:22px;
   width:150;
   
  }
  
  .search-td:hover {
    border-style:solid;
    border-image:linear-gradient(90deg,#00FDf6,#0B7BF5) 1;
    display:inline-block;
    width:150; 
    box-shadow:
    0 0 10px var(--CS-aqua),
    0 0 59px var(--CS-blue),
    0 0 200px var(--CS-aqua),
    0 0 400px var(--CS-blue);
    animation-fill-mode:forwards; 
     border-image:linear-gradient(right,#00FDf6,#0B7BF5);  
  }
  
  #Film-Fest-Link-Nav-Button{
    width:0%;
    box-sizing:border-box;
    position:relative;
    right:100;
  }
  .cube_dropdown{
    box-sizing:border-box;
    position:relative;
    bottom:15;
  }
  
  #cubebtn{
    box-sizing:border-box;
    position:relative;
    top:auto;
    right:-8;
  }
  
  #linkbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:240;
  }
  
  #chanbtn{
    box-sizing:border-box;
    position:relative;
    top:33;
    right:230;
  }

}   */
/*   
  
  .news-white-sign-in {
    font-size: 22px;
    color: #ffffff;
    line-height: 24px;
    font-family: helvetica, verdana, arial, sans-serif;
    text-align: left;
    box-sizing:border-box;
    width:400;
    position:relative;
    margin-bottom:120;
    background-color:1d1d1d;
    zoom:2;
    height:500;
    right:7;
    top:150;
  }
  
   .news-white-sign-in:hover {
    font-size: 22px;
    color: #ffffff;
    line-height: 24px;
    font-family: helvetica, verdana, arial, sans-serif;
    text-align: left;
    box-sizing:border-box;
    width:400;
    position:relative;
    background-color:1d1d1d;
    zoom:2;
    height:500;
    right:7;
    top:150;
      box-shadow:
      0 0 10px var(--CS-aqua),
      0 0 11px var(--CS-blue),
      0 0 10px var(--CS-aqua),
      0 0 10px var(--CS-blue);
  } 
  
  }  */

 

  /* @media screen and (max-width: 768px){
  .news-white-sign-in {
    font-size: 22px;
    color: #ffffff;
    line-height: 24px;
    font-family: helvetica, verdana, arial, sans-serif;
    text-align: left;
    box-sizing:border-box;
    width:400;
    position:relative;
    top:30;
    margin-bottom:120;
    background-color:1d1d1d;
     
  }
  
   .news-white-sign-in:hover {
    font-size: 22px;
    color: #ffffff;
    line-height: 24px;
    font-family: helvetica, verdana, arial, sans-serif;
    text-align: left;
    box-sizing:border-box;
    width:400;
    position:relative;
    top:30;
    background-color:1d1d1d;
      box-shadow:
      0 0 10px var(--CS-aqua),
      0 0 11px var(--CS-blue),
      0 0 10px var(--CS-aqua),
      0 0 10px var(--CS-blue);
  } 
}
  
@media screen and (max-width: 575px){

  .news-white-sign-in {
    font-size: 22px;
    color: #ffffff;
    line-height: 24px;
    font-family: helvetica, verdana, arial, sans-serif;
    text-align: left;
    box-sizing:border-box;
    width:400;
    position:relative;
    margin-bottom:120;
    background-color:1d1d1d;
    zoom:2;
    height:500;
    right:7;
    top:150;
  }
  
   .news-white-sign-in:hover {
    font-size: 22px;
    color: #ffffff;
    line-height: 24px;
    font-family: helvetica, verdana, arial, sans-serif;
    text-align: left;
    box-sizing:border-box;
    width:400;
    position:relative;
    background-color:1d1d1d;
    zoom:2;
    height:500;
    right:7;
    top:150;
      box-shadow:
      0 0 10px var(--CS-aqua),
      0 0 11px var(--CS-blue),
      0 0 10px var(--CS-aqua),
      0 0 10px var(--CS-blue);
}

  .moveUp{

  }

}  */
/* 
@media only screen and (min-width:500px)  {

    label{
      display:block;
      cursor:pointer;
    }
  
    .cube_dropdown{
      text-align:center;
      width:100%;
      display:none;
    }

    .cube_dropdown a{
      
      display:block;
      border-bottom: 1px solid #000000;
      margin:0;
    }
    #toggle:checked + .cube_dropdown{
      display:block;
    }
  } */
  
/* toggle and label below associated with the above query */
/* .label{
  margin: 0 40px 0 0;
  font-size:26px;
  line-height:70px;
  display:none;
  width:26px;
  float:right;
}

#toggle{
  display:none;
} */
/* toggle and label above associated with the above query */

@media screen and (max-width: 575px){
  .moveUp{
    box-sizing:border-box;
    position:relative;


  }
}

.search-bar-input {
  font-size: 15px;
  color:white;
  border: 2px solid  black;
  margin: 3px;
  padding: 0;
  width: 95%;
  background-color: black;
  outline: 0;
  box-shadow: none;
  line-height: 14px;
  /* background: -webkit-linear-gradient(#00FDf6,#0B7BF5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;   */
}

/* .search-bar2:hover {
  font-size: 15px;
  color:white; 
  border: 0;
  margin: 10px;
  padding: 0;
  width: 95%;
  background-image:linear-gradient(#00FDf6,#0B7BF5);
  outline: 0;
  box-shadow: none;
  line-height: 14px;  */
  /* background: -webkit-linear-gradient(#00FDf6,#0B7BF5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  */
 

.search-icon {
  border: none;
  width: 30px;
  height: 30px;
  margin-left: -30px;
  background-color: transparent;
  display: block;
  cursor: pointer;
  /*
  background-repeat: no-repeat;
  z-index: 50;
  */
}

.carousel-control-next, .carousel-control-prev {
  width: min-content;
}

/* NAVBAR TABLE DIVIDERS */

.td-main-nav{
  width: 100vw;
}

.td-user {
  background-color: #000000;
  width:45%;
}

#Film-Fest-Link-Nav-Button {

}

#Upload-Nav-Button{

}

#C-Link-Nav-Button{
  width:1%;
}

.nav-hamburger {
  width:"25px";
}

.logo-dropdown-td {
  width:1%;
}

#table-div-search-rcorners{
  box-sizing:border-box;
  width:100%;
}


.search-box{
  padding-top: 8px;
}


/* .search-box:hover {
  background: black;
  border: 2px solid;
  height: 27px;

}  */

.rcorners {
  background:black;
  border-radius: 3px;
  /* border: 2px solid; */
  height: 50px;
  width:70%
  
}
  

.rcorners1 {
  border: 1px solid white;
  border-radius: 5px;
  background: #000000;
  padding: 0px 6px 0px 6px;
  color:white;
}

.rcorners2 {
  background: #373737;
  border-radius: 10px;
  border: 2px solid #373737;
  height: 40px;
}

.play-button {
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: none;
  padding: 5px;
  height: 30px;
  text-align: center;
}

.play-button:hover {
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: #f68a1e;
  padding: 5px;
  height: 30px;
  text-align: center;
}

.showMore {
  cursor: pointer;
  border: none;
  background: none;
  padding: 2px;
  width: 35px;
  height: 35px;
  text-align: center;
  box-sizing:border-box;
  position:relative;
  top:-11;
}

.showMore:hover {
  cursor: pointer;
  border: none;
  background: none;
  padding: 2px;
  width: 35px;
  height: 35px;
  text-align: center;
}

.menu-items {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.menu-bar {
  z-index: 105;
}

.background-image {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.content-area {
  z-index: -1;
}

.dropbtn {
  background: rgba(255, 255, 255, 0);
  border: none;
  font-size: 14px;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  color:white;
  font-weight:bold;
}

.dropbtn:hover {
  color:#0CD8FE;  
  background: rgba(255, 255, 255, 0);
  border: none;
  font-size: 14px;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  font-weight:bold;
}

.dropbtn:active{
  color:#0CD8FE;  
  background: rgba(255, 255, 255, 0);
  border: none;
  font-size: 14px;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  font-weight:bold;
}

.uploadBtn{
  background: white;
  padding: 0px;
  border: none;
  font-size: 14px;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  color:black;
  font-weight:bold;
}

.uploadBtn:hover{
  background: white;
  padding: 0px;
  border: none;
  font-size: 14px;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  color:#0CD8FE;
  font-weight:bold;
}

.uploadBtn:active{
  background: white;
  padding: 0px;
  border: none;
  font-size: 14px;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  color:#0CD8FE;
  font-weight:bold;
}


/* .dropbtn:active {
  color:#0CD8FE;  
} */

/* .cube_dropdown {
  position: relative;
  display: inline-block;
} */

#main-menu {
  display: none;
}

.cube_dropdown-content {
  position: relative;
  top: 0px;
  background-color:white;
  min-width: 160px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 18;
  color:black;
  left:19px;
  margin-left: 230px;
  margin-top: 5px;
  margin-right: 100%;
}

/* .cube_dropdown-content:hover {
  display: none;
  position: absolute;
  top: 22px;
  background-color: #000000;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px var(--CS-blue); 
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 18;
  font-weight:bolder;
  color: linear-gradient(#00FDf6,#0B7BF5); 
  background: -webkit-linear-gradient(#00FDf6,#0B7BF5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: black; 
} */

/* #main-menu{
  display: none;
  position: relative;
  top: auto;
  background-color: #000000;
  min-width: 160px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 18;
  font-weight:bolder;
  color:white;

} */

.cube_dropdown-content a:hover {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: helvetica, verdana, arial, sans-serif;
  color:#0CD8FE;
  /* background: -webkit-linear-gradient(#00FDf6,#0B7BF5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
  position:relative;
  border-image: linear-gradient(
    90deg,#00FDf6,#0B7BF5) 1; */
}
   
.cube_dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: helvetica, verdana, arial, sans-serif;
  /* border-bottom: 2px solid rgb(34, 34, 34); */
  content: "";  /*This is necessary for the pseudo element to work.*/ 
  display: block; /* This will put the pseudo element on its own line. */
  margin: 0 auto; /* This will center the border.*/ 
  font-size:14px;
}

.cube_dropdown-content a:hover {
  color: #0CD8FE;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: helvetica, verdana, arial, sans-serif;
  /* border-bottom: 2px solid rgb(34, 34, 34); */
  content: "";  /*This is necessary for the pseudo element to work.*/ 
  display: block; /* This will put the pseudo element on its own line. */
  margin: 0 auto; /* This will center the border.*/ 
}

.cube_dropdown-content a:last-child {
  /* border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; */
  content: ""; 
  display: block; 
  margin: 0 auto;   
  /* padding-top: 20px;   */
  /* border-bottom: 1px solid black;  */
  content: "";  
  display: block; 
  margin: 0 auto;  
}

.cube_dropdown:hover .cube_dropdown-content {
  display: block;
}

.cube_dropdown:hover {
  background-color: none;
}

.submenu {
  color: black;
  padding: 0px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size:14px;
}

.submenu:hover {
  color: #0CD8FE;
  padding: 0px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  font-weight:bold;
}

.tight-table tr, .tight-table td {
  margin: 0px;
  padding: 0px;
}

.submenu-content {
  display: none;
  background-color:white;
  min-width: 160px;
  font-weight:bolder;
  color:black;
  font-size: smaller;
}

.submenu-content a {
  color: black;
  text-decoration: none;
  display: block;
  padding: 4px;
  text-align: left;
  font-family: helvetica, verdana, arial, sans-serif;
  /* border-bottom: 2px solid rgb(34, 34, 34); */
  content: "";  /*This is necessary for the pseudo element to work.*/ 
  display: block; /* This will put the pseudo element on its own line. */
  margin: 0 auto; /* This will center the border.*/ 
}

.submenu-content a:first-child {
  border-top-right-radius: 5px;
}

.submenu-content a:last-child {
  /* border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; */
}

.submenu-content a:hover {
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 4px;
  font-family: helvetica, verdana, arial, sans-serif;
  background: -webkit-linear-gradient(#00FDf6,#0B7BF5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
  /* border-image: linear-gradient(
    90deg,#00FDf6,#0B7BF5) 1; */
    color:#0CD8FE;
}

.submenu-transparent {
  cursor: pointer;
  background-color: Transparent;
  border: 0px;
  padding: 0px;
}

.cube_dropdown-content a:hover .submenu {
  color: #0CD8FE;
}

.cube_dropdown-content a:hover .st2 {
  fill: #000000;
}

.cell-shadow {
  box-shadow: 5px 5px 2px 1px rgba(0, 0, 255, 0.1);
}

.cell-border {
  border-style: solid;
  border-color: rgba(0, 0, 255, 0.1);
  border-width: 1px;
  box-shadow: 3px 2px 7px 2px rgba(0, 0, 255, 0.1);
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  border-radius: 10px;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  width: 40%;
}

.FAQ1 {
  background:black;
  
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* Side Nav Left */
.sidenav {
  width: 0;
  position: fixed;
  z-index: 1;
  top: -50;
  left: 0;
  background-color: #000000;
  overflow: hidden;
  transition: 0.5s;
  padding-top: 60px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  left:20px;
  width:250px;
  height:355px;
  /* box-shadow: 0 0 20px var(--CS-aqua), 0 0 20px var(--CS-blue), 0 0 20px var(--CS-aqua), 0 0 20px var(--CS-blue); */
}
 
#cslogo-side-nav{
  
  width:192px; 
  height:36px;
  transform:translate(30px, -2px);
  padding-bottom:11px;
}

#bookmark-purchases-watched{
  font-size: 12px;
  color: black;
  line-height: 14px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
  font-weight:bold;
}

.actions-help-logout{
  font-size: 12px;
  color: black;
  line-height: 14px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
  font-weight:bold;
}

  .Your-Movies-Buttons{
    font-size: 14px;
    color: #000000;
    line-height: 25px;
    font-family: helvetica, verdana, arial, sans-serif;
    background: none;
     border: 0; 
     cursor: pointer; 
     text-align: center;
     padding:12px 16px;
     /* border-bottom: 2px solid white; */
     content: "";  /*This is necessary for the pseudo element to work.*/ 
     display: block; /* This will put the pseudo element on its own line. */
    font-weight:bold;
     width: 90%; /*Change this to whatever width you want.*/
     margin-left:-21;
}

.Your-Movies-Buttons:hover{
  font-size: 14px;
  color: #000000;
  line-height: 25px;
  font-family: helvetica, verdana, arial, sans-serif;
  background: none;
   border: 0; 
   cursor: pointer; 
   text-align: center;
   padding:12px 16px;
   /* border-bottom: 2px solid #0CD8FE; */
   content: "";  /*This is necessary for the pseudo element to work.*/ 
   display: block; /* This will put the pseudo element on its own line. */
  font-weight:bold;
   width: 90%; /*Change this to whatever width you want.*/
   background: #0CD8FE;
   -webkit-background-clip: text;
   -webkit-text-fill-color: #0CD8FE;  
   position:relative;
   border-image: #0CD8FE;
   margin-left:-21;
 }

 .actions-buttons{
  font-size: 14px;
  color: #000000;
  font-family: helvetica, verdana, arial, sans-serif;
  background: none;
  border: 0; 
  cursor: pointer; 
  text-align: center;
  padding: 8px;
  content: "";  /*This is necessary for the pseudo element to work.*/ 
  display: block; /* This will put the pseudo element on its own line. */
  font-weight:bold;
 }

 .actions-buttons:hover{
  background: #0CD8FE;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
  border-image: #0CD8FE;
 }

.closebtn:hover {
  cursor: pointer;
}

.vertical_menu .closebtn {
  position: relative;
  top: -22px;
  left: 5px;
  font-size: 36px;
  margin-left: 50px;
  text-decoration: none;
  color: black;
  margin-bottom: -35px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}


.full-page-menu {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 499; /* Sit on top */
  left: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.movie_tile_image {
  /* original- uncomment out maybe later*/
   background: none;
  border:0;
  cursor: pointer;
  padding: 0px; 
  margin:0;
  width: 320px;
}
            

.movie_tile_image img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 320px;
  height: 200px;
  border-radius: 10px;
  border:3px solid transparent;
}

.movie_tile_image img:hover{
  object-fit: cover;
  object-position: 50% 50%;
  width: 320px;
  height: 200px;
  border-radius: 10px;
  border:3px solid #0CD8FE;
  
}

.sideNavGreeting {
  color: #aaaaaa;
  position: fixed;
  top: 18px;
  left: 10px;
  font-size: 18px;
  line-height: 20px;
  font-family: helvetica, verdana, arial, sans-serif;
  font-weight: bold;
}

/* Side Nav Right */
.sidenav-right {
  width: 0;
  position: fixed;
  z-index: 98;
  top: 0;
  right: 60px;
  background-color:black;
  overflow: hidden;
  transition: 0.5s;
  padding-top: 60px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  /* box-shadow: 0 0 20px var(--CS-aqua), 0 0 20px var(--CS-blue), 0 0 20px var(--CS-aqua), 0 0 20px var(--CS-blue); */
  height:550px;
}

.sidenav-right .closebtn-right {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 36px;
  margin-right: 50px;
  text-decoration: none;
  color: black;
}

.sideNavGreeting-right {
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 20px;
  z-index: 99;
  white-space: nowrap;
}

.centered {
  text-align: center;
}

.centered-table {
  margin-left: auto;
  margin-right: auto;
}

.centered-profile-pic {
  margin-left: auto;
  margin-right: auto;
  padding-top: 22px;
}

.advertisement {
  background: Transparent;
  padding: 0px;
}

.advertisement-frame {
  padding: 0px;
  /* background: Transparent; */
  background-color: black;
  border-radius: 3px;
  box-shadow:
  0 0 10px var(--CS-aqua),
  0 0 10px var(--CS-blue),
  0 0 5px var(--CS-aqua),
  0 0 4px var(--CS-blue); 
  /* border: 1px solid rgba(255, 255, 255, 0.75); */
}

.adSlides {
  /* display: none; */
  border:2px solid black;
  
}


.adSlides:hover {
  display: none;
  box-shadow:
  0 0 10px var(--CS-aqua),
  0 0 10px var(--CS-blue),
  0 0 5px var(--CS-aqua),
  0 0 4px var(--CS-blue); 
  border-radius:0px;
  z-index:2;
}
.promobile input {
  width:247px;
}
.promobile button.vbvb{
  width: 275px;
}
.animate-fading {
  animation: fading 20s infinite;
}

.button-blue {
  width: 250px;
  border: 0px;
  border-radius: 3px;
  color: #000000;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased !important;
  cursor: pointer;
  /* background-color:var(--CS-blue); */
  background-image:linear-gradient(#00FDf6,#0B7BF5);
  opacity: 1;
  
}


.button-follow {
  color: #ffffff;
  font-weight: bold;
  background: var(--CS-blue);
  border-radius: 3px;
  border: 1px solid var(--CS-blue);
  padding-left: 20px;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  cursor: pointer;
}

.button-follow:hover {
  opacity: 0.5;
}

.side-ads {
  border-radius: 6px;
  overflow: hidden;
  background-color:black;
  border: solid #242424 3px;
}
.side-ads:hover{
  border: solid #0cd8fe 3px;
}
@media all and (max-width: 932px) {
  .two_col_main_grid {
    display: grid;
    grid-template-columns: 1fr ;
    grid-template-rows: min-content min-content;
    grid-template-areas: "main_content"
                        "ads";
    width: 100%;
    justify-items: center;
    padding: 0px 6px;
    gap: 6px;
  }

  .ads_sidebar {
    display: grid;
    grid-template-columns: 270px;
    grid-template-rows: 226px;
    grid-auto-rows: 226px;
    gap: 10px;
    grid-auto-flow: row;
  }
  .ads_sidebar_wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 20px;
    padding: 0px;
    margin-top: 20px;
  }
  .side-ads {
    height: 223px;
    width: 268px;
  }
}
@media all and (min-width: 933px) {

  .two_col_main_grid {
    display: grid;
    grid-template-columns: 1fr 308px;
    grid-template-rows: 1fr;
    grid-template-areas: "main_content ads";
    width: 100%;
    justify-items: center;
    padding: 0px 6px;
    gap: 6px;
  }

  .ads_sidebar {
    display: grid;
    grid-template-columns: 308px;
    grid-template-rows: 258px;
    grid-auto-rows: 258px;
    gap: 10px;
    overflow: hidden;
    grid-auto-flow: row;
  }
  .ads_sidebar_wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    padding: 0px;
  }
  .side-ads{
    width: 308px;
    height: 258px;
  }
}


.button-round {
  border: 1px solid #ffffff;
  border-radius: 3px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
}

.button-transparent {
  width: 250px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  color: #ffffff;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  background-color: #2f2d2d;
}

.button-transparent:hover {
  background-color: var(--CS-blue);
  color: #ffffff;
  border: 1px solid Transparent;
}

.button-transparent-dark {
  width: 286px;
  border: 1px solid #000000;
  border-radius: 3px;
  color: #000000;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  background-color: Transparent;
}

.button-transparent-dark:hover {
  background-color: var(--CS-blue);
  color: #ffffff;
  border: 1px solid Transparent;
}

@keyframes fading {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* TOBY'S STYLING FROM Testing BRANCH */
.button-header {
  cursor: pointer;
}

.button-header-links {
  font-weight: bold;
  padding-bottom: 0px;
  cursor: pointer
}

.button-header-links:hover {
  color: #0CD8FE;
}

.front-page-btn{
  color:black;
  background-image:linear-gradient(#00FDf6,#0B7BF5);
  /* width: 350px;
  border: 0px;
  border-radius: 3px;
  color: #000000;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased !important;
  cursor: pointer;
} */
}

.front-page-btn:hover{
    
  box-shadow:
  0 0 10px var(--CS-aqua),
  0 0 59px var(--CS-blue),
  0 0 200px var(--CS-aqua),
  0 0 400px var(--CS-blue);
  
}

.button-header-links-white {
  opacity: 1;
  font-weight: bold;
  padding-bottom: 0px;
  color: white;
}

.button-header-links-white:hover {
  opacity: 1;
  color:#0CD8fe;
  
}

.button-header-links-white:active {
  opacity: 1;
  color:#0CD8fe;
  
}

.subtle-text {
  font-size: x-small;
  font-style: italic;
  font-weight: normal;
}

/* ORIGINAL BUTTON HEADER LINK STYLING */
/* .button-header {
  cursor: pointer;
}

.button-header-links {
  font-weight: bold;
  color: var(--CS-blue);
  border-bottom: 2px solid var(--CS-blue);
  padding-bottom: 6px;
}

.button-header-links:hover {
  font-weight: bold;
  color: var(--CS-blue);
  
}

.button-header-links-white {
  opacity: 1;
  font-weight: bold;
  padding-bottom: 6px;
  color: white;
}

.button-header-links-white:hover {
  opacity: 1;
  
}

#linkbtn{
  opacity: 1;
  font-weight: bold;
  padding-bottom: 6px;
  color: white;
  font-size:16px;
  }

#linkbtn:hover{
  background-color:none;
  font-size: 16px;
  font-weight:bold;
  background: -webkit-linear-gradient(#00FDf6,#0B7BF5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#chanbtn{
  opacity: 1;
  font-weight: bold;
  padding-bottom: 6px;
  color: white;
  font-size:16px;
  }

#chanbtn:hover{
  background-color:none;
  font-size: 16px;
  font-weight:bold;
  background: -webkit-linear-gradient(#00FDf6,#0B7BF5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.button-header-links-black {
  color: black;
  opacity: 0.5;
  font-weight: bold;
  padding-bottom: 6px;
}

.button-header-links-black:hover {
  opacity: 1;
} */

.full-height {
  height: 100%;
  background-color: #262626;
}

*:focus {
  outline: none;
}


#td-ad-background{
	background-color:black;
}

.td-profile-background {
background-color:black;

}

@keyframes fader {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.affiliate-table{
  background:white;
}

.ads {
  border-radius: 0px;
  background: #000000;
  padding: 0px;
 
}



.community {
  position: relative;
  width: 250px;
  right: 0px;
  display: none;
}

#content_table_id {
  display: block;
  text-align: center;
}

#content_table_id td {
  display: inline-block;
}

.wallet {
  border-radius: 10px;
  background: #ffffff;
  padding: 0px;
  width: 100%;
}

.wallet2 {
  border-radius: 10px;
  background: #eeeeee;
  padding: 0px;
}

.wallet-popup {
  float: left;
}

/* .popupHome {
  position:relative;
  top:50%;
  left:50%;
  max-width:90vw;
  max-height:90vh;
  
} */

.wallet-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.wallet-bottom {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #ffffff;
  padding-top: 10px;
}

.wallet-col {
  display: block;
}

.wallet-svg {
  overflow: hidden;
  padding: 4px;
  width: 28px;
}

.wallet-balance {
  font-size: 1.6rem;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.00735em;
  padding: 5px;
}

.wallet-transaction {
  font-size: 1.4rem;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.00735em;
  padding: 5px;
}



.currency-icon {
  height: 80px;
  width: 80px;
  border-radius: 40px;
  background-color: rgb(85, 102, 238);
  display: table;
  font-size: 14px;
  color: rgb(238, 238, 238);
  font-weight: bold;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin: 8px;
  opacity: 1;
  line-height: 1.2;
  letter-spacing: 0.00938em;
  -webkit-tap-highlight-color: transparent;
}

.history-svg {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}

.st0 {
  fill: #0c6af5;
}

.st1 {
  fill: #777777;
}

.st2 {
  fill: #ffffff;
}

.st3 {
  fill: #000000;
}

.st4 {
  fill: #ffffff;
  stroke: #777777;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

.st5 {
  fill: none;
  stroke: #777777;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

.st10 {
  fill: #8c8c8c;
}

.st6 {
  fill: #ffffff;
  stroke: #777777;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

.st7 {
  fill: none;
  stroke: #777777;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.st8 {
  fill: #ffffff;
  stroke: #777777;
  stroke-miterlimit: 10;
}

.errorText {
  color: #f44336;
  font-size: smaller;
}

.button-red {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
  color: white;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  border-radius: 10px;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 16px 0;
  position: relative;
}

img.avatar {
  width: 8vmax;
  border-radius: 0%;
}

span.psw {
  float: right;
  padding-top: 16px;
}

.transaction-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: none !important; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  padding-top: 80px;
  z-index: 12; /* Sit on top */
}

.transaction-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 40%; /* Could be more or less, depending on screen size */
  overflow: none !important;
  border-radius: 10px;
}

.transaction-content2 {
  background-color: #fefefe;
  margin: 5% auto 25% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 40%; /* Could be more or less, depending on screen size */
  overflow-y: none !important;
  border-radius: 10px;
}

.close-purchase {
  position: absolute;
  right: 10px;
  top: -20px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close-purchase:hover,
.close-purchase:focus {
  color: red;
  cursor: pointer;
}

.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s;
}

.white-label {
  color: black;
  font-size: 14px;
  font-weight: bold;
  font-family: helvetica, verdana, arial, sans-serif;
}


.white-label-password{
  color: black;
  font-size: 14px;
  font-weight: bold;
  font-family: helvetica, verdana, arial, sans-serif;
  margin-top:88;
}

.request-pass-reset{
  color: #ffffff;
  font-size:12px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-rendering:optimizelegibility;
  box-sizing: border-box;
  position:relative;
  top:33;

}

.white-label-1 {
  color:white;
  font-size: 14px;
  font-weight: bold;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-xlg-purple {
  font-size: 20px;
  font-weight: bold;
  color: #9d248a;
  line-height: 20px;
  font-family: helvetica, verdana, arial, sans-serif;
}

.news-link-blue-reg {
  font-size: 16px;
  color:var(--CS-blue);
  line-height: 18px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
  background-color: Transparent;
  cursor: pointer;
}

.news-link-blue-reg:hover {
  /* background: -webkit-linear-gradient(#00FDf6,#0B7BF5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;   */
  
  color:#0CD8FE;
  
}

.news-link-blue-reg-sign {
  font-size: 16px;
  color:var(--CS-blue);
  line-height: 18px;
  font-family: helvetica, verdana, arial, sans-serif;
  text-decoration: none;
  background-color: Transparent;
  cursor: pointer;
  color:#656565;
}

.news-link-blue-reg-sign:hover {
  /* background: -webkit-linear-gradient(#00FDf6,#0B7BF5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;   */
  
  color:#0cd8fe;
}

.ui-widget-overlay {
  background-color: #606060;
  opacity: 0.99;
}

.button-clear {
  background: none;
  color: white;
  padding: 4px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

.button-clear:hover {
  opacity: 0.8;
}

.button-gray-pass{
  padding: 20px 15px;
  margin: 8px 0;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  width: 100%;
  border-radius: 3px;
  color: #000000;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /* font-size: 16px; */
  font-weight: bold;
  -webkit-font-smoothing: antialiased !important;
  cursor: pointer;
  /* background-color:var(--CS-blue); */
  background-image:linear-gradient(#00FDf6,#0B7BF5);
  opacity: 1;
  /* position:relative; */
  /* bottom:1px;
  left:79px; */
}

/*.pass-reset-input{
 position:relative;
 left:20;

}*/

.purchase-select-css {
  display: block;
  font-size: 16px;
  font-family: helvetica, verdana, arial, sans-serif;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #ffffff;
  border-radius: 10px;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000000;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}

.purchase-select-css::-ms-expand {
  display: none;
}

.purchase-select-css:hover {
  border-color: #ffffff;
  /* background-color: #0c6af5; */
}

.purchase-select-css:focus {
  border-color: #ffffff;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #ffffff;
  outline: none;
}

.purchase-select-css option {
  font-weight: normal;
}

.top_round_white_panel {
  background-color: #ffffff;
  border-radius: 6px 6px 0px 0px;  
}
.full_round_white_panel {
  background-color: #ffffff;
  border-radius: 6px 6px 6px 6px;  
}

.text-button-bar {
  display: flex;
  flex-direction: row;
  padding-left: 12px;
  gap: 0px 12px;
  justify-content: start;
  width: 100%;
  flex-grow: 1;
  flex-wrap: nowrap;
}

.popup_content {
  grid-area: center;
  padding: 5px;
  background-color: #EEE;
  border-radius: 6px;
  width: 80vmin;
}

.popup_close {
  color: #fff;
  align-self: start;
  justify-self: center;
  font-size: 16pt;
  font-weight: bold;
  grid-area: close;
}

.popup_container {
  display: grid;
  z-index: 1000;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(47, 58, 69, 0.8);
  grid-template-columns: 1fr min-content 1fr;
  grid-template-rows: 1fr min-content 1fr;
  grid-template-areas:
      " . . ."
      " . center ."
      " . close .";
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
}

.profile-picture {
  width: 190px;
  height: 190px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  border: 3px solid #0CD8FE;
  cursor: pointer;
  /* text-align: center; */
  box-sizing:border-box;
  margin-left: auto;
  margin-right: auto;
}

.profile-slide-picture {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  border: 3px solid #0CD8FE;
  cursor: pointer;
  text-align: center;
}

.profile-community-picture {
  width: 75px;
  height: 75px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  border: 3px solid #ffffff;
  cursor: pointer;
  text-align: center;
}

.payment-div {
  background-color: #000000;
  width: 100%;
  padding: 7px;
  overflow-y: auto;
  overflow-x: hidden;
}

.status-indicators {
  position: absolute;
  left: 118px;
  top: 150px;
  z-index: 101;
  display: none;
}

#channel_table_id {
  display: block;
  text-align: center;
}

#channel_table_id td {
  display: inline-block;
}

#spacer-above-splash-display {
 background-image: linear-gradient(#000000, #000000);
/*   
 background-image: linear-gradient(#000000, #060E32);  */
}

#spacer-under-movie-tiles{
background-image: linear-gradient(#000000, #000000);


}

/* FILM FESTIVAL */

.festival-announcement{
  Color: #0cd8fe;
  background-color:black;
}

.film_fest_background{
  box-sizing:border-box;
  width:100%;
  position:relative;
  bottom:0;
  margin-left:0;
}

.Film_Festival_IMG{
  box-sizing:border-box;
  position:relative;
  right:195px;
  top:-700;

}

.FirstAnnual{
  box-sizing:border-box;
  position:relative;
  height:200px;
  right:399;
  top:-700;

}

.ff{
  
  box-sizing:border-box;
  height:100px;
  width:25%;
  margin-left:500px;
  margin-top:55px;
  position:relative;
}

.film-fest-body{
  background-color:black;

}

.ff-logo{
 
  box-sizing:border-box;
  height:200px;
  width:25%;
  margin-left:500px;
  margin-top:55px;
  position:relative;
  
}

.fest-title{
  color:#0cd8fe;
font-family: helvetica, verdana, arial, sans-serif;

  
}

.film_fest_bod{
  box-sizing:border-box;
  width:100%;
  position:relative;
  height:100%;

}

.clear-button{
  border:1px solid white;
  box-sizing:border-box;
  position:relative;
  /* border-radius:9px; */
  background-color:transparent;
  color:white;
  width: 100px;

border-radius: 9px;

padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;

}

.paypal-Verify{
  font-family:helvetica, verdana, arial, sans-serif;
}

.for-mobile {
  display: none;
  text-align: center;
  margin: 0 auto;
}
.for-mobile-show {
  display: none;
}
@media only screen and (max-width: 768px) and (min-width: 430px) {
  ul.ui-widget.ui-widget-content.post_action_menu {
    left: 160px !important;
    width: 100px;
    font-size: 12px;
    }
    div.top_post_action.ui-state-active {
      margin-top: -70px;
      }
  .onmob{ padding: 0px !important;}
  #message-col-mobile .news-tiny-timestamp-one.bbcc{
    top: 5px;
    left: 5%;
    font-size: 10px;
  }   
  #message-col-mobile p.news-sm.post-title {
    line-height: 14px !important;
    margin-bottom: 20px !important;
  }
  div.top_post_action {
    margin-top: -68px;
  }   
  .close-atom {
    display: none;
  }
  #message-col-mobile tr.social_action_tr {
    float: left !important;
  }
    tr.promobile{ display: grid;}
    #ads table div {
      display: flex;
  }
  div#side-bar-profile {
    width: 94% !important;
    margin-left: 0;
  }
  .profile {
    top: 2px;
  }
}

@media only screen and (max-width: 362px) {
  .movie_tile_image img {
    width: 298px;
  }
}

.ui-state-error {
  color: #000 !important;
}
span#mtchtxt {
  color: #ffffff;
}
span#unamestatus {
  color: #ffffff;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
}
button#agreebtn {
  background: #0cd8fe !important;
  border-radius: 12px;
}

*:disabled {
  background-color: dimgrey;
  color: linen;
  opacity: 1;
  background-image: none;
}