body, .b-viewport {
    background: #434953 !important;
    color: #333;
}
/****************************auth dialog****************************************/
div.b-auth-win {
	background : white url("../img/auth-background.png") right top no-repeat;
	 -moz-box-shadow: 1px 1px 4px #888;
    -webkit-box-shadow: 1px 1px 4px #888;
    box-shadow: 1px 1px 4px #888;    
}

div.b-auth-win .popupContent {
	background : transparent url("../img/auth-logo.png") 70px 50% no-repeat;
	height: 270px;
	display: table-cell;
	vertical-align: middle;
}

table.b-auth-content {
	border-collapse: separate;
	padding: 0px 70px 0px 270px;
}

table.b-auth-content td {
	padding: 5px;
}

td.b-auth-heading {
	/*font: normal 18px "Trebuchet MS", Verdana, sans-serif;*/
	text-align: left;
	color: #333333;
}

td.b-auth-label {
	font: normal 13px "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
	color: #333333;
	width: 	100px;
}
/*******************************top menu****************************************/

div.b-top-menu {
    background: #373d48;
    background: -moz-linear-gradient(top, #373d48 0%, #22252a 100%);
    background: -webkit-linear-gradient(top, #373d48 0%,#22252a 100%);
    background: linear-gradient(to bottom, #373d48 0%,#22252a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373d48', endColorstr='#22252a',GradientType=0 );
    border-bottom:1px solid #5c5f64;
}

div.b-top-menu-logo {
	background: url("../img/logo-bg.png") no-repeat;
	left: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    position: fixed;
}

div.b-top-menu-tab-container {
    position: fixed;
    left: 260px;
    top: 20px;
    z-index: 1;
    font-size: 13px;
}

div.b-top-menu-tab {
	color: #cccccc;
    border-top: 2px solid transparent;
    outline: none;
    white-space: nowrap;
    padding: 4px 15px 0 15px;
    height: 23px;
    float: left;
}

div.b-top-menu-tab-selected {
	color: white;
    border-top: 2px solid #7d7566;
}
div.b-top-menu-tab:hover {
    background:rgba(0,0,0,.15);
}

div.b-top-menu-link-container div {
	font-size: 14px;
	color: #CCCCCC;
}

div.b-top-menu-link-container div.b-top-menu-link {
	color: #ffc600;
    white-space: nowrap;
    float: left;
    margin: 4px 10px 0 10px;
    text-decoration:none;
}

div.b-top-menu-link-container {
    position: fixed;
    right: 15px;
    top: 8px;
    z-index: 1;
}

div.b-top-menu-link-separator {
	background-color: #CCCCCC;
    width: 2px;
    height: 12px;
    margin-top: 8px;
    float: left;
}

/*********************************navigation*****************************************/
div.b-navigation .x-tree3-node-text {
    color: white;
    font-size: 13px;
    font-family:  "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
}
div.b-navigation .x-tree3-el{border:1px solid transparent;}
div.b-navigation:focus .x-ftree2-selected{border:1px dotted #ffc600;}
div.b-navigation .x-ftree2-selected{background-color:#7d7566  !important;}
div.b-navigation .x-ftree2-node-over{background-color:#908673 !important;}



/* portal.css changes */
.errorpanel-wrap {
    background:#713b38;
    border:0;
    height:auto;
    margin-top:0px;
}

.errorpanel-msg:not(:first-child) {
    border-top: solid 1px #4b2826;
}

.errorpanel-msg * {
    color:#feaaaa;
}

/* portal-widgets.css changes*/
.x-panel{background:#fff;border:0;}
.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{background:none !important;border:0 !important;}

.gray-panel{background:#353941;}

.search-field{background:transparent;border-radius:11px;box-shadow:inset 0 -1px 0 0 #676a70;box-sizing:border-box;width:152px !important;}
.search-field .cursor{
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDIwIj4KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzLjE5MSwyLjA3NWMxLjMzNiwwLjMwMiwyLjQzOCwwLjkxNiwzLjM2NSwxLjg4N2MwLjgzOCwwLjg3MywxLjM5NCwxLjkyMywxLjY0NywzLjExOAoJYzAuMTM4LDAuNjI1LDAuMTUzLDEuNjk5LDAuMDQzLDIuMzUyYy0wLjEyNiwwLjczNS0wLjQzMywxLjU5Ny0wLjc4NiwyLjE5NGwtMC4xMTgsMC4ybDIuMTA0LDIuMDc3bDIuMTA0LDIuMDc2bC0xLjAyMywxLjAyMQoJbC0xLjAyNSwxLjAyNWwtMi4wOTYtMi4wOTZsLTIuMDkyLTIuMDkybC0wLjQ1MywwLjIzMmMtMi41NjcsMS4zMjgtNS42NTgsMC44Mi03LjY0LTEuMjVDNi40NTQsMTIuMDE5LDUuOSwxMS4wMjMsNS42NDQsOS45ODYKCWMtMC4xNjEtMC42NDEtMC4xOTctMC45NC0wLjE5Ny0xLjYxMmMwLjAwNS0xLjc3MywwLjY1NC0zLjMyMywxLjkwOC00LjU2MWMwLjk0NC0wLjkzMiwyLjA4OC0xLjUyMSwzLjQ1Ny0xLjc3CglDMTEuMzc4LDEuOTM3LDEyLjY1NiwxLjk1NywxMy4xOTEsMi4wNzV6IE0xMS4yNjUsMy44NTZjLTEuMDM5LDAuMTQyLTEuOTY3LDAuNjA1LTIuNzE0LDEuMzUzQzcuNzE3LDYuMDQzLDcuMjY1LDcuMDY4LDcuMjA3LDguMjU2CgljLTAuMDQsMC44MTQsMC4wOTgsMS41MDYsMC40MzYsMi4yMjZjMS4wNTgsMi4yMzMsMy42NTMsMy4yNDgsNS45NiwyLjMzMmMxLjQ5NC0wLjU5NCwyLjYxLTIuMDA5LDIuODU0LTMuNjE0CgljMC4zNzQtMi40NzgtMS4yNDItNC43ODUtMy43LTUuMjg5QzEyLjM2OSwzLjgzMiwxMS42MzMsMy44MDUsMTEuMjY1LDMuODU2eiIvPgo8L3N2Zz4=");
    background-size:contain;
    height:17px !important;
    margin:3px 0 0 2px;
    width:23px !important;
}
.search-field input{padding:2px 0 0;}
.search-field .italic-input .x-form-field{width:120px !important;}
    /* right footer */
    .panel-ext .x-panel-footer, .panel-ext-l .x-panel-footer, .panel-ext-r .x-panel-footer{background:#f0f0f0;height:auto;padding:0;}
    .panel-ext-l .x-panel-br .x-panel-footer{padding-right:6px;}
    .panel-ext-r .x-panel-bl .x-panel-footer{padding-left:6px;}
    .panel-ext .x-panel-bc, .panel-ext-r .x-panel-bc, .panel-ext-l .x-panel-bc{background:none;}


/* left column search */
.x-border-panel.x-box-layout-ct .x-form-field-wrap.x-component.x-box-item{border-color:#fff;width:calc(100% - 20px) !important;}
.main-left-navigation-panel img.x-tree3-node-icon{margin-left:-16px;z-index:0}
.main-left-navigation-panel img.x-tree3-node-joint {background:none!important;z-index:1;position:relative;}
div#gwt-debug_navigation img.x-tree3-node-joint {background:none!important;z-index:1;position:relative;}


/* GXT basic elements */
    /* form btn */
    .base-form .x-btn{background:#707988;}
    .base-form .x-btn .x-btn-small{}
        .base-form .x-btn .x-btn-small tr:first-child,
        .base-form .x-btn .x-btn-small tr:last-child,
        .base-form .x-btn .x-btn-small .x-btn-ml,
        .base-form .x-btn .x-btn-small .x-btn-mr{display:none;}
        .base-form .x-btn .x-btn-small .x-btn-mc{background:none;}
            .base-form .x-btn .x-btn-small button.x-btn-text{background:#707988;box-shadow:2px 2px 2px rgba(0,0,0,.1);color:#fff !important;font-size:12px !important;height:auto !important;line-height:16px !important;padding:3px 5px;}
    /* footer btn */
        .x-panel-footer .x-btn.btn-3d.x-item-disabled{pointer-events:none;}
        .x-panel-footer .x-btn.btn-3d .x-btn-small tr:first-child,
        .x-panel-footer .x-btn.btn-3d .x-btn-small tr:last-child,
        .x-panel-footer .x-btn.btn-3d .x-btn-small .x-btn-ml,
        .x-panel-footer .x-btn.btn-3d .x-btn-small .x-btn-mr{display:none;}
        .x-panel-footer .x-btn.btn-3d .x-btn-small .x-btn-mc{background:none;}
            .x-panel-footer .x-btn.btn-3d .x-btn-small button.x-btn-text{background:transparent;box-shadow:1px 1px 2px 1px rgba(0,0,0,.15); font-weight: bold !important;height:auto !important;line-height:20px !important;min-width:35px;padding:5px 10px;opacity:1 !important}
            .x-panel-footer .x-btn.btn-3d .x-btn-small button.x-btn-text:hover{background:#fAfAfA;}
                .x-panel-footer .x-btn.btn-3d .x-btn-small button.x-btn-text > img{left:7px !important;}
                .x-panel-footer .x-btn.btn-3d.x-item-disabled .x-btn-small button.x-btn-text > img{opacity:.5;}
    /* form textfields */
    .base-form .x-form-text.x-form-field{background:none !important;border-color:#cccedc !important;}
    .base-form .x-form-text.x-form-field:focus{border-color:#aeb0be !important;}
    
    .base-form .x-form-text.x-form-field.x-form-invalid, .base-form .x-form-text.x-form-field.x-form-invalid:focus{
	    background: url(../../gxt/images/default/grid/invalid_line.gif) 0 100% repeat-x !important;
	    border-color: #c30 !important;
    }
    
    .base-form .x-form-text.x-form-field.x-form-warning, .base-form .x-form-text.x-form-field.x-form-warning:focus {
	    background: url(../../gxt/images/default/grid/warning_line.gif) 0 100% repeat-x !important;
	    border-color: #babdb6 !important;
    }
    

    .x-grid3-row-selected{background:#cac5b8 !important;border-color:#dead33;}
    td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner{
        background-color: inherit;
        background-image: inherit;
    }

    .panel-ext-l .x-panel-br, .panel-ext-r .x-panel-bl{padding:0;}
    
    .x-panel-footer .x-btn.btn-3d .x-btn-small button.x-btn-text > img{
    width: 100% !important;
    height: 100% !important;
    background-position: 50% 50% !important;
    left: 0 !important;
    top: 0 !important;
    }
    
    .x-win-bl{
    background: #f0f0f0;
    }
    .x-win-br, .x-win-bc{background:none;}               


.ext-el-mask-msg {
    border: none;
    -moz-box-shadow: #aaa 1px 1px 3px 0;
    -webkit-box-shadow: #aaa 1px 1px 3px 0;
    box-shadow: 2px 2px 3px 0 0;
    padding: 5px 15px 5px 15px;
    background: #fff;
}

div.b-top-menu-tab-container div, div.b-top-menu-link-container div {font-size: 14px;
    font-family:"Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;}

.x-form-item label {
    font: normal 13px "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
}

.x-form-item {

    font: normal 13px "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;

}

.x-toolbar-right-ct {margin-right:5px;}

.x-panel-footer table.x-btn:hover {
    background: #fafafa;
}

.gray-panel table.x-btn:hover {
    background: #7D7566;
}

.x-panel-footer .x-btn.btn-3d.x-item-disabled {color:gray;}

table.x-btn.x-btn-icon {
    width: auto !important;
}