body {
    background-color: #eee;
}
main{
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-bottom: 10px;
}
.side-nav .logo-sn {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.side-nav .logo-sn img {
    height: 70px;
}

.side-nav .search-form input[type=text] {
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.accordion .card {
    margin-bottom: 1.2rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
  
  .accordion .card .card-body {
    border-top: 1px solid #eee;
  }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#111!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#111!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#111!important;
}
:-moz-placeholder { /* Firefox 18- */
  color:#111!important;
}
#loader{
    width:100vw;
    height: 100vh;
    position: fixed;
    top:0px;left:0px;
    background: rgba(0,0,0,.7);    
    display: none;
    z-index: 9999;
}
#spinner{
    border: 16px solid rgba(0,0,0,0);   
    border-top: 16px solid #ff8e11;
    border-bottom: 16px solid #0683b2;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin-top:calc(50vh - 60px);
    margin-left: calc(50vw - 60px);
    
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.img-thumbnail{
    float: right;
    width: 100px !important;
}
dd{
    border-bottom: 1px solid #0683b2;
}
textarea.wikiArea{
    height: 70vh;
}
.rounded{
    width: 100px;
    margin: 5px auto;
        border:0px solid #efefef;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0!important;
}
  
.card,.card-block,footer{position:relative}footer{background:#2B5122;width:100%;min-height:100px;color:#fefefe;padding-top:5px}footer a{color:#fdc300!important}footer .row{margin-right:0!important;margin-left:0!important}footer div.middle{height:50px;line-height:50px;vertical-align:middle}footer a.middle,footer span.middle{height:20px;line-height:20px;vertical-align:middle;display:inline-block}footer .glyphicon{padding-right:10px;font-size:20px}footer .footerIcon{display:inline-block;height:20px;padding-right:10px;margin-bottom:10px}footer .footerIcon img{height:20px}footer ul.footerNav li{padding-left:10px;border-left:2px solid #2B5122}footer ul.footerNav li.active,footer ul.footerNav li:hover{border-left:2px solid #fdc300}.footerLogo{background:url(../img/logoMid.png) center center no-repeat;height:30px;width:50px;background-size:50px 30px;display:block;margin-top:10px}.card-container.card{max-width:350px;padding:40px}.avatar,.streak.streak-lg{height:150px}.news img{width:100%;box-shadow:0 0 40px 0 #2B5122;border-radius:4px}.news .col-md-10{padding-top:20px;padding-bottom:20px}.news .col-md-4{padding-top:0}.news h4{color:#2B5122}.news h3,.news h4{margin-top:0!important;margin-bottom:0!important}.card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:0}.card-block{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:80px 1.25rem 1.25rem}.card-footer,.card-header{padding:.75rem 1.25rem;background-color:#f7f7f9}
.avatar{position:absolute;width:300px;left:calc(50% - 150px);top:-75px;display:block;border:0px solid #efefef;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0!important;}.card-title{margin-bottom:.75rem}.card-header,.card-subtitle,.card-text:last-child{margin-bottom:0}.card-subtitle{margin-top:-.375rem}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card>.list-group:first-child .list-group-item:first-child{border-top-right-radius:.25rem;border-top-left-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-header{border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.card-primary{background-color:#0275d8;border-color:#0275d8}.card-primary .card-footer,.card-primary .card-header{background-color:transparent}.card-success{background-color:#5cb85c;border-color:#5cb85c}.card-success .card-footer,.card-success .card-header{background-color:transparent}.card-info{background-color:#5bc0de;border-color:#5bc0de}.card-info .card-footer,.card-info .card-header{background-color:transparent}.card-warning{background-color:#f0ad4e;border-color:#f0ad4e}.card-warning .card-footer,.card-warning .card-header{background-color:transparent}.card-danger{background-color:#d9534f;border-color:#d9534f}.card-danger .card-footer,.card-danger .card-header,.card-outline-danger,.card-outline-info,.card-outline-primary,.card-outline-secondary,.card-outline-success,.card-outline-warning{background-color:transparent}.card-outline-primary{border-color:#0275d8}.card-outline-secondary{border-color:#ccc}.card-outline-info{border-color:#5bc0de}.card-outline-success{border-color:#5cb85c}.card-outline-warning{border-color:#f0ad4e}.card-outline-danger{border-color:#d9534f}.card-inverse{color:rgba(255,255,255,.65)}.card-inverse .card-footer,.card-inverse .card-header{background-color:transparent;border-color:rgba(255,255,255,.2)}.card-inverse .card-blockquote,.card-inverse .card-footer,.card-inverse .card-header,.card-inverse .card-title{color:#fff}.card-inverse .card-blockquote .blockquote-footer,.card-inverse .card-link,.card-inverse .card-subtitle,.card-inverse .card-text{color:rgba(255,255,255,.65)}.card-inverse .card-link:focus,.card-inverse .card-link:hover{color:#fff}.card-blockquote{padding:0;margin-bottom:0;border-left:0}.card-img{border-radius:calc(.25rem - 1px)}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img-top{border-top-right-radius:calc(.25rem - 1px);border-top-left-radius:calc(.25rem - 1px);width:100%}.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}@media (min-width:576px){.card-deck{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-deck .card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.card-deck .card:not(:first-child){margin-left:15px}.card-deck .card:not(:last-child){margin-right:15px}.card-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group .card{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.card-group .card+.card{margin-left:0;border-left:0}.card-group .card:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.card-group .card:first-child .card-img-top{border-top-right-radius:0}.card-group .card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group .card:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.card-group .card:last-child .card-img-top{border-top-left-radius:0}.card-group .card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group .card:not(:first-child):not(:last-child),.card-group .card:not(:first-child):not(:last-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child) .card-img-top{border-radius:0}.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%;margin-bottom:.75rem}}.streak{overflow:hidden;position:relative;display:block;background:#e5e5e5;min-height:150px}.inline-ul-img li img{max-width:100px;margin:8px}.streak.streak-photo{-webkit-background-size:cover;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}

.tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}


li.attachment-element{
    width:30%;
    min-height: 120px ;
    position: relative;
}
div.attachment-element{
    width:100%;
    min-height: 120px ;
}
img.attachment-element{
    width:100px;
    height: 100px;
    float: left;
    padding-right: 10px;
}
div.attachment-element > p{
    padding-left:  10px;
    min-height: 120px ;
}