.coolshadow, input{
box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
-webkit-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
}

.g-recaptcha {
    display: inline-block;
    margin-top: 8px;
}

.bi {
    margin-left: -30px;
    cursor: pointer;
}

.center{
  text-align: center;
}

body{
	padding-top: unset;
}

.listofplaylists a:hover{
	color: unset;
}

a{
	color: unset;
}

.bluebutton, .bluebutton:hover{
	background-color: #005c97 !important;
	border-color: #005c97 !important;
}

.grayheadline{
	color: #3d3d3d !important;
}

.py-5{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

  #mobileimage {
    display: none;
  }
  #desktopimage{
  	display: block;
  }

@media only screen and (max-width: 992px) {
  #mobileimage {
    display: block;
  }
  #desktopimage{
  	display: none;
  }
}

#hero{
  background: url(/verselocker/collections/img/banner-4.png) no-repeat; background-size: 100% 80%
}

#about{
  background: url(/verselocker/collections/img/service-bg.svg) no-repeat; background-size: cover
}

input{
   width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  
}

#rmcheckbox{
  width: unset;
  margin: 8px 4px;
}

.errormessage, #passwordalert{
  color: red;
}

#enablecookies,
.topalert {
 position:fixed;
 top:0;
 left:0;
 color:white;
 min-height:50px;
 z-index:5000;
 text-align:center;
 width:100%;
 background-color:#ffb817;
 vertical-align:middle;
 font-size:20px
}

.cursor{
  cursor: pointer;
}

.underline{
  text-decoration: underline;
}

.confirmation {
  border-radius: 10px;
    max-width: 400px;
    padding-left: 5px;
    padding-right: 5px;
     background-color: #8BC34A;
 
    border-color: #646464;
    color: white;
    margin: auto;
}