/*
http://www.opensource.org/licenses/bsd-license.php New BSD License
*/
/* 
    Created on : 2019.08.30., 1:28:25
    Author     : Szincsák András <andras@szincsak.hu>
*/

.contain-wrapper{position:relative;height:90.5vh;}
#content{background:#fff url(../images/loading.gif) center center no-repeat; height:90vh;width:calc(100% - 42px); float:left;position:relative;transition:all .3s ease-in-out;overflow-y:auto;overflow-x:hidden;}
#content.opened{width:calc(80% - 2px);}
#contentIframe{position:absolute;width:100%;height:100%;border:none}
.inner,
.iframe{background:#eee;border:none;padding:10px}
.iframe h1 {text-transform: uppercase;font-size: 1.6em;}
.iframe h2{
  text-transform: uppercase;
  font-size: 1.4em;
  color: #a09f9f;
}
.iframe .content{}
.iframe .info{ width:25%;position:fixed;right:0;top:0;bottom:0; background:#fff;border-left:1px solid  #eee;    padding: 20px 40px 0 20px;    min-height: 80vh;}
.iframe .info h2{    color: #bbb;    margin: 2px 0;;  font-size: .7em; padding: 0;}

.iframe .icons{background:#fff;border-left: 1px solid #eee;;padding: 1px 0;position: absolute;top: 0;bottom: 0;right: 0; width: 35px;}
.iframe .icon{ padding: 10px; text-align: center; color: #aaa!IMportant;; display: block;}
.iframe .icon.active{ background: #f5f5f5!Important;color: #55a6ab!Important;}


.info header{
  color: #aaa;
  border-bottom: 1px solid #d63031;
  margin: -19px 15px 15px -19px;
  padding: 7px 15px;
  background: #f5f5f5;
}

.info .inline-text{ font-size: 1.5em;line-height:1em;    color: #d63031;
                    border: none;
                    outline: none;
                    width:100%;
                    padding: 5px 0;
                    height: auto;
                    resize: auto;   
}
.info .inline-text:focus {display:block;border-bottom:1px solid #d63031; background: #f5f5f5;   min-height: 50px;  resize: auto;  }
.blockStatus{ text-align:right}
.blockStatus .stat{border:none;padding: 3px 10px;    text-transform: uppercase;    font-size: .6em;    border-radius: 5px;}
.stat.stat-1{background:#d63031;color:#fff}
.stat.stat-2{background:#ff9800;color:#000}
.stat.stat-3{background:#4CAF50;color:#fff}


.boxDataset {width: 99%;display: inline-block;    vertical-align: top;border:1px solid #ccc;padding:15px 10px; border-radius:0px;margin:20px 1%}

.boxDataset .image{position: relative;display:block;float:left;width:30%;height:150px;overflow:hidden;max-width:150px;padding-right:10px}
.boxDataset .imagecount{    position: absolute; bottom: 0;    right: 2px;
    background: #d63031e0;
    color: #fff;
    font-size: .6em;
    font-weight: bold;
    padding: 1px 3px;
border:1px solid #ccc}
.boxDataset .image img{max-width: 100%;}
.boxDataset .information{displax:block;margin-left:150px;}
.boxDataset .information .fa{color:#fff;font-size:1.1em;margin:5px}
#subProjectList h2 {font-size: 1.2em;text-transform: uppercase;color: #fff;
    padding: 2px 5px;
    background: #d63031;}
.boxDataset:hover{opacity:.8;background: #fff;}
.boxDataset header{margin: -15px -10px 15px -10px; text-align:right;text-transform: uppercase;   font-size: .7em;padding:5px}
.boxDataset h2 {font-size: 1.2em;text-transform: uppercase;min-height: 46px;}


.boxDataset h3 {font-size: 1em;}

.boxDataset.stat-1{border-color:#ff9800}
.boxDataset.stat-1 header{background:#ff9800;color:#000}

.boxDataset.stat-2{border-color:#4CAF50}
.boxDataset.stat-2 header{background:#4CAF50;color:#fff}

.boxDataset.stat-3{border-color:#d63031}
.boxDataset.stat-3 header{background:#d63031;color:#fff}




.boxInfo{border:1px solid #ccc;padding:15px 10px; border-radius:0px; margin: 20px 0 50px 0;}
.boxInfo i.isempty{color: #e6a0a0;font-size: .6em;
    line-height: 1em;
    display: block;}

.boxInfo.stat-3{border-color:#d63031}
.boxInfo.stat-3 header{background:#d63031;color:#fff}

.boxInfo.stat-1{border-color:#ff9800}
.boxInfo.stat-1 header{background:#ff9800;color:#000}

.boxInfo.stat-2{border-color:#4CAF50}
.boxInfo.stat-2 header{background:#4CAF50;color:#fff}

.boxInfo header{margin: -15px -10px 0px -10px;    font-size: .7em;padding:5px}


.boxInfo footer{background: #b9b9b9;color: #fff;margin: 1px -10px -16px -10px;font-size: .7em;padding: 5px 0; text-transform: uppercase;}

.boxInfo h3 {font-size: 1.4em;font-weight: 600;}

.boxuser{padding:5px;background:#eee;margin-bottom:10px; color: #333;   border:1px solid #ccc;}
.boxuser.role-admin{    background: #597b58; color: #fff;    border-color: #597b58;}
.boxuser h4{font-size:1.1em;margin: 0; }
.boxuser h4 small{display:block;color:#ccc;}

.datarow div.users{padding:0!Important}

.rowuser{padding:2px 2px!Important;font-size:.6em;background:#eee;margin:0 0 3px 0!Important; color: #444;   border:1px solid #fff;}
.rowuser.role-admin{    background: #597b58; color: #fff;}
.rowuser h4{font-size:1.1em;margin: 0;padding:0; }



.datatable tr.stat-3 { background: #d630310d; color: #888;}
.datatable tr.stat-1 { background: #ffd4000d; color: #888;}
.datatable tr.stat-2 { background: #4caf500d; color: #888;}


.blockContent{ width:100%;transition:width .3s ease-in-out;    padding: 0 15px;}
.blockContent.opened{ width:75%}
.blockContent.opened.dataset{ width:80%}
.blockInfo{width:0;height:0;overflow:hidden;transition:width .3s ease-in-out; font-size:.7em;line-height: 1em;background: #dcdcdc; color:#959595;margin-top: -15px;padding:0px;}
.blockInfo.opened{width: 25%;height:91vh;overflow:auto;padding:10px;}
.blockInfo.opened.dataset{width:20%;height:86vh!Important;    margin-top: 0px;}
.blockInfo .card-header{padding:0}
.blockInfo .card-body{padding: 5px;}
.blockInfo h2{color:#444}
.blockInfo h3 {font-size:1.1em;background:#92999c;color: #fff; padding: 5px;    margin: 0;}
.blockInfo h3:after{content: "▼";right: 5px;position: absolute;font-weight: bold;}
.blockInfo h3[aria-expanded="true"]:after{content: "▲";}

.blockInfo .description{ line-height: 1em;background: #eee;padding:0px;margin-bottom:10px;    word-break: break-word;}
.blockInfo ul {list-style:square;padding:1px 15px;}
.blockInfo dl {color: #aaa;line-height: 1em;}
.blockInfo dt{ font-weight: 300;    font-size: .9em; color: #aaa;margin: 0;padding: 0 19px;}
.blockInfo dd{ font-weight: normal; color: #999;margin: 0; padding: 0;}
.blockFixed {height:10vh; vertical-align:top;padding:0;overflow-x: hidden;text-transform: unset;color: #9e9e9e;font-size: .8em; margin: 0 0 12px 0;    white-space: initial!Important;}


.blockDescription {max-height: 0;transition:all .7s ease-in-out;padding:0;overflow: hidden;text-transform: unset;color: #fff;font-size: .8em;background: #aaa; margin: 0 0 12px 0;    white-space: initial!Important;}
.blockDescription.active{max-height: fit-content;;padding: 8px;    background-blend-mode: color-dodge;}

.blockList{margin-top:20px}
.blockList .summary {text-align:right;margin:5px 0;text-transform: none;color: #a7a6a6;    font-size: .8em;}

.blockUsers{}
.blockUser{border: 1px solid #bcbdbc;
    background: #ececec;
    padding: 10px;
    margin-bottom: 10px;
    color: #d63031;}

header .col-4{padding:0}
#popupForm #tree {
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    left: 10px;
    right: 10px;
    bottom: 55px;
    top: 50px;
}

ul.fancytree-container{min-height:300px}

ul.summary {list-style: square; text-align: left; margin-top: 5px; background: #6d7476; padding: 5px 0 5px 20px; color: #fff; font-size: .8em;}