body {
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 100;
}

:focus {
    outline: none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: text;
}

.navbar-default {
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #e0e0e0;
    background-color: #fefefe;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#fefefe),color-stop(50%,#fefefe),color-stop(50%,#f4f4f4));
    background: -webkit-linear-gradient(top,#fefefe,#f4f4f4);
    background: -moz-linear-gradient(top,#fefefe,#f4f4f4);
    background: -ms-linear-gradient(top,#fefefe,#f4f4f4);
    background: -o-linear-gradient(top,#fefefe,#f4f4f4);
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.9);
    -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.9);
    box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.9);
}

#SearchOn {
    float: left;
    padding: 6px 0px 0px 0px !important;
    height: auto !important;
    max-width: 70%;
    text-align:left;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 2px !important;
    margin-left: 0px !important;
}

div.dataTables_info {
    padding-top: 0px !important;
    white-space: nowrap;
    font-size: 13px;
}

.dataTables_length, .dataTables_length label select {
    font-size: 13px;
    min-width: 55px !important;
    max-width: 55px !important;
    height: 20px !important;
}

table.table-bordered.dt-responsive.display.dtr-first-col.nowrap.dataTable.no-footer.dtr-inline thead tr th:first-child,
table.table-bordered.dt-responsive.display.dtr-first-col.nowrap.dataTable.no-footer.dtr-inline tbody tr td:first-child {
    display: none;
}

table.table-bordered.dt-responsive.display.dtr-first-col.nowrap.dataTable.no-footer.dtr-first-col.dtr-inline.collapsed thead tr th:first-child,
table.table-bordered.dt-responsive.display.dtr-first-col.nowrap.dataTable.no-footer.dtr-inline.collapsed tbody tr td:first-child {
    display: table-cell;
}

{
    height: 20px;
    font-size: 13px;
    padding: 0px !important;
}

.logo-image {
    height: 112%;
}

.dataTables_wrapper .top {
    display: -webkit-inline-box;
    margin-top: -10px;
    position: absolute;
    top: -30px;
    z-index: 1;
    right: 90px;
}

.checkbox {
    height: 30px !important;
}

label.checkbox-label {
    min-width: 0px;
}

.LogClass {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    font-style: italic;
}

.LogClass:even {
        background-color: #F7F7F7;
}

[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px !important;
    height: 10px !important;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    /* margin-top: 2px; */
    margin: 1px auto;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    display: none;
}
/*[type="checkbox"] + label {
     padding-left: 0px!important;
     display: none;
}*/
[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    /* margin-top: 2px; */
    margin: 1px auto;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

[type="checkbox"]:checked + label:before {
    top: 1px;
    left: 0px;
    width: 8px !important;
    height: 13px !important;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.search-lbl {
    height: auto !important;
}

.result-panel {
    margin: 10px;
    border: 1px solid #C8CED7 !important;
    margin-bottom: 21px;
    padding-bottom: 10px;
    background: #fff;
}

.toster-container-right {
    position: fixed;
    right: 25px;
    bottom: 70px;
    z-index: 10000;
}

.toster-container-left {
    position: fixed;
    left: 5px;
    bottom: 30px;
    z-index: 10000;
    /*background-color: White !important;*/
    border-radius: 5px;
}

.toster {
    /*position: absolute;
    bottom: 44px;
    right: 10px;*/
    width: 350px;
    z-index: 1;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin: 4px 0px;
    cursor: pointer;
}

.toster-info {
    box-shadow: 0px 0px 10px #4773A9;
    background-color: #4773A9;
}

    .toster-info:hover {
        box-shadow: 0px 0px 10px #285081;
        background-color: #285081;
    }

.toster-notification {
    box-shadow: 0px 0px 10px #555555;
    background-color: white;
}

    .toster-notification:hover {
        box-shadow: 0px 0px 10px #555555;
        background-color: white;
    }

.toster-warning {
    box-shadow: 0px 0px 10px orange;
    background-color: orange;
}

    .toster-warning:hover {
        box-shadow: 0px 0px 10px #FF8100;
        background-color: #FF8100;
    }

.toster-danger {
    box-shadow: 0px 0px 10px #B52F2F;
    background-color: #B52F2F;
}

    .toster-danger:hover {
        box-shadow: 0px 0px 10px #730101;
        background-color: #730101;
    }

.toster-success {
    box-shadow: 0px 0px 10px #33A033;
    background-color: #33A033;
}

    .toster-success:hover {
        box-shadow: 0px 0px 10px #026D02;
        background-color: #026D02;
    }

.toster-info-left,
.toster-notification-left,
.toster-warning-left,
.toster-danger-left,
.toster-danger-left {
    box-shadow: 0px 2px 7px #383838;
}

    .toster-info-left:hover,
    .toster-notification-left:hover,
    .toster-warning-left:hover,
    .toster-danger-left:hover,
    .toster-success-left:hover {
        box-shadow: 0px 0px 10px #555555;
    }

.toster-info-left {
    color: #4773A9 !important;
}

    .toster-info-left:hover {
        color: #285081 !important;
    }

.toster-notification-left {
    color: #4773A9 !important;
    background-color: white;
}

    .toster-notification-left:hover {
        color: #285081 !important;
    }

.toster-warning-left {
    color: orange !important;
}

    .toster-warning-left:hover {
        color: #FF8100 !important;
    }

.toster-danger-left {
    color: #B52F2F !important;
}

    .toster-danger-left:hover {
        color: #730101 !important;
    }

.toster-success-left {
    color: #33A033 !important;
}

    .toster-success-left:hover {
        color: #026D02 !important;
    }

.toster-close-button {
    text-align: right;
    height: 13px;
}

.type-icon::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.type-icon {
    font-size: 24px;
    text-align: center;
}

    .type-icon .fa {
        vertical-align: super;
    }

.content {
    padding-top: 0px;
}

.no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

legend {
    width: auto;
    padding: 0 5px;
    font-size: 14px;
    color: #5E82A2; /* #333;*/
    /*border-bottom: 1px solid #00C0EF;*/
    border: 1px solid #c0c0c0;
    font-weight: 600;
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    margin-top: 10px;
    border: 1px solid silver;
}

span#spanTimeZone {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 8.5px;
    letter-spacing: 1px;
    color: #676767;
}

.collapsed .panel-title span.fa.fa-caret-up {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.panel-title span.fa.fa-caret-up {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a.navbar-brand .logo {
    height: 25px;
}

.logo {
}

.notification-menu:empty {
    display: none;
}

.col-default {
    /*padding-bottom:5px;*/
}

.form-control {
    border-radius: 2px !important;
}

select.input-sm, textarea.input-sm, input.input-sm, .input-group {
    width: 160px;
    height: 28px;
    padding: 0px 5px;
}

textarea.input-sm {
    height: 39px;
}

.input-group {
    padding: 0px;
}

select.input-sm {
    padding: 0px;
}

    select.input-sm[disabled] {
        line-height: 20px;
    }

.form {
    padding-top: 5px;
}

.form-inline .input-group > .form-control {
    width: 130px;
}

.form-inline .col-md-4, .form-inline .col-default {
    padding-bottom: 3px;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-default .navbar-brand {
    color: #888;
}

.menu-large {
    position: static !important;
}

.megamenu {
    padding: 10px 0px;
    width: 100%;
}

    .megamenu > li > ul {
        padding: 0;
        margin: 0;
    }

        .megamenu > li > ul > li {
            list-style: none;
        }

            .megamenu > li > ul > li > a {
                display: block;
                padding: 3px 0px;
                clear: both;
                font-weight: normal;
                line-height: 1.428571429;
                color: #333333;
                white-space: normal;
            }

    .megamenu > li ul > li > a:hover,
    .megamenu > li ul > li > a:focus {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5;
    }

    .megamenu.disabled > a,
    .megamenu.disabled > a:hover,
    .megamenu.disabled > a:focus {
        color: #999999;
    }

        .megamenu.disabled > a:hover,
        .megamenu.disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

    .megamenu.dropdown-header {
        color: #428bca;
        font-size: 12px;
    }

.menu .megamenu.row .col-sm-2 > .dropdown-toggle, .menu .megamenu.row .dropdown-header {
    text-shadow: 1px 1px 1px rgb(215, 215, 215);
    border-bottom: 1px inset rgba(51, 177, 239, 1) !important;
    padding-left: 0px;
    border-bottom: 1px inset rgba(51, 177, 239, 1) !important;
    padding-left: 0px;
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    text-shadow: none !important;
    color: #245A9C !important;
}

.dropdown-menu li a {
    font-size: 12px;
}

.navbar-static-top {
    margin: 0px;
}

.menu {
    background: #4773A9;
    min-height: 10px;
    border: none;
    padding-left: 0px;
    margin-left: 5px;
    border-bottom: 1px solid #C3C2C2;
    box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0) inset;
    border-radius: 0px;
    margin-bottom: 0px;
    z-index: 9;
}

span.input.sm.tab-title.panel-title, span.input.sm.tab-title {
    font-weight: 700 !important;
    color: #00234C !important;
}

#navigationDrawer > .panel.panel-default:first-child {
    background: #4773A9;
}
/*multiselect dropdown bg-color as per the theme*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background: #4773A9;
}

    .dropdown-menu > .active > a .checkbox {
        color: #fff;
    }
/*ends*/
.last-e-border-btm {
    border-bottom: 1px solid #ddd;
}

.menu .container-fluid {
    float: left;
}

.header {
    background: none;
    background-color: #f8f8f8;
    border: none;
}

.main-menu > li:not(:last-child) {
    border-right: 1px solid #ddd !important;
}

.notification-count {
    padding-bottom: 5px;
}

.alert-container {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.inbox-cls::before {
    content: attr(data-count);
    background: #019875;
    width: auto;
    padding: 2px;
    right: 5%;
    color: #fff;
    border-radius: 2px;
    float: right;
    position: absolute;
}

.notification-cls::after {
    content: '10';
    background: #D9573E;
    width: auto;
    padding: 3px;
    margin-left: 4px;
    color: #fff;
    border-radius: 3px;
    float: right;
    border: 1px solid transperent;
}

.lbl-derived:empty {
    min-height: 24px;
    min-width: 160px;
    width: 160px !important;
}

.label-above .lbl-cls {
    display: table-cell;
}

.lbl-value {
    background: rgba(0, 0, 0, 0.08) none repeat scroll 0% 0%;
    color: #061D29;
    text-shadow: 1px 0px 0px #EFEFEF;
    word-break: break-all;
    border: 1px solid #D9D9D9;
    ;
    padding-top: 5px;
    border-radius: 2px;
}

.htmleditor div.lbl-value {
    display: inline-block;
    margin-left: -5px;
    max-width: calc(100% - 150px);
    min-width: calc(100% - 150px);
}

.lbl-filter-highlight {
    color: #061D29;
    text-shadow: 1px 0px 0px #EFEFEF;
    word-break: break-all;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 2px;
    margin-bottom: 2px;
    margin-top: -5px;
    display: inline;
}

.lbl-value:empty::after {
    content: "\00a0";
}

.usernameblock {
    color: #fff;
    width: 75%;
    padding: 5px;
}

.nav-collapsed .usernameblock {
    position: absolute;
    left: 100%;
    z-index: 1;
    min-width: 200px;
    border-left: 1px inset #fff;
    visibility: visible;
    background: #36404a !important;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 16px !important;
    padding-left: 15px;
}

.form-control:focus {
    border-color: #1AADF4 !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.app-page-title {
    padding: 10px 5px 2px 10px;
    margin-bottom: 5px !important;
}

.breadcrumb {
    background-color: inherit;
    padding: 0px;
    margin: 0px;
    padding-left: 8px;
    display: inline-block;
}

    .breadcrumb > li {
        font-weight: 400;
        font-size: 11px;
    }

        .breadcrumb > li + li:before {
            padding: 0px;
        }

.tab-title {
    border: none;
    font-size: 12px;
    box-shadow: none !important;
    padding-left: 10px;
    padding-right: 5px;
    cursor: default;
    min-width: 0 !important;
    background: inherit !important;
}

#spanProductName , #spanCompanyName{
    font-size: 18px;
}

    #spanProductName.spancompanynameright {
        margin-top: 5px;
    }
/*override*/
input.form-control.input-sm.valid, input[type=text], input[type=text]:focus, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid,
input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    box-shadow: none;
}

.filterOperator li a {
    padding: 3px 5px;
}

.breadcrumb > li + li:before {
    content: "\00a0 >>\00a0";
    text-shadow: 1px 0px 1px #D2D2D2;
}

input[type=checkbox], input[type=radio] {
    /*   vertical-align:super; */
}

input[type=file][disabled] {
    opacity: 0;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.left-container .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
    padding-left: 10px;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .role-selector-popup ol li a:hover {
    color: #2098d1 !important;
    text-decoration: none;
    background: #f5f5f5;
}

.role-selector-popup ol li:hover .role-selector-popup ol li a {
    color: #2098d1 !important;
    text-decoration: none;
    background: #f5f5f5;
}

.dropdown-menu {
    border-radius: 0px;
    border-top: 0px;
}

    .dropdown-menu label {
        font-size: 12px !important;
        padding: 0px 0px 23px 25px !important;
        height: 20px !important;
    }

        .dropdown-menu label.checkbox input[type=checkbox] {
            top: 2px;
        }

.switch-button-label {
    -webkit-transform: translate3d(0,0,0);
    -webkit-font-smoothing: antialiased;
}
/*End override*/
.maplag {
    color: rgb(141, 141, 141);
    vertical-align: middle;
    padding: 0px 6px 0px 25px;
    display: inline-block;
    font-size: smaller;
    width: 100%;
    display: inherit;
}

    .maplag:hover {
        color: #2098D1 !important;
        text-decoration: none;
        background: #F5F5F5 none repeat scroll 0% 0%;
        cursor: pointer;
    }

.map-body::before {
    content: "\f041 ";
    font-family: FontAwesome;
    position: absolute;
    font-size: 20px;
    left: 7px;
    vertical-align: middle;
    height: 100%;
    color: orangered;
}

.map-container {
    margin-top: 4px;
    margin-left: -5px;
    display: inline-block;
    width: 160px;
}

.map-body {
    position: relative;
}

.lname {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 126px;
}
/*Button*/
.btn-general,
.btn-filter,
.btn-reset,
.btn-execute,
.btn-preview,
.btn-plus,
.btn-edit,
.btn-delete,
.btn-save,
.btn-cancel,
.btn-listing,
.btn-search,
.btn-loading,
.btn-export,
.btn-chart,
.btn-generate,
.btn-default,
.btn-profile,
.btn-logout,
.btn-downward,
.btn-upward-flip-h,
.btn-bars,
.btn-print,
.btn-pdf,
.btn-location,
.btn-custom,
.btn-close,
.btn-reload,
.btn-apply,
.btn-img,
.show-hierarchy-btn,
.buttons-excel,
.buttons-print,
.buttons-pdf,
.btn-ok,
.btn-default,
.btn-plane {
    border: none !important;
    font-size: 14px;
    box-shadow: none !important;
    padding-left: 7px;
    padding-right: 5px;
    cursor: pointer;
    min-width: 0 !important;
    background: inherit !important;
    text-decoration: none !important;
}

.btn-view::before {
    content: "\f06e";
}

.btn-reload::before, .btn-edit::before {
    content: "\f01e";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 3px !important;
}

.btn-plane::before, .btn-plane::before {
    content: "\f1d8";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 3px !important;
}

.btn-edit::before {
    content: "\f040";
}
.btn-file-select {

    border: dashed 1px black;
    height: 50px !important;
    min-width: 50px !important;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
}

.btn-file-Upload {
    width: 60px !important;
    height: 60px !important;
}

.multiselect {
    border: 1px Solid #ddd !important;
    border-radius: 0px;
    min-width: 160px;
    text-align: left;
    padding-left: 5px;
    padding-right: 20px;
    height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 2px;
}

    .multiselect > .caret {
        float: right;
        margin-right: 2px;
        border-top: 6px solid;
        border-right: 3px solid transparent;
        border-left: 3px solid transparent;
        position: absolute;
        right: 5px;
        top: 11px;
    }

.btn-export::before, .btn-upward-flip-h::before, .btn-bars:before, .buttons-excel::before, .buttons-column::before, .btn-img::before {
    content: "\f045";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 3px !important;
}

.btn-img::before {
    content: "\f03e" !important;
}

.buttons-excel::before {
    content: "\f1c3" !important;
}

.buttons-column::before {
    content: "\f0ce" !important;
}

.btn-upward-flip-h::before {
    content: "\f148";
}

.btn-bars::before {
    content: "\f0c9";
}

.buttons-print::before {
    content: "\f02f";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-close::before {
    content: "\f00d";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn-chart::before {
    content: "\f080";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-filter::before {
    content: "\f0b0";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
    cursor: auto;
}

.btn-pdf::before {
    content: "\f1c1";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-print::before {
    content: "\f02f";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-search::before {
    content: "\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 3px !important;
}

.btn-ok::before {
    content: "\F058";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 3px !important;
}

.btn-reset::before {
    content: "\f021";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px;
}

.btn-execute::before {
    content: "\f04b";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-preview::before {
    content: "\f06e";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-listing::before {
    content: "\f00b";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-logout::before {
    content: "\f08b";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-general::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-profile::before {
    content: "\f007";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-loading::before {
    content: "\f110";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.btn-save::before {
    content: "\f0c7 ";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 3px !important;
}

.btn-cancel::before {
    content: "\f05e";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-delete::before {
    content: "\f014";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 1px !important;
}

.btn-plus::before,
.btn-slider::before,
.btn-generate::before,
.btn-default::before,
.btn-downward::before {
    content: "\f067";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding: 0px !important;
    padding-right: 1px !important;
}

.btn-slider::before {
    content: "\f1de";
}

.btn-downward::before {
    content: "\f149";
}

.btn-generate::before {
    content: "\f080";
}

.btn-default::before {
    content: " ";
}

.btn-reset:focus,
.btn-execute:focus,
.btn-export:focus,
.btn-img:focus,
.btn-img:hover,
.btn-export:hover,
.btn-search:focus,
.btn-filter:focus,
.btn-plus:focus,
.btn-save:focus,
.btn-listing:focus,
.btn-cancel:focus,
.btn-reset:hover,
.btn-execute:hover,
.btn-search:hover,
.btn-filter:hover,
.btn-plus:hover,
.btn-save:hover,
.btn-cancel:hover,
.btn-listing:hover,
.btn-loading:hover,
.btn-loading:focus .btn-export:hover,
.btn-export:focus,
.btn-chart:hover,
.btn-chart:focus,
.btn-slider:hover,
.btn-slider:focus,
.btn-generate:focus,
.btn-generate:hover,
.btn-default:hover,
.btn-default:focus,
.btn-profile:hover,
.btn-profile:focus,
.btn-logout:hover,
.btn-logout:focus,
.btn-view:hover,
.btn-view:focus .btn-downward:hover,
.btn-downward:focus,
.btn-upward-flip-h:focus,
.btn-upward-flip-h:hover,
.show-hierarchy-btn:hover,
.btn-location:hover,
.btn-custom:focus,
.btn-custom:hover,
.btn-close:focus,
.btn-close:hover,
.btn-reload:focus,
.btn-reload:hover .btn-apply:focus,
.btn-apply:hover,
.buttons-column:focus,
.buttons-column:hover,
.btn-print:hover,
.btn-print:focus,
.btn-preview:hover,
.btn-preview:focus,
.btn-pdf:hover,
.btn-pdf:focus,
.btn-edit:hover,
.btn-edit:focus,
.btn-ok:hover,
.btn-ok:focus,
.btn-default:hover,
.btn-default:focus,
.btn-execute:hover {
    color: #1c84c6;
    outline-offset: 0px;
    box-shadow: none;
}

.btn-delete:focus,
.btn-delete:hover {
    color: rgba(198, 33, 33, 1);
    outline-offset: 0px;
}

.btn-collapse-nav, .btn-collapse-nav:visited, .btn-collapse-nav:active, .btn-collapse-nav:hover, .btn-collapse-nav:link {
    position: absolute;
    top: 40px;
    left: 100%;
    z-index: 1;
    width: 7px;
    height: 44px;
    border: none;
    background-position: 0;
    background-size: 13px 44px;
    border-radius: 5px;
    background-size: 13px 44px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    top: 40vh;
    background-color: #36404a;
    background: -moz-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(60%, rgba(71,71,71,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to right, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1 );
}

.left-container.nav-collapsed .btn-collapse-nav {
    position: absolute;
    top: 40px;
    left: 100%;
    z-index: 1;
    width: 7px;
    height: 44px;
    background-color: #36404a;
    border: none;
    background-position: 0;
    background-size: 13px 44px;
    border-radius: 5px;
    background-size: 13px 44px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    top: 40vh;
    background: rgba(76,76,76,1);
    background: -moz-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(60%, rgba(71,71,71,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to right, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1 );
}

.left-container.nav-collapsed .panel-collapse {
    display: none !important;
}

.btn-collapse-nav span {
    color: #fff;
    margin-top: 15px;
}
/*End Button*/
/*dashbaord  Pod */
.form-pod {
    padding: 0px;
    margin-top: 0px;
}

    .form-pod:last-child {
        padding-bottom: 25px;
    }
/*----- */

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
    height: auto;
    min-height: 100vh;
    position: relative;
    background: #1C212F;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
}

#sidebar-wrapper {
    z-index: 1000;
    left: 220px;
    width: 190px;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #151A2C;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #sidebar-wrapper::-webkit-scrollbar {
        display: none;
    }

#wrapper.toggled #sidebar-wrapper {
    width: 0px;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

#page-content-wrapper {
    background-color: @page-background;
    height: inherit;
    min-height: 100vh;
    color: #000;
    position: relative;
    display: inline-block;
    width: 100%;
    flex: 1;
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    width: 20%; /* For old syntax, otherwise collapses. */
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    padding-bottom: 20px !important;
}

.page-content.inset {
    height: 91% !important;
    overflow: scroll;
    overflow-x: hidden;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 190px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        position: relative;
        line-height: 20px;
        display: inline-block;
        width: 100%;
    }

        .sidebar-nav li:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            height: 100%;
            width: 3px;
            background-color: #1c1c1c;
            -webkit-transition: width .2s ease-in;
            -moz-transition: width .2s ease-in;
            -ms-transition: width .2s ease-in;
            transition: width .2s ease-in;
        }

        .sidebar-nav li:first-child a {
            color: #fff;
            background-color: #151A2C;
        }

        .sidebar-nav li:nth-child(2):before {
            background-color: #ec1b5a;
        }

        .sidebar-nav li:nth-child(3):before {
            background-color: #79aefe;
        }

        .sidebar-nav li:nth-child(4):before {
            background-color: #314190;
        }

        .sidebar-nav li:nth-child(5):before {
            background-color: #279636;
        }

        .sidebar-nav li:nth-child(6):before {
            background-color: #7d5d81;
        }

        .sidebar-nav li:nth-child(7):before {
            background-color: #ead24c;
        }

        .sidebar-nav li:nth-child(8):before {
            background-color: #2d2366;
        }

        .sidebar-nav li:nth-child(9):before {
            background-color: #35acdf;
        }

        .sidebar-nav li:hover:before,
        .sidebar-nav li.open:hover:before {
            width: 100%;
            -webkit-transition: width .2s ease-in;
            -moz-transition: width .2s ease-in;
            -ms-transition: width .2s ease-in;
            transition: width .2s ease-in;
        }

        .sidebar-nav li a {
            display: block;
            color: #ddd;
            text-decoration: none;
            padding: 10px 15px 10px 30px;
        }

            .sidebar-nav li a:hover,
            .sidebar-nav li a:active,
            .sidebar-nav li a:focus,
            .sidebar-nav li.open a:hover,
            .sidebar-nav li.open a:active,
            .sidebar-nav li.open a:focus {
                color: #fff;
                text-decoration: none;
                background-color: transparent;
            }

    .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 20px;
        line-height: 44px;
    }

    .sidebar-nav .dropdown-menu {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
        border-radius: 0;
        border: none;
        background-color: #222;
        box-shadow: none;
    }

.index-container > .row {
    display: flex;
}

.main-container {
    padding-right: 0px !important;
    border-left: 1px solid #ddd;
    min-height: 676px; /*for safari browser*/
    min-height: calc(100vh - 80px);
    padding: 0px;
    padding-bottom: 25px;
    flex: 1;
    overflow:auto;
}

.left-container {
    padding: 0px;
    padding-left: 15px;
    display: none;
    flex: none;
    z-index: 10;
}

.nav-collapsed .panel-group .panel + .panel > .panel-collapse {
    display: none;
}

.nav-collapsed .panel-group .panel + .panel:hover .panel-collapse,
.nav-collapsed .panel-group .panel + .panel:active .panel-collapse {
    position: absolute;
    background: #153135;
    left: 100%;
    z-index: 1;
    top: 100%;
    padding: 5px;
    min-width: 200px;
    display: block;
}

.nav-collapsed .panel-default {
    position: relative;
}

.master-form-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.master-form {
    position: absolute;
    width: 80%;
    height: auto;
    top: 50%;
    left: 50%;
    margin-left: -40%;
    box-shadow: 0px 0px 98px 0px #939393;
    background: #fff;
    border-radius: 10px;
}

#master_form {
    border: none;
    border-radius: 10px;
}

.side-menu-text {
    display: inline-block !important;
    width: 125px;
    left: 45px;
    top: 5px;
    position: absolute;
    padding: 0px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.level-2 > li > a > .side-menu-text, .level-3 > li > a > .side-menu-text {
    top: 0px;
    padding: 5px !important;
    position: relative;
    left: 5px;
    width: 190px !important;
}

.side-menu-caret-right {
    position: absolute;
    right: 6px;
    font-size: 15px !important;
    margin-top: -8px !important;
    top: 50%;
}

ul.level-2, ul.level-3 {
    display: block;
    width: auto;
    top: 0;
    left: 100%;
    position: absolute;
}

    ul.level-2 li, ul.level-3 li {
        background-color: #1C212F;
        width: 0px;
    }

        ul.level-2 li a, ul.level-3 li a {
            display: none;
        }

        ul.level-2 li .side-menu-text, ul.level-3 li .side-menu-text {
            width: 150px;
        }
/* level-1 hover effect and changes  */

.side-bar ul.level-1 li:active, .side-bar ul.level-1 li:hover {
    background: @menu-background-hover;
    border-left: 4px solid #1ab394 !important;
}

    .side-bar ul.level-1 li:active ul.level-2 > li, .side-bar ul.level-1 li:hover ul.level-2 > li {
        width: 200px;
        border-left: 1px solid #1ab394;
        -webkit-transition: all 0.5s ease 0.1s;
        -moz-transition: all 0.5s ease 0.1s;
        -o-transition: all 0.5s ease 0.1s;
        transition: all 0.5s ease 0.1s;
    }

        .side-bar ul.level-1 li:active ul.level-2 > li a, .side-bar ul.level-1 li:hover ul.level-2 > li a {
            display: block;
        }

        .side-bar ul.level-1 li:active ul.level-2 > li > .side-menu-caret-right, .side-bar ul.level-1 li:hover ul.level-2 > li > .side-menu-caret-right {
            display: block;
            opacity: 1;
            visibility: visible;
        }

    .side-bar ul.level-1 li:active .level-2 > li > a > .side-menu-text, .side-bar ul.level-1 li:hover .level-2 > li > a > .side-menu-text {
        display: inline-block !important;
    }

/* level-2 hover effect and changes  */
.side-bar ul.level-3 li:active, .side-bar ul.level-3 li:hover {
    background: @menu-background-hover;
    border-left: 4px solid #1ab394 !important;
}

.side-bar ul.level-2 li:active ul.level-3 li, .side-bar ul.level-2 li:hover ul.level-3 li {
    width: 200px;
    border-left: 1px solid #1ab394;
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}

    .side-bar ul.level-2 li:active ul.level-3 li a, .side-bar ul.level-2 li:hover ul.level-3 li a {
        display: block;
    }

.side-bar ul.level-2 li:active .level-3 > li > a > .side-menu-text, .side-bar ul.level-2 li:hover .level-3 > li > a > .side-menu-text {
    display: inline-block !important;
}
/* level-2 hover changes */
.side-bar ul.level-2 li:active, .side-bar ul.level-2 li:hover {
    background: @menu-background-hover;
    border-left: 4px solid #1ab394;
}

    .side-bar ul.level-2 li:active .side-menu-text, .side-bar ul.level-2 li:hover .side-menu-text {
        display: inline-block !important;
    }

.side-menu-links {
    width: 100%;
    border-sizing: border-box;
}

/* level-3 hover changes */
.side-bar ul.level-3 li:active, .side-bar ul.level-3 li:hover {
    background: @menu-background-hover;
    border-left: 4px solid #1ab394;
}

    .side-bar ul.level-3 li:active .side-menu-text, .side-bar ul.level-3 li:hover .side-menu-text {
        display: inline-block !important;
    }

#wrapper.toggled .level-1 > li > a > .side-menu-text {
    display: none !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled .side-bar {
    width: 45px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

#wrapper.toggled .user-info {
    height: 50px;
}

#wrapper.toggled .user-info-details {
    opacity: 0;
    -webkit-transition: all 0.5s ease 1s;
    -moz-transition: width 0.5s ease 1s;
    -o-transition: width 0.5s ease 1s;
    transition: width 0.5s ease 1s;
}

#wrapper.toggled .user-info-icon {
    top: 5px;
    left: 5px;
    width: 35px;
    height: 35px;
    vertical-align: none;
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: width 0.5s ease 0.1s;
    -o-transition: width 0.5s ease 0.1s;
    transition: width 0.5s ease 0.1s;
}
/* custom hamburger */
.hamburger, .hamburger:visited {
    float: right;
    z-index: 9;
    color: rgb(137, 137, 137);
    font-size: 32px;
    margin-top: -10px;
}

    .hamburger:active, .hamburger:hover, .hamburger:focus {
        border: 0px;
        outline: 0px;
        text-decoration: none;
        color: #000;
    }

.hamb {
    position: relative;
    display: block;
    left: 0;
    width: 70%;
    padding: 1px;
    margin: 2px auto;
    background-color: #fff;
    border: 0px solid #fff;
}

.tab-panel {
    position: relative;
    margin: 5px;
    border: 1px solid #C8CED7 !important;
    background: #fff;
    box-shadow: none;
}

.PhChildTablePlaceHolder .tab-panel {
    margin-left: 0px;
    margin-right: 0px;
}

.PhChildTablePlaceHolder>.tab-panel>.tab-head>a:hover {
       color:#23527c!important;
       text-decoration:none!important;
    }
    
    .PhChildTablePlaceHolder>.tab-panel>.tab-head>a:focus {
       color:#23527c!important;
       text-decoration:none!important;
    }

    .PhChildTablePlaceHolder .tab-panel .tab-body {
        border:0PX;
    }
.tab-head {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #EFEFEF;
    height: 30px;
    min-height: 33px;
    padding-left: 5px;
    padding-top: 2px;
}

    .tab-head > label {
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #78C4EA !important;
        padding-left: 15px !important;
    }

}

.full-page-container-panel {
    min-height: calc(100% - 150px );
    margin-top: 150px;
}

.staticHeight {
    min-height: 75vh;
}

.tab-body {
    /*background-color:#fff;*/
    position: relative;
}

.tab-form {
}

.search-option-panel .tab-head {
}

.tab-head {
    z-index: 1 !important;
}

.collpased {
    -ms-transform: rotate(90deg) !important; /* IE 9 */
    -webkit-transform: rotate(90deg) !important; /* Safari */
    transform: rotate(90deg) !important; /* Standard syntax */
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.collapsable-btn {
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    font-size: 1.5em;
}

.pnl-head-btn-container {
    position: absolute;
    right: 10px;
    top: 0px;
}

.pnl-head-btn-container-left {
    position: absolute;
    left: 10px;
    top: 0px;
}

.pnl-body-btn-container {
    margin-top: 5px;
    padding-bottom: 0px;
    border-top: 1px dotted #E0E0E0;
    display: table;
    width: 100%;
    min-height: 33px;
    padding-right: 10px;
    right: 10px;
    bottom: 10px;
    height: 34px;
}

.pnl-footer-btn-container {
    position: absolute;
    right: 14px;
    height: inherit;
}

    .pnl-footer-btn-container button {
        margin-top: 2px;
    }

.panel-form {
    padding: 5px;
}

.left-container .panel-body {
    width: 105%;
    height: 100%;
    display: block;
    padding: 0px !important;
    padding-left: 15px !important;
}

/* inner form panel */
.inner-panel {
    background: #fff !important;
    box-shadow: none !important;
    border-top: 1px solid #ddd;
    margin: 0px !important;
    .tab-head;

{
    background: #f3f3f3 !important;
    color: #505050;
    label;

{
    color: #505050 !important;
}

}

.tab-body {
    background: #fff !important;
}

}

.inner-panel > table:empty .inner-panel {
    background: none !important;
}

.tab-pane .tab-head label {
    color: #4c9ed9 !important;
}

.tdimage, fa {
    height: 50px;
    width: 50px;
    cursor: pointer;
    font-size: 40px;
    text-align: center;
}


    .blueLinkImage {
        vertical-align: top;
    }

.blueLinkImage {
    border:solid 3px white;
    box-shadow: 5px 5px 2px #888888;
    vertical-align: top;
}


span.radio {
    padding: 0px;
}

    span.radio > input[type="radio"] {
        margin: 8px -5px 7px 0px;
    }

    span.radio > label {
        margin-right: 5px;
        padding: 0px 5px 0px 10px !important;
    }

.grouped-table tbody tr td .input-sm {
    min-width: 100% !important;
}

.grouped-table thead tr th label {
    min-width: 0px;
    max-width: 100%;
    width: auto;
}

/* overridden css */

.panel, .tab-panel {
    border-radius: 0px !important;
}

.footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid #DDD;
    width: 100%;
    z-index: 100;
    background: #fff;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

footer a, footer a:visited, footer a:hover, footer a:active {
    text-decoration: none;
    color: #3F92BD;
}

select {
    vertical-align: inherit;
}

/* File Type */
.file-o::before {
    content: "\f016";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.files-o::before {
    content: "\f0c5";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-text-o::before {
    content: "\f0f6";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file::before {
    content: "\f15b";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-text::before {
    content: "\f15c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-pdf-o::before, .buttons-pdf::before {
    content: "\f1c1";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-word-o::before {
    content: "\f1c2";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-excel-o::before {
    content: "\f1c3";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-powerpoint-o::before {
    content: "\f1c4";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-image-o::before {
    content: "\f1c5";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-archive-o::before {
    content: "\f1c6";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-audio-o::before {
    content: "\f1c7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-not-found-o::before {
    content: "\f057";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
    color: rgb(187, 187, 187);
}

.file-video-o::before {
    content: "\f1c8";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-picture-o::before {
    content: "\f03e";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.file-not-found-o::before {
    content: "\f057";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
    color: rgb(187, 187, 187);
}

.file-code-o::before {
    content: "\f1c9";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 5px !important;
}

.selected-role {
    color: #8E8E8E;
    text-decoration: none;
    font-size: 12px;
}

.input-sm-date {
    height: 24px;
    padding: 0px 4px;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400 !important;
    border-radius: 0px !important;
    min-width: 110px !important;
    max-width: 110px !important;
}

.loader {
    position: fixed;
    width: 100%;
    background: rgb(255, 255, 255);
    height: 100%;
    z-index: 99999;
    opacity: 0.5;
    top: 0%;
}

#divLazyLoader .lazyloader.small {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

#divLazyLoader div.lazyloader {
    display: none;
}

.loader-image {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
}

.preloader-wrapper.big.active.loader-image {
    margin-left: -31px;
    margin-top: -41px;
}

#ulMobileMenu > *, #ulUserSetting > * {
    border-top: 1px solid #ddd;
    min-height: 45px;
}

#ulMobileMenu {
    margin: 0px;
}

    #ulMobileMenu li a, #ulMobileMenu li a, #ulMobileMenu ul li, #ulMobileMenu ul li, .logout a {
        min-height: inherit;
        line-height: 48px;
    }

#navigationDrawer > .panel.panel-default:first-child {
    margin-bottom: 0px;
    padding-bottom: 40px;
    padding-top: 40px;
}

#ulMobileMenu > ul:last-child {
    border-bottom: 1px solid #ddd;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    border: 1px solid #ccc;
    box-shadow: none;
}

.MainDetail.addscroll .table [type="checkbox"] + label[for] {
    height: inherit;
    display: none;
}

#ctl00_AllContent_chkUsers [type="checkbox"] + label[for] {
    display: inline-block;
}

.marginset {
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 45px;
}

.setwidth .checkbox-div {
    line-height: 0.5;
}
/* Error Validation Msg */
span.error {
    background: #d9534f;
    color: #f8f8f8 !important;
    border: none !important;
    position: absolute;
    border-radius: 3px;
    margin-top: -1px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    width: 160px;
    right: 232px;
    padding-left: 5px;
    z-index: 2;
}

    span.error::before {
        content: "";
        position: absolute;
        top: 30%;
        left: 102%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
    }

.hide-errorSpan {
    background: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 0) !important;
    border: none !important;
    position: absolute;
    border-radius: 3px;
    margin-top: -1px;
    z-index: 01;
    width: 160px;
    right: calc(100% - 155px); /*232px;*/
    padding-left: 5px;
    z-index: 2;
    visibility: hidden;
}

    .hide-errorSpan::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 95.5%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0) transparent transparent transparent;
    }

span.mobileView-error::after {
    position: absolute;
    display: inline-block;
    border-bottom: 1px dotted black;
    content: "!";
    margin-top: 2px;
    border-radius: 60px;
    background-color: white;
    color: #d9534f !important;
    font-weight: 900 !important;
    border-color: #d9534f;
    border: 2px solid !important;
    right: -190px;
    width: 18px;
    height: 18px;
    padding-top: 0px;
    padding-left: 5px;
    font-size: 12px !important;
    padding-bottom: 0px;
    padding-right: 0px;
    visibility: visible;
}

.input-group .hide-errorSpan {
    background: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 0) !important;
    position: absolute;
    border-radius: 3px;
    margin-top: 0px;
    z-index: 02;
    width: 225px;
    right: 162px;
    padding-left: 5px;
}

.input-group span.error {
    background: #d9534f;
    color: #f8f8f8 !important;
    border: none !important;
    position: absolute;
    border-radius: 3px;
    margin-top: 0px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 02;
    width: 225px;
    right: 162px;
    padding-left: 5px;
}

span.mobileView-error:empty {
    display: none !important;
}

fieldset span.error {
    background: #d9534f;
    color: #f8f8f8 !important;
    border: none !important;
    position: absolute;
    border-radius: 3px;
    margin-top: 0px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    width: 160px;
    right: 201px;
    padding-left: 5px;
    z-index: 2;
}

fieldset span.mobileView-error::after {
    right: -190px;
    top: 0px;
}

fieldset .hide-errorSpan {
    background: rgba(217, 83, 79, 0);
    color: rgba(248, 248, 248, 0) !important;
    border: none !important;
    position: absolute;
    border-radius: 3px;
    margin-top: 0px;
    width: 160px;
    right: 201px;
    padding-left: 5px;
    z-index: 2;
}

span.mobileView-error {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    font-size: 12px;
}

.PhChildTablePlaceHolder span.error {
    margin-top: 1px;
    width: 160px;
    right: 212px;
}

.PhChildTablePlaceHolder .hide-errorSpan {
    margin-top: 1px;
    width: 160px;
    right: calc(100% - 155px); /*right: 212px;*/
}

.lbl-value {
    display: inline-block;
}

.side-nav {
    z-index: 10001;
    top: 52px;
    height: calc(100% + 8px);
    overflow-x: hidden;
}

#sidenav-overlay {
    top: 52px;
}

.tab-content-logTable {
    padding: 5px !important;
    padding-bottom: 0px !important;
}

    .tab-content-logTable .table {
        margin-bottom: 0px;
    }


.role-selector-popup li.disabled, li.disabled:hover {
    color: #413B3B !important;
    cursor: default;
    padding-left: 6px;
   
}

    .role-selector-popup li.disabled ol {
        margin-left: -6px;
        padding: 0px;
        padding-top: 3px;
    }

        .role-selector-popup li.disabled ol a {
            width: 100%;
            padding0px !important;
        }

            .role-selector-popup li.disabled ol a li {
                padding-left: 10px;
            }

#notification_li {
    position: relative;
}

#notificationContainer {
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    overflow: visible;
    position: absolute;
    top: 35px;
    width: auto;
    z-index: -1;
    display: none;
    right: -10px;
}

    #notificationContainer:before {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        color: transparent;
        border: 10px solid black;
        border-color: transparent transparent white;
        top: -20px;
        right: 20px;
    }

#notificationTitle {
    z-index: 1000;
    font-weight: bold;
    padding: 8px;
    font-size: 13px;
    background-color: #ffffff;
    width: 208px;
    border-bottom: 1px solid #dddddd;
    color: black;
}

.notifications ul {
    list-style: none;
    text-transform: initial;
    line-height: 25px;
    font-family: inherit;
}

.notifications li {
    color: Black;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    word-break: break-all;
    white-space: pre;
    color: Black;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    padding: 3px 9px;
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}

    .notifications li span.chips {
        right: 5px;
        padding: 5px;
        /*background: rgba(45, 155, 173, 0.81);*/
        border-radius: 3px;
        /*color: #FFFFFF;*/
        color: Black;
        line-height: 8px;
        top: 7px;
        /* right: 0px; */
        position: absolute;
        padding-left: 4px;
    }

    .notifications li:hover {
        background: #ddd;
    }

#notificationFooter {
    background-color: #e9eaed;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    font-size: 12px;
    border-top: 1px solid #dddddd;
}

#notification_count {
    padding: 3px 7px 3px 7px;
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
    margin-left: 77px;
    border-radius: 9px;
    position: absolute;
    margin-top: -11px;
    font-size: 11px;
}

.span-AllNotification {
    color: #fff !important;
    font-size: 17px;
    font-weight: 500 !important;
    text-transform: uppercase;
    padding-top: 7px;
    padding-bottom: 7px;
}

.spanAllNotification {
    margin-right: 10px;
    /*padding-top: 2px;*/
}

    .spanAllNotification > li {
        border-left: 1px solid #ddd;
    }

#notificationContainer {
    display: none;
}

.notification-count:hover #notificationContainer {
    display: block;
}

.supscript:hover #notificationContainer {
    display: block;
}

li.dropdown.supscript {
    padding-right: 10px;
}

.supscript:before {
    font-size: 10px;
    height: 14px;
    line-height: 15px;
    width: auto;
    min-width: 18px;
    background: rgb(181, 67, 67);
    content: attr(data-count);
    position: absolute;
    z-index: 1;
    text-align: center;
    left: 45%;
    top: 3px;
    border-radius: 3px;
    position: absolute;
    color: #FFFFFF;
    /* background: #fff; */
}
/*-----------------------------------Image Cropper-------------------------------------------*/

.imgCropper .modal-content {
    position: absolute;
}

.imgCropper .modal-footer .btn {
    width: 150px;
    margin-top: 10px;
}

div.clickHere::-webkit-scrollbar {
    width: 8px;
    width: 1em;
    height: 4px;
}

div.clickHere::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

div.clickHere::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/*------------------------------------------------------------------------------------------*/

img.company-log {
    width: auto;
    background: none;
    border: none;
    box-shadow: none;
    height: 40px;
}

.auto-height {
    height: auto;
}

.absolute-center-logo {
    Width: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -85px;
    -khtml-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.widthaction {
    min-width: 10px;
    max-width: 10px;
    width: 10px;
}

.form-pod .tab-head {
    padding: 0px;
    padding-top: 7px;
    padding-left: 5px;
}

#control_permission_body_frame, #role_rights_body_frame {
    margin-bottom: -6px;
    width: 99.9% !important;
}

.notifications ul li {
    cursor: context-menu;
}

#SearchOption {
    display: none;
}
#CustomEvent {
    display: none;
}

/*.grouped-table label,.grouped-table select,.grouped-table input
{
    width:auto;
    min-width:0px;
    max-width:150px;
}*/
[data-toggle="popover"] + .popover {
    left: 0px !important;
}

    [data-toggle="popover"] + .popover arrow {
        display: none;
    }

.user-panel {
    display: -webkit-flex;
    display: flex;
    padding-bottom: 12px;
    padding-top: 12px;
}

/*Css for Unit Selector e.g Currency picker*/

.unit-select {
    display: -webkit-inline-box;
    display: inline-flex;
    width: 160px;
    max-width: 160px;
}

    .unit-select > select {
        width: auto;
        border-right: 0px;
        height: 28px;
        float: left;
        font-size: 12px;
        border-bottom: 1px solid #CCC;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        max-width: 56px;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        box-sizing: fill;
        color: #333333;
    }

    .unit-select > input {
        width: 100% !Important;
        border-top-right-radius: 3px !Important;
        border-top-left-radius: 0px !Important;
        border-bottom-left-radius: 0px !Important;
        max-width: 104px;
    }

/*Template Master Inline CSS*/
.input-group.date {
    width: 100px;
}

.ui-autocomplete-ul {
    position: absolute !important;
    border: 1px solid #ddd;
    min-width: 160px;
    width: auto !important;
    max-width: 500px !important;
    z-index: 3;
    font-size: 12px;
    top: 231px;
    max-height: 20%;
    overflow: auto;
}

    .ui-autocomplete-ul::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .ui-autocomplete-ul::-webkit-scrollbar-track {
        webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 0px;
        background-color: #ccc;
    }

    .ui-autocomplete-ul::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }

.ui-autocomplete-li {
    list-style-type: none;
    width: 100%;
    background: rgba(250,250,250,1);
    padding: 2px;
    padding-left: 5px;
    border-bottom: 1px solid #DDD;
}

    .ui-autocomplete-li .description {
        color: #A1A1A1;
    }

    .ui-autocomplete-li a {
        color: #444;
        text-decoration: none;
        cursor: pointer;
    }

        .ui-autocomplete-li a:hover, .ui-autocomplete-ul .ui-state-focus, .ui-state-focus a {
            background: #fff;
            color: #00c0ef;
        }
/*End of Inline Template CSS*/

.filter-container .tab-body {
    padding-top: 2px;
    max-height: 150px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-left: 10px;
    padding-right: 10px;
}

.card-view-toggle {
    position: relative;
    right: 10px;
}

    .card-view-toggle span {
        position: absolute;
        left: 0px;
    }

.divprofile-thumb {
    height: 150px;
    width: 200px;
}

/*----- Content Search page b2c application  ----*/
/* Controls */
.b2c label {
    min-width: initial;
    max-width: initial;
}
/* Navbar */
.b2c .navbar-default .navbar-nav > li > a {
    font-size: 16px;
}
/* Grid | List */
.b2c .tab-panel {
    margin: initial;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-color: #e6e6e6 !important;
    margin-bottom: 10px;
}

.b2c .form.box {
    padding-top: 20px;
}

.b2c [data-id="filterBtn"] {
    display: none;
}

.b2c [data-view="grid-view"] .form.box {
    width: 31%;
    margin-left: 20px;
}

    .b2c [data-view="grid-view"] .form.box:not(:nth-child(3n + 1)) {
        /* margin-left: 30px;*/
    }

@media (min-width:960px) {
    .segmented-control {
        display: inline-table !important;
    }

        .segmented-control div.input-group-btn, .segmented-control .form-control {
            display: table-cell !important;
        }
}

@media (min-width:768px) {
    .imgAppexLogo {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .textarea-label {
        vertical-align: top !important;
        margin-top: 5px;
    }

    .form-inline .form-control {
        display: inline-block;
        width: 160px;
        vertical-align: middle;
    }

    .form-inline .input-group .input-group-btn {
        width: 1% !important;
    }

    .segmented-control {
        display: inline-table !important;
    }

        .segmented-control div.input-group-btn, .segmented-control .form-control {
            display: table-cell !important;
        }
}

@media (min-width:769px) and (max-width:960px) {
    #divResolution {
        background: yellow;
    }

    .marginset {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .marginset1 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .form-inline .control-label[for='rbtn_xyz'] {
        width: 50px !important;
    }

    .side-nav a {
        height: 36px !important;
        line-height: 38px !important;
    }

    #ulUserSetting > li {
        text-indent: 1em;
    }

    a:focus,
    a:active {
        text-decoration: none;
    }

    ul.sub-menu {
        margin-bottom: 10px;
        background-color: #fafafa;
        border-bottom: 1px solid #ddd;
        box-shadow: inset 0px 3px 7px #DDD;
    }

    .switch-button-label,
    .switch-button-background {
        /* display: none;*/
    }

    ul#ulUserSetting {
        text-align: center;
        background: #FAFAFA !important;
        border-bottom: 1px solid #ddd;
        box-shadow: inset 0px 3px 7px #DDD;
    }

    .form-inline .input-group > .form-control {
        width: 100% !important;
    }

    .row {
        margin-bottom: 0px !important;
    }

    select {
        height: 30px;
    }

    [type="checkbox"] + label:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 10px !important;
        height: 10px !important;
        z-index: 0;
        border: 2px solid #5a5a5a;
        border-radius: 1px;
        /* margin-top: 2px; */
        margin: 1px auto;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -ms-transition: 0.2s;
        transition: 0.2s;
        display: block;
    }

    [type="checkbox"] + label {
        padding-left: 0px !important;
        display: block;
    }

    .form-inline .control-label {
        width: 120px;
        min-width: 0px;
        height: 20px !important;
    }

    label {
        padding: 0px;
        margin: 0px;
    }

    .form-control, .segmented-control {
        height: 25px !important;
    }

    .tab-panel {
        width: 96%;
        margin: 5px auto;
    }

    .result-panel {
        width: 96% !important;
        margin: 8px auto !important;
    }

    .megamenu {
        margin-left: 0;
        margin-right: 0;
        top: 33%;
    }

    .dropdown::before {
        position: absolute;
    }

    .megamenu > li {
        margin-bottom: 30px;
    }

        .megamenu > li:last-child {
            margin-bottom: 0;
        }

    .megamenu.dropdown-header {
        padding: 3px 15px !important;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header {
        color: #fff;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 3px 6px;
        font-size: 12px;
        border: none;
    }

    .pagination li {
        display: inline-block;
        font-size: 1.2rem;
        padding: 0px 0px !important;
    }

        .pagination li.active {
            background-color: transparent !important;
        }

            .pagination li.active a {
                background-color: #353E77;
            }

    .input-group input.input-sm {
        width: 100% !important;
    }

    input.input-sm {
        width: 100% !important;
    }

    .form-control, .input-sm {
        width: 100% !important;
    }

        .form-control .input-md, .clickHere {
            width: 100% !important;
        }

    select.input-sm {
        width: 100% !important;
    }

    textarea.input-sm {
        width: 100% !important;
        font-size: 1rem !important;
    }

    .form-control[disabled], .form-control[readonly] {
        max-width: 100% !important;
    }

    .lbl-derived:empty {
        width: 100% !important;
    }

    .jqte {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .btn-group {
        width: 100% !important;
    }

    .htmleditor {
        min-width: calc(100% + 30px);
        max-width: calc(100% + 30px);
    }

    .centerlogin {
        margin: 0 auto !important;
        padding: 0PX !IMPORTANT;
    }

    .btn {
        height: 35px !important;
        margin-top: 3px !important;
    }

    .col-md-4 {
        width: 50% !important;
    }

    .container {
        width: 100% !important;
    }

    input.input-sm {
        height: 28px !important;
    }

    [type="checkbox"] + label {
        position: relative !important;
        left: 0 !important;
        display: inline !important;
        width: 10px !important;
        height: 10px !important;
        padding-top: 1px !important;
    }

        [type="checkbox"] + label:before {
            margin-top: -7px !important;
        }

    .multiselect {
        padding-left: 3px !important;
    }

    .btn-default {
        height: 25px !important;
        margin-top: -7px !important;
    }

    .dataTables_length select {
        display: inline !important;
        width: 40px !important;
        padding-top: 0px !important;
        margin: 0px !important;
    }

    .dataTables_wrapper .bottom .dataTables_length {
        padding-top: 0px !important;
    }

    .toster-container-right {
        position: fixed !important;
        width: 100% !important;
        text-align: center !important;
        padding-bottom: 32px !important;
    }

    .toster {
        margin: 0 auto;
    }

    .type-icon {
        padding-top: 3px !important;
    }

    .control-label {
        padding-left: 0px !important;
    }

    .segmented-control {
        margin-left: 0px !important;
    }

    .form-group {
        margin-bottom: 0px !important;
        padding-top: 3px !important;
    }

    .lbl-value {
        width: 100% !important;
    }

    .htmleditor div.lbl-value {
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .row-size {
        padding-right: 16px !important;
    }

    .lbl-derived {
        width: 100% !important;
    }

    .title-caption {
        padding-left: 70px !important;
    }

    .row {
        margin-bottom: 5px !important;
    }

    .form-inline input[type=text] {
        margin-bottom: 0px !important;
        border: 1px solid #ddd !important;
    }

    .form-control, .segmented-control, input.form-control.input-sm.input-disable.valid,
    input.form-control.input-sm.input-disable {
        height: 28px !important;
        max-height: 28px !important;
        font-size: 12px;
        padding: 0px 0px;
        box-sizing: inherit;
    }

    .form-group div.input-group {
        width: 100% !important;
    }

    .form-group input[type=text], .form-group input[type=tel], .form-group input[type=email], .form-group input[type=number], .form-group input[type=datetime-local] {
        border: 1px solid #ddd !important;
        box-sizing: border-box;
    }

    .box-container .form-group {
        margin-top: 10px !important;
    }

    .dataTables_wrapper .top {
        right: 0px;
    }

    .form-inline .segmented-control input.form-control.input-sm.input-filter {
        height: 26px !important;
    }

    .form-inline .col-default input[type=text] {
        height: 26px !important;
        width: 97% !important;
    }

    .form.form-inline .col-default input[type=text] {
        height: 28px !important;
        width: 100% !important;
    }

    .form.form-inline .input-group > .form-control {
        width: 95% !important;
        height: 26px !important;
    }

    .file-container {
        display: table-cell !important;
    }
}

@media (min-width:960px) and (max-width:1200px) {
    .megamenu {
        margin-left: 0;
        margin-right: 0;
        top: 50%;
    }
}

@media (min-width:768px) and (max-width:960px) {
    .dataTables_wrapper .top {
        right: 0px;
    }

    .title-bar {
        border: 1px solid rgb(220, 222, 224) !important;
    }

        .title-bar header {
            background: rgb(220, 222, 224);
        }

    [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
        line-height: 5px !important;
    }

    span.error {
        margin-top: -56px;
        width: 225px;
        right: -5px;
        top: 55px;
    }

        span.error::before {
            top: 100%;
            left: 96%;
            margin-left: -5px;
            border-color: #d9534f transparent transparent transparent;
        }

    .hide-errorSpan {
        margin-top: -56px;
        width: 225px;
        right: -5px;
        top: 55px;
    }

        .hide-errorSpan::before {
            top: 100%;
            left: 96%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 26px;
        right: -5px;
    }

    .input-group .hide-errorSpan {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.error {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    fieldset span.error {
        margin-top: -53px;
        width: 200px;
        right: -4px;
    }

    fieldset span.mobileView-error::after {
        margin-top: 25px;
        right: -1px;
    }

    fieldset .hide-errorSpan {
        margin-top: -53px;
        width: 200px;
        right: -4px;
    }

    .file-container {
        display: table-cell !important;
    }
}

@media (min-width:650px) and (max-width:798px) {
    .spancompanynameright {
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        /* width: 400px; */
        white-space: pre;
    }
}

@media all and (max-width: 960px) {
    #btnSideMenu {
        display: none !Important;
    }

    #rightSideWrapper {
        display: none !Important;
    }

    body {
        background: #fff !important;
    }

    .main-container {
        margin-top: 60px;
    }

    .title-bar {
        position: fixed;
        top: 0px;
        width: 100%;
    }

        .title-bar .fa-bars, .title-bar .title-caption {
            text-shadow: none;
        }

    .tab-content-logTable table, .tab-content-logTable table th, .tab-content-logTable table td {
        padding: 0px;
        padding-right: 20px !important;
        padding-top: 0px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        min-width: 110px !important;
    }

    ul.multiselect-container.dropdown-menu {
        width: 100%;
    }

    .file-container {
        display: table-cell !important;
    }

    .form-inline .multiselect-container label.checkbox {
        margin-left: 5px;
    }

    .multiselect-container .checkbox [type='checkbox'] {
        visibility: visible;
        left: 3px;
        margin-top: 2px;
        margin-left: 0px !important;
    }

    button.multiselect {
        background-color: #fff;
    }
}

.file-container {
    width: 1%;
}
.action.all > i {
    margin-left: 5px;
}
/*media queries from width 768px screens */
@media (max-width:768px) {
    .file-container + .text-center .fa, .file-container + .text-center span {
        font-size: 20px;
    }

    .dataTables_length label {
        font-size: 0px !important;
        margin-top: 10PX;
    }

    span.input.sm.tab-title:empty {
        display: none;
    }

    .loader {
        height: 90%;
        opacity: 1;
        top: 50px;
    }

    #divLazyLoader div.lazyloader {
        display: block;
    }

    #divLazyLoader img.lazyloader {
        display: none;
    }

    body, html {
        background: #fff !important;
        font-weight: 400 !important;
    }

    .breadcrum-title, .input, .tblGridDetail, #tblGridDetail, #tblDefaultRole, #tableSelectedMembers, #tblQuerySearch, #tblFilters, #tblQueryDataMessageList,
    .input, .buttons-excel, .buttons-print, .buttons-pdf, label {
        font-weight: 400 !important;
        color: #333;
    }

    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #ddd !important;
        box-shadow: none !important;
    }

    .filter-criteria {
        display: none;
    }

    .marginset {
        padding-left: 13px !important;
        padding-right: 13% !important;
    }

    img.company-logo {
        margin-top: -15px;
    }

        img.company-logo.es {
            margin-top: -5px;
        }

    .user-panel .side-nav a {
        color: #fff !important;
    }

    .PageHeader {
        padding-left: 20px;
    }

    a.username {
        max-width: 90%;
        color: #fff !important;
    }

    .ui-autocomplete-ul {
        width: 80% !important;
        max-width: initial;
        max-height: 200px;
    }

    .centerlogin {
        margin: 0 auto !important;
        padding: 0PX !IMPORTANT;
    }

    .modal {
        background: #fff;
        margin-left: 2% !important;
        width: 94% !important;
    }

    .modal-header {
        padding: 5px 10px;
    }

    .modal .modal-content {
        padding: 0px !important;
        height: 100%;
        overflow: auto;
        box-shadow: initial;
    }

    .marginset1 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .modal[role='dialog'] .modal-dialog {
        padding: 0px !important;
        margin: 0px !important;
        height: 100%;
        width: 100% !Important;
    }

    .nav-tabs {
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .PhChildTablePlaceHolder {
        width: 100%;
    }

    .Details-panel .tab-body {
        padding-left: 0px !important;
    }

    .spantitlezone, .spancompanynameright {
        display: none;
    }

    [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
        line-height: 5px !important;
    }

    .mobile-nav {
        display: inline-block !important;
        position: relative;
    }

    .main-container {
        min-height: 0px !important;
        margin-top: 50px;
    }

    body {
        background: #fff !important;
    }

    .box-container {
        margin: 0 auto !important;
        max-width: 100% !important;
        box-shadow: none !important;
        padding: 0PX !IMPORTANT;
    }

    .box-container-col {
        padding: 0px !important;
    }

    .form-control, .drop-zone {
        width: 100% !important;
    }

    .input-group input.input-sm {
        width: 100% !important;
    }

    .form-control .input-md, .clickHere {
        width: 100% !important;
    }

    select.input-sm, .unit-select {
        width: 100%;
        max-width: initial;
    }

        .unit-select select {
            width: auto !important;
            max-width: initial !important;
            height: 30px;
            display: initial;
        }

        .unit-select input.form-control.input-sm {
            width: 100%;
            max-width: initial;
        }

    input.input-sm {
        width: 100% !important;
        box-sizing: border-box;
    }

    textarea.input-sm {
        width: 100% !important;
        font-size: 1rem !important;
    }

    .form-control[disabled], .form-control[readonly] {
        max-width: 100% !important;
    }

    .lbl-derived:empty {
        width: 100% !important;
    }

    .jqte {
        min-width: 100% !important;
        max-width: 100% !important;
        margin-left: 0px !important;
    }

    .input-group {
        width: 100% !important;
    }

    .control-label {
        width: 100% !important;
        font-size: 14px !important;
    }

    .btn-group {
        width: 100% !important;
    }

    .htmleditor {
        min-width: calc(100% + 30px);
        max-width: calc(100% + 30px);
    }

    label, .lbl-cls {
        margin-left: 0px !important;
        font-size: 16px !important;
    }

    th label, .lbl-cls {
        font-size: 13px !important;
    }

    .col-sm-4 {
        width: 100% !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .container {
        width: 100% !important;
    }

    .form-control input-sm input-disable {
        height: 25px !important;
    }

    input.input-sm {
        height: 28px !important;
    }

    .input-group-btn {
        height: 26px !important;
    }

    .input-group form-control segmented-control {
        height: 28px !important;
    }

    .form-control[readonly] {
        padding: 0 !important;
    }

    .side-nav a {
        height: 36px !important;
        line-height: 38px !important;
    }

    [type="checkbox"] + label {
        position: relative !important;
        left: 0px !important;
        display: inline !important;
        width: 10px !important;
        height: 10px !important;
        padding-top: 1px !important;
    }

        [type="checkbox"] + label:before {
            margin-top: 2px !important;
            display: inline !important;
        }

    .btn {
        height: 35px !important;
    }

    .footer .text-right {
        margin-top: -16px;
    }

    .multiselect {
        padding-left: 3px !important;
    }

    .btn-default {
        height: 25px !important;
        margin-top: -7px !important;
    }

    .dataTables_length select {
        display: inline !important;
        width: 40px !important;
        padding-top: 0px !important;
        margin: 0px !important;
    }

    .dataTables_wrapper .bottom .dataTables_length {
        padding-top: 0px !important;
    }

    .toster-container-right {
        position: fixed !important;
        width: 100% !important;
        text-align: center !important;
    }

    .toster {
        margin: 0 auto;
    }

    .type-icon {
        padding-top: 10px !important;
    }

    .control-label {
        padding-left: 0px !important;
    }

    .segmented-control {
        margin-left: 0px !important;
    }

    .form-group {
        margin-bottom: 0px !important;
    }

    .lbl-value {
        width: 100% !important;
    }

    .htmleditor div.lbl-value {
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .row-size {
        padding-right: 16px !important;
    }

    .lbl-derived {
        width: 100% !important;
    }

    .row {
        margin-bottom: 10px;
    }

    #ParentData > .form-inline .row-default.row {
        margin-top: -10px !important;
    }

    .input-group {
        margin-bottom: 3px !important;
    }

    .form-group input[type=text], .form-group input[type=tel], .form-group input[type=email], .form-group input[type=number], .form-group input[type=datetime-local] {
        margin-bottom: 3px !important;
        border: 1px solid #ddd !important;
    }

    label.control-label {
        margin-bottom: 3px !important;
        margin-top: 3px !important;
        padding-bottom: 0px !important;
        color: #333;
    }

    .segmented-control input.form-control.input-sm.input-filter {
        margin-bottom: 0px !important;
    }

    .form-inline .input-group, .form-inline input[type=text] {
        margin-bottom: 0px !important;
    }

    input.form-control.input-sm {
        border: 1px solid #ddd !important;
    }

    .input-group input.input-sm {
        margin-bottom: 3px !important;
    }

    .box-container .form-group {
        margin-top: 10px !important;
    }

    .dataTables_wrapper .top {
        right: 0px;
    }

    .username {
        width: 100%;
        max-width: 100%;
        font-size: 1.2rem !important;
        margin: 0px !important;
    }

    .selected-role {
        margin-left: 15px;
        margin-top: -16px;
    }

    .userprof-img, .userprof-img img {
        width: 70px;
        height: 70px;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
    }

    .logout {
        min-height: 45px;
        padding-top: 5px;
    }

    .title-bar {
        border: 1px solid #EAEAEA;
        border-bottom: 1px solid #D7DBE2;
        background: none;
    }

        .title-bar header {
            background: #EAEAEA;
            padding-bottom: 0px;
            padding-top: 15px;
        }

    span.error {
        margin-top: -50px;
        width: 225px;
        right: -10px;
    }

        span.error::before {
            top: 100%;
            left: 95.5%;
            margin-left: -5px;
            border-color: #d9534f transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 25px;
        right: 2px;
    }

    .hide-errorSpan {
        margin-top: -50px;
        width: 225px;
        right: -10px;
    }

        .hide-errorSpan::before {
            top: 100%;
            left: 96%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    .input-group span.error {
        margin-top: -25px;
        width: 225px;
        right: -25px;
    }

    .input-group .hide-errorSpan {
        margin-top: -25px;
        width: 225px;
        right: -25px;
    }

    fieldset span.error {
        margin-top: -50px;
        width: 300px;
        right: -3px;
    }

    fieldset span.mobileView-error::after {
        right: -2px;
        top: 0px;
    }

    fieldset span.error::before {
        top: 96%;
        left: 97.5%;
        margin-left: -5px;
        border-color: #d9534f transparent transparent transparent;
    }

    fieldset .hide-errorSpan {
        margin-top: -50px;
        width: 300px;
        right: -3px;
    }

    .widthaction {
        min-width: 16px !important;
        max-width: 16px !important;
        width: 16px !important;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        height: 18px;
        width: 18px;
        line-height: 16px;
    }

    [type="checkbox"] + label:before {
        width: 14px !important;
        height: 14px !important;
    }

    .file-container {
        display: table-cell !important;
    }

    .absolute-center-logo {
        Width: 80%;
        position: absolute;
        left: 10%;
        top: 400%;
        margin-left: 0px;
        margin-top: 0px;
    }

    .dropdown-menu label.checkbox input[type=checkbox] {
        top: 0px;
    }

    .index-container > .row {
        display: block;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: calc(100% - 180px); /* right: 212px; */
        top: -42%;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: calc(100% - 180px); /*right: 212px;*/
        top: -42%;
    }
    /*Button*/
    .btn-general,
    .btn-filter,
    .btn-reset,
    .btn-execute,
    .btn-preview,
    .btn-plus,
    .btn-delete,
    .btn-save,
    .btn-cancel,
    .btn-listing,
    .btn-search,
    .btn-loading,
    .btn-export,
    .btn-chart,
    .btn-generate,
    .btn-default,
    .btn-profile,
    .btn-logout,
    .btn-downward,
    .btn-upward-flip-h,
    .btn-bars,
    .btn-print,
    .btn-pdf,
    .btn-location,
    .btn-custom,
    .btn-close,
    .btn-reload,
    .btn-apply,
    .show-hierarchy-btn,
    .btn-img,
    .buttons-excel,
    .buttons-print,
    .buttons-pdf,
    .btn-ok {
        font-size: 0px;
    }

        /*Button*/
        .btn-general:before,
        .btn-filter:before,
        .btn-reset:before,
        .btn-execute:before,
        .btn-preview:before,
        .btn-plus:before,
        .btn-delete:before,
        .btn-save:before,
        .btn-cancel:before,
        .btn-listing:before,
        .btn-search:before,
        .btn-loading:before,
        .btn-export:before,
        .btn-chart:before,
        .btn-generate:before,
        .btn-default:before,
        .btn-profile:before,
        .btn-logout:before,
        .btn-downward:before,
        .btn-upward-flip-h:before,
        .btn-bars:before,
        .btn-print:before,
        .btn-pdf:before,
        .btn-location:before,
        .btn-custom:before,
        .btn-close:before,
        .btn-reload:before,
        .btn-apply:before,
        .btn-img:before,
        .show-hierarchy-btn:before,
        .buttons-excel:before,
        .buttons-print:before,
        .buttons-pdf:before,
        .btn-ok:before {
            font-size: 18px;
        }

        .btn-save:before {
            font-size: 29px;
        }

    .b2c .navbar {
        min-height: initial;
    }

    .b2c [data-id="filterApplyBtn"], .b2c .filter-container {
        display: none;
        margin-top: 50px;
    }

    .b2c [data-id="filterApplyBtn"] {
        text-align: right;
    }

    .b2c [data-id="filterBtn"] {
        display: block;
    }

    .b2c .secondary-nav {
        margin-top: 50px;
    }

    .b2c .box.info-bar {
        margin-top: 50px;
    }

    .info-bar .card-view-toggle {
        display: none;
    }

    [data-id="filterApplyBtn"]:last-child {
        position: fixed;
        bottom: -15px;
        z-index: 1;
        width: 100%;
        left: 0px;
    }

    .footer-bestScreenResolution {
        display: none;
    }

    .input-group .form-control[disabled] {
        width: 160px !important;
    }

    .Details-panel.tab-body.tab-pane .table.table th {
        padding-left: 10px !important;
    }
}

@media(max-width:746px) {
    .form-pod {
        padding: 0px;
        margin-top: -5px;
        width: 100%;
        height: auto;
        display: block;
    }

    .glyphicon-unchecked {
        display: none;
    }

    .podtext-ellipse {
        width: 85%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .input-group input.input-sm {
        width: 100% !important;
    }

    .form-control .input-md, .clickHere {
        width: 100% !important;
    }

    select.input-sm {
        width: 100% !important;
    }

    input.input-sm {
        width: 100% !important;
    }

    textarea.input-sm {
        width: 100% !important;
        font-size: 1rem !important;
    }

    .form-control[disabled], .form-control[readonly] {
        max-width: 100% !important;
    }

    .lbl-derived:empty {
        width: 100% !important;
    }

    .jqte {
        min-width: 100% !important;
        max-width: 100% !important;
        margin-left: 0px !important;
    }

    .input-group {
        width: 100% !important;
    }

    .btn-group {
        width: 100% !important;
    }

    .htmleditor {
        min-width: calc(100% + 30px);
        max-width: calc(100% + 30px);
    }

    .col-sm-4 {
        width: 100% !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .container {
        width: 100% !important;
    }

    .form-control input-sm input-disable {
        height: 25px !important;
    }

    input.input-sm {
        height: 28px !important;
    }

    .input-group-btn {
        height: 26px !important;
    }

    .input-group form-control segmented-control {
        height: 28px !important;
    }

    .form-control[readonly] {
        padding: 0 !important;
    }

    [type="checkbox"] + label {
        position: relative !important;
        left: 0px !important;
        display: inline !important;
        width: 10px !important;
        height: 10px !important;
        padding-top: 1px !important;
    }

        [type="checkbox"] + label:before {
            margin-top: 2px !important;
            display: inline !important;
        }

    .multiselect {
        padding-left: 3px !important;
    }

    .switch-button-label,
    .switch-button-background {
        /* display: none;*/
    }

    .btn {
        height: 35px !important;
    }

    .btn-default {
        height: 25px !important;
        margin-top: -7px !important;
    }

    .dataTables_length select {
        display: inline !important;
        width: 40px !important;
        padding-top: 0px !important;
        margin: 0px !important;
    }

    .dataTables_wrapper .bottom .dataTables_length {
        padding-top: 0px !important;
    }

    .toster-container-right {
        position: fixed !important;
        width: 100% !important;
        text-align: center !important;
    }

    .toster {
        margin: 0 auto;
    }

    .type-icon {
        padding-top: 10px !important;
    }

    .control-label {
        padding-left: 0px !important;
    }

    .segmented-control {
        margin-left: 0px !important;
    }

    .form-group {
        margin-bottom: 0px !important;
    }

    .lbl-value {
        width: 100% !important;
    }

    .htmleditor div.lbl-value {
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .row-size {
        padding-right: 16px !important;
    }

    .lbl-derived {
        width: 100% !important;
    }

    .row {
        margin-bottom: 10px !important;
    }

    .input-group {
        margin-bottom: 3px !important;
    }

    .form-group input[type=text], .form-group input[type=tel], .form-group input[type=email], .form-group input[type=number], .form-group input[type=datetime-local] {
        margin-bottom: 3px !important;
        border: 1px solid #ddd !important;
    }

    .control-label {
        margin-bottom: 3px !important;
        margin-top: 3px !important;
        padding-bottom: 0px !important;
    }

    .segmented-control input.form-control.input-sm.input-filter {
        margin-bottom: 0px !important;
    }

    .form-inline .input-group, .form-inline input[type=text] {
        margin-bottom: 0px !important;
        display: inline-flex;
    }

    input.form-control.input-sm {
        border: 1px solid #ddd !important;
    }

    .input-group input.input-sm {
        margin-bottom: 3px !important;
    }

    .box-container .form-group {
        margin-top: 10px !important;
    }

    .dataTables_wrapper .top {
        right: 0px;
    }

    .daterangepicker .input-mini {
        width: 86% !important;
    }

    .daterangepicker {
        z-index: 200 !important;
    }

    .show-calendar .left, .show-calendar .right {
        float: none !important;
    }
}
/* Validation Error MSG CSS*/
@media (min-width:961px) and (max-width:991px) {
    span.error {
        margin-top: -56px;
        width: 225px;
        right: 115px;
        top: 60px;
    }

        span.error::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: #d9534f transparent transparent transparent;
        }

    .hide-errorSpan {
        margin-top: -56px;
        width: 225px;
        right: 115px;
        top: 60px;
    }

        .hide-errorSpan::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 26px;
        right: -0px;
    }

    .input-group .hide-errorSpan {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.error {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 25px;
        right: -4px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -58px;
        width: 182px;
        right: 92px;
    }

    fieldset span.mobileView-error::after {
        right: -4px;
        top: 0px;
    }

    fieldset .hide-errorSpan {
        margin-top: -58px;
        width: 182px;
        right: 92px;
    }
}

@media (min-width:992px) and (max-width:1022px) {
    span.error {
        margin-top: -56px;
        width: 195px;
        right: 70px;
        top: 58px;
    }

        span.error::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: #d9534f transparent transparent transparent;
        }

    .hide-errorSpan {
        margin-top: -56px;
        width: 195px;
        right: 70px;
        top: 58px;
    }

        .hide-errorSpan::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 26px;
        right: -2px;
    }

    .input-group .hide-errorSpan {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.error {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 25px;
        right: -4px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -57px;
        width: 182px;
        right: 48px;
    }

    fieldset span.mobileView-error::after {
        right: -4px;
        top: 0px;
    }

    fieldset .hide-errorSpan {
        margin-top: -57px;
        width: 182px;
        right: 48px;
    }
}

@media (min-width:1023px) and (max-width:1080px) {
    span.error {
        margin-top: -56px;
        width: 195px;
        right: 82px;
        top: 58px;
    }

        span.error::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: #d9534f transparent transparent transparent;
        }

    .hide-errorSpan {
        margin-top: -56px;
        width: 195px;
        right: 82px;
        top: 58px;
    }

        .hide-errorSpan::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 26px;
        right: -2px;
    }

    .input-group .hide-errorSpan {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.error {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 25px;
        right: -4px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -56px;
        width: 182px;
        right: 56px;
    }

    fieldset span.mobileView-error::after {
        right: -4px;
        top: 0px;
    }

    fieldset .hide-errorSpan {
        margin-top: -56px;
        width: 182px;
        right: 56px;
    }
}

@media (min-width:1081px) and (max-width:1140px) {
    span.error {
        margin-top: -56px;
        width: 195px;
        right: 98px;
        top: 58px;
    }

        span.error::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: #d9534f transparent transparent transparent;
        }

    .hide-errorSpan {
        margin-top: -56px;
        width: 195px;
        right: 98px;
        top: 58px;
    }

        .hide-errorSpan::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 26px;
        right: -2px;
    }

    .input-group .hide-errorSpan {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.error {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 25px;
        right: -4px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -56px;
        width: 192px;
        right: 73px;
    }

    fieldset span.mobileView-error::after {
        right: -4px;
        top: 0px;
    }

    fieldset .hide-errorSpan {
        margin-top: -56px;
        width: 192px;
        right: 73px;
    }
}

@media (min-width:1141px) and (max-width:1200px) {
    span.error {
        margin-top: -56px;
        width: 195px;
        right: 115px;
        top: 58px;
    }

        span.error::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: #d9534f transparent transparent transparent;
        }

    .hide-errorSpan {
        margin-top: -56px;
        width: 195px;
        right: 115px;
        top: 58px;
    }

        .hide-errorSpan::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 26px;
        right: -2px;
    }

    .input-group .hide-errorSpan {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.error {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 25px;
        right: -4px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -57px;
        width: 192px;
        right: 89px;
    }

    fieldset span.mobileView-error::after {
        right: -4px;
        top: 0px;
    }

    fieldset .hide-errorSpan {
        margin-top: -57px;
        width: 192px;
        right: 89px;
    }
}

@media (min-width:1201px) and (max-width:1240px) {
    span.error {
        margin-top: -56px;
        width: 195px;
        right: 131px;
        top: 58px;
    }

        span.error::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: #d9534f transparent transparent transparent;
        }

    .hide-errorSpan {
        margin-top: -56px;
        width: 195px;
        right: 131px;
        top: 58px;
    }

        .hide-errorSpan::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 26px;
        right: -2px;
    }

    .input-group .hide-errorSpan {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.error {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 25px;
        right: -4px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -57px;
        width: 192px;
        right: 105px;
    }

    fieldset span.mobileView-error::after {
        right: -4px;
        top: 0px;
    }

    fieldset .hide-errorSpan {
        margin-top: -57px;
        width: 192px;
        right: 105px;
    }
}

@media (min-width:1241px) and (max-width:1258px) {
    span.error {
        margin-top: -56px;
        width: 195px;
        right: 142px;
        top: 58px;
    }

        span.error::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: #d9534f transparent transparent transparent;
        }

    .hide-errorSpan {
        margin-top: -56px;
        width: 195px;
        right: 142px;
        top: 58px;
    }

        .hide-errorSpan::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 26px;
        right: -2px;
    }

    .input-group .hide-errorSpan {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.error {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 25px;
        right: -4px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -57px;
        width: 192px;
        right: 117px;
    }

    fieldset span.mobileView-error::after {
        right: -4px;
        top: 0px;
    }

    fieldset .hide-errorSpan {
        margin-top: -57px;
        width: 192px;
        right: 117px;
    }
}

@media (min-width:1259px) and (max-width:1280px) {
    span.error {
        margin-top: 2px;
        width: 145px;
        right: 182px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    .hide-errorSpan {
        margin-top: 2px;
        width: 145px;
        right: 182px;
    }

        .hide-errorSpan::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .input-group .hide-errorSpan {
        margin-top: 5px;
        width: 145px;
        right: 164px;
    }

    .input-group span.error {
        margin-top: 5px;
        width: 145px;
        right: 164px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 0px;
        right: -185px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -22px;
        width: 192px;
        right: 120px;
    }

    fieldset span.mobileView-error::after {
        right: -1px;
        top: 24px;
    }

    fieldset .hide-errorSpan {
        margin-top: -22px;
        width: 192px;
        right: 120px;
    }

    fieldset span.error::before {
        top: 97%;
        left: 96%;
        margin-left: -5px;
        border-color: #d9534f transparent transparent transparent;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: -53px;
        width: 160px;
        right: 238px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: -53px;
        width: 160px;
        right: 238px;
    }

    .PhChildTablePlaceHolder span.error::before {
        top: 30%;
        left: 102%;
        margin-left: -5px;
        border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
    }

    .PhChildTablePlaceHolder span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }
}

@media (min-width:1281px) and (max-width:1310px) {
    span.error {
        margin-top: 2px;
        width: 145px;
        right: 190px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    .hide-errorSpan {
        margin-top: 2px;
        width: 145px;
        right: 190px;
    }

        .hide-errorSpan::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .input-group .hide-errorSpan {
        margin-top: 5px;
        width: 145px;
        right: 164px;
    }

    .input-group span.error {
        margin-top: 5px;
        width: 145px;
        right: 164px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 0px;
        right: -185px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -22px;
        width: 192px;
        right: 125px;
    }

    fieldset span.mobileView-error::after {
        right: -1px;
        top: 24px;
    }

    fieldset .hide-errorSpan {
        margin-top: -22px;
        width: 192px;
        right: 125px;
    }

    fieldset span.error::before {
        top: 97%;
        left: 96%;
        margin-left: -5px;
        border-color: #d9534f transparent transparent transparent;
    }
}

@media (min-width:1281px) and (max-width:1304px) {
    .PhChildTablePlaceHolder span.error {
        margin-top: -22px;
        width: 160px;
        right: 143px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: -22px;
        width: 160px;
        right: 143px;
    }

    .PhChildTablePlaceHolder span.error::before {
        top: 100%;
        left: 95%;
        margin-left: -5px;
        border-color: rgb(217, 83, 79) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgba(217, 83, 79, 0);
    }

    .PhChildTablePlaceHolder span.mobileView-error::after {
        margin-top: 26px;
        right: -3px;
    }
}

@media (min-width:1304px) and (max-width:1310px) {
    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: 190px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: 190px;
    }
}

@media (min-width:1311px) and (max-width:1349px) {
    span.error {
        margin-top: 2px;
        width: 145px;
        right: 200px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    .hide-errorSpan {
        margin-top: 2px;
        width: 145px;
        right: 200px;
    }

        .hide-errorSpan::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .input-group .hide-errorSpan {
        margin-top: 5px;
        width: 145px;
        right: 164px;
    }

    .input-group span.error {
        margin-top: 5px;
        width: 145px;
        right: 164px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 0px;
        right: -185px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -22px;
        width: 192px;
        right: 130px;
    }

    fieldset span.mobileView-error::after {
        right: -1px;
        top: 24px;
    }

    fieldset .hide-errorSpan {
        margin-top: -22px;
        width: 192px;
        right: 130px;
    }

    fieldset span.error::before {
        top: 97%;
        left: 96%;
        margin-left: -5px;
        border-color: #d9534f transparent transparent transparent;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: 190px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: 190px;
    }
}

@media (min-width:1350px) and (max-width:1360px) {
    span.error {
        margin-top: -1px;
        width: 160px;
        right: 205px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .hide-errorSpan {
        margin-top: -1px;
        width: 160px;
        right: 205px;
    }

    .input-group .hide-errorSpan {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .input-group span.error {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }
}

@media (min-width:1350px) and (max-width:1357px) {
    fieldset span.error {
        margin-top: -21px;
        width: 196px;
        right: 144px;
    }

    fieldset .hide-errorSpan {
        margin-top: -21px;
        width: 196px;
        right: 144px;
    }

    fieldset span.mobileView-error::after {
        right: 0px;
        top: 22px;
    }

    fieldset span.error::before {
        top: 85%;
        left: 95%;
        margin-left: -5px;
        border-color: rgb(217, 83, 79) rgba(255, 87, 34, 0) rgba(210, 210, 210, 0) rgba(217, 83, 79, 0);
    }
}

@media (min-width:1358px) and (max-width:1375px) {
    fieldset span.error {
       
        width: 190px;
        
    }

    fieldset .hide-errorSpan {
       
        width: 190px;
       
    }

    fieldset span.mobileView-error::after .tab-content {
        right: 0px;
        top: 21px;
    }

    fieldset span.error::before {
        top: 85%;
        left: 94%;
        margin-left: -5px;
        border-color: rgb(217, 83, 79) rgba(255, 87, 34, 0) rgba(210, 210, 210, 0) rgba(217, 83, 79, 0);
    }
}

@media (min-width:1360px) and (max-width:1375px) {
    span.error {
        margin-top: -1px;
        width: 160px;
        right: calc(100% - 157px); /*right: 209px;*/
    }

    input[type='file'] + span.error {
        right: 100%;
    }

    span.error::before {
        top: 30%;
        left: 102%;
        margin-left: -5px;
        border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
    }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    input[type='file'] + span.error::after {
        padding-left: 0px;
        line-height: 14px;
    }

    .hide-errorSpan {
        margin-top: -1px;
        width: 160px;
        /*right: 209px;*/
        right: calc(100% - 157px);
    }

    .input-group .hide-errorSpan {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .input-group span.error {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: calc(100% - 153px); /*right: 193px;*/
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: calc(100% - 153px); /*right: 193px;*/
    }

    .tblGridDetail > tbody > tr > td .hide-errorSpan {
        background: rgba(255, 255, 255, 0);
        color: rgba(255, 255, 255, 0) !important;
        border: none !important;
        position: absolute;
        border-radius: 3px;
        z-index: 01;
        padding-left: 5px;
        z-index: 2;
        visibility: hidden;
        margin-top: 1px;
        width: 160px;
        right: calc(100% - -15px); /*right: 193px;*/
        left: 10px;
        top: -25%;
    }

    .tblGridDetail > tbody > tr > td span.error {
        background: #d9534f;
        color: #f8f8f8 !important;
        border: none !important;
        border-radius: 3px;
        position: absolute;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
        width: 160px;
        padding-left: 5px;
        z-index: 2;
        margin-top: 1px;
        width: 160px;
        right: calc(100% - -15px); /*right: 193px;*/
        left: 9px;
        top: -25%;
    }

    .tblGridDetail > tbody > tr > td span.mobileView-error::after {
        position: absolute;
        display: inline-block;
        border-bottom: 1px dotted black;
        content: "!";
        margin-top: 2px;
        border-radius: 60px;
        background-color: white;
        color: #d9534f !important;
        font-weight: 900 !important;
        border-color: #d9534f;
        border: 2px solid !important;
        right: -5px;
        width: 18px;
        height: 18px;
        padding-top: 0px;
        padding-left: 5px;
        font-size: 12px !important;
        padding-bottom: 0px;
        padding-right: 0px;
        visibility: visible;
        top: 16px;
    }

    .tblGridDetail > tbody > tr > td span.error::before {
        content: "";
        position: absolute;
        top: 103%;
        left: 88%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgb(217, 83, 79) rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0);
    }
}

@media (min-width:1375px) and (max-width:1390px) {
    span.error {
        margin-top: -1px;
        width: 160px;
        right: 212px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .hide-errorSpan {
        margin-top: -1px;
        width: 160px;
        right: 212px;
    }

    .input-group .hide-errorSpan {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .input-group span.error {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    fieldset span.mobileView-error::after {
        right: -182px;
        top: 0px;
    }

    fieldset span.error {
        margin-top: 0px;
        width: 160px;
        right: 183px;
    }

    fieldset .hide-errorSpan {
        margin-top: 0px;
        width: 160px;
        right: 183px;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: 198px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: 198px;
    }
}

@media (min-width:1390px) and (max-width:1400px) {
    span.error {
        margin-top: -1px;
        width: 160px;
        right: 215px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .hide-errorSpan {
        margin-top: -1px;
        width: 160px;
        right: 215px;
    }

    .input-group .hide-errorSpan {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .input-group span.error {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    fieldset span.mobileView-error::after {
        right: -182px;
        top: 0px;
    }

    fieldset span.error {
        margin-top: 0px;
        width: 160px;
        right: 187px;
    }

    fieldset .hide-errorSpan {
        margin-top: 0px;
        width: 160px;
        right: 187px;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: 204px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: 204px;
    }
}

@media (min-width:1400px) and (max-width:1415px) {
    span.error {
        margin-top: -1px;
        width: 160px;
        right: 219px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .hide-errorSpan {
        margin-top: -1px;
        width: 160px;
        right: 219px;
    }

    .input-group .hide-errorSpan {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .input-group span.error {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    fieldset span.mobileView-error::after {
        right: -182px;
        top: 0px;
    }

    fieldset span.error {
        margin-top: 0px;
        width: 160px;
        right: 191px;
    }

    fieldset .hide-errorSpan {
        margin-top: 0px;
        width: 160px;
        right: 191px;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: 204px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: 204px;
    }
}

@media (min-width:1415px) and (max-width:1425px) {
    span.error {
        margin-top: -1px;
        width: 160px;
        right: 221px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .hide-errorSpan {
        margin-top: -1px;
        width: 160px;
        right: 221px;
    }

    .input-group .hide-errorSpan {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .input-group span.error {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    fieldset span.error {
        margin-top: 0px;
        width: 160px;
        right: 194px;
    }

    fieldset .hide-errorSpan {
        margin-top: 0px;
        width: 160px;
        right: 194px;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: 212px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: 212px;
    }
}

@media (min-width:1425px) and (max-width:1430px) {
    span.error {
        margin-top: -1px;
        width: 160px;
        right: 224px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .hide-errorSpan {
        margin-top: -1px;
        width: 160px;
        right: 224px;
    }

    .input-group .hide-errorSpan {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .input-group span.error {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: 212px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: 212px;
    }
}

@media (min-width:1430px) and (max-width:1438px) {
    span.error {
        margin-top: -1px;
        width: 160px;
        right: 227px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .hide-errorSpan {
        margin-top: -1px;
        width: 160px;
        right: 227px;
    }

    .input-group .hide-errorSpan {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .input-group span.error {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: 212px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: 212px;
    }
}

@media (min-width:1438px) {
    span.error {
        margin-top: -1px;
        width: 160px;
        right: 229px;
    }

        span.error::before {
            top: 30%;
            left: 102%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) rgba(255, 87, 34, 0) rgba(0, 0, 0, 0) rgb(217, 83, 79);
        }

    span.mobileView-error::after {
        margin-top: 2px;
        right: -190px;
    }

    .hide-errorSpan {
        margin-top: -1px;
        width: 160px;
        right: 229px;
    }

    .input-group .hide-errorSpan {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .input-group span.error {
        margin-top: 0px;
        width: 162px;
        right: 162px;
    }

    .PhChildTablePlaceHolder span.error {
        margin-top: 1px;
        width: 160px;
        right: 212px;
    }

    .PhChildTablePlaceHolder .hide-errorSpan {
        margin-top: 1px;
        width: 160px;
        right: 212px;
    }
}

.table > thead > tr > th {
    padding: 0px !important;
}

/*media queries from width 480px screens */
@media (max-width:480px) {
    .spancompanyname {
        display: none;
    }

    img.company-logo {
        margin-top: -8px;
        height: 35px;
    }

    header {
        float: none;
        padding-bottom: 0px;
    }

    img.company-logo.es {
        height: 25px;
        margin-top: 0px;
    }

    .navbar-default {
        border: 0px;
        height: 47px;
    }

    .navbar {
        margin-bottom: 0px;
    }

    .form-control, .drop-zone {
        width: 100% !important;
    }

        .form-control .input-md, .clickHere {
            width: 100% !important;
        }

    .input-group input.input-sm {
        width: 100% !important;
    }

    select.input-sm {
        width: 100% !important;
    }

    .lbl-cls {
        padding:0px !important;
    }

    input.input-sm {
        width: 100% !important;
    }

    textarea.input-sm {
        width: 100% !important;
        font-size: 1rem !important;
    }

    .form-control[disabled], .form-control[readonly] {
        max-width: 100% !important;
    }

    .lbl-derived:empty {
        width: 100% !important;
    }

    .jqte {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .input-group {
        width: 100% !important;
    }

    .control-label {
        width: 100% !important;
    }

    .btn-group {
        width: 100% !important;
    }

    .htmleditor {
        min-width: calc(100% + 30px);
        max-width: calc(100% + 30px);
    }

    .col-sm-4 {
        width: 100 !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .container {
        width: 100% !important;
    }

    .form-control input-sm input-disable {
        height: 28px !important;
    }

    input.input-sm {
        height: 28px !important;
    }

    .input-group-btn {
        height: 28px !important;
    }

    .input-group form-control segmented-control {
        height: 28px !important;
    }

    .form-control[readonly] {
        padding: 0 !important;
    }

    .step-header {
        margin-right: 50px !important;
    }

    .side-nav a {
        height: 36px !important;
        line-height: 38px !important;
    }

    [type="checkbox"] + label {
        position: relative !important;
        left: 00px !important;
        display: inline !important;
        width: 10px !important;
        height: 10px !important;
        padding-top: 1px !important;
    }

        [type="checkbox"] + label:before {
            margin-top: 2px !important;
            display: inline !important;
        }

    .footer .col-md-6 {
        display: none !important;
    }

    .footer .text-right {
        display: block !important;
        /*padding-top: 16px !important;*/
    }

    .multiselect {
        padding-left: 3px !important;
    }

    .btn {
        height: 35px !important;
    }

    .btn-default {
        height: 25px !important;
        margin-top: -7px !important;
    }

    .dataTables_length select {
        display: inline !important;
        width: 40px !important;
        padding-top: 0px !important;
        margin: 0px !important;
    }

    .dataTables_wrapper .bottom .dataTables_length {
        padding-top: 0px !important;
    }

    .toster-container-right {
        position: fixed !important;
        width: 100% !important;
        text-align: center !important;
    }

    .toster {
        margin: 0 auto;
    }

    .type-icon {
        padding-top: 10px !important;
    }

    .control-label {
        padding-left: 0px !important;
    }

    .segmented-control {
        margin-left: 0px !important;
    }

    .form-group {
        margin-bottom: 0px !important;
    }

    .lbl-value {
        width: 100% !important;
    }

    .htmleditor div.lbl-value {
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .row-size {
        padding-right: 16px !important;
    }

    .lbl-derived {
        width: 100% !important;
    }

    .title-caption {
        padding-left: 10px !important;
    }

    .spancompanyname {
        display: inline-block !important;
        padding-left: 0px !important;
        line-height: 2;
        margin-left: 11px;
        max-width: 130px;
        margin-top: -8px;
    }

    .row {
        margin-bottom: 10px !important;
    }

    .input-group {
        margin-bottom: 3px !important;
    }

    .form-group input[type=text], .form-group input[type=tel], .form-group input[type=email], .form-group input[type=number], .form-group input[type=datetime-local] {
        margin-bottom: 3px !important;
        border: 1px solid #ddd !important;
    }

    label {
        padding-bottom: 0px !important;
    }

    .control-label {
        margin-bottom: 3px !important;
        margin-top: 3px !important;
    }

    .segmented-control input.form-control.input-sm.input-filter {
        margin-bottom: 0px !important;
    }

    .form-inline .input-group, .form-inline input[type=text] {
        margin-bottom: 0px !important;
    }

    .form-inline input[type=text] {
        border: 1px solid #ddd !important;
    }

    .input-group input.input-sm {
        margin-bottom: 3px !important;
    }

    .box-container .form-group {
        margin-top: 10px !important;
    }

    .dataTables_wrapper .top {
        right: 0px;
    }

    .titleheight {
        height: 35px;
    }

    .segmented-control .input-group-btn {
        height: 26px !important;
    }

    .file-container {
        height: 26px !important;
    }
}

@media screen and (max-width:320px) {
    header {
        padding-top: 15px;
        padding-bottom: 0px !important;
    }

    img.company-logo, img.company-logo.es {
        margin-top: -4px;
        height: 30px;
    }

    #mobile_nav_button {
        margin-left: -3px;
        margin-right: 5px;
    }

    #spanProductName {
        font-size: 15px;
        max-width: 110px;
        margin-top: -2px;
        margin-left: 14px;
    }

    .auto-height {
        height: auto;
    }
}

@media (min-width:961px) and (max-width:1280px) {
    span.error {
        margin-top: -56px;
        width: 225px;
        right: calc(100% - 190px); /*right: 142px;*/
        top: 55px;
    }

        span.error::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: #d9534f transparent transparent transparent;
        }

    .hide-errorSpan {
        margin-top: -56px;
        width: 225px;
        right: calc(100% - 190px); /*right: 142px;*/
        top: 55px;
    }

        .hide-errorSpan::before {
            top: 97%;
            left: 96%;
            margin-left: -5px;
            border-color: rgba(217, 83, 79, 0) transparent transparent transparent;
        }

    span.mobileView-error::after {
        margin-top: 26px;
        right: -5px;
    }

    .input-group .hide-errorSpan {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.error {
        margin-top: -79px;
        width: 225px;
        right: -22px;
    }

    .input-group span.mobileView-error::after {
        margin-top: 25px;
        right: -4px;
    }

    .form-inline .form-control {
        box-sizing: border-box;
    }

    fieldset span.error {
        margin-top: -54px;
        width: 160px;
        right: 83px;
    }

    fieldset span.mobileView-error::after {
        right: -4px;
        top: 0px;
    }

    fieldset .hide-errorSpan {
        margin-top: -54px;
        width: 160px;
        right: 83px;
    }
}

@media (min-width:961px) and (max-width:1061px) {
    .file-container {
        display: table-cell !important;
    }
}

#index_container > .row {
    background: none;
}

.main-container {
    background-color: #fff;
}

.nav-tabs {
    border-bottom: 0px;
}

.panel-default > .panel-heading, .panel, .panel-default > .panel-heading {
    background: none;
    border: none;
}

.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.selected-role:hover {
    color: #CACACA;
    text-decoration: none;
}

.sideMenu .panel-body a, .sideMenu .panel-body a:visited {
    color: #EEFCFF;
    font-weight: 100; /* text-shadow: 0px 2px 0px #0C458C; */
    letter-spacing: 0.4px;
}

.selected-role {
    color: #CACACA;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
}

.sideMenu .panel-heading h4 {
    font-size: 13px;
    text-align: left;
    letter-spacing: 0.6px;
    font-weight: 100;
}

.hvr-underline-reveal:before {
    background: none;
}

.hvr-underline-reveal {
    display: block;
}

.nav-collapsed .hvr-underline-reveal:hover a {
    color: #fff;
}

.left-container .hvr-underline-reveal:hover a {
    color: #fff;
}

.hvr-underline-reveal {
    width: 100%;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 1px;
}

.role-selector-popup, .dropdown-popup-menu {
    box-shadow: rgb(93, 93, 93) 0px 0px 5px;
    border-radius: 0px;
    right: 60%;
}

    .role-selector-popup ol a, .dropdown-popup-menu ol a {
        width: inherit;
        display: block;
    }

        .role-selector-popup ol a:hover .dropdown-popup-menu ol a:hover {
            background-color: #f5f5f5;
            text-decoration: none;
            color: #2098d1 !important;
        }

.role-selector-popup {
    /* top: 15px !important;
    padding-top: 7px !important;*/
    right: 19%;
    box-shadow: rgba(93, 93, 93, 0) 0px 0px 0px !important;
    background-color: rgba(255, 255, 255, 0) !important;
    border: 0px;
}

.role-selector-list {
    border-radius: 0px;
    position: absolute;
    color: #413B3B;
    z-index: 1010;
    width: 100% !important;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px;
    border: 0px;
    padding: 0px !important;
    border-bottom: 10px solid #fff;
    box-shadow: 3px 3px 5px #888888;
}

.dropdown-popup-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 0px;
}

label, .lbl-cls {
    color: #333;
    font-weight: 100;
    font-size: 13px;
    vertical-align: middle;
    padding-top: 10px;
}

.lbl-view {
    color: #000000 !important;
    font-weight: 100;
    max-width: 150px;
}

.control-label {
    width: 120px;
    padding-top: 0px;
    margin-top: 0px;
    vertical-align: top !important;
}

.checkbox-div label {
    padding-top: 5px;
    min-width: 10px;
}

.input {
    font-weight: 100;
    color: #00234C;
}

.htmleditor {
    padding-left: 15px;
}

.nav-collapsed .usernameblock {
    display: none;
}

.nav-collapsed .user-panel:hover .usernameblock, .nav-collapsed .user-panel:active .usernameblock {
    display: inline-block;
    background: #455a64;
    height: 100%;
    top: 0;
    padding-top: 25px;
    z-index: 10;
}

.username {
    font-size: 14px;
    font-weight: 100 !important;
}

.userprof-img img {
    border-radius: 50% !important;
    outline: medium none !important;
    vertical-align: middle;
    box-sizing: border-box;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}
/*BreadCrum*/
.breadcrum-title {
    font-size: 20px;
    font-weight: 100;
    color: #003B6C !important;
}
/*End BreadCrum*/
/*TABLES*/
table.dataTable thead th, table.dataTable thead td {
    font-weight: 100;
    font-size: 12px !important;
    padding: 3px 5px;
}
/*
table.dataTable.cell-border thead tr th:first-child,
table.dataTable.cell-border thead tr td:first-child {
  border-left: 1px solid #dddddd;
}*/
table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
    border-top: thin none !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-left: 1px solid #ECECEC;
    border-top: none;
    border-top: none;
}

.table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > th {
    border: medium none;
    text-transform: uppercase;
}

#tblGridDetail th {
    text-transform: uppercase;
}
[data-type="MultipleRow"] table label:first-child {
    padding-top: 5px;
    margin-bottom: 0px;
    /*text-transform: capitalize;*/
}
#tblDefaultRole {
    text-transform: uppercase;
}

th {
    /*text-transform: uppercase;*/
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 4px;
}

.tblGridDetail, #tblGridDetail, #tblDefaultRole, #tableSelectedMembers, #tblQuerySearch, #tblFilters, #tblQueryDataMessageList {
    font-weight: 100;
    font-size: 12px !important;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background: #fff !important;
}

.tblGridDetail tr:nth-child(2n), #tblGridDetail tr:nth-child(2n), #tblDefaultRole tr:nth-child(2n), #tableSelectedMembers tr:nth-child(2n), #tblQuerySearch tr:nth-child(2n), #tblFilters tr:nth-child(2n), #tblQueryDataMessageList tr:nth-child(2n) {
    background: #f6f6f6 !important;
}

.tblGridDetail tr:hover, #tblGridDetail tr:hover, #tblDefaultRole tr:hover, #tableSelectedMembers tr:hover, #tblQuerySearch tr:hover, #tblFilters tr:hover, #tblQueryDataMessageList tr:hover, table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background: none repeat scroll 0% 0% rgba(255, 222, 126, 0.21) !important;
}

/*END OF TABLE*/

/*Reports CSS*/
.reportheading {
    font-weight: 100 !important;
}

.tblGazette th {
    background-color: #ddd !important;
    background-image: none !important;
    border: 1px inset #C3C3C3 !important;
}

.tblGazette td {
    border: 1px inset #C3C3C3 !important;
}
/**/
/* alert box css  starts*/

.info {
    /*background: -webkit-linear-gradient(top,rgb(255, 239, 180),rgb(255, 247, 194));*/ /* background: -webkit-linear-gradient(top,#FFFFFF,#D6D6D6);*/ /* background: -webkit-linear-gradient(top,#FFFFFF,#4773A9);*/
    /*background: -webkit-linear-gradient(top,rgb(255, 239, 180),rgb(255, 247, 194));*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradienttop,rgb(255, 239, 180),rgb(255, 247, 194));*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(top,rgb(255, 239, 180),rgb(255, 247, 194)); */ /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(top,rgb(255, 239, 180),rgb(255, 247, 194)); /* Standard syntax */
    /*background: -ms-linear-gradient(top,rgb(255, 239, 180),rgb(255, 247, 194));*/ /* IE*/
    color: #7B7B7B; /*#2261AF;*/
    padding: 10px;
    /*box-shadow: 1px 2px 5px #848484;
    text-shadow: 1px 1px 1px #E0E0E0;*/
    background-color: whitesmoke;
    border: 1px solid;
}

.alert-box-container .alert-box .alert-box-caption .close-btn {
    padding-right: 6px;
    padding-top: 2px;
    color: black;
}

.info .alert-box-caption .close-btn:hover {
    color: white !important;
}

.danger .alert-box-caption .close-btn:hover {
    color: white !important;
}

.warning .alert-box-caption .close-btn:hover {
    color: white !important;
}

.success .alert-box-caption .close-btn:hover {
    color: white !important;
}

.danger {
    color: #A90011;
    padding: 10px;
    background-color: whitesmoke;
    border: 1px solid;
    /*box-shadow: 1px 2px 5px #848484;
    text-shadow: 1px 1px 1px #E0E0E0;*/
}

    .danger .alert-box-caption .close-btn:hover {
        color: #A90011;
    }

.warning {
    color: #EC820C;
    padding: 10px;
    /*box-shadow: 1px 2px 5px #848484;
    text-shadow: 1px 1px 1px #E0E0E0;*/
    background-color: whitesmoke;
    border: 1px solid;
}

.success {
    color: #01942E;
    padding: 10px;
    background-color: whitesmoke;
    border: 1px solid;
}

.warning .alert-box-caption .close-btn:hover {
    color: #EC820C;
}

.normal {
    background: -webkit-linear-gradient(top,#FFFFFF,#D6D6D6);
    color: #BB091B;
    padding: 10px;
    box-shadow: 1px 2px 5px #848484;
    text-shadow: 1px 1px 1px #E0E0E0;
}

.alert-box-container .alert-box {
    border-radius: 0px;
    padding: 0px;
}

    .alert-box-container .alert-box .alert-box-desc-more {
        min-height: 35px;
        padding-top: 5px;
        font-size: 15px;
        color: black;
        /* rgb(64, 37, 5)*/
    }

    .alert-box-container .alert-box .alert-box-desc {
        color: black;
        padding-top: 4px;
    }

    .alert-box-container .alert-box .alert-box-caption {
        /*font-size:15px;
    font-weight:normal;*/
        font-family: 'Roboto', sans-serif !important;
        font-weight: bold;
        /* color: black; */
        font-size: 16px;
        border-bottom: 0px;
    }

.alert-box-container .alert-box {
    margin-top: 6%;
    padding: 0px;
}

.alert-box-caption {
    background: #A6C4E9;
    color: #080808;
    /* letter-spacing: 2px; */
    font-weight: bold;
    font-family: 'Roboto', sans-serif !important;
    padding: 2px;
    padding-left: 15px;
}

.success .alert-box-caption {
    background: rgba(92, 184, 92, 0.52);
}

.warning .alert-box-caption {
    background: rgba(240, 173, 78, 0.65);
}

.danger .alert-box-caption {
    background: rgba(217, 83, 79, 0.59);
}

.alert-box {
    min-height: 80px;
}

/* ----- alert box css  starts ------ */
table.dataTable.no-footer {
    border-bottom: 1px solid #DDDDDD;
}

a.tbsttl {
    margin-right: 2px !important;
    line-height: 1.42857143 !important;
    padding: 5px 9px !important;
    font-size: 13px !important;
    border: 1px solid #ddd !important;
    border-bottom-color: transparent !important;
    border-radius: 0 !important;
    color: #003B6C;
    font-weight: bold;
}

    a.tbsttl[aria-expanded="true"]:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        display: block;
        background-color: #4175A0;
        left: 0;
        top: 0;
        box-shadow: 0px 3px 9px #BBBBBB;
    }

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0px !important;
}

.tbsbdy {
    background: #fff !important;
    border: 1px solid #ddd;
}
.row > .PhChildTablePlaceHolder {
    margin-left: 20px;
    margin-top: 30px;
}

.row + .PhChildTablePlaceHolder {
    margin-top: 30px;
}


.row > .PhChildTablePlaceHolder {
    margin-left: 0px;
    margin-top: 30px;
}

.row + .PhChildTablePlaceHolder {
    margin-top: 30px;
}

/* css moved from clientmaster page */
.dropdown:hover .dropdown-menu {
    height: 0px;
    display: block;
}

.dropdown:hover .dropdown-menu {
    display: block;
    height: auto;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    overflow: hidden;
}

.user-modal:hover .user-modal-panel {
    display: block !important;
    height: auto !important;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    z-index: 1;
}

.user-modal-panel {
    position: absolute;
    display: none;
    right: 0px;
    width: 225px;
    height: 0px;
    overflow: hidden;
}

.select-style::-ms-expand {
    display: none;
}

.select-style, .select-style:hover, .select-style:active, .select-style:focus {
    border: none;
    outline: none;
    font-size: 11px;
    margin-top: -5px;
    margin-bottom: 10px;
    color: #7E7676;
    margin-left: -5px;
}
/* overridden styles */
.form-inline .form-control {
    /* width:inherit;*/
    line-height: 22px;
}

.navbar-collapse {
    float: right;
    padding-left: 0px;
}

.navbar-toggle {
    margin: 0px !important;
    margin: 5px !important;
    border-color: none;
}

.userprof-img, .userprof-img img {
    width: 50px;
    height: 50px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}

    .userprof-img img {
        box-sizing: border-box;
        border-radius: 4px;
    }

.bottom::after {
    /*background: rgb(245, 245, 245);*/
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button .dataTables_info {
    padding: 1px 5px 1px 5px;
    font-size: 12px;
}

.tblGridDetail_lengths {
    margin: 0px;
}

.dataTables_length label {
    padding: 0px;
    margin-bottom: 2px;
}

.dataTables_wrapper .dataTables_paginate {
    padding: 0px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:active, {
        color: #1c84c6;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        box-shadow: none;
    }

.panel, .tab-panel, .input {
    border-radius: 0px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none !important;
    border: 1px solid #1c84c6 !important;
    color: #111 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default !important;
    color: #666 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.es {
    width: auto;
    background: none;
    height: 35px;
    border: none;
    box-shadow: none;
    float: right;
    padding: 0px;
    margin-top: -5px;
}

.username {
    font-size: 14px;
    max-width: 85%;
    font-weight: 100;
    width: inherit;
    margin: 0px !important;
    line-height:10px!important;
    height: 20px;
    padding-top: 5px;
}

#role_selector_btn span.fa-caret-down {
    position: absolute;
    margin-top: 3px;
}

.dropdown ul.dropdown-menu li a {
    font-weight: normal;
}

.table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    position: absolute;
    top: 2px !Important;
    right: 4px;
    display: block;
    opacity: 0;
}

.table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    position: absolute;
    top: 2px !Important;
    right: 4px;
    display: block;
    opacity: 0;
}

.table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > th:first-child:before {
    top: 15px !Important;
    float: right !Important;
    height: 14px;
    width: 16px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    text-align: center;
    line-height: 12px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    content: '+';
    background-color: #337ab7;
}

.table.dataTable.dtr-inline:not(.collapsed) > tbody > tr:not(.child) > td:first-child, .table.dataTable.dtr-inline:not(.collapsed) > thead > tr:first-child > th:first-child {
    display: none;
}

.table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > td:first-child, .table.dataTable.dtr-inline.collapsed > thead > tr:first-child > th:first-child {
    width: 20px !important;
    min-width: 5px;
    max-width: 20px !important;
    padding: 5px !important;
}

.divLogTable {
    font-size: 13px;
}

    .divLogTable table {
        padding-right: 10px;
    }

        .divLogTable table thead tr {
            color: #116F9B;
        }

            .divLogTable table thead tr th, .divLogTable table thead tr td {
                padding-bottom: 5px;
            }

                .divLogTable table thead tr th:last-child, .divLogTable table tbody tr td:last-child {
                    width: 40%;
                    white-space: normal;
                    word-break: break-all;
                }

        .divLogTable table tbody tr {
            border-bottom: 1px solid rgb(234, 233, 233);
        }

            .divLogTable table tbody tr td {
                padding-left: 0px;
                padding-bottom: 5px;
                padding-top: 5px;
            }

            .divLogTable table tbody tr td {
                padding-bottom: 5px;
            }

.spancompanynameright {
    float: right;
    margin-top: 10px;
    padding-right: 10px;
}
/* Style for TimeZone */
.title1 {
    font-size: 9px !important;
    margin-top: -10px;
}
/* File Control */
.drop-zone {
    width: 50%; /*min-height: 150px;*/ /*border: 3px dashed rgba(0, 0, 0, .3);*/ /*border-radius: 5px;*/
    /*font-family: Arial;*/ /*text-align: center;*/
    font-family: 'Roboto', sans-serif !important;
    position: relative;
    font-size: 13px;
    color: #7E7E7E;
    display: inline-block;
}

    .drop-zone[disabled], .drop-zone[disabled] .clickHere {
        background-color: #eee;
        color: #555;
    }

    .drop-zone input {
        position: absolute;
        cursor: pointer;
        left: 0px;
        top: 0px;
        opacity: 0;
    }
    /*Important*/
    .drop-zone.mouse-over {
        border: 3px dashed rgba(0, 0, 0, .3);
        color: #7E7E7E;
    }
/*If you dont want the button*/
.clickHere {
    cursor: pointer;
    color: #4773A9;
    font-size: 13px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    padding: 6px;
    display: inline-flex;
    padding: 5px;
    vertical-align: middle;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 60px;
}

.file-placeholder {
    float: left;
    height: 50px;
    min-width: 50px;
    border: 1px dashed gray;
    margin-left: 2px;
    text-align: center;
    position: relative;
    width: 50px !important;
}

    .file-placeholder .fa-file, .file-placeholder i:first-child {
        font-size: 30px;
        padding-right: 10px;
    }

    .file-placeholder .closeBtn {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .file-placeholder img {
        max-height: 50px;
        min-width: 50px;
        min-height: 50px;
        max-width: 50px;
    }

    .file-placeholder:hover img, .file-placeholder:hover .fa-file {
        opacity: 0.3;
    }
/*.clickHere input {
        width: inherit !important;
        line-height: 22px;
        height: inherit !important;
    }*/

.gh:hover {
    background-color: #ddd;
}

.filename {
    margin-top: -2px !important;
    width: 90%;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5em;
    max-height: 80px !important;
    min-height: 0px !important;
    overflow-y: auto;
    border: 0px solid #ddd;
    display: none;
}

.drop-zone:hover .filename {
    border: 1px solid #ddd;
}

.file-preview {
    background: #ccc;
    border: 5px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}

.closeBtn:hover {
    color: red;
}

.file-Text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    position: relative;
}

.upload-icon {
    position: absolute;
    right: 0px;
    margin-left: 8px;
    float: right;
    margin-top: 1px;
}

.modal-lg {
    width: 97% !important;
}

.modal[role='dialog'] .modal-dialog {
    padding: 0px;
    border: 0px;
    position: relative;
    background: none;
}

.filename::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #ccc;
}

.filename::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.filename::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.panel-group > .panel-default:first-child {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 0px;
}

.nav-collapsed .panel-group .panel + .panel {
    margin-top: 0px;
    /*background:yellow;*/
}

.nav-collapsed .nav-icon + span, .nav-collapsed .nav-icon + a {
    display: none;
}

.nav-collapsed .panel-group .panel:hover .nav-icon + span,
.nav-collapsed .panel-group .panel:hover .nav-icon + a {
    display: inline-block;
    background: #607d8b;
    min-width: 200px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 100%;
    z-index: 1;
    padding: 10px 25px;
    font-weight: 400;
    font-size: 14px;
}

.nav-collapsed .panel-group .panel:hover .panel-collapse {
    display: block !important;
}

.nav-icon + a, .nav-icon + span {
    vertical-align: bottom;
}

.left-container.closed {
    margin-left: -165px;
}

.main-container.expand {
    margin-left: -168px;
    width: 95%;
}

.delete, .edit, .view {
    box-shadow: 0px 1px 2px #D8D8D8;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #D8D8D8;
}


    .delete:hover {
        color: rgba(198, 33, 33, 1);
    }

    .edit:hover {
        color: #337AB7;
    }

    .view:hover {
        color: #1F72D8;
    }

.dt-responsive .child {
    left: 0;
    padding: 5px !important;
    word-break: break-all;
}

table.dataTable > tbody > tr.child ul {
    display: block;
}

/* Css for View Mode in Template */
.lbl-derived {
    padding: 5px;
    font-weight: 600 !important;
    font-size: 13px;
    background: none repeat scroll 0% 0% #DBDBDB;
    color: #120E0E;
    display: block;
    width: 100%;
    height: 28px;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background: none repeat scroll 0% 0% #DBDBDB;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 160px;
    margin-bottom: 0px;
}

.rightMenuHeader {
    height: 42px;
    width: 235px;
    padding: 12px 12px 0 10px;
    background-color: #efefef !important;
    margin: 0 -5px 0 -15px;
    color: Black !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .lbl-value, .lbl-derived {
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: '';
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: '';
    text-indent: 0.01px;
    text-overflow: "";
    text-indent: 0.01px;
    text-overflow: "";
    background-color: #F1F1F1;
    opacity: 1;
    /* max-width: 160px !important;*/
    width: 160px;
    padding: 5px 5px;
    color: #555 !important;
    font-weight: 400 !important;
}

    .form-control[disabled] + .input-group-addon {
        display: none;
    }

.input-group .form-control[disabled][type='datetime-local'] {
    width: auto !important;
}
/*End of Css for View Mode in Template */

.segmented-control {
    margin-left: -5px;
    padding: 0px;
    width: 160px;
    height: 28px;
    max-height: 28px;
    padding-bottom: 0px;
}

    .segmented-control input.form-control.input-sm.input-filter {
        width: 99% !IMPORTANT;
        border: 0px;
        border-left: 1px solid #ddd;
        height: 25px;
        max-height: 25px;
    }

.input-group-btn + input.form-control.input-sm.input-filter {
    border: none !important;
}

.segmented-control .input-group-btn, .segmented-control button, .segmented-control input {
    padding: 0px;
    padding-right: 3px;
}

.segmented-control input {
    padding-left: 5px;
}

.segmented-control button:active, .segmented-control button:focus {
    outline: 0px;
}

.segmented-control .caret {
    border-top: 6px solid;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}

.segmented-control .input-group-btn button {
    color: #333;
}

.segmented-control .input-group-btn {
    border-right: 1px solid #ddd;
}

.form-inline .multiselect-container label.radio {
    padding: 5px 0px 5px 25px !important;
}

.menu .navbar-collapse > ul.main-menu > li:not(:first-child):hover:before {
    content: '';
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: 27px;
    margin-left: 12px;
    position: absolute;
}

/*CSS for Radio Button Control*/
.lbl-radio {
    max-width: 67px;
    min-width: 67px;
    /* vertical-align: text-bottom;    */
}

.rdb-btn {
    vertical-align: sub !Important;
    text-overflow: ellipsis;
}

.buttons-excel {
    margin-top: 5px;
    float: right !important;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

.buttons-print {
    margin-top: 5px;
    float: right !important;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

.buttons-pdf {
    margin-top: 5px;
    float: right !important;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

    .buttons-excel:hover,
    .buttons-excel:focus,
    .buttons-print:hover,
    .buttons-print:focus,
    .buttons-pdf:hover,
    .buttons-pdf:focus {
        color: #1c84c6;
        outline-offset: 0px;
        text-decoration: none;
    }

.tbl {
    padding: 0px 0px;
}

.mainDatatableDiv {
    margin: 10px;
}

.table-bordered {
    margin-top: -1px !important;
}

.dataTables_wrapper .dataTables_info {
    display: inline-block;
    position: absolute;
    top: -40px;
    z-index: 1;
    left: 0;
}

.dataTables_wrapper .bottom {
    margin-top: 10px;
}

    .dataTables_wrapper .bottom .dataTables_length {
        position: absolute;
        padding-top: 2px;
    }

    .dataTables_wrapper .bottom .dataTables_paginate {
        position: absolute;
        right: 0;
    }

.search-container-fluid {
    padding-bottom: 0px;
}
/* End of CSS for Radio Button Control*/

/*CSS for Column selector Checkbox list Div*/
.column-selector {
    overflow-x: hidden;
    width: 100%;
    height: 426px;
    height: calc(100% - 5px) !important;
    padding: 5 5 5 5;
    padding-left: 5px;
    /*background-color: #C5CFDA;*/
}
/*End:CSS for Column selector Checkbox list Div*/

/*right-container*/
.right-container {
    border: 0px;
    border-color: #5C5C5C;
    z-index: 9;
    width: 235px;
    right: -6px;
    position: fixed;
    margin-right: -235px;
    background-color: rgb(255, 255, 255);
    display: none;
}
/*For UserLIst page side menu*/
#role_selector_btn {
    display: block;
}

    #role_selector_btn a {
        color: inherit;
    }

.panel-heading a:hover {
    color: inherit;
}

.dataanalytics-dropdown {
    margin-left: -5px;
}

.rolefilter {
    visibility: hidden;
    margin-top: -20px;
}

.role_assignment_body .toster-container-right {
    z-index: 1;
    bottom: 50px;
}

.role_assignment_body button.input.sm.input-sm-default {
    z-index: 2;
}

@media (min-width:961px) and (max-width:1250px) {
    .segmented-control {
        margin-left: 0px;
    }

    .form-inline .segmented-control .input-group-btn .btn {
        height: 26px;
        line-height: 26px;
    }
}

@media (max-width:480px) {
    .titleheight {
        height: 35px;
    }
}

.cltextarea {
    /*width: calc(100% - 180px) !important;*/
    width: calc(100% - 155px) !important;
}

.textarea-label {
    vertical-align: top !important;
    margin-top: 5px;
}

.cltextareaheight-2x {
    height: 60px !important;
}

.cltextareaheight-3x {
    height: 90px !important;
}

.nowarp {
    white-space: nowrap;
}

/*css for multirow child control*/
.child-num-th {
    max-width: 95px !Important;
    min-width: 95px !Important;
}

.child-chk-th {
    max-width: 45px !Important;
}

.child-num {
    width: 95px !Important;
}

#ddl_Curr_ApproBilling li {
    width: 100%;
    white-space: nowrap;
}

.form-control:hover {
    border-color: #1AADF4 !important;
}

.lbl-chk {
    padding: 5px;
    color: #505050;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tracker-table > thead > tr > th {
    padding: 5px 8px !important;
    background-color: #e8e4e4;
}

.tracker-table > tbody > tr > td {
    font-size: 14px;
}


.lbl-bold {
    font-weight: bold !important;
}

.lbl-italic {
    font-style: italic !important;
}

.lbl-underline {
    text-decoration: underline !important;
}

.divListView {
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 5px;
}

.zeroMarginLeft {
    margin-left: 8px !important;
}

.divListviewBtn {
    position: relative;
    top: -30px;
    /*border-bottom:1px solid #eee;*/
    padding-bottom: 10px;
}

.liViewProf {
    width: 140px;
    position: absolute;
    right: 5px;
}

.profileImg {
    width: auto;
    height: auto;
    max-height: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.lbl-Center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.b2cContainer {
    width: 85% !important;
    margin: 0 auto !important;
}

.divPreview {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
}

.imgPreview {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.spanPreview {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 50px;
    display: inline-block;
}

.divScrollable {
    overflow-y: hidden;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.b2cCustomEventBtn {
    margin-right: 0 !important;
}

.multiselect-container label.checkbox {
    width: 300px !important;
}

@media (max-width: 500px) {
    .pnl-bottom {
        text-align: center;
        max-width: 30em;
        margin: 0 auto;
    }
    .b2c .pnl-bottom {
        text-align: center;
        max-width: 30em;
        margin: 0 auto;
    }
}

.rightbtntext {
    color: white !important;
}

.b2c .cltextarea {
    word-break: initial;
    white-space: initial;
}


.form-inline .multiselect-container li a label.checkbox input[type="checkbox"], .form-inline .multiselect-container li a label.radio input[type="radio"] {
    margin-left: -10px;
    margin-right: 0;
}

@media (max-width: 991px) {

    
    .main-container {
        padding-bottom: 50px;
    }

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

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        top: 5px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 2px 8px !important;
    }

    .delete, .edit, .view {
        padding: 4px 4px;
        margin-left:4px;
    }
    .view {
        margin-left: 0px;
    }

    .dataTables_length label {
        margin-left: -15px !important;
        margin-top: 0px !important;
    }

    .b2c .pnl-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 10px;
        border-top: 1px solid #ddd;
        text-align: center;
    }

    .toster-container-left, .toster-container-right {
        display: none;
    }

}


/*footer powered by image css starts*/

.powered-by-img {
    height: 28px; 
    margin-top: -7px; 
    margin-bottom: -5px;
}

@media (max-width: 1070px) {
    #div_SearchOption #tab_panel.tab-panel.filter-option-panel .tab-head #ReportTitle {
        word-wrap: unset !important;
        white-space: nowrap;
        max-width: 75% !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 426px) {
    .powered-by-img {
        height: 20px; 
    }

}

@media (max-width: 380px) {
    .powered-by-img {
        height: 15px; 
    }

}

@media (max-width: 340px) {
    .powered-by-img {
        height: 11px; 
    }

}
/*footer powered by img css ends*/
.rightbtntext {
    color: white !important;
}

.b2c .cltextarea {
    word-break: initial;
    white-space: initial;
}

.form-inline .multiselect-container li a label.checkbox input[type="checkbox"], .form-inline .multiselect-container li a label.radio input[type="radio"] {
    margin-left: -10px;
    margin-right: 0;
}

.tab-error * {
    color: #b32727 !important;
}

#e2sModal [mode="View"] #btnReset{
    display:none;
}

.log-table .tab-head > a {
    font-weight: bold;
    color: #6083a3;
}

@media (max-width:387px) {
    table td, table th {
        min-width: 1px !important;
        max-width: 100px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (width: 768px){
    .imgAppexLogo{
        position: unset;
    }
}

@media (min-width: 992px){
	#mobile_nav_button{
		margin-left: 35px;
	}
}

@media (max-width: 475px) {
    .input-group .form-control[disabled][type='datetime-local'] {
        width: 96% !important;
    }
}
#div_SearchOption #tab_panel.tab-panel.filter-option-panel .tab-head {
    height: auto;
    padding-top:8px;
}

#div_SearchOption #tab_panel.tab-panel.filter-option-panel .tab-head #ReportTitle {
    max-width: 900px;
    word-wrap: break-word;
    margin-bottom: 4px;
}

.PhChildTablePlaceHolder.divGroupTemplate .tab-body {
    overflow-x: auto;
}

.PhChildTablePlaceHolder.divGroupTemplate table tbody label.lbl-value, .PhChildTablePlaceHolder.divGroupTemplate table tbody label.lbl-derived {
    min-width: 100px !important;
    width: 100px !important;
    max-width: 100px !important;
}

.PhChildTablePlaceHolder .grouped-table tbody tr td .input-sm, .PhChildTablePlaceHolder .grouped-table tbody tr td input.child-num {
    min-width: 80px !important;
    width: 100% !important;
    /*max-width: 80px !important;*/
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked{
	position: unset !important;
	visibility:visible !important;
}

#spanCompanyName.spancompanynameright{
	margin-top:0;
}

#div_SearchOption .tab-head{
	display: inline-block !important;
}
table.pvtTable tr td{
	color: #000 !important;
	font-weight: 500 !important;
}
.WordSection1 {
    overflow: auto;
    padding: 0 15px;
}
.input-group [type='datetime-local'] {
    height: 19px !important;
}
@media (max-width:768px){
    .input-group .form-control[disabled][type='datetime-local'] {
        width: 98% !important;
    }
   
}
.input-group-addon {
    padding: 6px 9px;
    border-radius: 0px;
    font-size: 12px;
    width:30px;
}
.glyphicon.glyphicon-calendar {
    top: 2px;
    right: 0;
}


td img.tdimage:hover, fa {

    transform: scale(1.5);
    position: relative;
    z-index: 10;
}
img ,fa{
    max-width: 100%;
} 
td span.tdimage.file-not-found-o {
padding:15px ;
}
select.monthselect {
    display: inline-block;
}

select.yearselect {
    display: inline-block;
}

.toster-center {
    top: 50%;
    left: 50%;
    margin-left: -175px;
    margin-top: -54px;
}

.toster-top {
    top: 15px;
    left: 50%;
    margin-left: -175px;
}

.type-icon .fa-times-circle {
    vertical-align: baseline;
}

.toster .desc{
    padding:20px;
}

.toster .content p{
    font-size:17px;
}

[id^=panhead_] span {
    cursor: pointer;
}

.podtext-ellipse {
    font-weight: 600;
    cursor: default;
}
.ajs-content {
    word-break: break-word;
}
#11PRItemDetail46{
    display: none !important;
    height: 0;
}
#tblGridDetail tbody tr.child + tr.child{
    display:none;
}
#divFilters .form-group .filedownload {
    cursor: pointer;
    text-decoration: none;
}
.smallcoln {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}