.bg-fade {
    background-color: #20345d;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
        font-family: Segoe UI;
        background-color: #20345d;
        color: white;
        font-size: 14px;
    }

    .body-content {
        padding: 0;
        font-family: Helvetica Neue;
    }
}

.bg-custom {
    background-color: #20345d !important;
    color: #fff;
}

body {
    background-color: #fff;
    color: #000;
}

.card,
.card-header,
.input-group-text,
.form-control {
    border-radius: 0 !important;
}

.dropdown > .dropdown-menu {
    background-color: #7fcff4;
    color: #fff;
    opacity: .3;
    display: block;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.show.dropdown > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
}

.dropdown-item {
    color: #fff;
}

    .dropdown-item:hover {
        background-color: inherit;
        color: #000;
    }

    .dropdown-item:active {
        color: #fff;
    }

.navbar {
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
}

.navbar-shrink {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    background-color: #243c84 !important;
}

.input-group {
    min-height: 38px;
}

    .input-group .e-widget {
        height: 38px;
        width: 100%;
        -ms-flex: 1 1;
        flex: 1 1;
    }

.e-in-wrap,
.e-atc .e-in-wrap .e-input {
    border-radius: 0 !important;
}

.tooltip-inner {
    max-width: 400px;
    text-align: left;
    background-color: #243c84 !important;
}

.tooltip[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #243c84 !important;
}

.tooltip[x-placement^="top"] .arrow::before {
    border-top-color: #243c84 !important;
}

.tooltip[x-placement^="left"] .arrow::before {
    border-left-color: #243c84 !important;
}

.tooltip[x-placement^="right"] .arrow::before {
    border-right-color: #243c84 !important;
}

.tooltip-inner ul {
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 15px;
}

.text-muted {
    color: #dddddd !important;
}

.container {
    min-width: 100%;
    padding: 0 30px;
}

.list-group-item.active {
    background-color: rgb(91, 159, 160);
    border-color: #243c84;
}

.list-group-item:focus {
    outline: none;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-radius: 0;
}

.e-ddl-popup .e-active {
    background: none;
    background-color: #243c84 !important;
}

.e-dialog > .e-header {
    border-bottom-color: #243c84 !important;
}

.e-dialog-scroller > .e-scrollbar {
    display: none !important;
}

.loadingPopup {
    cursor: default;
    background-color: rgba(0,0,0,.5);
    z-index: 1000000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.loading {
    background-color: #fff;
    background-image: url(ej/web/material/images/waitingpopup.gif);
    height: 70px;
    width: 70px;
    border-radius: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    color: #282827;
    box-shadow: 1px 1px 10px rgba(0,0,0,.7);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.navbar-brand {
    z-index:3;
}

.logo {
    /* background-image: url(/Images/Logo.png); */
    height: 144px;
    background-color: #f9f9f9;
    font-size: 0;
    padding: 15px;
    z-index: 1040;
    width: 170px;
    top: 0;
    left: 10px;
}

.rightbtnStyle{
    width: 40%;
    margin-right:auto
}

.leftbtnStyle {
    width: 40%;
    margin-left: auto;
    margin-right:5px;
}

.marginSeperator{
    margin-left:15px !important;
}

/*Tablesorter Stuff*/
/*************
Default Theme
*************/
/* overall */
.tablesorter-default {
    width: 100%;
    font: 12px/18px Arial, Sans-serif;
    color: #333;
    background-color: #fff;
    border-spacing: 0;
    margin: 10px 0 15px;
    text-align: left;
}

    /* header */
    .tablesorter-default th,
    .tablesorter-default thead td {
        font-weight: bold;
        color: #000;
        background-color: #fff;
        border-collapse: collapse;
        border-bottom: #ccc 2px solid;
        padding: 0;
    }

    .tablesorter-default tfoot th,
    .tablesorter-default tfoot td {
        border: 0;
    }

    .tablesorter-default .header,
    .tablesorter-default .tablesorter-header {
        background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
        background-position: center right;
        background-repeat: no-repeat;
        cursor: pointer;
        white-space: normal;
        padding: 4px 20px 4px 4px;
    }

    .tablesorter-default thead .headerSortUp,
    .tablesorter-default thead .tablesorter-headerSortUp,
    .tablesorter-default thead .tablesorter-headerAsc {
        background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
        border-bottom: #000 2px solid;
    }

    .tablesorter-default thead .headerSortDown,
    .tablesorter-default thead .tablesorter-headerSortDown,
    .tablesorter-default thead .tablesorter-headerDesc {
        background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
        border-bottom: #000 2px solid;
    }

    .tablesorter-default thead .sorter-false {
        background-image: none;
        cursor: default;
        padding: 4px;
    }

    /* tfoot */
    .tablesorter-default tfoot .tablesorter-headerSortUp,
    .tablesorter-default tfoot .tablesorter-headerSortDown,
    .tablesorter-default tfoot .tablesorter-headerAsc,
    .tablesorter-default tfoot .tablesorter-headerDesc {
        border-top: #000 2px solid;
    }

    /* tbody */
    .tablesorter-default td {
        background-color: #fff;
        border-bottom: #ccc 1px solid;
        padding: 4px;
        vertical-align: top;
    }

    /* hovered row colors */
    .tablesorter-default tbody > tr.hover > td,
    .tablesorter-default tbody > tr:hover > td,
    .tablesorter-default tbody > tr.even:hover > td,
    .tablesorter-default tbody > tr.odd:hover > td {
        background-color: #fff;
        color: #000;
    }

    /* table processing indicator */
    .tablesorter-default .tablesorter-processing {
        background-position: center center !important;
        background-repeat: no-repeat !important;
        /* background-image: url(images/loading.gif) !important; */
        background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
    }

    /* Zebra Widget - row alternating colors */
    .tablesorter-default tr.odd > td {
        background-color: #dfdfdf;
    }

    .tablesorter-default tr.even > td {
        background-color: #efefef;
    }

    /* Column Widget - column sort colors */
    .tablesorter-default tr.odd td.primary {
        background-color: #bfbfbf;
    }

    .tablesorter-default td.primary,
    .tablesorter-default tr.even td.primary {
        background-color: #d9d9d9;
    }

    .tablesorter-default tr.odd td.secondary {
        background-color: #d9d9d9;
    }

    .tablesorter-default td.secondary,
    .tablesorter-default tr.even td.secondary {
        background-color: #e6e6e6;
    }

    .tablesorter-default tr.odd td.tertiary {
        background-color: #e6e6e6;
    }

    .tablesorter-default td.tertiary,
    .tablesorter-default tr.even td.tertiary {
        background-color: #f2f2f2;
    }

    /* caption */
    .tablesorter-default > caption {
        background-color: #fff;
    }

    /* filter widget */
    .tablesorter-default .tablesorter-filter-row {
        background-color: #eee;
    }

        .tablesorter-default .tablesorter-filter-row td {
            background-color: #eee;
            border-bottom: #ccc 1px solid;
            line-height: normal;
            text-align: center; /* center the input */
            -webkit-transition: line-height 0.1s ease;
            -moz-transition: line-height 0.1s ease;
            -o-transition: line-height 0.1s ease;
            transition: line-height 0.1s ease;
        }
        /* optional disabled input styling */
        .tablesorter-default .tablesorter-filter-row .disabled {
            opacity: 0.5;
            filter: alpha(opacity=50);
            cursor: not-allowed;
        }
        /* hidden filter row */
        .tablesorter-default .tablesorter-filter-row.hideme td {
            /*** *********************************************** ***/
            /*** change this padding to modify the thickness     ***/
            /*** of the closed filter row (height = padding x 2) ***/
            padding: 2px;
            /*** *********************************************** ***/
            margin: 0;
            line-height: 0;
            cursor: pointer;
        }

        .tablesorter-default .tablesorter-filter-row.hideme * {
            height: 1px;
            min-height: 0;
            border: 0;
            padding: 0;
            margin: 0;
            /* don't use visibility: hidden because it disables tabbing */
            opacity: 0;
            filter: alpha(opacity=0);
        }
    /* filters */
    .tablesorter-default input.tablesorter-filter,
    .tablesorter-default select.tablesorter-filter {
        width: 95%;
        height: auto;
        margin: 4px auto;
        padding: 4px;
        background-color: #fff;
        border: 1px solid #bbb;
        color: #333;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: height 0.1s ease;
        -moz-transition: height 0.1s ease;
        -o-transition: height 0.1s ease;
        transition: height 0.1s ease;
    }
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;
}

.navbar-header{
    width: 170px
}