body {
    min-height:450px;
    padding:0;    
    margin:0;
    font-family:sans-serif,arial,verdana,helvetica;
    font-size:12px;
    overflow:hidden;
    background:#fff;
}


.easyui-layout {
    opacity:0;
}

.login-screen .panel-body {
    background:#f7f7f7;
}

.loader {
    position:absolute;
    width:100%;
    height:550px;
    background:#fff;
    z-index:100;
}

.login-screen .panel {
    margin:180px auto 0 auto!important;
}

    .login-screen .textinput{
        width:150px!important;
    }

.loged_user {
    float:right;
    padding:0 20px 0 0;
    line-height: 24px;
    font-size: 12px;
    color:#aaa;
}

#toolbar {
    padding-bottom:10px;
}

    #toolbar .spacer { height:36px; }

    .search-bar {
        padding:10px 5px;
        margin-bottom:10px;
        border-bottom:1px #d2d2d2 solid;
        overflow:auto;
        background:#EBEBEB;
    }
    
        .search-bar .holder {
            float:left;
            padding:0 5px;
        }

        .search-holder {
            float:left;
        }
            
            #search_key   { width:120px; }
            #search_value { width:250px; }
        
        .process-holder {
            float:right;
        }
        
            .process-holder a {
                margin-left:10px;
            }

.panel-left,
.panel-right {
    width:49%;
    float:left;
}


.combo-panel {
    height:auto!important;
}


#fm{
    margin:0;
    padding:0;
}
.ftitle{
    font-size:14px;
    font-weight:bold;
    padding:5px 0;
    margin-bottom:10px;
    margin-right:15px;
    border-bottom:1px solid #ccc;
}
.fitem{
    margin-bottom:5px;
}
.fitem label{
    display:inline-block;
    width:110px;
}
.fitem input,
.fitem select {
    width:170px;
}

.fitem.fullwidth {
    clear:both;
    padding-top:15px;
}
    .fitem.fullwidth input {
        width:476px;
    }
    
.textbox.combo input,
.combobox-item {
    cursor:pointer;
}

/*
.datagrid-btable, .datagrid-header-inner, .datagrid-htable {
   width:100%;
   box-sizing:border-box;
}

.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
    box-sizing:border-box;
}
*/


/*
.datagrid-btable, .datagrid-header-inner, .datagrid-htable {
   width:98%;
   box-sizing:border-box;
}

.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
    box-sizing:border-box;
}
*/



.datagrid-cell-c2-actions {
    text-align:center;
}

.datagrid-cell-c2-actions a {
    background: url("images/email_states.png?g=8") no-repeat 0 0;
    display:inline-block;
    margin:4px 3px 0 3px;
    height:20px;
    width:25px;
    cursor:pointer;
}

.datagrid-cell-c2-actions a.cn { background-position:  0px 0; }
.datagrid-cell-c2-actions a.ct { background-position:-50px 0; }
.datagrid-cell-c2-actions a.hn1 { background-position:-25px 0; }
.datagrid-cell-c2-actions a.ht1 { background-position:-75px 0; }

.datagrid-cell-c2-actions a.hn2 { background-position:-100px 0; }
.datagrid-cell-c2-actions a.ht2 { background-position:-150px 0; }

.datagrid-cell-c2-actions a.hn3 { background-position:-125px 0; }
.datagrid-cell-c2-actions a.ht3 { background-position:-175px 0; }


.datagrid-cell-c2-actions a.ht1s { background-position:-226px 0; }
.datagrid-cell-c2-actions a.ht2s { background-position:-251px 0; }
.datagrid-cell-c2-actions a.ht3s { background-position:-276px 0; }

.legend {
    float:right;
    margin-right:22px;
}

    .symbols_panel .line {
        line-height:22px;
    }

    .symbols_panel .info {
        float:left;
        height:20px;
        width:25px;
        background: url("images/email_states.png?g=6") no-repeat 0 0;
    }
    
    .symbols_panel .i1 { background-position:   0px 0; }
    .symbols_panel .i2 { background-position: -25px 0; }
    .symbols_panel .i3 { background-position: -100px 0; }
    .symbols_panel .i4 { background-position: -125px 0; }
    .symbols_panel .i5 { background:#d7d7d7; }
    .symbols_panel .i6 { background:#ffd3d7; }
    .symbols_panel .i7 { background:#ffef34; }
    
    .symbols_panel .i5,
    .symbols_panel .i6,
    .symbols_panel .i7 {
        height:15px;
        width:15px;
        margin:2px 5px;
    }

td[field="customer_data"],
td[field="customer_data"] .datagrid-cell {
    overflow: visible!important;
}

.cd_show {
    position:relative;
    overflow: visible;
    color:#5c92b7;
    text-decoration:none;
}

.c_data {
    display:none;
    position:absolute;
    /*bottom:16px;*/
    left:-100px;
    padding:5px 10px;
    background:#fafafa;
    border:1px gray solid;
    z-index:999;
    color:#000;
    box-shadow:0 0 10px rgba(0,0,0,0.25);
    overflow: visible;
    cursor: auto;
   -moz-user-select: text;
   -khtml-user-select: text;
   -webkit-user-select: text;
   -o-user-select: text;
   user-select: text;
}

.c_data {
    top:12px;
}


.cd_show:hover > .c_data { display:block; }
.c_data:hover { display:block; }

.textbox-text-readonly {
    background:#f1f1f1;
}


#datefilter-dlg .space {
    height:10px;
    clear: both;
}

#datefilter-dlg .fitem label {
    display:inline-block;
    width:30px;
    text-align:center;
}


span.symbols {
    display: block;
    width:24px;
    height:24px;
    background:#c2c2c2;
    color:#fff;
    text-align:center;
    line-height:24px;
    font-weight:bold;
    border-radius:12px;
    cursor:help;
}

.symbols_panel {
    display:none;
    position:absolute;
    z-index:999;
    width:250px;
    height:220px;
    padding:15px;
    top:125px;
    right:15px;
    border:1px rgba(0,0,0,0.2) solid;
    background:#fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

    .symbols_panel h3 {
        padding:0;
        margin:0 0 10px 0;
    }
    
    .symbols_panel h3.last {
        margin-top:10px;
    }