.body {
    background-color: #E6E6E6;
}

.page-area {
    background-color: #fff;
    min-height:100%;
}

.header-area{
    padding: 20px 0;
}

.disabled {
    cursor:not-allowed;
}

.btn-link:not(.disabled) {
    cursor:pointer;
}

.pointer {
    cursor: pointer;
}

.panel-selection li {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

a.disabled span.glyphicon {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.site-nav.affix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

@media (min-width: 1200px) {
    .modal-superlg {
        width: 1100px;
    }
}

@media (max-width: 768px) {
    .btn-group.my-btn-group-responsive > .btn {
        display: block;
        width: 100%;
    }

        /* making the border-radius correct */
        .btn-group.my-btn-group-responsive > .btn:first-child {
            border-radius: 6px 6px 0 0;
        }

            .btn-group.my-btn-group-responsive > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
                border-top-right-radius: 6px;
            }

        .btn-group.my-btn-group-responsive > .btn:last-child:not(:first-child) {
            border-radius: 0 0 6px 6px;
        }

    /* fixing margin */
    .btn-group.my-btn-group-responsive .btn + .btn {
        margin-left: 0;
    }
}

.table tbody > tr > td.vert-aligned {
    vertical-align: middle;
}

table .empty-row:not(:only-child) {
    display: none;
}

.table-loading {
    display: none;
    position: absolute;
    background: #ccc;
    text-align: center;
    opacity: 0.5;
    font-size:xx-large;
}

.table-data {
    position:relative;
}

.table-sortable > thead > tr > th[data-field] {
    cursor: pointer;
    position: relative;
}

    .table-sortable > thead > tr > th[data-field]:not(.text-right) {
        padding-right: 30px;
    }
    
    .table-sortable > thead > tr > th[data-field]:not(.text-right):after {
        content: ' ';
        position: absolute;
        height: 0;
        width: 0;
        right: 10px;
        top: 16px;
    }

    .table-sortable > thead > tr > th[data-field].text-right {
        padding-left: 30px;
    }

    .table-sortable > thead > tr > th[data-field].text-right:before {
        content: ' ';
        position: absolute;
        height: 0;
        width: 0;
        left: 10px;
        top: 16px;
    }

.table-sortable > thead > tr > th:after,
.table-sortable > thead > tr > th:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ccc;
    border-bottom: 0px solid transparent;
}

.table-sortable > thead > tr > th:hover:after,
.table-sortable > thead > tr > th:hover:before {
    border-top: 5px solid #888;
}

.table-sortable > thead > tr > th.asc:after,
.table-sortable > thead > tr > th.asc:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 5px solid #333;
}

.table-sortable > thead > tr > th.asc:hover:after,
.table-sortable > thead > tr > th.asc:hover:before {
    border-bottom: 5px solid #888;
}

.table-sortable > thead > tr > th.desc:after,
.table-sortable > thead > tr > th.desc:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    border-bottom: 5px solid transparent;
}

.break-word {
    word-wrap: break-word;
}

.hide-empty-element:empty {
    display:none;
}

.address-line > p:empty {
    display:none;
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

@media (max-width: 767px) {
    .header-area {
        text-align:center;
    }
}

    @media (min-width: 768px) {
        .company-area {
            float:right;
        }
        .splash-background {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            min-height: 100%;
            background-position: center center;
            background-image: url('../Img/login_bg.png');
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

        .splash-box {
            width: 600px;
            margin: 0 auto;
        }

        .splash-footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 30px;
        }
    }