﻿body {}

/*a.button-close, a.button-close:link {margin-left:0.5em;padding:0.4em 0.5em 0 0.6em;display:inline-block;color:#999999;display:none;}

a.button-search, a.button-search:link {margin-left:-3px;padding:0.4em 0.5em 0 1.25em;display:inline-block;color:#bfbfbf;}*/




/* IDs */

#btn-cancel {float:right;margin-right:2.25em;}

#idoc-search form {
    display:flex;
    flex-flow: row nowrap;
    justify-content:flex-start;
}

    #idoc-search form a {
        background: #425968;
        color: #fff;
        border: solid 1px #425968;
    }

#idoc-search form a.button-search, #idoc-search form a.button-close {
    border-bottom-right-radius:0;
    border-top-right-radius:0;    
}

#idoc-search form a.button-close {
    display:none;
}


#idoc-search #key-search {
  background: #fff;
  border: 1px solid #dedede;
  border-left: none;
  font: normal 1.2em "Average Sans",sans-serif;
  width: 100%;
  /*padding: 7px 0% 5px 14%;*/  
  padding-left:1em;
  border-bottom-right-radius:4px;
  border-top-right-radius:4px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#idoc-search #key-search:focus {
    box-shadow: none !important;
}

#iframe-box { border:none;}
#iframe-box, #iframe-search-box { width:99%;min-height:750px; }


 section.flexd {
    justify-content:flex-start !important;
}

/* CLASSES */

.bread-crumb {font-size:small;margin-bottom:0.5em}

    .bread-crumb a, .bread-crumb a:link, .bread-crumb a:visited {
        color: #8DC63F;
        padding: 0.2em 0.4em;
        border-radius: 0.2em;
    }

        .bread-crumb a:active, .bread-crumb a:focus, .bread-crumb a:hover {
            background-color: #8DC63F;
            color: #fff;
        }

.button-print{display:none;font-size:80%}

.content-panel h1 {margin-top:0.75em; }

#idoc-menu {flex:1 0 0;}

#idoc-body {margin-left:2em;width:100%;}

#idoc-body h2 {text-align:left;line-height:1.4;padding-bottom:0.75em;border-bottom:solid 1px #e6e6e6;margin-bottom:1em}

#doc-title { display:none;}

.idoc {}

.idoc-admin {width:70%;float:right;}

.doc-box {margin-bottom:3em;}

.doc-box ul { list-style-type:circle; }

.doc-box ul li, .doc-box ol li { margin:0.4em auto 0.4em 0.25em; }

.doc-box a, .doc-box a:link, .doc-box a:visited {color:rgba(17,110,173,0.85);}

.doc-box a:active,.doc-box a:focus, .doc-box a:hover {color:#7689a5;}

.flex-container { list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; justify-content: space-between; }

.flex-item { flex-grow:1; white-space:nowrap; }

.flex-item-lg { flex-grow:7; }

.font80 {font-size:80%}

.key-type {padding-bottom:0.5em; display:none; margin-top:-1em;}

.search { display: none; }

.search-bar { /*background-color:rgba(244,244,244,1);padding-bottom:0.5em;*/}

.side-bar-area { width:90%;min-height:40em;max-height:35em;overflow:auto;padding:0 0 0.25em 0;/*border:solid 1px #e6e6e6;*/border-radius:0.25em; }

.search-options { list-style-type:none;}

.search-options li { font-size:85%;padding:0.25em 0 0.25em 0;}

.search-panel { border-bottom:solid 1px #e8e8e8;float:left;background-color:rgba(242,242,242,1);margin-bottom:1em;width:100%;text-align:center;}

.search-wrapper { display:block;width:100%;padding:0; }

.throbber {position:relative;display:none;margin:-1.5em 2.5em 0 86%;z-index:510;}

.input-search {float:left;padding:0 0.5em !important;height:26px;width:60%; }




/* JSTREE OVERRIDES */

.jstree > ul > li {font-size:1.4em;}

.jstree > ul > li > i:before {display:none;}

.jstree-anchor { display: inline-block; color: black;padding: 1px 0.5em 2px 0.25em;margin: 0; vertical-align: top;text-decoration:none; color:#ccc;}

.jstree-anchor:link, .jstree-anchor:visited { text-decoration:none !important; }

.jstree-anchor:focus { outline: 0; }

.jstree-anchor:active, .jstree-anchor:focus, .jstree-anchor:hover { text-decoration: none;  }

.jstree-children { font-weight:normal; }

.jstree-container-ul{ font-weight:bold;}

.jstree-default { padding-top:1em;padding-bottom:1em;border:solid 1px #e6e6e6;border-radius: 0.25em;margin-top:0.6em }

.jstree-node {}

.jstree-node i {}

.jstree-node, .jstree-children, .jstree-container-ul { display: block; margin: 0 0 0 -3px;padding: 0;  list-style-type: none; list-style-image: none; font-size:12px; }

.jstree-open { background-color:rgba(242,242,242,1);}

.jstree-clicked {}

.jstree-icon {
    background:none !important;
}

i.jstree-icon:before {
    font-family:FontAwesome;
    content: "\f054";
    font-style:normal;
    padding-right:0.3em;    
    display:inline-block;
}

/*li.jstree-open > a .jstree-icon, li.jstree-leaf > a .jstree-icon {
    /*background: url("Images/BookOpen.png") 0px 0px no-repeat !important;
    font-family: FontAwesome;
    background:none !important;
    font-style:normal;
    font-weight:normal;
}*/

li.jstree-open > a .jstree-icon:before {
    content: "\f0f6";
}

li.jstree-closed > a .jstree-icon {
    /*background: url("Images/BookClose.png") 0px 0px no-repeat !important;*/
}

/* RETURN FONT SIZE OF LEAF NODE ACHORS TO ORIGINAL SIZE */
li.jstree-leaf > a {
    font-size:13px;
}
li.jstree-leaf > a .jstree-icon {
    /*background: url("Images/Page.png") 10px 5px no-repeat !important;*/
    margin-right:8px;
}

li.jstree-leaf > a .jstree-icon:before {
    content: "\f105";
}

.jstree-default .jstree-clicked {
    background: none !important;
    /*border-radius: 2px;
    box-shadow: inset 0 0 1px #999999; */
    font-weight: bold;
    font-size: 110%;
    color: #425968;
    box-shadow: none;
}

.jstree-default .jstree-clicked:before {
    content: "\f041";
    margin-right: 0.25em;
    font-weight: bolder;
    font-family: FontAwesome;
    padding-right: 0.25em;
}

.jstree-default .jstree-hovered {
    /*color:#fff;*/
    background: rgba(141,198,63,0.25)
}

/*.jstree-default .jstree-wholerow-hovered {
    background: rgba(255,188,0,0.3) !important;
}

.jstree-default .jstree-wholerow-clicked {
    background: rgba(255,188,0,0.5) !important;
    background: -webkit-linear-gradient(top, rgba(255,188,0,0.3) 0%, rgba(255,188,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(255,188,0,0.3) 0%, rgba(255,188,0,0.5) 100%);
}*/

.jstree-default .jstree-anchor {
    height: auto;
    white-space:normal;
    width:90%;
    line-height:1.4;
    font-size:1.2em;
}

.jstree-default > .jstree-no-dots .jstree-node, .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl { 
    width: auto;
}

.jstree-leaf {
    margin:0.75em 0;
}

.jstree-default .jstree-icon:empty {
    width: 17px;
}

/* ENLARGE FONT SIZE IN ALL ANCHORS*/
.jstree-node a {font-size:120%;}

.flex-container .flex-item .label {
    color:#000;
}


/* MEDIA QUERIES */

@media only screen and (max-width:768px)
{

    .side-bar-area
    {
        float: none;
        width: 96%;
        margin:auto;
    }

    #idoc-body {margin-left:0;}

    .iDoc, .content-panel {width:100% !important;margin:auto;padding:1em 0;}

    .content-panel {max-height:inherit;}

    .iDoc-admin {width:96%;float:none;}

    #idoc-search input[type="text"] {width:55%;}

    .jstree-anchor {width:93%;}
}



@media all and (max-width: 1000px) {

    section.flexd {
      display: flex;
      flex-flow: column wrap !important;
    }

    #idoc-menu {width:100%;}

    #idoc-menu .side-bar-area {width:100% !important;margin-bottom:3em;min-height:0;}

    #idoc-search #key-search {
        padding-left: 1.5em;
    }

    #idoc-body {width: 100% !important;}

    #iframe-box, #iframe-search-box {
        width: 100%;
        min-height: 750px;
    }

    .jstree-anchor:link {width:96%;}
}

@media all and (min-width: 1001px) {
    #idoc-menu {flex:0 0 0;}
}