/**
     *    Basic Layout Theme
     * 
     */
    .ui-layout-pane { /* all 'panes' */
        background: #fff;
        border: 0px;
        padding: 0px;
        overflow: auto;
    }
    .ui-layout-resizer { /* all 'resizer-bars' */
        background: #ddd;
    }
    .ui-layout-resizer-west { /* all 'resizer-bars' */
        background: #fff;
    }
    .ui-layout-toggler { /* all 'toggler-buttons' */
        background: #215385;
    }
    .ui-layout-toggler-north-open {
        border-radius: 0px 0px 7px 7px;
        background-image: url("../image/up.png");
        background-size: contain;
    }
    .ui-layout-toggler-north-closed {
        border-radius: 0px 0px 7px 7px;
        background-image: url("../image/down.png");
        background-size: contain;
    }
    .ui-layout-toggler-west-open {
        border-radius: 0px 7px 7px 0px;
        background-image: url("../image/left.png");
        background-size: contain;
    }
    .ui-layout-toggler-west-closed {
        border-radius: 0px 7px 7px 0px;
        background-image: url("../image/right.png");
        background-size: contain;
    }

    nav.tree {
        padding-top: 38px;
        margin-top: 20px;
        background-color: #215385;
        overflow: auto !important;
        color: #fff;
    }

    nav button {
        background-color: #ddd;
        border: 1px solid #999;
    }

    .top-head {
        background-color: #215385;
        color: #fff;
        height: 38px;
    }
    .main-head {
        background-color: #eee;
        height: 62px;
        position: relative;
    }
    .main-head > div {
        padding-top: 8px;
        padding-left: 8px;
    }
    .main-head button {
        border: 1px solid #358BD5;
        min-width: 100px;
        background-color: #358BD5;
        color: #fff;
        padding: 1px 15px;
        text-align: center;
        margin: 0em;
        font-size: 13px;
        cursor: pointer;
    }
    .main-head .main-head-button {
        border: 1px solid #358BD5;
        min-width: 100px;
        background-color: #358BD5;
        color: #fff;
        padding: 3px 15px;
        text-align: center;
        margin: 0em;
        font-size: 13px;
    }

    #printsubmenu {
        position: fixed;
        top: 68px;
        left: 420px;
        display: inline-block;
        border-radius: 2px;
        /* width: 205px; */
        text-align: center;
        height: 20px;
        background-color: #215385;
        z-index: 1000;
        padding: 3px;
    }

    #titlesisec {
        color: #fff;
        font-size: 11pt;
        font-weight: bold;
        width: 216px;
        vertical-align: middle;
        display: table-cell;
    }

    #treetop {
        position:fixed;
        margin-top:-38px;
        white-space:normal;
        height:36px;
        display: table;
        padding: 2px;
    }
    #treetop div {
    }

    #treemenu {
        overflow-y:auto;
        height:100%;
    }
    #treemenu ol {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    #treemenu label:hover {
        opacity: .85;
    }
    #treemenu label {
        display: block;
        padding: 3px;
        cursor: pointer;
    }
    #treemenu label.sicat {
        padding: 7px 3px;
        background-color: #3377bb;
        border-top: 1px solid #4488cc;
        border-bottom: 1px solid #2266aa;
    }
    #treemenu li.selected > label.sicat {
        background-color: #215385;
        border-top: 1px solid #215385;
        border-bottom: 1px solid #215385;
    }
    #treemenu label.sigroup {
        background-color: #3388cc;
        padding: 5px 3px;
        padding-left: 13px;
    }
    #treemenu li.selected > label.sigroup {
        background-color: #215385;
    }
    #treemenu label.si {
        padding: 4px 3px;
        background-color: #6699cc;
    }
    #treemenu > ol > li > label.si {
    }
    #treemenu > ol > li > ol > li > label.si {
        padding-left: 13px;
    }
    #treemenu > ol > li > ol > li > ol > li > label.si {
        padding-left: 23px;
    }
    #treemenu li.selected > label.si {
        background-image: url("../image/pointer.png");
        background-repeat: no-repeat;
        background-color: #215385;
    }
    #treemenu > ol > li.selected > label.si {
        padding-left: 10px;
    }

    body {
        font-size:12px;
        font-family: Arial, sans-serif;
        scrollbar-face-color:#696969;
    }

    div#treemenu::-webkit-scrollbar, #content::-webkit-scrollbar {
		width:15px;
	}
	div#treemenu::-webkit-scrollbar-button:vertical:decrement , #content::-webkit-scrollbar-button:vertical:decrement{
	    background-image: url(scrollbar/arrow_up.png) ;
		height: 30px;
		background-size: contain;
	    background-repeat: no-repeat;
	}
	div#treemenu::-webkit-scrollbar-button:vertical:increment ,#content::-webkit-scrollbar-button:vertical:increment{
	    background-image: url(scrollbar/arrow_dw.png) ;
		height: 30px;
		background-size: contain;
	    background-repeat: no-repeat;

	}
	div#treemenu::-webkit-scrollbar-track,#content::-webkit-scrollbar-track{
		background-color: #EEEEEE;
	}
	div#treemenu::-webkit-scrollbar-thumb { 
		background-color: #696969;
	}

	#content::-webkit-scrollbar-thumb { 
		background-color: #C0C0C0;
	}


    div {
        font-size:12px;
    }
    p {
        margin: 1em 0;
    }
    a:link    { color: #687E8C; text-decoration: none; }
    a:visited { color: #687E8C; text-decoration: none; }
    a:active  { color: #358BD5; text-decoration: underline; }
    a:hover   { color: #358BD5; text-decoration: underline; }

    @media screen and (max-width: 1200px) {
        .main-head {
            height: 72px;
        }
    }