.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 1.0em;
    background: rgb(255, 255, 255);
}

h1 {
    margin-top: 1em;
}

p {
   padding: 0.1em 0;
}

input{
    font-size: 75%;
    font-family: "Lucida Grande" arial sans-serif;
}

/* ----------------------------------------------------*/
/* ---------->>> Pure CSS Customizations <<<-----------*/
/* ----------------------------------------------------*/
.header-menu{
    font-size: 100%;
    margin: 0;
    line-height: 1em;
    color: #ECECEC;
}

.header-menu ul li{
    display: inline-block;
}

.header-menu header-menu >ul{
    height: 1.8em;
}

.header-menu a.header-a{
    color: #EFEFEF;
    font-size: 0.9em;
    text-decoration: none;
    padding: 0 1em;
    line-height: 1.8em;
    display: inline-block;
}

.header-menu a.header-a:hover{
    text-decoration: underline;
}

.header-menu  a.header-a.heleft{
    padding-right: 0.2em;
}

.header-menu  a.header-a.heright{
    padding-left: 0.2em;
}

.header-pull-right {
    display: table;
}
.header-pull-right > ul, .header-menu > ul{
    display: table-cell;
    vertical-align: middle;
}
.header-pull-right > ul {
    text-align: right;
}

.header-title{
    display: table-cell;
    min-width: 25em;
    vertical-align: middle;
}

#mobile-header {
    display: none;
}

#mobile-header button{
    border: none;
    background: #666;
    padding: 0.2em 1em;
    color: #ECECEC;
    border: 1px #302C2C solid;
}

.sidr ul li.sidr-class-join-line{
    display: none;
}

.sidr-class-home-nav{
    display: none;
}

#sidr-id-header-search-input{
    display: none;
}

#sidr-id-mobile-header{
    display: none;
}

#sidr-id-meta-heading-search {
    display: none;
}

.sidr-class-ac-list li.sidr-class-ac-hidden {
    display: none;
}
a.sidr-class-ac-li-a {
    display: none;
}

#responsive-menu-button{
    font-size: 100%;
}


/* ---------------------------------------------------*/
/* ---------->>> General Functional Styles<<<---------*/
/* ---------------------------------------------------*/

.external-link{
    font-size: 1em;
    color: #068519;
    text-decoration: none;
}
.external-link:hover{
    color: #041F63;
    text-decoration: underline;
}


.internal-link, .focus-link{
    color: #A01F70;
    text-decoration: none;
}
.internal-link:hover, .focus-link:hover{
    text-decoration: underline;
    color: #690259;
}

.missing-link{
    color: #BBBB70;
    text-decoration: none;
}
.missing-link:hover{
    color: #666620;
    text-decoration: underline;
}

a.expand-collapse-link{
    font-size: 0.8em;
    color:#190797;
}
a.expand-collapse-link:hover{
    color: #190797;
}

.placeholder
{
  color: #aaa;
}

.underline{
    text-decoration: underline;
}

/* ---------------------------------------------------*/
/* ---------->>> Layout Styles <<<--------------------*/
/* ---------------------------------------------------*/
.noscript-alert{
    width: 100%;
    height: 100%;
    background-color: #EAF05B;
    line-height: 1.5em;
    text-align: center;
    font-size: 1.1em;
}

#header {
    background: #333;
    z-index: 10;
    position: relative;
    width: 100%;
}

#meta-heading-search{
    padding: 0;
}

.meta-home-link{
    margin-left: 0.2em;
    padding: 0.3em 0 0.5em 110px;
    background-image: url('/static/images/metacademy-toolbar-icon1.png?be1b7bb4d19d');
    background-repeat: no-repeat;
    background-position: left center;
    height: 1.7em;
}

a.home-nav{
    display: inline;
    padding: 0;
}

#header-search-input {
    height: 1.8em;
}

#header-search-input, user-form-field input{
    outline: none;
    padding: 0.2ex 0.4ex;
    /* margin-top: 0.3ex; */
    border: 1px solid #999999;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
    background-color: white;
    border-radius: 2px;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    -ms-box-sizing: border-box; /* IE */
    box-sizing: border-box;
    width: 16em;
}
#header-search-input[type="text"]:focus, .user-form-field input[type="text"]:focus{
    border-color: #501644;
    box-shadow: inset 3px 3px 4px rgba(0,0,0,0.075);
}

#header-search-input[type="text"]:hover, .user-form-field input[type="text"]:hover{
    box-shadow: inset 3px 3px 4px rgba(0,0,0,0.075);
}

#main {
    width: 100%;
    height: 100%;
    color: #333;
}

.dev-note{
    margin-top: 1em;
    line-height: 1.2em;
    font-size: 0.9em;
    text-align: center;
    font-style: italic;
    color: #512161;
}

.dev-note p{
    padding: 0.1em 0.7em;
}



/* -----------------------------------*/
/* --->>> Search/Autocomplete <<------*/
/* -----------------------------------*/
.search-container {
  position: relative;
  height: 2em;
  color: #333;
}

.search-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 2em;
  width: 2em;
  z-index: 11;
  cursor: pointer;
}

.search-input:focus ~ .search-button .bg {
  fill: #501644;
}

.search-button:hover .bg {
  fill: #501644;
}

.search-input {
  z-index: 10;
  position: absolute;
  border-radius: 0px;
  background-color: #ffffff;
  border: 1px solid #BABDC0;
  display: block;
  font-size: 70%;
  padding-left: .5em;
  margin: 0;
  height: 100%;
}

.search-input:focus {
  outline: none;
  border-color: #501644;
}

.search-container, .search-input, .search-button, .ac-list, .ac-li, .ac-li-a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.db-search-wrap {
    position: relative;
    display: inline-block;
    font-size: 0.9em;
}

.ac-list {
  padding: 0;
  margin: 0;
  position: absolute;
  width: inherit;
  top: 2em; /* must match the container height */
  border: 1px solid #BABDC0;
  border-width: 0 1px 1px 1px;
  border-bottom: 1px solid #BABDC0;
  background-color: #ffffff;
  z-index: 9;
}

.header-menu .ac-list {
    top: 1.4em;
}

.ac-hidden, .header-menu ul li.ac-hidden {
  display: none;
}

.ac-li {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #501644;
  vertical-align:middle;
  text-decoration: none;
  text-align: left;
  width: 100%;
}

.ac-li-a {
  color: #A01F70;
  text-decoration: none;
  margin: 0;
  padding: 0.3em 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -1.5em;
  padding-left: 2em;
}

.ac-li-a:hover {
  background-color: #F5E8F2;
  color: #690259;
}

.ac-li-a:focus {
  background-color: #F5E8F2;
  color: #690259;
  outline: none;
}

/* -----------------------------------*/
/* ---------->>> Grid System  <<------*/
/* -----------------------------------*/
[class*='col-'] {
  float: left;
}

.col-2-3 {
  width: 66.66%;
}
.col-1-2 {
  width: 50%;
}
.col-2-5 {
  width: 40%;
}
.col-1-3 {
  width: 33.33%;
}
.col-1-4 {
  width: 25%;
}
.col-1-8 {
  width: 12.5%;
}

/* .grid:after { */
/*   content: ""; */
/*   display: table; */
/*   clear: both; */
/* } */

/* .grid-pad { */
/*   padding: 20px 0 20px 20px; */
/* } */

/* .grid-pad > [class*='col-']:last-of-type { */
/*   padding-right: 20px; */
/* } */

/* [class*='col-'] { */
/*   padding-right: 20px; */
/* } */
/* [class*='col-']:last-of-type { */
/*   padding-right: 0; */
/* } */


/* -----------------------------------*/
/* ---------->>> Media Rules  <<------*/
/* -----------------------------------*/
@media only screen and (max-width:999px){
    #header-search-input{
        width: 14em;
    }
    .header-title{
        min-width: 19em;
    }
}

@media only screen and (max-width:899px){
    #mobile-header {
        display: table-cell;
        vertical-align: middle;
        direction: rtl;
        padding-right: 1em;
    }

    #header > ul{
        display: none;
    }
    #header{
        height: 1.85em;
    }
}

@media only screen and (max-width: 767px){
    .meta-home-link{
        padding: 0.5em 0 0.5em 35px;
        background-image: url('/static/images/metacademy-toolbar-icon1-crop.png?be1b7bb4d19d');
        background-repeat: no-repeat;
        background-position: left center;
        height: 1.7em;
    }
    .header-title{
        min-width: 0;
    }

    div.dev-note{
        margin-top: 1em;
    }
    .dev-note p{
        margin-top: 1em;
    }
}

/* main container */
#graph-view{
    overflow: hidden;
    position: relative;
    height: inherit;
    width: inherit;
}

svg{
    height: inherit;
    width: 100%;
}

#graph-summary-el{
    z-index: 10;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    position: absolute;
    text-align: center;
    pointer-events: none;
    background-color: #F7F7F7;
    box-sizing: border-box;
    border: 1px solid #333;
    border-radius: 5px 5px 0 0;
    left: 1em;
    padding: 0.8em;
    right: 1em;
    line-height: 1.3em;
    display: none;
}

#graph-summary-el h1{
    pointer-events: none;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 0.2em 0;
}

#graph-summary-el ul{
    margin: 0;
    list-style: none;
}

#graph-summary-el li{
    margin-top: 0.1em;
    font-size: 0.9em;
    font-style: italic;
}

/* Zoom In / Zoom Out */
#graph-zoom-div{
    position: absolute;
    z-index: 10;
    top: 1.5em;
    right: 1.5em;
    border: 1px solid #8A8484;
    border-radius: 5px;
    padding: 0;
    margin: 0;
    background: white;
    overflow: hidden;
}

.graph-zoom-in-button, .graph-zoom-out-button{
    display: block;
    font-size: 1.2em;
    padding: 3px;
    margin: 0;
    width: 1.4em;
    line-height: 1.2em;
    border: none;
    text-align: center;
    background: inherit;
    cursor: pointer;
    color: #8A8484;
    outline: none;
}

.graph-zoom-in-button{
    border-bottom: 1px solid;
}

.graph-zoom-in-button:hover, .graph-zoom-out-button:hover{
    color: #333;
    font-weight: bold;
}

/* Concept Gs */
.concept-g{
    cursor: default;
}

.concept-g text{
    pointer-events: none;
    font-family: "Lato", Arial, sans-serif;
    font-weight: bold;
    font-size: 0.8em;
    stroke-width: 0;
    fill: #333
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.concept-g.reduce-node-title text{
    font-size: 0.6em;
}

.concept-g circle{
    stroke: #333333;
    stroke-width: 1.5px;
    fill: #F6FBFF; /* light shade of alice blue see http://encycolorpedia.com/f6fbff for color scheme */
}

.concept-g:hover circle{
    fill: #ECF6FF;
}

.selected circle{
    fill: rgb(250, 232, 255);
}
.selected:hover circle{
    fill: rgb(250, 232, 255);
}


/* Path Gs */
marker{
    fill: #333;
}

path.link.hidden{
    stroke-width: 0;
}

.selected path.link {
    stroke: rgb(229, 172, 247);
}


path.link {
    fill: transparent;
    stroke: #333;
    stroke-width: 2px;
    cursor: default;
}

path.link-wrapper, path.short-link-wrapper{
    fill: none;
    stroke: #8282e5;
    stroke-width: 24px;
    opacity: 0;
}

path.link-wrapper:hover{
    opacity: 0.15;
}

.dep-icon-g rect, .ol-icon-g rect{
    fill: #333;
    stroke-width: 0;
    stroke: #333;
    display: none;
}
.dep-icon-g rect:hover, .ol-icon-g rect:hover{
    stroke-width: 5px;
}

.hovered .dep-icon-g rect, .hovered .ol-icon-g rect {
    display: block;
}

.dep-icon-g polygon, .ol-icon-g polygon{
    stroke-width: 0px;
    stroke: #333;
    fill: #333;
}
.dep-icon-g polygon:hover, .ol-icon-g polygon:hover{
    stroke-width: 3px;
}


/* dep and ol circles */
.concept-g .ol-circle{
    fill: #fbeded;
}
.concept-g .dep-circle{
    fill: #e6e6fa;
}

.scoped .concept-g .ol-circle{
    fill: #F6FBFF; /* light shade of alice blue see http://encycolorpedia.com/f6fbff for color scheme */
}
.scoped .concept-g .dep-circle{
    fill: #F6FBFF; /* light shade of alice blue see http://encycolorpedia.com/f6fbff for color scheme */
}

g.concept-g.scoped-circle-g > circle, g.concept-g.scoped-circle-g .dep-circle, g.concept-g.scoped-circle-g .ol-circle, g.concept-g.focused-circle-g > circle{
    fill: rgb(255, 244, 253);
}

/* (long) edges */
.start-wisp, .end-wisp{
    fill: none;
    stroke: #333;
    stroke-width: 2px;
}

.link-wrapper-hover .start-wisp, .link-wrapper-hover .end-wisp{
    display: none;
}

.long-edge{
    display: none;
}

.link-wrapper-hover path{
    display: block;
}

.link-wrapper-hover path.link-wrapper{
    opacity: 0.15;
}

.ol-show path.link-wrapper{
    stroke: #e48989;
}

.scoped .link-wrapper-hover path.link-wrapper{
    opacity: 0;
}


@media only screen and (max-width: 350px){
    #graph-summary-el{
        opacity: 0;
    }
}

/* Concept list */
#concept-list-panel{
    height: inherit;
    display: inline;
}

#concept-list-wrapper{
    top: 5em;
    width: 20%;
    min-width: 200px;
    display: block;
    float: left;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box; /* IE */
    box-sizing: border-box;
    overflow: auto;
    height: inherit;
    border-right: 1px solid #CCCCCC;
}

#concept-list-wrapper h1, #concept-title-header h1{
    text-align: center;
    font-weight: bold;
    color: #333;
    font-size: 0.9em;
    padding-bottom: 0.3em;
    margin-top: 0.5em;
}

#concept-list{
    padding: 0;
    padding-bottom: 5em;
    margin: 0;
}

#concept-list-search{
    text-align: center;
}

#concept-list-search input{
    width: 85%;
    -ms-box-sizing: border-box; /* IE */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    background-color: #fafafa;
    font-size: 10px;
    height: 2.2em;
    outline: 0;
    padding: 0 0.2em;
    display: inline-block;
    border: 1px solid #4e0142;
    border-radius: 4px;
    cursor: text;
}

#concept-list-search input:hover{
    cursor: text;
}

#concept-list-search #cancel-search-input{
    background-color: #F3F3F3;
    cursor: pointer;
    width: 15%;
    border-radius: 0 4px 4px 0;
    position: absolute;
    right: 7%;
    display: none;
}

#concept-title-header{
    position: fixed;
    background-color: rgb(249, 249, 255);
    z-index: 5;
    width: 20%;
    min-width: 200px;
    height: 5em;
    border: 1px #8B8383 solid;
    border-top: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#concept-list-hide-button{
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0.1em;
    cursor: pointer;
}

#concept-list-hide-button{
    border: 1px solid #7E7E7E;
    border-radius: 4px 0 0 4px;
    font-size: 1em;
    border-right: 0;
    color: #7e7e7e;
}

#concept-list-hide-button:hover{
    border-color: #690259;
    color: #690259;
}

#concept-list-show-button{
    display: none;
    left: 0;
    bottom: 40%;
    border-radius: 0 0 5px 5px;
    border-width: 0 1px 1px 1px;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -o-transform-origin: 0 0;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: 0 0;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#concept-list-show-button.expanded{
    left: 55%;
}

.learn-title-display{
    text-align: center;
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: #3E4018;
    padding: 1.4em 0.5em;
    line-height: 1.2em;
    font-size: 0.9em;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
}
.learn-title-display:hover{
    background-color: rgb(250, 242, 248);
}
.learn-title-display.clicked-title{
    font-weight: bold;
    color: #333333;
    background-color: rgb(245, 232, 242);
}

.hide-clist #concept-list-wrapper, .hide-clist #concept-title-header{
    display: none;
}

.hide-clist #concept-list-show-button{
    display: block;
}

/* button for hiding/showing side objects */
.small-vp-button{
    display: none;
    cursor: pointer;
    position: absolute;
    text-align: center;
    font-family: sans-serif;
    background: rgb(102, 102, 102);
    z-index: 10;
    color: rgb(236, 236, 236);
    border: #302C2C solid;
    padding: 0.2em 1em;
}


@media only screen and  (max-width: 760px){
    #concept-list-wrapper, #concept-title-header{
        display: none;
    }
    .show-clist #concept-list-wrapper, .show-clist #concept-title-header{
        display: block;
    }

    .show-clist #concept-list-show-button{
        display: none;
    }

    .hide-clist #concept-list-wrapper, .hide-clist #concept-title-header{
        display: none;
    }

    #concept-list-show-button{
        display: block;
    }

    #learning-plan-button{
        display: block;
    }

    .learn-title-buttons{
        position: relative;
        display: block;
        margin-top: 0.2em;
    }

    .learn-title-buttons span{
        padding: 0 0.2em;
    }

    #concept-list-wrapper, #concept-title-header{
        display: none;
    }
}

/* App tools */

.apptools{
    background: white;
    position: absolute;
    top: 2.5em;
    right: 4em;
    border: 2px solid #CE94BC;
    border-radius: 10px;
    text-align: center;
    padding: 1em;
    display: none;
}

.create #content-editing-tools{
    display: block;
}

.apptools input{
    width: 30px;
    opacity: 0.4;
}

.apptools input:hover{
    opacity: 1;
    cursor: pointer;
}

#hidden-file-upload{
    display: none;
}

#download-input{
    margin: 0 0.5em;
}

#content-editing-tools button{
    border: none;
    background: inherit;
    outline: none;
    cursor: pointer;
}

#content-editing-tools .icon{
    color: #5C5C5C;
    font-size: 2.2em;
    cursor: pointer;
}

#add-concept-container {
    width: 15em;
    height: 1.5em;
}

#content-editing-tools input{
    padding: 0.3em;
    width: inherit;
    margin-bottom: 0.2em;
}

#content-editing-tools input:hover{
    cursor: text;
}


#content-editing-tools .icon:hover{
    color: #333;
}

/** autocomplete **/
#content-editing-tools .ac-li-a {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    font-size: 0.8em;
}

.ac-list {
    top: 1.5em;
}

#back-to-editing{
    display: none;
    padding: 1em;
    margin-top: 1em;
    background-color: rgba(255, 211, 241, 0.39);
}

.apptools-title{
    text-align: center;
    font-size: 0.95em;
    font-weight: bold;
}

/* Explore-Learn Navigation Button */
#explore-learn-button-wrapper button, #hovertext-buttons button{
    -webkit-box-shadow: 1px 1px 2px #463838;
    -moz-box-shadow: 1px 1px 2px #463838;
    box-shadow: 1px 1px 2px #463838;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px #5C4A56 solid;
    background-color: white;
    padding: 1.5px;
    cursor: pointer;
}

#explore-learn-button-wrapper .el-nav-button:hover{
    border: 2px #D145CC solid;
}

.e-to-l-summary-link{
    color: blueviolet;
    margin-right: 0.5em;
    cursor: pointer;
    text-decoration: underline;
}

.el-nav-button img{
    width: 20px;
    height: 20px;
}

#explore-learn-button-wrapper .el-nav-button.active{
    opacity: 0.7;
    border: 2px #5C4A56 solid;
    cursor: default;
   -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#explore-learn-button-wrapper .el-nav-button.active:hover{
    cursor: default;
    border: 2px #5C4A56 solid;
}

#explore-learn-button-wrapper{
    text-align: center;
    margin: 0.3em 0px;
}

/* apptools action buttons */

.toggle-lc-button{
    width: 5em;
    margin: 0.5em 0.4em;
    line-height: 1.3em;
    font-size: 0.8em;
 }

button.toggle-lc-button.disabled{
    opacity: 0.4;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.toggle-lc-button.disabled:hover{
    border: 2px #5C4A56 solid;
    cursor: default;
}

.apptools-lc-buttons-wrap{
    display: inline-block;
    margin: 0 auto;
}


/* @media only screen and  (max-width: 760px){ */
/*     .apptools{ */
/*         top: auto; */
/*         bottom: 0; */
/*         max-width: 200px; */
/*         margin: 0; */
/*         margin-right: 1em; */
/*         padding: 0; */
/*         padding-top: 0.5em; */
/*         width: 200px; */
/*         right: 0; */
/*         height: 125px; */
/*         display: none; */
/*     } */
/*     .apptools.show{ */
/*         display: block; */
/*     } */
/* } */

/* --------------------------------------------------------*/
/* ---------->>> Specific HTML Element Styles<<<-----------*/
/* --------------------------------------------------------*/
/* html { */
/*     overflow: hidden; */
/* } */

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 1.0em;
    overflow-x: hidden;
}

/* ---------------------------------------------------*/
/* ---------->>> Error View Styles <<<----------------*/
/* ---------------------------------------------------*/
.app-error-wrapper{
    position: absolute;
    top: 4em;
    width: 100%;
    background-color: rgba(255, 255, 211, 0.97);
    text-align: center;
    padding: 2em 0;
}

.app-error-wrapper p{
    margin: 2em auto;
    font-size: 1.3em;
    line-height: 1.3em;
    width: 60%;
}

.app-error-wrapper button{
    background: white;
    border: 1px saddlebrown solid;
    padding: 0.7em;
}

/*
*** General structure of app ***
*/

#graph-view-wrapper{
    height: 100%;
    width: 100%;
    display: none;
}

#main-display-view{
    height: inherit;
    overflow: auto;
}

/* --------------------------------------------------------*/
/* ---------->>> Explore View Structure Styles <<<---------*/
/* ------------------------------------------------------*/

#explore-view-wrapper{
    display: none;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: white;
}

#explore-view{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

@media only screen and  (max-width: 760px){
    #learn-view-wrapper{
        padding-left: 1.8em;
        padding-right: 1em;
        margin-left: 0;
    }
}

#concept-list-panel .time-estimate {
    font-size: 0.8em;
    font-style: italic;
    color: #8D5E5E;
    text-align: center;
}

#concept-list-wrapper {
    top: 7em;
 }

#concept-list {
   padding-bottom: 7em;
}

#concept-title-header {
    height: 7em;
}


/* ---------------------------------------------------*/
/* ---------->>> Learn View Styles <<<----------------*/
/* ---------------------------------------------------*/

#learn-view{
    height: inherit;
}

#learn-concept-wrapper{
    height: inherit;
    margin-left: 20%;
    overflow: auto;
}

.node-detail-view{
   background-color: white;
   color: #23240D;
   padding: 0.3em 0 1em 1.5em;
   width: 90%;
   max-width: 1100px;
   margin: auto;
   line-height: 1.2em;
}

.node-detail-view h1{
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
}

/* waitbar */
.fetching-detail-waitbar {
    top: 0em;
    bottom: 0em;
    position: absolute;
    background: white;
    width: 100%;
    background-image: url('/static/images/ajax-loader-bar.gif?be1b7bb4d19d');
    background-repeat: no-repeat;
    background-position: 30% 20%;
}

h1 .learn-view-check, h1 .learn-view-star{
    display: inline-block;
    cursor: default;
    width: 0.9em;
}

h1 .learn-view-check{
    margin-left: 0.2em;
}

h1 .learn-view-star{
    font-size: 14pt;
}

.node-detail-title{
    color: #333333;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    padding: 1em 0 .2em 0;
}

.node-detail-subtitle{
    color: #333333;
    font-size: 1em;
    font-style: normal;
    margin: 0.5em 0;
    font-weight: bold;
}

.node-detail-summary-text{
    line-height: 1.35em;
    padding-right: 3em;
}

.detail-time-est{
    text-align: center;
    margin-right: 1.5em;
    margin-top: 0.2em;
    font-size: 0.9em;
    color: #8D5E5E;
}

.detailed-title-tools{
    display: inline;
    color: #7C7C7C;
    font-size: 12pt;
}

.info-text{
    font-style: italic;
    font-weight: normal;
    font-size: 0.95em;
}

.learned-concept-title{
    opacity: 0.4;
}

.implicit-learned-concept-title{
    opacity: 0.4;
}

.learn-title-buttons{
    color: #8e8888;
    font-size: 12pt;
    font-weight: bold;
    bottom: 0.1em;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
}

.learn-title-buttons .learn-view-star{
    font-weight: normal;
    font-size: 14pt;
}

.learn-title-buttons span{
    visibility: hidden;
}

 .learn-view-check:hover, .learn-view-star:hover{
     color: #B99797;
     cursor: pointer;
 }


.learned-concept-title .learn-view-check, .learned-concept .learn-view-check, .learned-concept .learn-view-check:hover{
    visibility: visible;
    color: rgb(18, 107, 18);
}


.starred-concept-title .learn-view-star, .starred-concept .learn-view-star, .starred-concept .learn-view-star:hover{
    visibility: visible;
    color: rgb(192, 182, 109);
}


.learn-title-display:hover .learn-title-buttons span{
    visibility: visible;
}

.node-detail-comp-wrap{
    margin: 0 0 0.3em 1em;
}

.resource-content-wrap{
    margin-left: 2.5em;
}

.resource-view{
    color: #252313;
    line-height: 1.1em;
    width: 90%;
    display: inline-block;
    overflow: auto;
    margin-top: 0;
}

.resource-view ~ .resource-view{
    margin-top: 1em;
}

.resource-title a{
    color: #223804;
}

.res-arrow{
    font-size: 0.8em;
}

.more-resource-info{
    display: inline-block;
    cursor: pointer;
}

.resource-location-display, .resource-dependencies-display{
    margin-top: 0.1em;
}

.resource-description, .resource-location, .resource-edition, .resource-level, .resource-author, .resource-dependencies, .resource-extra, .resource-link{
    font-size: 0.9em
}

.resource-location-item, .resource-dependencies-item, .resource-extra-item{
    font-size: 0.9em;
}

.dependency-view, .outlink-view{
    line-height: 1.2em;
    margin: 0.1em 0 0.4em;
}

.dependency-reason, .outlink-reason{
    color: #333;
    font-size: 0.9em;
}

.no-content-msg{
    margin: 0.2em 0;
    display: inline-block;
    font-size: 0.8em;
    font-style: italic;
}

.node-detail-comp-wrap ul{
    list-style: none;
    margin-left: 1em;
    padding-left: 0;
}

.node-detail-comp-wrap li{
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 0.2em;
}
.node-detail-comp-wrap li:before{
    content: "+";
    padding-right: 5px;
}

.pointers-wrap li ~ li{
    margin-top: 0.5em;
    margin-bottom: 0;
}

.pointers-wrap ul{
    margin-left: 0;
}

.pointers-wrap ul ul{
    margin-left: 1em;
    margin-top: 0.1em;
}

.pointers-wrap ul ul li{
    margin-top: 0.1em;
}

.pointers-wrap ul ul li:before{
    content: "-";
    padding-right: 5px;
}

.goals-wrap ul{
    margin-left: 0;
}

.goals-wrap ul ul{
    margin-left: 1em;
}

.goals-wrap ul ul li:before{
    content: "-";
    padding-right: 5px;
}

.notrel-goal {
    color: rgb(197, 197, 197);
}

.key-resource-star{
    font-size: 0.8em;
    display: inline-block;
    margin-right: 0.25em;
}

.missing-link {
    color: #666666;
}

.missing-link:hover {
    color: #555555;
}

@media only screen and  (max-width: 760px){
    #learn-concept-wrapper{
        margin-left: 0;
        padding: 0 1em 0 2em;
    }

    .node-detail-view{
        width: 100%;
    }

    .node-detail-summary-text {
        padding-right: 0;
    }

    .detailed-title-tools{
        display: block;
        margin-top: 0.2em;
    }

    .detailed-title-tools span{
        margin: 0 0.15em;
    }

    .detail-time-est{
        margin-right: 0;
    }

    .node-detail-view{
        padding: 0;
        margin-bottom: 3em;
    }
}

/* explore graph info box */
#explore-info-box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.8em;
    text-align: center;
    background-color: #F0F0F0;
    color: rgb(143, 126, 139);
    border-radius: 0 0 5px 0;
    cursor: default;
    padding: 0.5em;
}
.scoped #explore-info-box{
    display: block;
}
#explore-info-box button {
    display: none;
    border: 1px solid #333333;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    margin-top: 0.5em;
}
#explore-info-box button:hover {
    border-color: #D145CC;
}
#explore-info-box:hover button {
    display: inline-block;
}

/* properties for learned circles */
.learned.concept-g > circle{
    stroke: #868686;
    fill: rgb(237, 255, 237);
}

.implicit-learned.concept-g > circle{
    stroke: #868686;
}

.learned text, .implicit-learned text{
    fill: #868686;
}

/* properties for learned paths */
.learned path.link, .implicit-learned path.link, .implicit-learned .wispG{
    opacity: 0.5;
}

/*********
node icons
**********/
/* checkmark */
.concept-g .checkmark{
    cursor: pointer;
}
.concept-g .checkmark path{
    fill: transparent;
    stroke: #868686;
    stroke-width: 4;
    visibility: hidden;
}
.concept-g .checkmark > circle{
    fill: transparent;
    stroke: #868686;
    stroke-width: 3;
    visibility: hidden;
}
.concept-g .learned .checkmark > circle{
    fill: transparent;
    stroke: #759466;
    stroke-width: 4;
    visibility: visible;
}

.concept-g .checkmark.hovered > circle{
    fill: transparent;
    stroke: #9987AF;
    stroke-width: 4;
    visibility: visible;
}

.concept-g .checkmark.hovered path{
    stroke-width: 5;
    stroke: #9987AF;
    visibility: visible;
}

.concept-g.learned .checkmark > circle{
    visibility: visible;
    stroke: #759466;
    stroke-width: 4;
}

.concept-g.learned .checkmark path{
    stroke-width: 5;
    stroke: #759466;
    visibility: visible;
}
.hovered  .checkmark path, .clicked .checkmark path, .hovered .checkmark circle, .clicked .checkmark circle, .hovered .node-star polygon, .clicked .node-star-polygon, .starred polygon, .hovered .e-to-l-icon{
    visibility: visible;
}

/* star */
.node-star{
    cursor:pointer;
}

.node-star polygon{
    fill: transparent;
    stroke: #868686;
    stroke-width: 20;
    visibility: hidden;
}
.node-star.hovered polygon{
    fill: #D4C4E7;
    Stroke: #56574D;
}
.starred .node-star polygon{
    fill: #F8F8C9;
    stroke: #56574D;
    visibility: visible;
}

/* node e-to-l icon */
.e-to-l-icon{
    opacity: 0.3;
    visibility: hidden;
}

.e-to-l-icon:hover{
    opacity: 1;
    cursor: pointer;
}

/*!
  Ionicons, v1.5.2
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons
*/
@font-face { font-family: "Ionicons"; src: url('/static/fonts/ionicons.eot?v=1.5.2&4ca26ed7131f'); src: url('/static/fonts/ionicons.eot?v=1.5.2&4ca26ed7131f#iefix') format("embedded-opentype"), url('/static/fonts/ionicons.ttf?v=1.5.2&4ca26ed7131f') format("truetype"), url('/static/fonts/ionicons.woff?v=1.5.2&4ca26ed7131f') format("woff"), url('/static/fonts/ionicons.svg?v=1.5.2&4ca26ed7131f#Ionicons') format("svg"); font-weight: normal; font-style: normal; }
.ion, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-contact:before, .ion-android-alarm:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down-left:before, .ion-android-arrow-down-right:before, .ion-android-arrow-forward:before, .ion-android-arrow-up-left:before, .ion-android-arrow-up-right:before, .ion-android-battery:before, .ion-android-book:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-chat:before, .ion-android-checkmark:before, .ion-android-clock:before, .ion-android-close:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-data:before, .ion-android-developer:before, .ion-android-display:before, .ion-android-download:before, .ion-android-drawer:before, .ion-android-dropdown:before, .ion-android-earth:before, .ion-android-folder:before, .ion-android-forums:before, .ion-android-friends:before, .ion-android-hand:before, .ion-android-image:before, .ion-android-inbox:before, .ion-android-information:before, .ion-android-keypad:before, .ion-android-lightbulb:before, .ion-android-locate:before, .ion-android-location:before, .ion-android-mail:before, .ion-android-microphone:before, .ion-android-mixer:before, .ion-android-more:before, .ion-android-note:before, .ion-android-playstore:before, .ion-android-printer:before, .ion-android-promotion:before, .ion-android-reminder:before, .ion-android-remove:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-social:before, .ion-android-social-user:before, .ion-android-sort:before, .ion-android-stair-drawer:before, .ion-android-star:before, .ion-android-stopwatch:before, .ion-android-storage:before, .ion-android-system-back:before, .ion-android-system-home:before, .ion-android-system-windows:before, .ion-android-timer:before, .ion-android-trash:before, .ion-android-user-menu:before, .ion-android-volume:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-flask:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-game-controller-a:before, .ion-game-controller-b:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-icon-social-google-plus:before, .ion-icon-social-google-plus-outline:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios7-alarm:before, .ion-ios7-alarm-outline:before, .ion-ios7-albums:before, .ion-ios7-albums-outline:before, .ion-ios7-americanfootball:before, .ion-ios7-americanfootball-outline:before, .ion-ios7-analytics:before, .ion-ios7-analytics-outline:before, .ion-ios7-arrow-back:before, .ion-ios7-arrow-down:before, .ion-ios7-arrow-forward:before, .ion-ios7-arrow-left:before, .ion-ios7-arrow-right:before, .ion-ios7-arrow-thin-down:before, .ion-ios7-arrow-thin-left:before, .ion-ios7-arrow-thin-right:before, .ion-ios7-arrow-thin-up:before, .ion-ios7-arrow-up:before, .ion-ios7-at:before, .ion-ios7-at-outline:before, .ion-ios7-barcode:before, .ion-ios7-barcode-outline:before, .ion-ios7-baseball:before, .ion-ios7-baseball-outline:before, .ion-ios7-basketball:before, .ion-ios7-basketball-outline:before, .ion-ios7-bell:before, .ion-ios7-bell-outline:before, .ion-ios7-bolt:before, .ion-ios7-bolt-outline:before, .ion-ios7-bookmarks:before, .ion-ios7-bookmarks-outline:before, .ion-ios7-box:before, .ion-ios7-box-outline:before, .ion-ios7-briefcase:before, .ion-ios7-briefcase-outline:before, .ion-ios7-browsers:before, .ion-ios7-browsers-outline:before, .ion-ios7-calculator:before, .ion-ios7-calculator-outline:before, .ion-ios7-calendar:before, .ion-ios7-calendar-outline:before, .ion-ios7-camera:before, .ion-ios7-camera-outline:before, .ion-ios7-cart:before, .ion-ios7-cart-outline:before, .ion-ios7-chatboxes:before, .ion-ios7-chatboxes-outline:before, .ion-ios7-chatbubble:before, .ion-ios7-chatbubble-outline:before, .ion-ios7-checkmark:before, .ion-ios7-checkmark-empty:before, .ion-ios7-checkmark-outline:before, .ion-ios7-circle-filled:before, .ion-ios7-circle-outline:before, .ion-ios7-clock:before, .ion-ios7-clock-outline:before, .ion-ios7-close:before, .ion-ios7-close-empty:before, .ion-ios7-close-outline:before, .ion-ios7-cloud:before, .ion-ios7-cloud-download:before, .ion-ios7-cloud-download-outline:before, .ion-ios7-cloud-outline:before, .ion-ios7-cloud-upload:before, .ion-ios7-cloud-upload-outline:before, .ion-ios7-cloudy:before, .ion-ios7-cloudy-night:before, .ion-ios7-cloudy-night-outline:before, .ion-ios7-cloudy-outline:before, .ion-ios7-cog:before, .ion-ios7-cog-outline:before, .ion-ios7-compose:before, .ion-ios7-compose-outline:before, .ion-ios7-contact:before, .ion-ios7-contact-outline:before, .ion-ios7-copy:before, .ion-ios7-copy-outline:before, .ion-ios7-download:before, .ion-ios7-download-outline:before, .ion-ios7-drag:before, .ion-ios7-email:before, .ion-ios7-email-outline:before, .ion-ios7-expand:before, .ion-ios7-eye:before, .ion-ios7-eye-outline:before, .ion-ios7-fastforward:before, .ion-ios7-fastforward-outline:before, .ion-ios7-filing:before, .ion-ios7-filing-outline:before, .ion-ios7-film:before, .ion-ios7-film-outline:before, .ion-ios7-flag:before, .ion-ios7-flag-outline:before, .ion-ios7-folder:before, .ion-ios7-folder-outline:before, .ion-ios7-football:before, .ion-ios7-football-outline:before, .ion-ios7-gear:before, .ion-ios7-gear-outline:before, .ion-ios7-glasses:before, .ion-ios7-glasses-outline:before, .ion-ios7-heart:before, .ion-ios7-heart-outline:before, .ion-ios7-help:before, .ion-ios7-help-empty:before, .ion-ios7-help-outline:before, .ion-ios7-home:before, .ion-ios7-home-outline:before, .ion-ios7-infinite:before, .ion-ios7-infinite-outline:before, .ion-ios7-information:before, .ion-ios7-information-empty:before, .ion-ios7-information-outline:before, .ion-ios7-ionic-outline:before, .ion-ios7-keypad:before, .ion-ios7-keypad-outline:before, .ion-ios7-lightbulb:before, .ion-ios7-lightbulb-outline:before, .ion-ios7-location:before, .ion-ios7-location-outline:before, .ion-ios7-locked:before, .ion-ios7-locked-outline:before, .ion-ios7-loop:before, .ion-ios7-loop-strong:before, .ion-ios7-medkit:before, .ion-ios7-medkit-outline:before, .ion-ios7-mic:before, .ion-ios7-mic-off:before, .ion-ios7-mic-outline:before, .ion-ios7-minus:before, .ion-ios7-minus-empty:before, .ion-ios7-minus-outline:before, .ion-ios7-monitor:before, .ion-ios7-monitor-outline:before, .ion-ios7-moon:before, .ion-ios7-moon-outline:before, .ion-ios7-more:before, .ion-ios7-more-outline:before, .ion-ios7-musical-note:before, .ion-ios7-musical-notes:before, .ion-ios7-navigate:before, .ion-ios7-navigate-outline:before, .ion-ios7-paper:before, .ion-ios7-paper-outline:before, .ion-ios7-paperplane:before, .ion-ios7-paperplane-outline:before, .ion-ios7-partlysunny:before, .ion-ios7-partlysunny-outline:before, .ion-ios7-pause:before, .ion-ios7-pause-outline:before, .ion-ios7-paw:before, .ion-ios7-paw-outline:before, .ion-ios7-people:before, .ion-ios7-people-outline:before, .ion-ios7-person:before, .ion-ios7-person-outline:before, .ion-ios7-personadd:before, .ion-ios7-personadd-outline:before, .ion-ios7-photos:before, .ion-ios7-photos-outline:before, .ion-ios7-pie:before, .ion-ios7-pie-outline:before, .ion-ios7-play:before, .ion-ios7-play-outline:before, .ion-ios7-plus:before, .ion-ios7-plus-empty:before, .ion-ios7-plus-outline:before, .ion-ios7-pricetag:before, .ion-ios7-pricetag-outline:before, .ion-ios7-pricetags:before, .ion-ios7-pricetags-outline:before, .ion-ios7-printer:before, .ion-ios7-printer-outline:before, .ion-ios7-pulse:before, .ion-ios7-pulse-strong:before, .ion-ios7-rainy:before, .ion-ios7-rainy-outline:before, .ion-ios7-recording:before, .ion-ios7-recording-outline:before, .ion-ios7-redo:before, .ion-ios7-redo-outline:before, .ion-ios7-refresh:before, .ion-ios7-refresh-empty:before, .ion-ios7-refresh-outline:before, .ion-ios7-reload:before, .ion-ios7-reloading:before, .ion-ios7-reverse-camera:before, .ion-ios7-reverse-camera-outline:before, .ion-ios7-rewind:before, .ion-ios7-rewind-outline:before, .ion-ios7-search:before, .ion-ios7-search-strong:before, .ion-ios7-settings:before, .ion-ios7-settings-strong:before, .ion-ios7-shrink:before, .ion-ios7-skipbackward:before, .ion-ios7-skipbackward-outline:before, .ion-ios7-skipforward:before, .ion-ios7-skipforward-outline:before, .ion-ios7-snowy:before, .ion-ios7-speedometer:before, .ion-ios7-speedometer-outline:before, .ion-ios7-star:before, .ion-ios7-star-half:before, .ion-ios7-star-outline:before, .ion-ios7-stopwatch:before, .ion-ios7-stopwatch-outline:before, .ion-ios7-sunny:before, .ion-ios7-sunny-outline:before, .ion-ios7-telephone:before, .ion-ios7-telephone-outline:before, .ion-ios7-tennisball:before, .ion-ios7-tennisball-outline:before, .ion-ios7-thunderstorm:before, .ion-ios7-thunderstorm-outline:before, .ion-ios7-time:before, .ion-ios7-time-outline:before, .ion-ios7-timer:before, .ion-ios7-timer-outline:before, .ion-ios7-toggle:before, .ion-ios7-toggle-outline:before, .ion-ios7-trash:before, .ion-ios7-trash-outline:before, .ion-ios7-undo:before, .ion-ios7-undo-outline:before, .ion-ios7-unlocked:before, .ion-ios7-unlocked-outline:before, .ion-ios7-upload:before, .ion-ios7-upload-outline:before, .ion-ios7-videocam:before, .ion-ios7-videocam-outline:before, .ion-ios7-volume-high:before, .ion-ios7-volume-low:before, .ion-ios7-wineglass:before, .ion-ios7-wineglass-outline:before, .ion-ios7-world:before, .ion-ios7-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-loading-a:before, .ion-load-b:before, .ion-loading-b:before, .ion-load-c:before, .ion-loading-c:before, .ion-load-d:before, .ion-loading-d:before, .ion-location:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-looping:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-refreshing:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ion-spin, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading { -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }

@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); } }
@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); } }
@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); } }
@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); } }
.ion-loading-a { -webkit-animation-timing-function: steps(8, start); -moz-animation-timing-function: steps(8, start); animation-timing-function: steps(8, start); }

.ion-alert:before { content: "\f101"; }

.ion-alert-circled:before { content: "\f100"; }

.ion-android-add:before { content: "\f2c7"; }

.ion-android-add-contact:before { content: "\f2c6"; }

.ion-android-alarm:before { content: "\f2c8"; }

.ion-android-archive:before { content: "\f2c9"; }

.ion-android-arrow-back:before { content: "\f2ca"; }

.ion-android-arrow-down-left:before { content: "\f2cb"; }

.ion-android-arrow-down-right:before { content: "\f2cc"; }

.ion-android-arrow-forward:before { content: "\f30f"; }

.ion-android-arrow-up-left:before { content: "\f2cd"; }

.ion-android-arrow-up-right:before { content: "\f2ce"; }

.ion-android-battery:before { content: "\f2cf"; }

.ion-android-book:before { content: "\f2d0"; }

.ion-android-calendar:before { content: "\f2d1"; }

.ion-android-call:before { content: "\f2d2"; }

.ion-android-camera:before { content: "\f2d3"; }

.ion-android-chat:before { content: "\f2d4"; }

.ion-android-checkmark:before { content: "\f2d5"; }

.ion-android-clock:before { content: "\f2d6"; }

.ion-android-close:before { content: "\f2d7"; }

.ion-android-contact:before { content: "\f2d8"; }

.ion-android-contacts:before { content: "\f2d9"; }

.ion-android-data:before { content: "\f2da"; }

.ion-android-developer:before { content: "\f2db"; }

.ion-android-display:before { content: "\f2dc"; }

.ion-android-download:before { content: "\f2dd"; }

.ion-android-drawer:before { content: "\f310"; }

.ion-android-dropdown:before { content: "\f2de"; }

.ion-android-earth:before { content: "\f2df"; }

.ion-android-folder:before { content: "\f2e0"; }

.ion-android-forums:before { content: "\f2e1"; }

.ion-android-friends:before { content: "\f2e2"; }

.ion-android-hand:before { content: "\f2e3"; }

.ion-android-image:before { content: "\f2e4"; }

.ion-android-inbox:before { content: "\f2e5"; }

.ion-android-information:before { content: "\f2e6"; }

.ion-android-keypad:before { content: "\f2e7"; }

.ion-android-lightbulb:before { content: "\f2e8"; }

.ion-android-locate:before { content: "\f2e9"; }

.ion-android-location:before { content: "\f2ea"; }

.ion-android-mail:before { content: "\f2eb"; }

.ion-android-microphone:before { content: "\f2ec"; }

.ion-android-mixer:before { content: "\f2ed"; }

.ion-android-more:before { content: "\f2ee"; }

.ion-android-note:before { content: "\f2ef"; }

.ion-android-playstore:before { content: "\f2f0"; }

.ion-android-printer:before { content: "\f2f1"; }

.ion-android-promotion:before { content: "\f2f2"; }

.ion-android-reminder:before { content: "\f2f3"; }

.ion-android-remove:before { content: "\f2f4"; }

.ion-android-search:before { content: "\f2f5"; }

.ion-android-send:before { content: "\f2f6"; }

.ion-android-settings:before { content: "\f2f7"; }

.ion-android-share:before { content: "\f2f8"; }

.ion-android-social:before { content: "\f2fa"; }

.ion-android-social-user:before { content: "\f2f9"; }

.ion-android-sort:before { content: "\f2fb"; }

.ion-android-stair-drawer:before { content: "\f311"; }

.ion-android-star:before { content: "\f2fc"; }

.ion-android-stopwatch:before { content: "\f2fd"; }

.ion-android-storage:before { content: "\f2fe"; }

.ion-android-system-back:before { content: "\f2ff"; }

.ion-android-system-home:before { content: "\f300"; }

.ion-android-system-windows:before { content: "\f301"; }

.ion-android-timer:before { content: "\f302"; }

.ion-android-trash:before { content: "\f303"; }

.ion-android-user-menu:before { content: "\f312"; }

.ion-android-volume:before { content: "\f304"; }

.ion-android-wifi:before { content: "\f305"; }

.ion-aperture:before { content: "\f313"; }

.ion-archive:before { content: "\f102"; }

.ion-arrow-down-a:before { content: "\f103"; }

.ion-arrow-down-b:before { content: "\f104"; }

.ion-arrow-down-c:before { content: "\f105"; }

.ion-arrow-expand:before { content: "\f25e"; }

.ion-arrow-graph-down-left:before { content: "\f25f"; }

.ion-arrow-graph-down-right:before { content: "\f260"; }

.ion-arrow-graph-up-left:before { content: "\f261"; }

.ion-arrow-graph-up-right:before { content: "\f262"; }

.ion-arrow-left-a:before { content: "\f106"; }

.ion-arrow-left-b:before { content: "\f107"; }

.ion-arrow-left-c:before { content: "\f108"; }

.ion-arrow-move:before { content: "\f263"; }

.ion-arrow-resize:before { content: "\f264"; }

.ion-arrow-return-left:before { content: "\f265"; }

.ion-arrow-return-right:before { content: "\f266"; }

.ion-arrow-right-a:before { content: "\f109"; }

.ion-arrow-right-b:before { content: "\f10a"; }

.ion-arrow-right-c:before { content: "\f10b"; }

.ion-arrow-shrink:before { content: "\f267"; }

.ion-arrow-swap:before { content: "\f268"; }

.ion-arrow-up-a:before { content: "\f10c"; }

.ion-arrow-up-b:before { content: "\f10d"; }

.ion-arrow-up-c:before { content: "\f10e"; }

.ion-asterisk:before { content: "\f314"; }

.ion-at:before { content: "\f10f"; }

.ion-bag:before { content: "\f110"; }

.ion-battery-charging:before { content: "\f111"; }

.ion-battery-empty:before { content: "\f112"; }

.ion-battery-full:before { content: "\f113"; }

.ion-battery-half:before { content: "\f114"; }

.ion-battery-low:before { content: "\f115"; }

.ion-beaker:before { content: "\f269"; }

.ion-beer:before { content: "\f26a"; }

.ion-bluetooth:before { content: "\f116"; }

.ion-bonfire:before { content: "\f315"; }

.ion-bookmark:before { content: "\f26b"; }

.ion-briefcase:before { content: "\f26c"; }

.ion-bug:before { content: "\f2be"; }

.ion-calculator:before { content: "\f26d"; }

.ion-calendar:before { content: "\f117"; }

.ion-camera:before { content: "\f118"; }

.ion-card:before { content: "\f119"; }

.ion-cash:before { content: "\f316"; }

.ion-chatbox:before { content: "\f11b"; }

.ion-chatbox-working:before { content: "\f11a"; }

.ion-chatboxes:before { content: "\f11c"; }

.ion-chatbubble:before { content: "\f11e"; }

.ion-chatbubble-working:before { content: "\f11d"; }

.ion-chatbubbles:before { content: "\f11f"; }

.ion-checkmark:before { content: "\f122"; }

.ion-checkmark-circled:before { content: "\f120"; }

.ion-checkmark-round:before { content: "\f121"; }

.ion-chevron-down:before { content: "\f123"; }

.ion-chevron-left:before { content: "\f124"; }

.ion-chevron-right:before { content: "\f125"; }

.ion-chevron-up:before { content: "\f126"; }

.ion-clipboard:before { content: "\f127"; }

.ion-clock:before { content: "\f26e"; }

.ion-close:before { content: "\f12a"; }

.ion-close-circled:before { content: "\f128"; }

.ion-close-round:before { content: "\f129"; }

.ion-closed-captioning:before { content: "\f317"; }

.ion-cloud:before { content: "\f12b"; }

.ion-code:before { content: "\f271"; }

.ion-code-download:before { content: "\f26f"; }

.ion-code-working:before { content: "\f270"; }

.ion-coffee:before { content: "\f272"; }

.ion-compass:before { content: "\f273"; }

.ion-compose:before { content: "\f12c"; }

.ion-connection-bars:before { content: "\f274"; }

.ion-contrast:before { content: "\f275"; }

.ion-cube:before { content: "\f318"; }

.ion-disc:before { content: "\f12d"; }

.ion-document:before { content: "\f12f"; }

.ion-document-text:before { content: "\f12e"; }

.ion-drag:before { content: "\f130"; }

.ion-earth:before { content: "\f276"; }

.ion-edit:before { content: "\f2bf"; }

.ion-egg:before { content: "\f277"; }

.ion-eject:before { content: "\f131"; }

.ion-email:before { content: "\f132"; }

.ion-eye:before { content: "\f133"; }

.ion-eye-disabled:before { content: "\f306"; }

.ion-female:before { content: "\f278"; }

.ion-filing:before { content: "\f134"; }

.ion-film-marker:before { content: "\f135"; }

.ion-fireball:before { content: "\f319"; }

.ion-flag:before { content: "\f279"; }

.ion-flame:before { content: "\f31a"; }

.ion-flash:before { content: "\f137"; }

.ion-flash-off:before { content: "\f136"; }

.ion-flask:before { content: "\f138"; }

.ion-folder:before { content: "\f139"; }

.ion-fork:before { content: "\f27a"; }

.ion-fork-repo:before { content: "\f2c0"; }

.ion-forward:before { content: "\f13a"; }

.ion-funnel:before { content: "\f31b"; }

.ion-game-controller-a:before { content: "\f13b"; }

.ion-game-controller-b:before { content: "\f13c"; }

.ion-gear-a:before { content: "\f13d"; }

.ion-gear-b:before { content: "\f13e"; }

.ion-grid:before { content: "\f13f"; }

.ion-hammer:before { content: "\f27b"; }

.ion-happy:before { content: "\f31c"; }

.ion-headphone:before { content: "\f140"; }

.ion-heart:before { content: "\f141"; }

.ion-heart-broken:before { content: "\f31d"; }

.ion-help:before { content: "\f143"; }

.ion-help-buoy:before { content: "\f27c"; }

.ion-help-circled:before { content: "\f142"; }

.ion-home:before { content: "\f144"; }

.ion-icecream:before { content: "\f27d"; }

.ion-icon-social-google-plus:before { content: "\f146"; }

.ion-icon-social-google-plus-outline:before { content: "\f145"; }

.ion-image:before { content: "\f147"; }

.ion-images:before { content: "\f148"; }

.ion-information:before { content: "\f14a"; }

.ion-information-circled:before { content: "\f149"; }

.ion-ionic:before { content: "\f14b"; }

.ion-ios7-alarm:before { content: "\f14d"; }

.ion-ios7-alarm-outline:before { content: "\f14c"; }

.ion-ios7-albums:before { content: "\f14f"; }

.ion-ios7-albums-outline:before { content: "\f14e"; }

.ion-ios7-americanfootball:before { content: "\f31f"; }

.ion-ios7-americanfootball-outline:before { content: "\f31e"; }

.ion-ios7-analytics:before { content: "\f321"; }

.ion-ios7-analytics-outline:before { content: "\f320"; }

.ion-ios7-arrow-back:before { content: "\f150"; }

.ion-ios7-arrow-down:before { content: "\f151"; }

.ion-ios7-arrow-forward:before { content: "\f152"; }

.ion-ios7-arrow-left:before { content: "\f153"; }

.ion-ios7-arrow-right:before { content: "\f154"; }

.ion-ios7-arrow-thin-down:before { content: "\f27e"; }

.ion-ios7-arrow-thin-left:before { content: "\f27f"; }

.ion-ios7-arrow-thin-right:before { content: "\f280"; }

.ion-ios7-arrow-thin-up:before { content: "\f281"; }

.ion-ios7-arrow-up:before { content: "\f155"; }

.ion-ios7-at:before { content: "\f157"; }

.ion-ios7-at-outline:before { content: "\f156"; }

.ion-ios7-barcode:before { content: "\f323"; }

.ion-ios7-barcode-outline:before { content: "\f322"; }

.ion-ios7-baseball:before { content: "\f325"; }

.ion-ios7-baseball-outline:before { content: "\f324"; }

.ion-ios7-basketball:before { content: "\f327"; }

.ion-ios7-basketball-outline:before { content: "\f326"; }

.ion-ios7-bell:before { content: "\f159"; }

.ion-ios7-bell-outline:before { content: "\f158"; }

.ion-ios7-bolt:before { content: "\f15b"; }

.ion-ios7-bolt-outline:before { content: "\f15a"; }

.ion-ios7-bookmarks:before { content: "\f15d"; }

.ion-ios7-bookmarks-outline:before { content: "\f15c"; }

.ion-ios7-box:before { content: "\f15f"; }

.ion-ios7-box-outline:before { content: "\f15e"; }

.ion-ios7-briefcase:before { content: "\f283"; }

.ion-ios7-briefcase-outline:before { content: "\f282"; }

.ion-ios7-browsers:before { content: "\f161"; }

.ion-ios7-browsers-outline:before { content: "\f160"; }

.ion-ios7-calculator:before { content: "\f285"; }

.ion-ios7-calculator-outline:before { content: "\f284"; }

.ion-ios7-calendar:before { content: "\f163"; }

.ion-ios7-calendar-outline:before { content: "\f162"; }

.ion-ios7-camera:before { content: "\f165"; }

.ion-ios7-camera-outline:before { content: "\f164"; }

.ion-ios7-cart:before { content: "\f167"; }

.ion-ios7-cart-outline:before { content: "\f166"; }

.ion-ios7-chatboxes:before { content: "\f169"; }

.ion-ios7-chatboxes-outline:before { content: "\f168"; }

.ion-ios7-chatbubble:before { content: "\f16b"; }

.ion-ios7-chatbubble-outline:before { content: "\f16a"; }

.ion-ios7-checkmark:before { content: "\f16e"; }

.ion-ios7-checkmark-empty:before { content: "\f16c"; }

.ion-ios7-checkmark-outline:before { content: "\f16d"; }

.ion-ios7-circle-filled:before { content: "\f16f"; }

.ion-ios7-circle-outline:before { content: "\f170"; }

.ion-ios7-clock:before { content: "\f172"; }

.ion-ios7-clock-outline:before { content: "\f171"; }

.ion-ios7-close:before { content: "\f2bc"; }

.ion-ios7-close-empty:before { content: "\f2bd"; }

.ion-ios7-close-outline:before { content: "\f2bb"; }

.ion-ios7-cloud:before { content: "\f178"; }

.ion-ios7-cloud-download:before { content: "\f174"; }

.ion-ios7-cloud-download-outline:before { content: "\f173"; }

.ion-ios7-cloud-outline:before { content: "\f175"; }

.ion-ios7-cloud-upload:before { content: "\f177"; }

.ion-ios7-cloud-upload-outline:before { content: "\f176"; }

.ion-ios7-cloudy:before { content: "\f17a"; }

.ion-ios7-cloudy-night:before { content: "\f308"; }

.ion-ios7-cloudy-night-outline:before { content: "\f307"; }

.ion-ios7-cloudy-outline:before { content: "\f179"; }

.ion-ios7-cog:before { content: "\f17c"; }

.ion-ios7-cog-outline:before { content: "\f17b"; }

.ion-ios7-compose:before { content: "\f17e"; }

.ion-ios7-compose-outline:before { content: "\f17d"; }

.ion-ios7-contact:before { content: "\f180"; }

.ion-ios7-contact-outline:before { content: "\f17f"; }

.ion-ios7-copy:before { content: "\f182"; }

.ion-ios7-copy-outline:before { content: "\f181"; }

.ion-ios7-download:before { content: "\f184"; }

.ion-ios7-download-outline:before { content: "\f183"; }

.ion-ios7-drag:before { content: "\f185"; }

.ion-ios7-email:before { content: "\f187"; }

.ion-ios7-email-outline:before { content: "\f186"; }

.ion-ios7-expand:before { content: "\f30d"; }

.ion-ios7-eye:before { content: "\f189"; }

.ion-ios7-eye-outline:before { content: "\f188"; }

.ion-ios7-fastforward:before { content: "\f18b"; }

.ion-ios7-fastforward-outline:before { content: "\f18a"; }

.ion-ios7-filing:before { content: "\f18d"; }

.ion-ios7-filing-outline:before { content: "\f18c"; }

.ion-ios7-film:before { content: "\f18f"; }

.ion-ios7-film-outline:before { content: "\f18e"; }

.ion-ios7-flag:before { content: "\f191"; }

.ion-ios7-flag-outline:before { content: "\f190"; }

.ion-ios7-folder:before { content: "\f193"; }

.ion-ios7-folder-outline:before { content: "\f192"; }

.ion-ios7-football:before { content: "\f329"; }

.ion-ios7-football-outline:before { content: "\f328"; }

.ion-ios7-gear:before { content: "\f195"; }

.ion-ios7-gear-outline:before { content: "\f194"; }

.ion-ios7-glasses:before { content: "\f197"; }

.ion-ios7-glasses-outline:before { content: "\f196"; }

.ion-ios7-heart:before { content: "\f199"; }

.ion-ios7-heart-outline:before { content: "\f198"; }

.ion-ios7-help:before { content: "\f19c"; }

.ion-ios7-help-empty:before { content: "\f19a"; }

.ion-ios7-help-outline:before { content: "\f19b"; }

.ion-ios7-home:before { content: "\f32b"; }

.ion-ios7-home-outline:before { content: "\f32a"; }

.ion-ios7-infinite:before { content: "\f19e"; }

.ion-ios7-infinite-outline:before { content: "\f19d"; }

.ion-ios7-information:before { content: "\f1a1"; }

.ion-ios7-information-empty:before { content: "\f19f"; }

.ion-ios7-information-outline:before { content: "\f1a0"; }

.ion-ios7-ionic-outline:before { content: "\f1a2"; }

.ion-ios7-keypad:before { content: "\f1a4"; }

.ion-ios7-keypad-outline:before { content: "\f1a3"; }

.ion-ios7-lightbulb:before { content: "\f287"; }

.ion-ios7-lightbulb-outline:before { content: "\f286"; }

.ion-ios7-location:before { content: "\f1a6"; }

.ion-ios7-location-outline:before { content: "\f1a5"; }

.ion-ios7-locked:before { content: "\f1a8"; }

.ion-ios7-locked-outline:before { content: "\f1a7"; }

.ion-ios7-loop:before { content: "\f32d"; }

.ion-ios7-loop-strong:before { content: "\f32c"; }

.ion-ios7-medkit:before { content: "\f289"; }

.ion-ios7-medkit-outline:before { content: "\f288"; }

.ion-ios7-mic:before { content: "\f1ab"; }

.ion-ios7-mic-off:before { content: "\f1a9"; }

.ion-ios7-mic-outline:before { content: "\f1aa"; }

.ion-ios7-minus:before { content: "\f1ae"; }

.ion-ios7-minus-empty:before { content: "\f1ac"; }

.ion-ios7-minus-outline:before { content: "\f1ad"; }

.ion-ios7-monitor:before { content: "\f1b0"; }

.ion-ios7-monitor-outline:before { content: "\f1af"; }

.ion-ios7-moon:before { content: "\f1b2"; }

.ion-ios7-moon-outline:before { content: "\f1b1"; }

.ion-ios7-more:before { content: "\f1b4"; }

.ion-ios7-more-outline:before { content: "\f1b3"; }

.ion-ios7-musical-note:before { content: "\f1b5"; }

.ion-ios7-musical-notes:before { content: "\f1b6"; }

.ion-ios7-navigate:before { content: "\f1b8"; }

.ion-ios7-navigate-outline:before { content: "\f1b7"; }

.ion-ios7-paper:before { content: "\f32f"; }

.ion-ios7-paper-outline:before { content: "\f32e"; }

.ion-ios7-paperplane:before { content: "\f1ba"; }

.ion-ios7-paperplane-outline:before { content: "\f1b9"; }

.ion-ios7-partlysunny:before { content: "\f1bc"; }

.ion-ios7-partlysunny-outline:before { content: "\f1bb"; }

.ion-ios7-pause:before { content: "\f1be"; }

.ion-ios7-pause-outline:before { content: "\f1bd"; }

.ion-ios7-paw:before { content: "\f331"; }

.ion-ios7-paw-outline:before { content: "\f330"; }

.ion-ios7-people:before { content: "\f1c0"; }

.ion-ios7-people-outline:before { content: "\f1bf"; }

.ion-ios7-person:before { content: "\f1c2"; }

.ion-ios7-person-outline:before { content: "\f1c1"; }

.ion-ios7-personadd:before { content: "\f1c4"; }

.ion-ios7-personadd-outline:before { content: "\f1c3"; }

.ion-ios7-photos:before { content: "\f1c6"; }

.ion-ios7-photos-outline:before { content: "\f1c5"; }

.ion-ios7-pie:before { content: "\f28b"; }

.ion-ios7-pie-outline:before { content: "\f28a"; }

.ion-ios7-play:before { content: "\f1c8"; }

.ion-ios7-play-outline:before { content: "\f1c7"; }

.ion-ios7-plus:before { content: "\f1cb"; }

.ion-ios7-plus-empty:before { content: "\f1c9"; }

.ion-ios7-plus-outline:before { content: "\f1ca"; }

.ion-ios7-pricetag:before { content: "\f28d"; }

.ion-ios7-pricetag-outline:before { content: "\f28c"; }

.ion-ios7-pricetags:before { content: "\f333"; }

.ion-ios7-pricetags-outline:before { content: "\f332"; }

.ion-ios7-printer:before { content: "\f1cd"; }

.ion-ios7-printer-outline:before { content: "\f1cc"; }

.ion-ios7-pulse:before { content: "\f335"; }

.ion-ios7-pulse-strong:before { content: "\f334"; }

.ion-ios7-rainy:before { content: "\f1cf"; }

.ion-ios7-rainy-outline:before { content: "\f1ce"; }

.ion-ios7-recording:before { content: "\f1d1"; }

.ion-ios7-recording-outline:before { content: "\f1d0"; }

.ion-ios7-redo:before { content: "\f1d3"; }

.ion-ios7-redo-outline:before { content: "\f1d2"; }

.ion-ios7-refresh:before { content: "\f1d6"; }

.ion-ios7-refresh-empty:before { content: "\f1d4"; }

.ion-ios7-refresh-outline:before { content: "\f1d5"; }

.ion-ios7-reload:before, .ion-ios7-reloading:before { content: "\f28e"; }

.ion-ios7-reverse-camera:before { content: "\f337"; }

.ion-ios7-reverse-camera-outline:before { content: "\f336"; }

.ion-ios7-rewind:before { content: "\f1d8"; }

.ion-ios7-rewind-outline:before { content: "\f1d7"; }

.ion-ios7-search:before { content: "\f1da"; }

.ion-ios7-search-strong:before { content: "\f1d9"; }

.ion-ios7-settings:before { content: "\f339"; }

.ion-ios7-settings-strong:before { content: "\f338"; }

.ion-ios7-shrink:before { content: "\f30e"; }

.ion-ios7-skipbackward:before { content: "\f1dc"; }

.ion-ios7-skipbackward-outline:before { content: "\f1db"; }

.ion-ios7-skipforward:before { content: "\f1de"; }

.ion-ios7-skipforward-outline:before { content: "\f1dd"; }

.ion-ios7-snowy:before { content: "\f309"; }

.ion-ios7-speedometer:before { content: "\f290"; }

.ion-ios7-speedometer-outline:before { content: "\f28f"; }

.ion-ios7-star:before { content: "\f1e0"; }

.ion-ios7-star-half:before { content: "\f33a"; }

.ion-ios7-star-outline:before { content: "\f1df"; }

.ion-ios7-stopwatch:before { content: "\f1e2"; }

.ion-ios7-stopwatch-outline:before { content: "\f1e1"; }

.ion-ios7-sunny:before { content: "\f1e4"; }

.ion-ios7-sunny-outline:before { content: "\f1e3"; }

.ion-ios7-telephone:before { content: "\f1e6"; }

.ion-ios7-telephone-outline:before { content: "\f1e5"; }

.ion-ios7-tennisball:before { content: "\f33c"; }

.ion-ios7-tennisball-outline:before { content: "\f33b"; }

.ion-ios7-thunderstorm:before { content: "\f1e8"; }

.ion-ios7-thunderstorm-outline:before { content: "\f1e7"; }

.ion-ios7-time:before { content: "\f292"; }

.ion-ios7-time-outline:before { content: "\f291"; }

.ion-ios7-timer:before { content: "\f1ea"; }

.ion-ios7-timer-outline:before { content: "\f1e9"; }

.ion-ios7-toggle:before { content: "\f33e"; }

.ion-ios7-toggle-outline:before { content: "\f33d"; }

.ion-ios7-trash:before { content: "\f1ec"; }

.ion-ios7-trash-outline:before { content: "\f1eb"; }

.ion-ios7-undo:before { content: "\f1ee"; }

.ion-ios7-undo-outline:before { content: "\f1ed"; }

.ion-ios7-unlocked:before { content: "\f1f0"; }

.ion-ios7-unlocked-outline:before { content: "\f1ef"; }

.ion-ios7-upload:before { content: "\f1f2"; }

.ion-ios7-upload-outline:before { content: "\f1f1"; }

.ion-ios7-videocam:before { content: "\f1f4"; }

.ion-ios7-videocam-outline:before { content: "\f1f3"; }

.ion-ios7-volume-high:before { content: "\f1f5"; }

.ion-ios7-volume-low:before { content: "\f1f6"; }

.ion-ios7-wineglass:before { content: "\f294"; }

.ion-ios7-wineglass-outline:before { content: "\f293"; }

.ion-ios7-world:before { content: "\f1f8"; }

.ion-ios7-world-outline:before { content: "\f1f7"; }

.ion-ipad:before { content: "\f1f9"; }

.ion-iphone:before { content: "\f1fa"; }

.ion-ipod:before { content: "\f1fb"; }

.ion-jet:before { content: "\f295"; }

.ion-key:before { content: "\f296"; }

.ion-knife:before { content: "\f297"; }

.ion-laptop:before { content: "\f1fc"; }

.ion-leaf:before { content: "\f1fd"; }

.ion-levels:before { content: "\f298"; }

.ion-lightbulb:before { content: "\f299"; }

.ion-link:before { content: "\f1fe"; }

.ion-load-a:before, .ion-loading-a:before { content: "\f29a"; }

.ion-load-b:before, .ion-loading-b:before { content: "\f29b"; }

.ion-load-c:before, .ion-loading-c:before { content: "\f29c"; }

.ion-load-d:before, .ion-loading-d:before { content: "\f29d"; }

.ion-location:before { content: "\f1ff"; }

.ion-locked:before { content: "\f200"; }

.ion-log-in:before { content: "\f29e"; }

.ion-log-out:before { content: "\f29f"; }

.ion-loop:before, .ion-looping:before { content: "\f201"; }

.ion-magnet:before { content: "\f2a0"; }

.ion-male:before { content: "\f2a1"; }

.ion-man:before { content: "\f202"; }

.ion-map:before { content: "\f203"; }

.ion-medkit:before { content: "\f2a2"; }

.ion-merge:before { content: "\f33f"; }

.ion-mic-a:before { content: "\f204"; }

.ion-mic-b:before { content: "\f205"; }

.ion-mic-c:before { content: "\f206"; }

.ion-minus:before { content: "\f209"; }

.ion-minus-circled:before { content: "\f207"; }

.ion-minus-round:before { content: "\f208"; }

.ion-model-s:before { content: "\f2c1"; }

.ion-monitor:before { content: "\f20a"; }

.ion-more:before { content: "\f20b"; }

.ion-mouse:before { content: "\f340"; }

.ion-music-note:before { content: "\f20c"; }

.ion-navicon:before { content: "\f20e"; }

.ion-navicon-round:before { content: "\f20d"; }

.ion-navigate:before { content: "\f2a3"; }

.ion-network:before { content: "\f341"; }

.ion-no-smoking:before { content: "\f2c2"; }

.ion-nuclear:before { content: "\f2a4"; }

.ion-outlet:before { content: "\f342"; }

.ion-paper-airplane:before { content: "\f2c3"; }

.ion-paperclip:before { content: "\f20f"; }

.ion-pause:before { content: "\f210"; }

.ion-person:before { content: "\f213"; }

.ion-person-add:before { content: "\f211"; }

.ion-person-stalker:before { content: "\f212"; }

.ion-pie-graph:before { content: "\f2a5"; }

.ion-pin:before { content: "\f2a6"; }

.ion-pinpoint:before { content: "\f2a7"; }

.ion-pizza:before { content: "\f2a8"; }

.ion-plane:before { content: "\f214"; }

.ion-planet:before { content: "\f343"; }

.ion-play:before { content: "\f215"; }

.ion-playstation:before { content: "\f30a"; }

.ion-plus:before { content: "\f218"; }

.ion-plus-circled:before { content: "\f216"; }

.ion-plus-round:before { content: "\f217"; }

.ion-podium:before { content: "\f344"; }

.ion-pound:before { content: "\f219"; }

.ion-power:before { content: "\f2a9"; }

.ion-pricetag:before { content: "\f2aa"; }

.ion-pricetags:before { content: "\f2ab"; }

.ion-printer:before { content: "\f21a"; }

.ion-pull-request:before { content: "\f345"; }

.ion-qr-scanner:before { content: "\f346"; }

.ion-quote:before { content: "\f347"; }

.ion-radio-waves:before { content: "\f2ac"; }

.ion-record:before { content: "\f21b"; }

.ion-refresh:before, .ion-refreshing:before { content: "\f21c"; }

.ion-reply:before { content: "\f21e"; }

.ion-reply-all:before { content: "\f21d"; }

.ion-ribbon-a:before { content: "\f348"; }

.ion-ribbon-b:before { content: "\f349"; }

.ion-sad:before { content: "\f34a"; }

.ion-scissors:before { content: "\f34b"; }

.ion-search:before { content: "\f21f"; }

.ion-settings:before { content: "\f2ad"; }

.ion-share:before { content: "\f220"; }

.ion-shuffle:before { content: "\f221"; }

.ion-skip-backward:before { content: "\f222"; }

.ion-skip-forward:before { content: "\f223"; }

.ion-social-android:before { content: "\f225"; }

.ion-social-android-outline:before { content: "\f224"; }

.ion-social-apple:before { content: "\f227"; }

.ion-social-apple-outline:before { content: "\f226"; }

.ion-social-bitcoin:before { content: "\f2af"; }

.ion-social-bitcoin-outline:before { content: "\f2ae"; }

.ion-social-buffer:before { content: "\f229"; }

.ion-social-buffer-outline:before { content: "\f228"; }

.ion-social-designernews:before { content: "\f22b"; }

.ion-social-designernews-outline:before { content: "\f22a"; }

.ion-social-dribbble:before { content: "\f22d"; }

.ion-social-dribbble-outline:before { content: "\f22c"; }

.ion-social-dropbox:before { content: "\f22f"; }

.ion-social-dropbox-outline:before { content: "\f22e"; }

.ion-social-facebook:before { content: "\f231"; }

.ion-social-facebook-outline:before { content: "\f230"; }

.ion-social-foursquare:before { content: "\f34d"; }

.ion-social-foursquare-outline:before { content: "\f34c"; }

.ion-social-freebsd-devil:before { content: "\f2c4"; }

.ion-social-github:before { content: "\f233"; }

.ion-social-github-outline:before { content: "\f232"; }

.ion-social-google:before { content: "\f34f"; }

.ion-social-google-outline:before { content: "\f34e"; }

.ion-social-googleplus:before { content: "\f235"; }

.ion-social-googleplus-outline:before { content: "\f234"; }

.ion-social-hackernews:before { content: "\f237"; }

.ion-social-hackernews-outline:before { content: "\f236"; }

.ion-social-instagram:before { content: "\f351"; }

.ion-social-instagram-outline:before { content: "\f350"; }

.ion-social-linkedin:before { content: "\f239"; }

.ion-social-linkedin-outline:before { content: "\f238"; }

.ion-social-pinterest:before { content: "\f2b1"; }

.ion-social-pinterest-outline:before { content: "\f2b0"; }

.ion-social-reddit:before { content: "\f23b"; }

.ion-social-reddit-outline:before { content: "\f23a"; }

.ion-social-rss:before { content: "\f23d"; }

.ion-social-rss-outline:before { content: "\f23c"; }

.ion-social-skype:before { content: "\f23f"; }

.ion-social-skype-outline:before { content: "\f23e"; }

.ion-social-tumblr:before { content: "\f241"; }

.ion-social-tumblr-outline:before { content: "\f240"; }

.ion-social-tux:before { content: "\f2c5"; }

.ion-social-twitter:before { content: "\f243"; }

.ion-social-twitter-outline:before { content: "\f242"; }

.ion-social-usd:before { content: "\f353"; }

.ion-social-usd-outline:before { content: "\f352"; }

.ion-social-vimeo:before { content: "\f245"; }

.ion-social-vimeo-outline:before { content: "\f244"; }

.ion-social-windows:before { content: "\f247"; }

.ion-social-windows-outline:before { content: "\f246"; }

.ion-social-wordpress:before { content: "\f249"; }

.ion-social-wordpress-outline:before { content: "\f248"; }

.ion-social-yahoo:before { content: "\f24b"; }

.ion-social-yahoo-outline:before { content: "\f24a"; }

.ion-social-youtube:before { content: "\f24d"; }

.ion-social-youtube-outline:before { content: "\f24c"; }

.ion-speakerphone:before { content: "\f2b2"; }

.ion-speedometer:before { content: "\f2b3"; }

.ion-spoon:before { content: "\f2b4"; }

.ion-star:before { content: "\f24e"; }

.ion-stats-bars:before { content: "\f2b5"; }

.ion-steam:before { content: "\f30b"; }

.ion-stop:before { content: "\f24f"; }

.ion-thermometer:before { content: "\f2b6"; }

.ion-thumbsdown:before { content: "\f250"; }

.ion-thumbsup:before { content: "\f251"; }

.ion-toggle:before { content: "\f355"; }

.ion-toggle-filled:before { content: "\f354"; }

.ion-trash-a:before { content: "\f252"; }

.ion-trash-b:before { content: "\f253"; }

.ion-trophy:before { content: "\f356"; }

.ion-umbrella:before { content: "\f2b7"; }

.ion-university:before { content: "\f357"; }

.ion-unlocked:before { content: "\f254"; }

.ion-upload:before { content: "\f255"; }

.ion-usb:before { content: "\f2b8"; }

.ion-videocamera:before { content: "\f256"; }

.ion-volume-high:before { content: "\f257"; }

.ion-volume-low:before { content: "\f258"; }

.ion-volume-medium:before { content: "\f259"; }

.ion-volume-mute:before { content: "\f25a"; }

.ion-wand:before { content: "\f358"; }

.ion-waterdrop:before { content: "\f25b"; }

.ion-wifi:before { content: "\f25c"; }

.ion-wineglass:before { content: "\f2b9"; }

.ion-woman:before { content: "\f25d"; }

.ion-wrench:before { content: "\f2ba"; }

.ion-xbox:before { content: "\f30c"; }