body {
 		    font-family: "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
 		}
 		a:-webkit-any-link {
  			text-decoration: none;
  			
        }
        
        a:hover, a.pn:hover {
		    text-decoration: underline;
		}
		
		a {
		    text-decoration: none;
		}
		
		a:link, .w, .q:active, .q:visited {
 		   cursor: pointer;
 		  
		}
		
		a:link {
		    color: #1A0DAB;
		}
		.feedItemLink {
		     font-size: 16px;
		}
		.feedItemDesrcibe {
			
		    overflow: hidden;
            text-overflow: ellipsis;
            /*word-wrap: break-word;*/
            white-space: normal;
            line-height: 20px;
		} 
		a:active {
		    color:purple;
		}
         
        .returnToFeeds {
            margin-top: 75px;
            margin-bottom: 75px;
        }
/**
* Responsive design
* ----------------------------
*/
  .container {
        display: flex;
        flex-wrap: wrap;
  }
  
  .box {
        width: 100%;
  }
  
   /*@media (max-width: 480px) {
  	   body {
  	      font-size: 300%;
  	   } 
   }*/

  
  
  /**
  *Loader
  *-----------------------------------
  */
  .loader {
    left: 50%;
    top: 50%;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
  }
  
  .loader #spinner {
    box-sizing: border-box;
    stroke: #387ef5;
    stroke-width: 3px;
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite;
            animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite;       
  }
  
  @-webkit-keyframes rotate {
    from {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    
    to {
      -webkit-transform: rotate(450deg);
              transform: rotate(450deg);
    }
  }
 
  @-webkit-keyframes line {
    0% {
       stroke-dasharray: 2, 85.964;
       -webkit-transform: rotate(0);
               transform: rotate(0);            
    }
    50% {
       stroke-dasharray: 65.973, 21.9911;
       stroke-dashoffset: 0;
    }
    100% {
       stroke-dasharray: 2, 85.964;
       stroke-dashoffset: -65.973;
       -webkit-transform: rotate(90deg);
               transform: rotate(90deg);
    }
  }
   
  @keyframes line {
     0% {
        stroke-dasharray: 2 , 85.964;
        -webkit-transform: rotate(0);
                transform: rotate(0);        
     }
     50% {
        stroke-dasharray: 65.973, 21.9911;
        stroke-dashoffset: 0;
     }
     100% {
        stroke-dasharray: 2, 85.964;
        stroke-dashoffset: -65.973;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
     }
  }
  
  
  	
		/**
 * Lists
 * --------------------------------------------------
 */
		.list {
  			position: relative;
  			padding-top: 1px;
  			padding-bottom: 1px;
  			padding-left: 0;
  			margin-bottom: 20px; 
  			margin-left: 0px;
  		}

		.list:last-child {
  			margin-bottom: 0px; 
  		}
  		
  		.list:last-child.card {
   			 margin-bottom: 40px; 
   	    }

		/**
 * List Header
 * --------------------------------------------------
 */
		.list-header {
  			margin-top: 20px;
  			padding: 5px 15px;
  			background-color: transparent;
  			color: #222;
  			font-weight: bold; 
  		}

		.card.list .list-item {
  			padding-right: 1px;
 		    padding-left: 1px; 
 		 }
 		 
 		 
/**
 * Items
 * --------------------------------------------------
 */
.item {
  border-color: #ddd;
  background-color: #fff;
  color: #444;
  position: relative;
  z-index: 2;
  display: block;
  margin: -1px;
  padding: 16px;
  border-width: 1px;
  border-style: solid;
  font-size: 14px; }
  .item h2 {
    margin: 0 0 2px 0;
    font-size: 16px;
    font-weight: normal; }
  .item h3 {
    margin: 0 0 4px 0;
    font-size: 14px; }
  .item h4 {
    margin: 0 0 4px 0;
    font-size: 12px; }
  .item h5, .item h6 {
    margin: 0 0 3px 0;
    font-size: 10px; }
  .item p {
    color: #666;
    font-size: 14px;
    margin-bottom: 2px; }
  .item h1:last-child, .item h2:last-child, .item h3:last-child, .item h4:last-child, .item h5:last-child, .item h6:last-child, .item p:last-child {
    margin-bottom: 0; }
  .item .badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 16px;
    right: 32px; }
  .item.item-button-right .badge {
    right: 67px; }
  .item.item-divider .badge {
    top: 8px; }
  .item .badge + .badge {
    margin-right: 5px; }
  .item.item-light {
    border-color: #ddd;
    background-color: #fff;
    color: #444; }
  .item.item-stable {
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    color: #444; }
  .item.item-positive {
    border-color: #0c63ee;
    background-color: #387ef5;
    color: #fff; }
  .item.item-calm {
    border-color: #0a9ec7;
    background-color: #11c1f3;
    color: #fff; }
  .item.item-assertive {
    border-color: #e42012;
    background-color: #ef473a;
    color: #fff; }
  .item.item-balanced {
    border-color: #28a54c;
    background-color: #33cd5f;
    color: #fff; }
  .item.item-energized {
    border-color: #e6b400;
    background-color: #ffc900;
    color: #fff; }
  .item.item-royal {
    border-color: #6b46e5;
    background-color: #886aea;
    color: #fff; }
  .item.item-dark {
    border-color: #111;
    background-color: #444;
    color: #fff; }
  .item[ng-click]:hover {
    cursor: pointer; }

.list-borderless .item, .item-borderless {
  border-width: 0; }

.item.active, .item.activated, .item-complex.active .item-content, .item-complex.activated .item-content, .item .item-content.active, .item .item-content.activated {
  border-color: #ccc;
  background-color: #D9D9D9; }
  .item.active.item-light, .item.activated.item-light, .item-complex.active .item-content.item-light, .item-complex.activated .item-content.item-light, .item .item-content.active.item-light, .item .item-content.activated.item-light {
    border-color: #ccc;
    background-color: #fafafa; }
  .item.active.item-stable, .item.activated.item-stable, .item-complex.active .item-content.item-stable, .item-complex.activated .item-content.item-stable, .item .item-content.active.item-stable, .item .item-content.activated.item-stable {
    border-color: #a2a2a2;
    background-color: #e5e5e5; }
  .item.active.item-positive, .item.activated.item-positive, .item-complex.active .item-content.item-positive, .item-complex.activated .item-content.item-positive, .item .item-content.active.item-positive, .item .item-content.activated.item-positive {
    border-color: #0c63ee;
    background-color: #0c63ee; }
  .item.active.item-calm, .item.activated.item-calm, .item-complex.active .item-content.item-calm, .item-complex.activated .item-content.item-calm, .item .item-content.active.item-calm, .item .item-content.activated.item-calm {
    border-color: #0a9ec7;
    background-color: #0a9ec7; }
  .item.active.item-assertive, .item.activated.item-assertive, .item-complex.active .item-content.item-assertive, .item-complex.activated .item-content.item-assertive, .item .item-content.active.item-assertive, .item .item-content.activated.item-assertive {
    border-color: #e42012;
    background-color: #e42012; }
  .item.active.item-balanced, .item.activated.item-balanced, .item-complex.active .item-content.item-balanced, .item-complex.activated .item-content.item-balanced, .item .item-content.active.item-balanced, .item .item-content.activated.item-balanced {
    border-color: #28a54c;
    background-color: #28a54c; }
  .item.active.item-energized, .item.activated.item-energized, .item-complex.active .item-content.item-energized, .item-complex.activated .item-content.item-energized, .item .item-content.active.item-energized, .item .item-content.activated.item-energized {
    border-color: #e6b400;
    background-color: #e6b400; }
  .item.active.item-royal, .item.activated.item-royal, .item-complex.active .item-content.item-royal, .item-complex.activated .item-content.item-royal, .item .item-content.active.item-royal, .item .item-content.activated.item-royal {
    border-color: #6b46e5;
    background-color: #6b46e5; }
  .item.active.item-dark, .item.activated.item-dark, .item-complex.active .item-content.item-dark, .item-complex.activated .item-content.item-dark, .item .item-content.active.item-dark, .item .item-content.activated.item-dark {
    border-color: #000;
    background-color: #262626; }

/* .item, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .item p, .item-content, .item-content h1, .item-content h2, .item-content h3, .item-content h4, .item-content h5, .item-content h6, .item-content p */

.feedItemDescribe {
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/ }

a.item {
  color: inherit;
  text-decoration: none; }
  a.item:hover, a.item:focus {
    text-decoration: none; }
    
    /* Header bar
       
       #intro {
    color: #000;
}

#intro {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    margin: 0 10px;
    min-width: 30px;
    height: 43px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    line-height: 44px;
}

#intro  {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
  }  
*/
 #intro {
    margin-top: 0;
    
    border-color: #0c63ee;
    background-color: #387ef5;
    background-image: linear-gradient(0deg, #0c63ee, #0c63ee 50%, transparent 50%);
    color: #fff;
}


#intro {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none;
    -ms-touch-action: none;
    -ms-content-zooming: none;
}
#intro {
    top: 0;
    border-top-width: 0;
    border-bottom-width: 1px;
}
#intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    height: 44px;
    border-width: 0;
    border-style: solid;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    /*background-color: white;*/
    border-width: 1px will actually create 2 device pixels on retina;
    background-size: 0;
    
}

#reloadButton {
          
  	        background: #3f51b5;
            border: none;
            border-radius: 2px;
            color: #FFF;
            position: relative;
            height: 36px;
            margin: 0;
            min-width: 64px;
            padding: 0 16px;
            display: inline-block;
            font-family: "Roboto","Helvetica","Arial",sans-serif;
            font-size: 14px;
            font-weight: 500;
            /*text-transform: uppercase;*/
            letter-spacing: 2px;
            overflow: hidden;
            will-change: box-shadow;
            transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
            outline: none;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            line-height: 24px;
            /*vertical-align: middle;*/
             margin-top: 50px; 
             margin-bottom: 25px; 
  	         box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
           
}