#page-wrapper {
    margin-top: 60px;
}

.logo-wse {
    width: 60px;
}
.logo-wse-text{
    width:21px;
}

.form-horizontal .form-group {
    margin-bottom: 10px
}

.panel .panel-heading {
    padding: 10px
}

table.dataTable {
    margin-bottom: 10px
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 10px 5px;
}

.pagination {
    margin: 0px
}

.ui-select-focusser {
    display: none
}

.date-picker-menu {
    padding: 0px !important
}

.select2-result-single {
    padding-left: 0px
}

.select2-drop {
    width: 98%
}

.select2-search input {
    width: 100%
}

.select2-results .select2-highlighted {
    color: black;
    background-color: #fff
}

.select2-results li > div:hover {
    color: #FFFFFF;
    background: #85b4d0;
}

.over-canvas {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background-color: #000;
    opacity: .5;
}

.over-canvas-container {
    color: #fff;
    margin-top: 20%;
    text-align: center;
    font-family: 'Kanit', Tahoma;
}
.angular-ui-tree-handle {
    min-height: 60px;
    font-weight:normal
}
.JColResizer > tbody > tr > td, .JColResizer > tbody > tr > th{
    padding-left:5px;
    padding-right:5px
}

.drop-notification-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 8px 10px 10px; /*11px 20px 15px;*/
    cursor: pointer;
}

.drop-notification-item-readed {
    background: #ededed;
    color: #5f7c95;
}
.modal-xlg {
    width: 1200px;
}