/* Empty. Add your own CSS if you like */
progress{
    background-color: green;

}
icon ion-play{
	    padding-left: 50%;
}
.icon {
padding-left: 0%;
}




.item-complex .item-content, .item-radio .item-content {

}
h4, .h4 {
      padding-top: 10%;
      padding-left: 20%;
}
.button.button-positive {
    background-color: #CEF6EC;
}
.button-right{
  display: block !important;
  width: 100% !important;
  text-align:right !important;
}



img.menu-image{
width :100%;
height:30%
}
.counter{
font-size: 25px;
 color : #CEF6EC;
}

.levelstyle{
font-size: 20px;
color:#00b8e6;
padding-bottom: 10px;

}
.play{
padding-top:10%;
padding-left:70%;
background-color: #CEF6EC;
}

.popup-head {
   
}
.popup-body {

}

.button:after {
 background-color : transparent;
}


.button.button-positive{
color: black;
}
.popup-title {
    font-size: 25px;
}
#rcorners1 {
    border-radius: 20px;
    background: #E3F6CE;
    font-size : 15px
    
 
}



	
.title {
		color: #FFF;
		position: absolute;
		top: 8px;
		left: 12px;
		font-family: verdana;
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
	}
	canvas {
		display: block;
		background-color : transparent;
	}
	
.a {
padding-top:20%;
 height : 50%;
 width  : 50%;
display: block;
margin : auto;

}


.hidden {
  display: none;
}

.pano {
	padding-top:20px;
  height: 85%;
  max-height: 85%;
}

.user {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: solid white
}

.card .item:last-child, .list-inset .item:last-child {
    color:#00b8e6;
}
.item{
    
}
.chat {
    width: 400px;
}

.bubble{
    background-color: #F2F2F2;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
}

.bubble::before {
    background-color: #F2F2F2;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
}

.me {
    float: left;   
    margin: 5px 45px 5px 20px;         
}

.me::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -9px;           
}

.you {
    float: right;    
    margin: 5px 20px 5px 45px;         
}

.you::before {
    box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
    right: -9px;    
}

.badge-container{
      position: relative;
}
.information{
color: #00bcd4;
font: italic bold 15px Georgia, serif;
}
.time{
    text-align: end;
    font-size: 10px;
    color: #387ef5;
}

.tabs .tab-item .badge.badge-assertive, .badge.badge-assertive {
    background-color: #387ef5;
        border: solid 1px white;
}
.profile {
 display: block;
        border-radius: 100px;
        border: 1px solid #fff;
        width:  auto;
        height: 200px;
        margin: 30px auto 0;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
 
}

.popup{


 border-radius: 30px !important;
 
}
.popup-body {

}

.button-right{
  display: block !important;
  width: 100% !important;
  text-align:right !important;
}
.item-thumbnail-left > img:first-child, .item-thumbnail-left .item-image, .item-thumbnail-left .item-content > img:first-child, .item-thumbnail-left .item-content .item-image
{
width:40%;
height:auto;      
}

.item-complex .item-content, .item-radio .item-content {
	background: #495057!important;
    color: white;
    font-size: 20px;
}

mylabel {
	
    color : #ff9800!important;
}
.articleImage {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: solid black;
}



.liked {
 color: rgb(0, 188, 212);
}
.donate {
	 font-size: 17px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        position: relative;
        display: block;
        border-radius: 5px;
        color: #8ab042 !important;
}