/* Empty. Add your own CSS if you like */
.bar-header {
  border-bottom: 2px solid #0CE5F5 !important;
}
.bg-image .item-input {background-color: rgba(255,255,255,0.1) !important;}
.bg-image .item-input input,
.bg-image .item-input textarea{background-color: rgba(255,255,255,0) !important;}
.scroll {
  height: 100%;
}
.align-right {float:right;}
.align-left {float: left;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.back-button,
.bar.bar-header .buttons .button-clear.not-hidden{
    color: #999 !important;
}

.link_image_container{
   width: 100%;
   max-height: 200px;
   overflow: hidden;
}
img.link_image {
    width: 100%;
    height: auto; 
}
.url_title {
    font-weight: bold;
    font-size: .9em;
}
.url_description {
    font-size: .8em;
}
.url_domain {
    font-size: .7em;
    color: #999;
}


.no-activated-color .item-content.activated {
    background-color: #fff !important;
}

img.vidPoster {
    width: 100%;
    height: auto;
}
.playOverlay {
    position: absolute;
    top: 40%;
    left: 46%;
}

.black {background-color:#000;}
.no-padding {padding: 0;}
.no-margin {margin: 0 !important;}
img.avatar {
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
img.avatar-small {
    max-width: 25px;
    max-height: 25px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.item-avatar-small > img:first-child {
    position: absolute;
    top:16px;
    left: 16px;
    max-width: 25px;
    max-height: 25px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1 px solid #ddd;
    margin-left: 15px;
}
.badge-container{
      position: relative;
}
.full-screen-modal {
  width: 100%;
  height: 100%;
  top: 0 ;
  bottom: 0 ;
  left: 0 ;
  right: 0 ;
}
.badge-container .badge {
    position: relative;
    top: -35px;
    right: -20px;
    font-size: 9px;
}
.ng-hide.ng-hide-animate{
     display: none !important;
}
.uppercase {text-transform: uppercase;}
.bold {font-weight: bold;}

.bg-image>.scroll-content {
  background-image: url('../img/ocean.jpg');
  color:#F0F5F7;
}
.item-complex .item-content {
  background:none;
}
.map-type-select-list .item-icon-left {
  padding-left: 65px;
}
img.map-icon {
  max-height: 35px;
  width: auto;
  margin-top: 8px;
  margin-right: 15px;
  border-radius: 4px;
}

.reply-block {
    background: #ddd;
    width: 100%;
    display: block;
}

.ng-valid       { }
.ng-invalid     { border: 1px solid red !important;}
.ng-pristine {border: none !important;}
.help-box {clear:left;}
img.header-logo{
  height: 35px;
  width: auto;
}

.fixed-bg-image {
  background: none;
  background-image: url('../img/ocean.jpg');
  color:#F0F5F7;
}

.padding-5{
  padding: 5px;
}
.margin-5{
  margin: 5px;
}
.location-search-input {
  background: none !important;
}
.location-search-input::-webkit-input-placeholder
{
  color: #fff;
  font-style: italic;
}
.location-search-input:-moz-placeholder{
  color: #fff;
  font-style: italic;
}
.location-search-input::-moz-placeholder{
  color: #fff;
  font-style: italic;
}
.location-search-input:-ms-input-placeholder{
  color: #fff;
  font-style: italic;
}
.no-bg {
  background: none !important;
}

.transparency-10 {
  background-color: rgba(255,255,255,0.1);
  color:#F0F5F7;
}
.item.active, .item.activated, .item-complex.active .item-content,
.item-complex.activated .item-content, .item .item-content.active,
.item .item-content.activated{
  background-color: #fff;/*rgba(46,217,255,0.5);*/
}

.transparency input,
.transparency textarea {
  color: #f0f5f7 !important;
}

.transparency input::-webkit-input-placeholder,
.transparency textarea::-webkit-input-placeholder {
  color:#ddd !important;
  font-style: italic;
}

.transparency input::-moz-input-placeholder {
  color:#ddd !important;
  font-style: italic;
}
.transparency input::-ms-input-placeholder {
  color:#ddd !important;
  font-style: italic;
}

.transparency {
  color: #f0f5f7;
}
.row.transparency {
  margin:0;
  margin-top: -1px;
}
.transparency-0 {
  background-color: rgba(255,255,255,0.01);
  color:#F0F5F7;
}
.transparency-20 {
  background-color: rgba(255,255,255,0.2);
  color:#F0F5F7;
}
.transparency-30 {
  background-color: rgba(255,255,255,0.3);
  color:#F0F5F7;
}
.transparency-40 {
  background-color: rgba(255,255,255,0.4);
  color:#F0F5F7;
}
.transparency-50 {
  background-color: rgba(255,255,255,0.5);
  color:#F0F5F7;
}
.transparency-60 {
  background-color: rgba(255,255,255,0.6);
  color:#F0F5F7;
}
.transparency-70 {
  background-color: rgba(255,255,255,0.7);
  color:#F0F5F7;
}
.transparency-80 {
  background-color: rgba(255,255,255,0.7);
  color:#F0F5F7;
}
.transparency-90 {
  background-color: rgba(255,255,255,0.7);
  color:#F0F5F7;
}
.transparency-none {
  background: rgba(255,255,255,1); !important;
}

.label {
  color: #6ed9f3;
}

.col-40 {
  width: 40%;
}
.col-15 {
  width: 15%;
}
.col-20 {
  width: 20%;
}
.col-60 {
  width: 60%;
}
.col-85 {
  width: 85%;
}
.weather-col{
    padding-left: 2px;
    padding-right: 2px;
}

.icon-size-8{
  font-size: 8px;
}
.icon-size-10{
  font-size: 10px;
}
.icon-size-12{
  font-size: 12px;
}
.icon-size-14{
  font-size: 14px;
}
.icon-size-16{
  font-size: 16px;
}
.icon-size-20{
  font-size: 20px;
}
.icon-size-24 {
  font-size:24px;
}
.icon-size-28 {
  font-size:28px;
}
.icon-size-32 {
  font-size:32px;
}
.icon-size-36 {
  font-size:36px;
}
.icon-size-42 {
  font-size:42px;
}
.icon-size-54 {
  font-size:54px;
}
.icon-size-70 {
  font-size:70px;
}
.list .item-icon-left img:nth-of-type(1) {
  height: 80%;
  width: auto;
}

.list .item.item-image {
}

.post-detail-image img{
    width: 100%;
    height: auto;
}

.list .item.item-video {
}
.list .item.item-video video{
    width: 100%;
    height: auto;
}
.list .item.item-video img:first-child {
    width: 100%;
    height: auto;
}

/*.list .item.item-image img {
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto; 
    height: auto;
    width: auto;
}*/

button.easy-button-button {
  padding: 0 !important;
  margin: 0 !important;
}

.wrapping-list .item-content, .wrapping-list .item {
    overflow: initial;
    white-space: initial;
    max-width:100%;
}
img.login-btn{
  width: 90%;
  max-width: 492px;
}
.align-center{
  text-align: center;
}

/**************************
* TROPHY ROOM STYLES
**************************/
.post {
    width: 100%;
    height: auto;
    max-height: 250px;
    overflow: hidden;
    margin: 10px;
    position: relative;
}

.post-img {
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}



/**************************
* END TROPHY ROOM STYLES
**************************/


/*************************
* IMAGE MODAL STYLES
*************************/

.image-list-thumb {
    padding: 2px 2px 2px 2px;
    height: 100px;
}
 
.image-modal {
    width: 100% !important;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
}
 
.transparent {
    background: transparent !important;
}
 
.fullscreen-image {
    max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}
 
.slider {
    width: 100%;
    height: 100%;
}

/*************************
* END IMAGE MODAL STYLES
*************************/

/*************************
* VIDEO MODAL STYLES
*************************/
.centerme {
    margin: 0 auto;
    width: 100%;
    height:100%;
}
 
.fullscreen-player {
    max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: none;
    position: fixed;
    right: 0;
    top: 0;
}
/*************************
* END VIDEO MODAL STYLES
*************************/

.login {
  display: -webkit-flex;
    -webkit-flex-direction: column;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7d47c), color-stop(100%,#efad62));
    background: -webkit-linear-gradient(top, #f7d47c 0%,#efad62 100%);

  /*background: url(../img/listing_bg.jpg) !important;
  background-size: cover;
  background-color: none;*/
  width: 100%;
  height: 100%;
  top: 0 ;
  bottom: 0 ;
  left: 0 ;
  right: 0 ;
}
.listing-image {
  width: 100%;
  max-width: 320px;
  height: auto;
}
.listing-logo {
  width: 25%;
  max-width: 200px;
  height: auto;
  float: right;
}
.listing-name {
  width: 75%;
}
.login-content > .button-row img {
    max-width: 80%;
}
.login-content > .header {
  -webkit-flex: 4;
  padding-top: 20px;
}
.login-content {
  background: rgba(255,255,255,.3) !important;
}
.login-content .list,.login-content .list label, .login-content .scroll {
  background: none !important;
}
.login-content label.item {
  border:none;
}
.no-border, .no-border .item-content, .no-border .item {
	border:none;
}

/**** Forecast horizontal scroll ******/
#forecast-scroll {
  margin: 10px 0px;
}
#hourly-forecast {
  /*width: 1800px;*/
  height: 100px;
  margin: 0 0 0 2px;
}
.hourly-hour {
  display: inline-block;
  padding: 2px 4px 2px 4px;
  width: 82px;
  margin-right: 2px;
  text-align: center;
  background-color: rgba(255,255,255, 0.1);
}
.weather-daily {
  color: #F0F5F7;
  padding: 0;
  background-color: rgba(255,255,255, 0.1);
}

.card .item .chart-container {
  background-color: rgba(255,255,255,0.7) !important;
  padding: 0 3px 0 3px;
}

.search-list, .search-list .item {
  background-color: rgba(255,255,255,0.2) !important;
  color: #f0f5f7;
}
.search-list input { color:#fff;}
.search-list,.search-list .item .item-content {background: none;}
/********* ng-show / ng-hide animations **********/
.ng-hide-add, .ng-hide-remove {
    /* ensure visibility during the transition */
    display: block !important; /* yes, important */
}
.cssSlideUp {
    transition: .5s linear all;
    height: 80px;
    overflow: hidden;
}
.cssSlideUp.ng-hide {
    height:0;
}

.cssFade {
    transition: 0.5s linear all;
    opacity: 1;
}
.cssFade.ng-hide {
    opacity: 0;
}

.gray-bg {
    background-color: #F4F4F4;
}

/************ MARKER ANIMATIONS *********************/
.featured-marker{
    opacity: 1;
    animation: fadeinphoto 1.5s 0.5;
    -moz-animation: fadeinphoto 1.5s 0.5;
    -webkit-animation: fadeinphoto 1.5s 0.5;
    -o-animation: fadeinphoto 1.5s 0.5;
    animation-iteration-count:infinite;
}

/* Animation Fade Keyframes*/
@keyframes fadeinphoto {
    0% { opacity: 1; }
    50% { opacity: .50; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeinphoto {
    0% { opacity: 1; }
    50% { opacity: .50; }
    A100% { opacity: 1; }
}

@-webkit-keyframes fadeinphoto {
    0% { opacity: 1; }
    50% { opacity: .50; }
    100% { opacity: 1; }
}

@-o-keyframes fadeinphoto {
    0% { opacity: 1; }
    50% { opacity: .50; }
    100% { opacity: 1; }
}

.featured-marker-enlarge {
    animation: pulselarger 1.5s 0.5;
    -moz-animation: pulselarger 1.5s 0.5;
    -webkit-animation: pulselarger 1.5s 0.5;
    -o-animation: pulselarger 1.5s 0.5;
    animation-iteration-count:3;
}

@keyframes pulselarger {
    0% { width: 32px; height: auto; margin-left: -16px; margin-top: -37px; }
    50% { width: 48px; height: auto;margin-left: -24px; margin-top: -55px; }
    100% { width: 32px; height: auto; margin-left: -16px; margin-top: -37px; }
}

@-moz-keyframes pulselarger {
    0% { width: 32px; height: auto; margin-left: -16px; margin-top: -37px; }
    50% { width: 48px; height: auto;margin-left: -24px; margin-top: -55px; }
    100% { width: 32px; height: auto; margin-left: -16px; margin-top: -37px; }
}

@-webkit-keyframes pulselarger {
    0% { width: 32px; height: auto; margin-left: -16px; margin-top: -37px; }
    50% { width: 48px; height: auto;margin-left: -24px; margin-top: -55px; }
    100% { width: 32px; height: auto; margin-left: -16px; margin-top: -37px; }
}

@-o-keyframes pulselarger {
    0% { width: 32px; height: auto; margin-left: -16px; margin-top: -37px; }
    50% { width: 48px; height: auto;margin-left: -24px; margin-top: -55px; }
    100% { width: 32px; height: auto; margin-left: -16px; margin-top: -37px; }
}

.favorite-featured-marker-enlarge {
    animation: favoritepulselarger 1.5s 0.5;
    -moz-animation: favoritepulselarger 1.5s 0.5;
    -webkit-animation: favoritepulselarger 1.5s 0.5;
    -o-animation: favoritepulselarger 1.5s 0.5;
    animation-iteration-count:3;
}
@keyframes favoritepulselarger {
    0% { width: 32px; height: auto; margin-left: -16px; margin-top: -48px; }
    50% { width: 48px; height: auto;margin-left: -24px; margin-top: -72px; }
    100% { width: 32px; height: auto; margin-left: -16px; margin-top: -48px; }
}

@-moz-keyframes favoritepulselarger {
    0% { width: 32px; height: auto; margin-left: -16px; margin-top: -48px; }
    50% { width: 48px; height: auto;margin-left: -24px; margin-top: -72px; }
    100% { width: 32px; height: auto; margin-left: -16px; margin-top: -48px; }
}

@-webkit-keyframes favoritepulselarger {
    0% { width: 32px; height: auto; margin-left: -16px; margin-top: -48px; }
    50% { width: 48px; height: auto;margin-left: -24px; margin-top: -72px; }
    100% { width: 32px; height: auto; margin-left: -16px; margin-top: -48px; }
}

@-o-keyframes favoritepulselarger {
    0% { width: 32px; height: auto; margin-left: -16px; margin-top: -48px; }
    50% { width: 48px; height: auto;margin-left: -24px; margin-top: -72px; }
    100% { width: 32px; height: auto; margin-left: -16px; margin-top: -48px; }
}

/********** PROFILE STYLES ***********************/
.profile-block {
  background-image: url(../img/profile_bg2.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 196px;
}

.profile-block .displayName,
.profile-block .name {
    color: #fff;
    text-align: center;
    font-size: 26px;
    line-height: 26px;
}

.profile-image img {
    height: 126px;
    width: 126px;
    border-radius: 63px;
    margin-top: 30px;
}

/********** END PROFILE *************************/


/********** SOLUNAR CALENDAR STYLES **************/
.fc-title {color: #6ed9f3;}
#solunar-calendar {
  margin: 5px;
  background: rgba(255,255,255,.3);
  padding: 5px;
  font-size: 10px;
}
.fc-unthemed .fc-toolbar .fc-center h2 {
  color:#6ed9f3;
  font-size: 18px;
}
.day-selected {
  background-color: #1CD9FF !important;
}
.efficiency-1 {
  background-image: url(../img/efficiency-1.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 100%;
  border:none !important;
  background-color: none !important;
}
.efficiency-25 {
  background-image: url(../img/efficiency-25.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 100%;
  border:none !important;
  background-color: none !important;
}
.efficiency-50 {
  background-image: url(../img/efficiency-50.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 100%;
  background-color: none;
}
.efficiency-75 {
  background-image: url(../img/efficiency-75.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 100%;
  background-color: none;
}
.efficiency-100 {
  background-image: url(../img/efficiency-100.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 100%;
  background-color: none;
}
.fc-unthemed .fc-today {
  color: #333;
}


/******* MAP STYLES *********/
#map-canvas,#leaflet-map-canvas { height: 100%;width:100%; position:relative;display:block;}
#navigate-map-canvas {height: 100%;width: 100%;}

#loading-bar .bar {
	height: 5px;
	border: none;
	padding: 0px;
	background-color: #FFC900;
}


/***** FORM VALIDATION *****/
.alert-box {
    color:#555;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:12px;
    padding:10px 10px 10px 42px;
    margin:10px;
}
.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}
.error {
    background:#ffecec url('../img/error.png') no-repeat 5px 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 url('../img/success.png') no-repeat 5px 50%;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4 url('../img/warning.png') no-repeat 5px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc url('../img/notice.png') no-repeat 5px 50%;
    border:1px solid #8ed9f6;
}

.comment-textarea{
    width: 100%;
    height: 100%;
    background-color: #fff !important;
    resize: none;
    
}

/*** Test for chat sytem ****/
/* allows the bar-footer to be elastic /*
/* optionally set a max-height */
/* maxlength on the textarea will prevent /*
/* it from getting too large also */

.comment-spacer {
  width:100%;
  height: 133px !important;
}
.comment-time {
  color: #ccc;
  size: 9px !important;
}
.bar-footer.message-footer{
  overflow: visible !important;
  height: inherit;
}

.bar-footer.message-footer textarea {
  resize: none;
  height: 44px;
  width: 100%;
}

.has-message-footer {
    bottom: 65px !important;
}

/* fixes an ios bug bear */
button.ion-android-send {
  padding-top: 2px;
}

/* add this to keep your footer buttons down
at the bottom as the textarea resizes */
.footer-btn-wrap {
  position: relative;
  height: 100%;
  width: 50px;
  top: 7px;
}

.footer-btn {
  position: absolute !important;
  bottom: 0;
}

.bar.item-input-inset .item-input-wrapper input {
  width: 100% !important;
}



input, textarea, .item-input, .item-input-wrapper {
  background-color: #f4f4f4 !important;
}