@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");
  
span.deleteicon {
    position: relative;
    display: inline-flex;
    align-items: center;
}
span.deleteicon span {
    position: absolute;
    display: block;
    right: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    background-color: #ccc;
    font: 13px monospace;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
}
span.deleteicon input {
    padding-right: 18px;
    box-sizing: border-box;
}

.tree-multiselect{
    border:0 !important;
}
.tree-multiselect>.selected>.item>.section-name{
    width: 40%;
    margin-left: auto;
    text-align: end;
}
.tree-multiselect>.selected>.item{
    display: flex;
    align-items: start;
    justify-content: start;
}

.tree-multiselect>.selections>.section>.item{
    display: flex;
    align-items: start;
    width: 100%;
}
.center {
    margin: 0 auto
}

.text-center {
    text-align: center
}

.spacer {
    width: 100%;
    height: 2em
}

.pre-white-space {
    white-space: pre
}

.text-left {
    text-align: left
}

.grid {
    max-width: 800px;
    margin: 0 auto
}

.grid .grid-item {
    width: 50%
}

@media (max-device-width: 400px) {
    .grid .grid-item {
        width: 100%
    }
}

.grid .grid-item .content {
    box-sizing: border-box;
    margin: 0 8px
}

.grid .grid-item .content img {
    width: 100%;
    height: auto
}

.grid .grid-item .content img:hover {
    cursor: pointer
}

.loading-spinner {
    margin: 40px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.loading-spinner .spinner-rect {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    animation: waveStretchDelay 1.2s infinite ease-in-out
}

.loading-spinner .spinner-rect1 {
    animation-delay: -1.2s
}

.loading-spinner .spinner-rect2 {
    animation-delay: -1.1s
}

.loading-spinner .spinner-rect3 {
    animation-delay: -1s
}

.loading-spinner .spinner-rect4 {
    animation-delay: -.9s
}

.loading-spinner .spinner-rect5 {
    animation-delay: -.8s
}

.wrapper {
    flex: 1
}

#page-title {
    text-align: center
}

.highlight {
    background: #fff
}

.highlighter-rouge .highlight {
    background: #eef
}

.highlight .c {
    color: #998;
    font-style: italic
}

.highlight .err {
    color: #a61717;
    background-color: #e3d2d2
}

.highlight .k {
    font-weight: bold
}

.highlight .o {
    font-weight: bold
}

.highlight .cm {
    color: #998;
    font-style: italic
}

.highlight .cp {
    color: #999;
    font-weight: bold
}

.highlight .c1 {
    color: #998;
    font-style: italic
}

.highlight .cs {
    color: #999;
    font-weight: bold;
    font-style: italic
}

.highlight .gd {
    color: #000;
    background-color: #fdd
}

.highlight .gd .x {
    color: #000;
    background-color: #faa
}

.highlight .ge {
    font-style: italic
}

.highlight .gr {
    color: #a00
}

.highlight .gh {
    color: #999
}

.highlight .gi {
    color: #000;
    background-color: #dfd
}

.highlight .gi .x {
    color: #000;
    background-color: #afa
}

.highlight .go {
    color: #888
}

.highlight .gp {
    color: #555
}

.highlight .gs {
    font-weight: bold
}

.highlight .gu {
    color: #aaa
}

.highlight .gt {
    color: #a00
}

.highlight .kc {
    font-weight: bold
}

.highlight .kd {
    font-weight: bold
}

.highlight .kp {
    font-weight: bold
}

.highlight .kr {
    font-weight: bold
}

.highlight .kt {
    color: #458;
    font-weight: bold
}

.highlight .m {
    color: #099
}

.highlight .s {
    color: #d14
}

.highlight .na {
    color: teal
}

.highlight .nb {
    color: #0086B3
}

.highlight .nc {
    color: #458;
    font-weight: bold
}

.highlight .no {
    color: teal
}

.highlight .ni {
    color: purple
}

.highlight .ne {
    color: #900;
    font-weight: bold
}

.highlight .nf {
    color: #900;
    font-weight: bold
}

.highlight .nn {
    color: #555
}

.highlight .nt {
    color: navy
}

.highlight .nv {
    color: teal
}

.highlight .ow {
    font-weight: bold
}

.highlight .w {
    color: #bbb
}

.highlight .mf {
    color: #099
}

.highlight .mh {
    color: #099
}

.highlight .mi {
    color: #099
}

.highlight .mo {
    color: #099
}

.highlight .sb {
    color: #d14
}

.highlight .sc {
    color: #d14
}

.highlight .sd {
    color: #d14
}

.highlight .s2 {
    color: #d14
}

.highlight .se {
    color: #d14
}

.highlight .sh {
    color: #d14
}

.highlight .si {
    color: #d14
}

.highlight .sx {
    color: #d14
}

.highlight .sr {
    color: #009926
}

.highlight .s1 {
    color: #d14
}

.highlight .ss {
    color: #990073
}

.highlight .bp {
    color: #999
}

.highlight .vc {
    color: teal
}

.highlight .vg {
    color: teal
}

.highlight .vi {
    color: teal
}

.highlight .il {
    color: #099
}