/* Custom Styling */

html {
    -ms-overflow-style: scrollbar;
}

body {
    padding-top: 0px;
}

.siteContainer {
}

.bs-component {
    margin-top: 5px;
}

.badge-document-margin{
    margin-top: 0px !important;
}

.special-document-badge{
    line-height: 2.3;
    padding-bottom: 2px;
}

.special-document-badge-span{
    line-height: 2.2 !important;
}

.panel {
    margin-bottom: 8px;
}

.panel-nav-tabs-margin {
    margin-top: 10px;
}

.row {
    padding-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.form-control {
    height: 26px;
}

.text-wrap
{
    word-wrap: break-word;
}
.well-sm {
    padding: 2px;
    line-height: 1;
}

.minor-padding {
    padding: 1px;
}

.remove-padding {
    padding: 0px;
}

.remove-padding-right {
    padding-right: 0px;
}

.remove-padding-left {
    padding-left: 0px;
}

.remove-padding-top {
    padding-top: 0px !important;
}

.remove-margin {
    margin: 0px !important;
    /*margin-bottom: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;*/
}

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

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow-y: scroll;
}

.span-margin-left {
    margin-left: 5px;
}

.checkbox-panel-heading {
    height: 18px;
}

.pagination > li > a, .pagination > li > span {
    padding: 2px 8px;
}

.btn-Search-inventoryInquiry {
    width: 92px;
}

.alert {
    padding: 0.5px;
}

.radio, .checkbox {
    margin: 0px;
    margin-bottom: 5px;
}

.custInquiryPanelHeightEqualizer {
    margin-bottom: 0px;
}

.form-group {
    margin-bottom: 4px;
}

.panel-main-collapsible .panel-main-title:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: white;
}

.panel-main-collapsible .collapsed:after {
    content: "\e113";
}

.panel-default-collapsible .panel-main-title:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #337ab7;
}

.panel-default-collapsible .collapsed:after {
    content: "\e113";
}

.panel-inner-padding {
    padding-left: 3px;
    padding-right: 3px;
}

.dataTables_wrapper div {
    padding: 2px;
}

.dataTables_wrapper .clear {
    margin-top: 3px;
}

.dataTables_wrapper .wrapper {
    overflow: auto;
}

.dataTables_wrapper .dataTables_filter button {
    margin-top: -2px;
    margin-left: 3px;
}

.dataTables_wrapper .pull-right {
    position: relative;
    right: 0px;
}

.dataTables_wrapper .update-scheme {
    color: #074d8a;
}

table.dataTable th.focus, table.dataTable td.focus {
    outline: 2px dotted #5A6790;
    outline-offset: -1px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.customer-inquiry-box {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px rgb(205, 191, 191);
    line-height: 1.4;
    margin-bottom: 8px;
    border: 1px solid #3594E5;
    padding: 1px;
    padding-top: 5px;
}

.customer-inquiry-box-heading {
    border: 1px solid #337ab7;
    background-color: #337ab7;
    padding-left: 5px;
    font-weight: bold;
    color: #ffffff;
}

    .customer-inquiry-box-heading.collapsed {
        margin-bottom: 8px;
    }

.customer-inquiry-detail-box {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px rgb(205, 191, 191);
    background-color: #fafafa;
    line-height: 1.4;
    margin-bottom: 8px;
}

.customer-inquiry-detail-box-heading {
    box-shadow: 0 8px 6px -6px rgb(205, 191, 191);
    border: 1px solid rgb(200, 197, 197);
    background-color: #337ab7;
    margin-bottom: 4px;
    padding-left: 5px;
    padding-right: 2px;
    font-weight: bold;
    color: #ffffff;
}

.customer-inquiry-detail-box .heading-inner {
    background-color: #8AC2F2;
    content: "";
}

    .customer-inquiry-detail-box .heading-inner:after {
        content: "";
    }

.customer-inquiry-detail-box-label {
    font-weight: bold;
}

table.table-bordered tbody td {
    padding: 3px;
}

.panel {
    box-shadow: 0 8px 6px -6px rgb(205, 191, 191);
}

.panel-primary {
    border-color: #C4CBD2;
    background-color: #fafafa;
}

    .panel-primary h3 {
        font-weight: bold;
    }

/*.customer-inquiry-detail-box-heading:after
{
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #ffffff;
}

.customer-inquiry-detail-box-heading.collapsed:after
{
    content: "\e113";
}*/

table.dataTable thead > tr > th {
    background-color: #BFCAD3;
}

table.dataTable {
    box-shadow: 0 8px 6px -6px rgb(205, 191, 191);
}

/* Table Child Row Details Start*/
td.collapse-handle {
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}

.child-row-glyphicon {
    margin-top: 4px !important;
}
/* Table Child Row Details End*/

.badge {
    padding: 3px 9px;
}

.customerBadges {
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    height: 26px;
    cursor: default;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    outline: none !important;
}

/*Vertical Height Seperators Start*/
.customer-inquiry-panel-inner-customer-sep {
    height: 3px;
    padding: 0px;
}

.inquiry-panel-inner-sep {
    height: 8px;
}

.inquiry-panel-inner-sep-button {
    height: 28px;
}

.customer-panel-inner-sep-dropShip {
    height: 37px;
}
/*Vertical Height Seperators End*/

.customer-inquiry-grid-checkbox {
    margin-left: 15px;
}

.salesinquiry-store-hidden {
    display: none;
}

.salesinquiry-viewdocument-inner { /*padding-left: 5px !important;*/
}

.salesinquiry-viewdocument-inner-none {
    display: none;
}

.salesinquiry-details-RMAFull {
    margin-bottom: 5px !important;
}

.salesinquiry-details-RMAFull-none {
    display: none;
}

.tooltip {
    padding: 4px !important;
}

.inventory-inquiry-grid-checkbox {
    margin-left: 15px;
}

.inventoryinquiry-viewdocument-inner {
    padding-left: 5px !important;
}

.inventoryinquiry-viewdocument-inner-none {
    display: none;
}

.panel-custom-title {
    font-weight: bold;
}

.detail-panel.template {
    display: none !important;
}

.color-primary {
    color: #337ab7;
}

/* InventoryInquiryDetailsPanel ItemArrivalInfo */

.invInquiry-VPS {
    background-color: #D4FFD4 !important;
}

.invInquiry-PO {
    background-color: #DCE0F1 !important;
}

.invInquiry-NewPO {
    background-color: #FCDEFE !important;
}

.invInquiry-TextColorOutdated {
    color: #ff0000 !important;
}

.colorTagVendorPackingSlip {
    height: 20px;
    background-color: #D4FFD4;
}

.colorTagPurchaseOrder {
    height: 20px;
    background-color: #DCE0F1;
}

.colorTagVendorShipmentPlan {
    height: 20px;
    background-color: #FEE8CF;
}

.colorTagNewPurchaseOrder {
    height: 20px;
    background-color: #FCDEFE;
}

.colorTagOutdatedText {
    height: 20px;
    background-color: #FF0000;
}

.dataTables_length + #divTblRMAInfoViewRMAFull {
    padding-left: 5px !important;
}

.div-generic-reports {
    overflow: auto;
    border-top: 1px solid #ECE9E9;
    margin-top: 10px;
}

.invInquiry-details-PickingTicket {
    margin-bottom: 5px !important;
}

.invInquiry-details-PickingTicket-none {
    display: none;
}

.dataTables_length + #divTblPickingTicketDetail {
    padding-left: 5px !important;
}

.email-editor {
    height: 260px !important;
    resize: none;
}

.email-form .form-group {
    margin-bottom: 5px;
}

.email-alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-inline-padding {
    padding-left: 2px;
    padding-right: 2px;
}

.multiselect-item .multiselect-search {
    height: 29px;
}

.btn input[type="radio"], .btn input[type="checkbox"] {
    margin-top: 2px;
    left: 25px;
}

.dataGrid-details-popup .template {
    display: none !important;
}

.VS-interface.ui-autocomplete {
    width: 100% !important;
    z-index: 99999;
}

.VS-search .search_input input {
    line-height: 25px;
    height: auto;
}

.jsPanel-hdr-r {
    margin-top: 2px;
}

.jsPanel .userMessage {
    padding: 20px 50px;
    font-weight: bold;
    white-space: nowrap;
    max-height: 500px;
}

h3.jsPanel-title {
    line-height: inherit;
    font-weight: bold;
}

.dock-area {
    position: relative;
    height: 100%;
    overflow: auto;
    padding-left: 20px;
}

    .dock-area.right {
        /*right: 0px;*/
    }

    .dock-area.hover {
        background-color: #FBFBFB;
    }

#jsPanel-min-container.top-right {
    left: initial;
    bottom: initial;
}

.jsPanel-btn-dock {
    float: right;
    cursor: pointer;
    margin-left: 1px;
    width: auto;
    height: auto;
    min-width: 20px;
    min-height: 20px;
    overflow: hidden;
}

#custCompany, .customer-companyname {
    color: #337ab7;
    font-weight: bold;
}

.followup-notes {
    color: #337ab7;
    font-size: 1.4em;
}

    .followup-notes:hover {
        color: #044175;
    }

.followup-notes-text {
    max-height: 400px;
    overflow: auto;
    white-space: pre-line;
    word-break: break-word;
    background-color: #ffffff;
    border: 1px solid #ccc;
    padding: 4px;
    color: #0202B5;
}

.t-salesorders-count {
    font-weight: bold;
}

.highlight {
    background-color: #B3DDF5;
}

    .highlight.focus {
        background-color: #ff820a;
    }

.modal:nth-of-type(even) {
    z-index: 1052 !important;
}

.modal-backdrop.in:nth-of-type(odd) {
    z-index: 1051 !important;
}

.followup-notes-search-wrapper input {
    padding-right: 85px;
    height: 33px;
}

.followup-notes-search-wrapper .search-controls-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 21px;
    top: 0px;
    height: 100%;
    z-index: 2;
}

    .followup-notes-search-wrapper .search-controls-container .counter {
        height: 100%;
        background-color: #f9bd4e;
        padding: 2px;
        float: left;
        padding-top: 5px;
    }

    .followup-notes-search-wrapper .search-controls-container .previous {
        height: 100%;
        background-color: #c5c5c4;
        padding: 4px;
        float: left;
        padding-top: 5px;
        cursor: pointer;
        border-left: 1px solid #a2a0a0;
        border-right: 1px solid #a2a0a0;
    }

    .followup-notes-search-wrapper .search-controls-container .next {
        height: 100%;
        background-color: #c5c5c4;
        padding: 4px;
        float: left;
        padding-top: 5px;
        cursor: pointer;
        border-left: 1px solid #a2a0a0;
        border-right: 1px solid #a2a0a0;
    }

.customer-status span {
    padding: 2px;
    border-radius: 2px;
}

.console-log {
}

    .console-log .stack {
        white-space: pre-wrap;
    }

.right.popover > .arrow {
    display: none !important;
}

.screen-mode-create {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99;
}

.icon-blue {
    color: #337ab7;
}

    .icon-blue:hover {
        color: #044175;
    }

label {
    margin-top: 2px;
}

.cell-focus {
    outline: 2px dotted #5A6790 !important;
    outline-offset: -1px;
    top: 1px;
}

.editable-cell {
    position: relative;
    /*display: block;*/
}

.editable-cell-textbox {
    position: absolute;
    top: 0px !important;
    left: 0px !important;
    bottom: 0px !important;
    width: 100% !important;
    height: 100% !important;
}

.row-validation-failed {
    background-color: #ffabab !important;
}

.row-success {
    background-color: #d7fab2 !important;
}

.jsPanel-backdrop {
    background: rgba(99, 99, 99, 0) !important;
}

.panel-loading {
    min-height: 200px;
}

/*Dashboard Custom CSS*/

.huge {
    font-size: 25px;
    font-weight: bold;
}

/*Side menu Start*/

#side-menu .submenu {
    background-color: #ffffff;
}

    #side-menu .submenu li {
        border-bottom: none;
    }

#side-menu li span.pull-right {
    margin-top: 5px;
}

.side-menulist-template {
    display: none !important;
}

    .side-menulist-template .template {
        display: none !important;
    }

.side-menu-selected {
    background-color: #eeeeee;
    border-color: #337ab7;
}

.dashboard-search-popover {
    z-index: 10001;
    min-width: 350px;
}

.dashboard-popover-close {
    position: absolute;
    right: 3px;
    top: 0px;
    user-select: none;
    outline: none;
}

/*Side menu End*/

.dashboard-search-button {
    padding-top: 1px;
    padding-bottom: 0px;
}

/*Blue Theme*/
body {
    background-color: #ffffff;
}

.page-container.dashboard {
    position: relative;
    top: 45px;
}

.navbar {
    min-height: 40px;
}

.navbar-custom-background {
    background: #5db2ff;
}

.navbar-brand {
    padding: 9.5px 15px;
    height: 40px;
}

.navbar-default.fixed {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 99;
}

.page-container .sidebar-dock-anchor {
    position: fixed;
    z-index: 1;
    background-color: #5db2ff;
    color: #ffffff;
    font-weight: bold;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    top: 45px;
    left: 219px;
    margin-left: -69px;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: margin-left 1s, opacity 1s;
}

    .page-container .sidebar-dock-anchor.show {
        margin-left: -44px;
    }

    .page-container .sidebar-dock-anchor.hover {
        margin-left: 0px;
        transition: margin-left 1s, opacity 1s;
    }

    .page-container .sidebar-dock-anchor.docked {
        left: 0px;
    }

#hoeapp-container .chat-widget-anchor {
    position: fixed;
    z-index: 1;
    background-color: #5db2ff;
    color: #ffffff;
    font-weight: bold;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    cursor: pointer;
    top: 98px;
    right: 288px;
    margin-right: -71px;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: margin-right 1s, opacity 1s;
}

    #hoeapp-container .chat-widget-anchor.show {
        margin-right: -39px;
    }

    #hoeapp-container .chat-widget-anchor.hover {
        margin-right: 0px;
        transition: margin-right 1s, opacity 1s;
    }

    #hoeapp-container .chat-widget-anchor.docked {
        right: 0px;
    }

.navbar-default.sidebar {
    background-color: #ffffff;
    margin-top: 0px;
    top: 0px;
    bottom: 0px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

.navbar-default.sidebar-fixed {
    position: fixed;
    top: 45px;
}

@media (max-width: 767px) {
    .navbar-default.sidebar-fixed {
        position: relative;
    }
}

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

.nav > li > a {
    padding: 8px 15px;
}

.top-fix-xs {
    height: 50px;
}

.sidebar .sidebar-search {
    padding: 6.5px;
}

.sidebar-search-input {
    border: none !important;
    box-shadow: none;
}

    .sidebar-search-input:focus {
        border: none;
        box-shadow: none;
        outline: none;
    }

.sidebar-search-button {
    border: none;
    box-shadow: none;
}

.dropdown a {
    color: #ffffff;
}

.navbar-top-links li a {
    padding: 11px 15px;
    min-height: 40px;
}

#page-wrapper {
    background-color: #eee;
    border-left: none;
}

    #page-wrapper.no-left-margin {
        margin-left: 0px;
    }

.collapseSideMenus {
    position: absolute;
    right: 22px;
    top: 4px;
    z-index: 999;
    cursor: pointer;
    font-size: 1.4em;
    color: #5db2ff;
}

.collapseChatWidget {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 999;
    cursor: pointer;
    font-size: 1.4em;
    color: #5db2ff;
}

.page-breadcrumbs {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    background: #f3f3f3;
    position: relative;
}

.breadcrumb {
    margin-bottom: 0px;
}

.page-header {
    margin-top: 12px;
    padding-bottom: 0px;
    margin-bottom: 12px;
    border: none;
}

.page-header-title {
    color: #737373 !important;
    background-image: linear-gradient(to right,#fff,#f3f3f3);
    margin-bottom: 10px;
}

/*ActivityLog Area Start*/
.dashboard-activitylog-widget {
}

    .dashboard-activitylog-widget .padding {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .dashboard-activitylog-widget .form-group {
        margin-bottom: 10px;
    }

    .dashboard-activitylog-widget .activitylog-content-container-wrapper {
        max-height: 500px;
        overflow: auto;
        margin-top: 10px;
    }

    .dashboard-activitylog-widget .activitylog-content-container {
        min-width: 300px;
        position: relative;
        min-height: 300px;
        margin-top: 20px;
    }

    .dashboard-activitylog-widget .activitylog-center-line {
        height: 100%;
        width: 2px;
        background-color: #D2E6F9;
        position: absolute;
        left: 50%;
        margin-left: -1px;
    }

    .dashboard-activitylog-widget .acitivitylog-area {
        margin-bottom: 20px;
    }

    .dashboard-activitylog-widget .acitivitylog-area-template {
        display: none !important;
    }

    .dashboard-activitylog-widget .acitivitylog-details-panel {
        padding-top: 42px;
        position: relative;
    }

        .dashboard-activitylog-widget .acitivitylog-details-panel .content {
            border-radius: 2px;
            box-shadow: 0px 0px 1px 0px #ccc;
            padding: 8px;
        }

        .dashboard-activitylog-widget .acitivitylog-details-panel .left:before {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            content: '';
            top: 27px;
            right: 57%;
            border-top-width: 0px;
            border-bottom-color: #A6D5E0;
            border-width: 7px;
            color: transparent;
        }

        .dashboard-activitylog-widget .acitivitylog-details-panel .left {
            margin-right: 55%;
            box-shadow: 0px 0px 3px 1px #ccc;
            background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
        }

        .dashboard-activitylog-widget .acitivitylog-details-panel .right:before {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            content: '';
            top: 27px;
            left: 57%;
            border-top-width: 0px;
            border-bottom-color: #A6D5E0;
            border-width: 7px;
            color: transparent;
        }

        .dashboard-activitylog-widget .acitivitylog-details-panel .right {
            margin-left: 55%;
            box-shadow: 0px 0px 3px 1px #ccc;
            background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
        }

    .dashboard-activitylog-widget .activitylog-breakpoint {
        position: absolute;
        left: 50%;
        margin-left: -78px;
        background-color: #7abcff;
        border-radius: 2px;
        color: #ffffff;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: bold;
        box-shadow: 0px 0px 3px 0px #045E79;
    }

    .dashboard-activitylog-widget .action-title {
        color: #0277B1;
    }

    .dashboard-activitylog-widget .keywords {
        color: #0277B1;
        display: inline-block;
    }

.no-scroll {
    overflow-y: hidden;
}

.activitylog-popover {
    z-index: 10001;
    max-width: 600px;
}

.activilogty-popover-close {
    position: absolute;
    right: 3px;
    top: 0px;
    user-select: none;
    outline: none;
}
/*ActivityLog Area Ends*/

/*Panel Badges Area Start*/

.panel-badges {
}

.panel-badges .panel
{
    height: 100%;
    margin: 0px;
}
    .panel-badges .icon {
        font-size: 0.75em;
    }

    .panel-badges .huge {
        overflow: hidden;
        font-size: 1.8em;
    }

    .panel-badges .link {
    }

.panel-table
{
    height: 100%;
}
.panel-table .panel-table-wrapper {
    padding-top: 4px;
}

.panel-table .panel
{
    height: inherit;
    margin: 0px;
    margin: 10px;
    position: relative;
}
.panel-table .panel-heading
{
    text-align: left !important;
}
.panel-table .panel-footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
}
/*Panel Badges Area End*/

/*Top Bar Menus*/
.dropdown-alerts-badge {
    position: absolute;
    top: 5px;
    left: 10px;
    cursor: pointer;
    border: 1px solid #9C9C9C;
    box-shadow: 1px 1px 0 #3FABC5;
    z-index: 1;
    background-color: #FF6161;
    padding: 1px 3px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}

    .dropdown-alerts-badge.alerts-badge-double {
        left: 5px;
    }

    .dropdown-alerts-badge.alerts-badge-triple {
        left: 0px;
    }

.dropdown-alerts .alert-template {
    display: none !important;
}

.dropdown-alerts li {
    margin-bottom: 8px;
}

    .dropdown-alerts li:last-child {
        margin-bottom: 0px;
        box-shadow: none;
    }

.dropdown-alerts .unread {
    font-weight: bold;
    background-color: #D2E8EC;
}

.dropdown-alerts a {
    font-weight: inherit !important;
}

.dropdown-alerts .content-wrapper {
    font-weight: inherit;
    color: #31708f;
}

.dropdown-alerts .text {
    display: inline-block;
}

.dropdown-alerts .text-muted {
    color: #a7a7a7;
    font-style: italic;
}

.dropdown-chat-alerts-badge {
    position: absolute;
    top: 5px;
    left: 10px;
    cursor: pointer;
    border: 1px solid #9C9C9C;
    box-shadow: 1px 1px 0 #3FABC5;
    z-index: 1;
    background-color: #FF6161;
    padding: 1px 3px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}

    .dropdown-chat-alerts-badge.chat-alerts-badge-double {
        left: 5px;
    }

    .dropdown-chat-alerts-badge.chat-alerts-badge-triple {
        left: 0px;
    }

/*Top Bar Menus End*/

.nav-ul-custom .custom-li {
    float: left;
    position: relative;
    height: 44px;
}

    .nav-ul-custom .custom-li .custom-a {
        height: 44px;
    }

.nav-right-custom li a .icon {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    -webkit-transition: line-height .3s ease;
    -moz-transition: line-height .3s ease;
    -o-transition: line-height .3s ease;
    transition: line-height .3s ease;
}

.profile-settings {
    opacity: 1;
    position: relative;
    cursor: pointer;
    float: right;
    padding: 7px 0px;
}

    .profile-settings .avatar {
        margin-right: 14px;
        display: block;
        float: left;
        border-left: 2px solid #fb6e52;
        width: 29px;
        height: 29px;
    }

        .profile-settings .avatar.no-photo {
        }

        .profile-settings .avatar span {
            color: #005DA9;
            margin: 3px 8px;
        }

        .profile-settings .avatar img {
            width: 29px;
            height: 29px;
        }

    .profile-settings .profile-name {
        font-size: 14px;
        font-weight: 400;
        white-space: nowrap;
        margin: 0;
        color: #FFF5F5;
        line-height: 30px;
    }

    .profile-settings .dropdown-menu a {
        color: #333333;
    }

    .profile-settings section {
        width: auto;
        display: block;
        overflow: hidden;
        line-height: 25px;
        float: left;
    }

.custom-li .profile-settings {
    padding-top: 6px;
}

    .custom-li .profile-settings:hover {
        background-color: transparent !important;
    }

.profile-user-status {
    font-size: .8em;
    float: left;
    margin-top: 6px;
    margin-left: 6px;
}

.profile-user-status-icon {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

    .profile-user-status-icon.online {
        background-color: #a0d468;
    }

    .profile-user-status-icon.offline {
        background-color: #d73d32;
    }

.panel-green {
    border: 1px solid #5cb85c;
    background-color: #80c780 !important;
    color: white;
}

.panel-yellow {
    border: 1px solid #f0ad4e;
    background-color: #f0ad4e !important;
    color: black;
}

.panel-red {
    border: 1px solid #b92b2b;
    background-color: #b92b2b !important;
    color: white;
}

/*Notification Start*/
[data-notify="container"] {
    padding: 8px;
    z-index: 9999 !important;
}

    [data-notify="container"].alert-info {
        box-shadow: 0px 0px 8px 0px #B7B8B9;
        background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
        border: none;
    }

    [data-notify="container"].alert-warning {
        background: linear-gradient(to bottom, #feffff 0%,#F5CA8D 35%,#EFAD4F 100%);
        border: none;
        color: #B37113;
    }

    [data-notify="container"].alert-success {
        box-shadow: 0px 0px 8px 0px #B7B8B9;
        background: linear-gradient(to bottom, #feffff 0%,#dff0d8 35%,#d6e9c6 100%);
        border: none;
    }

    [data-notify="container"].alert-danger {
        box-shadow: 0px 0px 8px 0px #B7B8B9;
        background: linear-gradient(to bottom, #feffff 0%,#f2dede 35%,#ebccd1 100%);
        border: none;
    }

    [data-notify="container"] .notify-icon-container {
        padding: 0px;
        text-align: center;
        position: relative;
        padding-top: 10px;
    }

[data-notify="icon-container"]
{
}
[data-notify="icon"]
{
}

.notify-icon > img
{
    width: 35px;
    height: 35px;
}

[data-notify="title"] {
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
}

[data-notify="message"]
{
    display: inline-block;
}

/*Notification End*/

/*Shipment Container MS Start*/

.shipmentcontainer {
    padding: 10px;
}

    .shipmentcontainer .shipmentcontainer-box {
        display: inline-block;
        width: 160px;
        height: 140px;
        text-align: center;
        cursor: pointer;
        /*border-radius: 8px;*/
        background-color: #f3f3f3;
        box-shadow: 0px 0px 10px #ccc;
        color: #337ab7;
        margin-right: 30px;
        margin-top: 20px;
        transition: box-shadow .2s, width .2s, height .2s;
    }

        .shipmentcontainer .shipmentcontainer-box:hover {
            box-shadow: 0px 0px 20px #ccc;
            transition: box-shadow .2s, width .2s, height .2s;
        }

    .shipmentcontainer .margin-right-button {
        margin-right: 2px;
    }

    .shipmentcontainer .title {
        font-weight: bold;
    }

    .shipmentcontainer .icon {
        font-size: 2em;
    }

    .shipmentcontainer .link {
    }

    .shipmentcontainer .details.template {
        display: none !important;
    }

/*Shipment Container MS Start END*/

/*Blue Theme END*/
/*Dashboard Custom CSS END*/

.Padding-Set {
    padding: 5px;
}

.modal {
    overflow-y: hidden;
}

.rightText {
    text-align: right;
}

.leftText {
    text-align: left !important;
}

/*DataTable Extensions*/

div.DTTT_container {
    margin-bottom: 5px;
}

.dataTableExtensionContainer {
    float: right;
}

.searchCloseButton {
    float: right !important;
    line-height: 1.1;
    cursor: pointer;
}


button.DTTT_button, div.DTTT_button, a.DTTT_button.DTTT_button_print, button.DTTT_button, div.DTTT_button, a.DTTT_button.DTTT_button_csv, button.DTTT_button, div.DTTT_button, a.DTTT_button.DTTT_button_pdf {
    display: none !important;
}

button.DTTT_button, div.DTTT_button, a.DTTT_button.DTTT_button_copy, button.DTTT_button, div.DTTT_button, a.DTTT_button.DTTT_button_xls {
    display: inline-block !important;
}

.btn.buttons-excel, .btn.buttons-copy, .btn.buttons-pdf {
    display: inline-block !important;
}

div.DTTT_print_info {
    z-index: 9999;
}

/*col Visible*/
ul.ColVis_collection {
    width: 400px;
}

    button.ColVis_Button, ul.ColVis_collection li {
        float: left;
    }

div.ColVis {
    float: left;
    margin-bottom: 0px;
    margin-left: 5px;
    padding: 4px;
}

button.ColVis_Button {
    display: inline-block;
    padding: 4px 4px;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #ffffff !important;
    border-color: #2e6da4;
    box-shadow: none;
    background: #337ab7;
    height: auto;
}

    button.ColVis_Button:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    button.ColVis_Button:hover,
    button.ColVis_Button:focus,
    button.ColVis_Button:active {
        color: #ffffff;
        background: #3276b1;
        border-color: #285e8e;
        box-shadow: none !important;
    }
/*col Visible End*/

/*Table Tool*/
.DTTT_container a {
    display: inline-block;
    padding: 4px 4px;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #ffffff !important;
    border-color: #2e6da4;
    box-shadow: none;
    background: #337ab7;
    height: auto;
}

    .DTTT_container a:hover,
    .DTTT_container a:focus,
    .DTTT_container a:active {
        color: #ffffff !important;
        background: #3276b1 !important;
        border-color: #285e8e !important;
        box-shadow: none !important;
    }

/*Table Tool End*/

/*BUTTONS*/

.dt-buttons {
    float: right;
    margin-right: 3px;
    margin-bottom: 3px;
}

/*BUTTONS END*/

/*DataTable Extensions End*/

.dt-columns-padding {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

table.table-bordered tbody td {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.btn-customerinquiry-grid.filter-active {
    background-color: #0B5BA0 !important;
    border-color: #050E29 !important;
}

    .btn-customerinquiry-grid.filter-active span {
        color: #00FF00;
    }

/* - - - - - - - - - SalesOrder CSS - - - - - - - - - */

/* Visual Search Facet Text Input */

.VS-search .search_facet input {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 0 5px 4px;
    height: 20px;
    width: auto;
    z-index: 100;
    position: relative;
    padding-top: 1px;
    padding-bottom: 2px;
    padding-right: 3px;
}

.customer-inquiry-detail-box-sale-order {
    line-height: 1.4;
    margin-bottom: 8px;
}

.label-sales-order {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1px;
    margin-top: 5px;
    font-weight: bold;
}

.form-group-sale-order {
    margin-bottom: 0px;
    padding-right: 2px;
}

fieldset.scheduler-border {
    border: 1px groove #FFFFFF !important;
    padding: 0 1.4em 1.0em 1.4em !important;
    margin: 2px 10px 0em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

fieldset.scheduler-border-sale-order-detail-total {
    border: 1px groove #FFFFFF !important;
    padding: 0 1.4em 1.0em 1.4em !important;
    margin: 0px 0px 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    width: inherit; /* Or auto */
    padding: 0 5px; /* To give a bit of padding on the left and right */
    border-bottom: none;
    margin-bottom: 5px;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: inherit;
    color: #337AB7;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.form-control[readonly] {
    background-color: #F4F8FB;
}

.line-height-sale-order {
    line-height: 1.9;
}

.alnRight {
    text-align: right;
}

.alnLeft {
    text-align: left;
}

.generic-search-popover {
    min-width: 600px;
}

.salesOrder-dropShipAddress-panel {
    display: none;
}

.percentage-sign-span {
    margin-top: 4px;
}

.panel-sale-order {
    border: none !important;
    box-shadow: none;
}

.input-bold {
    font-weight: bold;
}

.customer-future-balance {
    color: #337AB7 !important;
    font-weight: bold;
}

.item-inline-search-popover {
    z-index: 10001;
    max-width: 700px;
}

.search-icon-margin-top {
    margin-top: 5px;
}

.margin-bbid {
    margin-top: 2px;
    margin-left: 2px;
}

.checkbox-lineheight-fix {
    line-height: 1;
}

.batches-totals {
    position: absolute;
    bottom: 12px;
    right: 3px;
}

.btn-panel-header-save {
    line-height: 1;
    position: absolute;
    top: 0px;
    right: 30px;
    font-weight: bold;
    padding: 3px;
    background-color: #0552A5;
}
/* - - - - - - - - SalesOrder CSS End - - - - - - - - */

/* - - - - - - - - Bootbox Message Modal CSS - - - - - - - - */
.bootbox.modal.fade.bootbox-confirm.in {
    z-index: 9999 !important;
}

.bootbox.modal.fade.bootbox.in {
    z-index: 9999 !important;
}

/* - - - - - - - - Bootbox Message Modal CSS  End - - - - - - - - */

/* - - - - - - - - Generic Modal Template CSS - - - - - - - - */
.modal-template {
    display: none !important;
}

/* - - - - - - - - Generic Modal Template CSS  End - - - - - - - - */

/* - - - - - - - - TableData Padding - - - - - - - - */
td, th {
    padding: 1px;
}


.verticalDivider {
    margin-bottom: 5px;
}

.well-No-Vertical-Padding {
    padding-bottom: 0px;
    padding-top: 5px;
}

/* - - - - - - - - Generic Popup Modal Body Padding - - - - - - - - */
.modal-body {
    padding: 5px;
}

/* - - - - - - - - SalesOrder Details Tab DataTable Padding - - - - - - - - */
.salesOrder-Details-DataTable-Padding {
    padding-left: 3px;
    padding-right: 3px;
}

/*Import CSV Sales Start*/

.GoodSale > td {
    background-color: #dff0d8;
}

.BadSale > td {
    background-color: #f2dede;
}

.nav-pills > li.success > a,
.nav-pills > li.success > a:hover,
.nav-pills > li.success > a:focus {
    color: #ffffff;
    background-color: #5cb85c;
}

.nav-pills > .success > a > .badge {
    color: #428bca;
    background-color: #ffffff;
}

.nav-pills > li.danger > a,
.nav-pills > li.danger > a:hover,
.nav-pills > li.danger > a:focus {
    color: #ffffff;
    background-color: #d9534f;
}

.nav-pills > .danger > a > .badge {
    color: #428bca;
    background-color: #ffffff;
}

.import-csvsales .form-group {
    margin-bottom: 10px;
}

.import-csvsales .progress {
    margin-top: 10px !important;
}

/*Import CSV Sales End*/



/*TEMP*/
.under-development {
    position: absolute;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.52);
    width: 100%;
    z-index: 9998;
    cursor: not-allowed;
    top: 80px;
    box-shadow: 0px 0px 4px 2px #ccc;
}

.btn-temp-boardcastnotify {
    margin-left: 20px;
    margin-top: 20px;
    padding: 10px;
}

.btn-temp-activityLog {
    margin-left: 20px;
    margin-top: 20px;
    padding: 10px;
    padding-left: 36px;
    padding-right: 36px;
}

.bootstrap-datetimepicker-widget {
    z-index: 99999999;
}

/*Commission form*/
.commission {
}

    .commission .poolid {
        display: inline-block;
    }

    .commission .label-info {
        font-size: .9em;
    }

    .commission .label-margin-left {
        margin-left: 5px;
    }

    .commission .editable-cell {
        position: relative;
    }

    .commission .editable-cell-textbox {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
    }

    .commission .row-mce {
        background-color: #fefb60 !important;
    }

    .commission .input-group {
        float: left;
    }

    .commission .comm-company {
        width: 100%;
    }

    .commission .agent-area .panel-body div {
        padding-left: 0px;
        padding-right: 0px;
    }

    .commission .padding {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

.input-group.input-group-unstyled input.form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.input-group-unstyled .input-group-addon {
    border-radius: 4px;
    border: 0px;
    background-color: transparent;
}
/*Commission form End*/


/*Badge details Start*/

.badgedetails {
    margin: 8px;
    padding: 8px;
}

/*Badge details End*/




/*Customer form Start*/
.customer .label-display-none {
    display: none;
}

.customer .label-display-block {
    display: block;
}

.customer .text-color {
    color: green;
}

.customer .loadPricetText-color {
    color: red;
}

/*Customer form End*/


/*EDIOut form Start*/
.ediout .form-control {
    width: 100% !important;
}

.ediout textarea {
    width: 100% !important;
    min-height: 140px;
}

.ediout .vertical-align-fix-button {
    padding-top: 27px;
}

.ediout .customer-status {
    text-align: right !important;
}

/*EDIOut form End*/


/*Special Info form Start*/
.special-info-company {
    margin-top: 30px;
}
/*Special Info form End*/


/*Error Page Start*/
.error-page-message {
    margin-bottom: 5px;
}
/*Error Page End*/

/*UPS Shipper form Start*/
.ups-shipper-width {
    width: 150px;
}
/*UPS Shipper form End*/

/*Payment Term form Start*/
.payment-term-width {
    width: 150px;
}
/*Payment Term form End*/

/*Customer Addresses form Start*/
.customer-address-map-HeightWidth {
    width: 100%;
    height: 100%;
}

/*Customer Addresses form Start*/
.supplier-address-map-HeightWidth {
    width: 100%;
    height: 100%;
}

.customer-compnay {
    margin-top: 35px;
    padding-left: 0px;
}

.supplier-compnay {
    margin-top: 35px;
    padding-left: 0px;
}
.customer-margin-bottom {
    margin-bottom: 0px;
}
.supplier-margin-bottom {
    margin-bottom: 0px;
}
/*Customer Addresses form End*/

/*ConnectionString form Start*/
.connectionString-white-space {
    white-space: normal;
}
/*ConnectionString form End*/

/*DataSource form Start*/
.dataSource-remove-margin {
    margin-top: 4px;
}
/*DataSource form End*/

/*Badge form Start*/
.badge-whitePanel-height {
    height: 190px;
}

.badge-bluePanel-height {
    height: 130px;
}

.badge-panel-width {
    width: 91%;
    margin-left: 5%;
}
/*Badge form End*/

/*Design form Start*/
.design-label-fontsize {
    font-size: 14px;
}
/*Design form End*/

/*MergerItemns form Start*/
.mergerItemns-tick-color {
    color: green;
    font-size: 20px;
}

.mergerItemns-cross-color {
    color: red;
    font-size: 20px;
}
/*MergerItemns form End*/

/*ReportScheduler form Start*/
.report-margin {
    margin-top: 2px;
}
/*ReportScheduler form End*/

/*OAKMaintenance form Start*/
.OAKMaintenance-font-size {
    font-size: 12px;
}
/*OAKMaintenance form End*/

.AppNumber {
    text-align: right !important;
}

.AppNumberPositiveOnly {
    text-align: right !important;
}

.AppDecimal {
    text-align: right !important;
}

.AppDecimalPositiveOnly {
    text-align: right !important;
}

div.DTS div.dataTables_scrollBody {
    background: none;
}

.bg-primary-important {
    color: #fff !important;
    background-color: #337ab7 !important;
}

.bg-success-important {
    background-color: #dff0d8 !important;
}

.bg-info-important {
    background-color: #d9edf7 !important;
}

.bg-warning-important {
    background-color: #fcf8e3 !important;
}

.bg-danger-important {
    background-color: #f2dede !important;
}

/* Generic Classes */

.mandatory {
    background-color: beige !important;
}

.mandatory-failure {
    border-color: #b94a48 !important;
    border-width: 1px !important;
}

.disabled-pointer {
    pointer-events: none;
    /*opacity: 0.4;*/
}

/* Generic Classes End */

/* Small devices (phones, 350px and up) */
@media ( min-width : 100px ) {
    .VS-responsive-label {
        font-size: 11px !important;
    }

    .btn-text.btn-primary:not(span) {
        font-size: 0pt !important;
    }

    .btn-text.btn-primary.btn-lg .glyphicon {
        font-size: 10pt !important;
    }

    .btn-text.btn-primary .glyphicon {
        font-size: 8pt !important;
    }

    .btn-text.btn-primary.btn-sm .glyphicon {
        font-size: 12pt !important;
    }

    .btn-text.btn-primary.btn-xs .glyphicon {
        font-size: 6pt !important;
    }

    .panel-amount {
        font-size: 7pt !important;
        .btn-text.btn-primary.btn-xs .glyphicon;

{
    font-size: 6pt !important;
}

}
}
/* Small devices (tablets, 450px and up) */
@media ( min-width : 450px ) {
    .VS-responsive-label {
        font-size: 12px !important;
    }

    .btn-text.btn-primary:not(span) {
        font-size: 0pt !important;
    }

    .btn-text.btn-primary.btn-lg .glyphicon {
        font-size: 10pt !important;
    }

    .btn-text.btn-primary .glyphicon {
        font-size: 8pt !important;
    }

    .btn-text.btn-primary.btn-sm .glyphicon {
        font-size: 7pt !important;
    }

    .btn-text.btn-primary.btn-xs .glyphicon {
        font-size: 6pt !important;
    }

    .panel-amount {
        font-size: 8pt !important;
    }
}
/* Medium devices (desktops, 768px and up) */
@media ( min-width : 768px ) {
    .VS-responsive-label {
        font-size: 14px !important;
    }

    .btn-text.btn-primary:not(span) {
        font-size: 8pt !important;
    }

    .btn-text.btn-primary.btn-lg .glyphicon {
        font-size: 10pt !important;
    }

    .btn-text.btn-primary .glyphicon {
        font-size: 8pt !important;
    }

    .btn-text.btn-primary.btn-sm .glyphicon {
        font-size: 7pt !important;
    }

    .btn-text.btn-primary.btn-xs .glyphicon {
        font-size: 6pt !important;
    }

    .panel-amount {
        font-size: 10pt !important;
    }
}
/* Large devices (large desktops, 992px and up) */
@media ( min-width : 992px ) {
    .VS-responsive-label {
        font-size: 14px !important;
    }

    .btn-text.btn-primary:not(span) {
        font-size: 10pt !important;
    }

    .btn-text.btn-primary.btn-lg .glyphicon {
        font-size: 18pt !important;
    }

    .btn-text.btn-primary .glyphicon {
        font-size: 14pt !important;
    }

    .btn-text.btn-primary.btn-sm .glyphicon {
        font-size: 10pt !important;
    }

    .btn-text.btn-primary.btn-xs .glyphicon {
        font-size: 12pt !important;
    }

    .panel-amount {
        font-size: 10pt !important;
    }
}

.edi-cancel-popup {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.dataTables_wrapper div {
    padding: 0px;
}

.drag-placeholder {
    border: 2px dashed #6292AA;
    margin: 0 1em 1em 0;
    height: 50px;
    background-color: #FAFCFE;
}

.badgeCol {
    min-height: 50px;
}

.panelCol {
    min-height: 50px;
}

/*Admin Panel Start*/
.document-links-container {
    background: linear-gradient(to bottom, #5f9fd5 0%,#337ab7 100%);
    box-shadow: 0px 1px 1px 1px #ccc;
}

    .document-links-container .btn-link {
        padding-left: 10px;
        padding-right: 10px;
        color: #ffffff;
        text-shadow: 1px 1px 1px #8E8989;
        background-color: transparent;
        transition: background-color 1s;
        border-right: 1px solid #0057A2;
        text-decoration: none !important;
        outline: none !important;
        font-weight: bold;
    }

        .document-links-container .btn-link:hover {
            /*background: linear-gradient(to bottom, #0fb4e7 0%,#00c2fe 100%);*/
            background-color: #2a69a0;
            text-decoration: none !important;
            transition: background-color 1s;
        }

        .document-links-container .btn-link:active {
            text-decoration: none;
        }

    .document-links-container .selected {
        background-color: #2a69a0;
    }

        .document-links-container .selected i {
            color: #00FF68;
        }
/* Admin Panel End */

.nav-tabs-container {
    border: 1px solid #0061B5;
    padding: 8px;
    padding-bottom: 0px;
    background-color: #337ab7;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

    .nav-tabs-container .nav-tabs {
        border: none;
    }

    .nav-tabs-container a {
        color: #ffffff;
        padding: 3px 8px !important;
    }

.tab-content-container {
    box-shadow: 0px 7px 12px #ccc;
}

td.details-control {
    background: url('images//details_open.png') no-repeat center center;
    cursor: pointer;
}

table.dataTable tbody tr {
    background-color: transparent;
}

.grid-top-wrapper {
    height: 35px;
}

#splitterAreaMain {
    /*position:fixed;
    height: 100%;*/
}

.resize-wrapper {
    padding-bottom: 5px;
    overflow: hidden;
}

    .resize-wrapper .detail-panel {
        margin-top: 5px;
    }

    .resize-wrapper .ui-resizable-s {
        background-color: #1c72bb;
        margin-bottom: 5px;
        cursor: row-resize;
        border-top: solid 1px #9cbdff;
        border-bottom: solid 1px #9cbdff;
        background: #cbe1fb url(images/paneh.gif) 50% 0%;
    }

    .resize-wrapper .ui-resizable-e {
        background-color: #1c72bb;
        cursor: col-resize;
        border-left: solid 1px #9cbdff;
        border-right: solid 1px #9cbdff;
        background: #cbe1fb url(images/panev.gif) 0% 50%;
    }

#panelInventory {
    margin-top: 5px;
}

#panelCustomer {
    margin-top: 5px;
}

.app-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-color: #000000;
    float: left;
    width: 100px;
    height: 100px;
    box-shadow: 0px 0px 6px 0px #353535;
    border-radius: 4px;
    opacity: 0.75;
    z-index: 2000000000;
}

table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: border-box;
}

#exportSchemeTitle {
    float: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.report-edit-icon-disabled {
    color: #f3f3f3 !important;
}

.salesorders-status-cancel {
    color: #ff2b2b;
}

.form-control-editable {
    width: 100% !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 24em;
}

#side-menu table {
    white-space: normal;
    border: none !important;
    margin-bottom: 0px !important;
    box-shadow: none;
}

    #side-menu table .odd {
        background-color: transparent !important;
    }

    #side-menu table tr {
        background-color: transparent !important;
    }

    #side-menu table td {
        border: none !important;
    }

div.dataTables_scrollBody .menubar tbody tr:first-child th,
div.dataTables_scrollBody .menubar tbody tr:first-child td {
    border-top: 1px solid #ddd;
}


.fstElement {
    font-size: 0.90em;
}

.fstToggleBtn {
    font-size: 1em;
    min-width: 20.5em;
}


.documentBadge {
    text-align: left !important;
}

    .documentBadge span {
        margin-top: 4px;
    }

.form-horizontal .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.headerCard {
    height: 192px !important;
}

.headerCard-2 {
    height: 85px !important;
}

.headerCard-5 {
    height: 190px !important;
}

.headerCard-7 {
    height: 225px !important;
}

.headerCard-8 {
    height: 250px !important;
}

.detailsGrid {
    height: 220px !important;
}

.detailsGrid-half {
    height: 110px !important;
}

.documentsGrid {
    overflow-y: hidden;
}

.control-label-left {
    float: left;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-top: 3px;
}

.bootstrap-tagsinput {
    font-size: 17px;
}

.typeahead,
.tt-query,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

    .typeahead:focus {
        border: 2px solid #0097cf;
    }

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

    .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
    }

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

.form-horizontal .control-label {
    padding-top: 6px;
}

.searchIcon{
    margin-left: -15px;
    z-index: 5;
    margin-top: 5px;
}
.col-md-12 div.col-md-6  {
    margin-top: 2px;
}
.col-md-12 div.col-md-9  {
    margin-top: 2px;
}

.well-hd
{
    padding-top: 10px;
    min-height: 50px;
}

.tile-item
{
    padding: 3px !important;
}

.tile-item-wrap
{
    white-space: nowrap;
    overflow: hidden;
}

.tile-item-icon
{
    width: 60px;
    height: 60px;
}
.padding-5 
{
    padding: 5px!important;
}

.grid-cell-wrap
{
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
}

.fa-1-5x
{
    font-size: 1.5em;
}

.fa-1-6x
{
    font-size: 1.6em;
}

.text-badge
{
    font-weight: bold;
    user-select: none;
    background-image: none;
    font-size: 12px;
    line-height: 1.92857143;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.text-badge-default
{
    color: #333333;
}

.text-badge-primary
{
    color: #337ab7;
}

.text-badge-success
{
    color: #5cb85c;
}

.text-badge-info
{
    color: #5bc0de;
}

.text-badge-warning
{
    color: #f0ad4e;
}

.text-badge-danger
{
    color: #d9534f;
}

.text-badge-link
{
    color: #337ab7;
}


.margin-top-5
{
    margin-top: 5px;
}

.margin-right-5
{
    margin-right: 5px;
}

/*mark plugin start*/
mark.current
{
    background: orange;
}

mark, .mark
{
    background-color: #ff0;
}

.mark-control .search-controls-container
{
    position: absolute;
    right: 17px;
    top: 32px;
    z-index: 2;
}

/*mark plugin end*/

.rel-position
{
    position: relative;
}

.combox-fix
{
    width:auto;
}

.logo
{
    width: 50px;
    height: 50px;
}

.dataTables_wrapper .fa-circle
{
    color: #ffbe00;
}
.disabled
{
    color: #999 !important;
}

.dataTables_wrapper .fa-check-circle
{
    color: #4fff35;
}

#tblDocumentTiles > thead > tr > th,
#tblDocumentTiles > tbody > tr > th,
#tblDocumentTiles > tfoot > tr > th,
#tblDocumentTiles > thead > tr > td,
#tblDocumentTiles > tbody > tr > td,
#tblDocumentTiles > tfoot > tr > td
{
    padding: 8px;
    line-height: 1.92857143;
    vertical-align: top;
    border-top: none;
}

#tblDocumentTiles > thead > tr > th,
#tblDocumentTiles > tbody > tr > th,
#tblDocumentTiles > tfoot > tr > th,
#tblDocumentTiles > thead > tr > td,
#tblDocumentTiles > tbody > tr > td,
#tblDocumentTiles > tfoot > tr > td
{
    border: none;
}


.active-document
{
    color: #4fff35 !important;
}
.btn-link-danger
{
    color: #c43c35;
}

.btn-link-info
{
    color: #46b8da;
}

.btn-link-success
{
    color: #5cb85c;
}

.btn-link-sales-return {
    color: #17a2b8;
}

.rawMaterial
{
    background-color: aliceblue;
}

.finishedGoods
{
    background-color: lightgreen;
}
/*image*/
.thumb-image {float:left;width:40px;position:relative;padding-top:0px;}

.column-color-change
{
    background-color: #ffc278 !important;
}


.btn-group .btn span.glyphicon {    			
	opacity: 0;				
}
.btn-group .btn.active span.glyphicon {				
	opacity: 1;				
}

tbody tr .editable-column
{
    background-color: #edf4fb !important;
}

.select2-combo-width
{
    width: 100% !important;
}




/*.card */

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eeeeee;
    border-radius: 0.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #eeeeee;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border-top: 1px solid #eeeeee;
}

.card {
    border: 0;
    /*margin-bottom: 30px;*/
    margin-top: 18px;
    border-radius: 6px;
    color: #333333;
    background: #fff;
    width: 90%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card .card-footer {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
}

.card .card-header {
    border-bottom: none;
    background: transparent;
}

.card .card-header-info .card-icon,
.card .card-header-info .card-text,
.card .card-header-info:not(.card-header-icon):not(.card-header-text),
.card.bg-info,
.card.card-rotate.bg-info .front,
.card.card-rotate.bg-info .back {
    background: linear-gradient(60deg, #26c6da, #00acc1);
}

.card .card-header-success .card-icon,
.card .card-header-success .card-text,
.card .card-header-success:not(.card-header-icon):not(.card-header-text),
.card.bg-success,
.card.card-rotate.bg-success .front,
.card.card-rotate.bg-success .back {
    background: linear-gradient(60deg, #66bb6a, #43a047);
}

.card .card-header-warning .card-icon,
.card .card-header-warning .card-text,
.card .card-header-warning:not(.card-header-icon):not(.card-header-text),
.card.bg-warning,
.card.card-rotate.bg-warning .front,
.card.card-rotate.bg-warning .back {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
}

.card .card-header-danger .card-icon,
.card .card-header-danger .card-text,
.card .card-header-danger:not(.card-header-icon):not(.card-header-text),
.card.bg-danger,
.card.card-rotate.bg-danger .front,
.card.card-rotate.bg-danger .back {
    background: linear-gradient(60deg, #ef5350, #e53935);
}

.card .card-header-rose .card-icon,
.card .card-header-rose .card-text,
.card .card-header-rose:not(.card-header-icon):not(.card-header-text),
.card.bg-rose,
.card.card-rotate.bg-rose .front,
.card.card-rotate.bg-rose .back {
    background: linear-gradient(60deg, #ec407a, #d81b60);
}

.card .card-header-primary .card-icon,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card .card-header-primary .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

.card .card-header-danger .card-icon,
.card .card-header-danger:not(.card-header-icon):not(.card-header-text),
.card .card-header-danger .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}

.card .card-header-rose .card-icon,
.card .card-header-rose:not(.card-header-icon):not(.card-header-text),
.card .card-header-rose .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}

.card .card-header-warning .card-icon,
.card .card-header-warning:not(.card-header-icon):not(.card-header-text),
.card .card-header-warning .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card .card-header-info .card-icon,
.card .card-header-info:not(.card-header-icon):not(.card-header-text),
.card .card-header-info .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.card .card-header-success .card-icon,
.card .card-header-success:not(.card-header-icon):not(.card-header-text),
.card .card-header-success .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}

.card [class*="card-header-"],
.card[class*="bg-"] {
    color: #fff;
}

.card .card-stats {
    background: transparent;
    display: flex;
}

.card .card-stats .author,
.card .card-stats .stats {
    display: inline-flex;
}

.card {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.card .card-header {
    z-index: 3 !important;
}

.card .card-header.card-header-icon i,
.card .card-header.card-header-text i {
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px;
}

.card .card-body+.card-footer,
.card .card-footer {
    padding: 0;
    padding-top: 3px;
    margin: 0 15px 2px;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
}

.card [class*="card-header-"] {
    margin: 0px 0px 5px 15px;
    padding: 0;
    position: relative;
}

.card [class*="card-header-"] .card-icon,
.card [class*="card-header-"] .card-text {
    border-radius: 3px;
    background-color: #999999;
    padding: 5px;
    margin-top: -20px;
    float: left;
}

.card-collapse .card .card-header a[aria-expanded="true"] {
    color: #e91e63;
}

.card-stats .card-header.card-header-icon,
.card-stats .card-header.card-header-text {
    text-align: right;
}

.card-stats .card-header .card-icon+.card-title,
.card-stats .card-header .card-icon+.card-category {
    padding-top: 10px;
}

.card-stats .card-header.card-header-icon .card-title,
.card-stats .card-header.card-header-text .card-title,
.card-stats .card-header.card-header-icon .card-category,
.card-stats .card-header.card-header-text .card-category {
    margin: 0;
}

.card-stats .card-header .card-category {
    margin-bottom: 0;
    margin-top: 0;
}

.card-stats .card-header .card-category:not([class*="text-"]) {
    color: #999999;
    font-size: 14px;
}

.card-stats .card-header+.card-footer {
    border-top: 2px solid #eee;
    margin-top: 5px;
}

.card-stats .card-header.card-header-icon i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
}

.card-stats .card-body {
    text-align: right;
}

.remove-padding-imp {
    padding: 0px !important;
}

.remove-padding-left-imp {
     padding-left: 0px !important;
}

.remove-padding-right-imp {
     padding-right: 0px !important;
}

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

.margin-top-30
{
    margin-top: 40px;
}

.margin-top-20
{
    margin-top: 15px;
}

.LogInPage
{
   background-image:url(../IMAGES/LogInPage.jpg);
   background-repeat:no-repeat;
   background-size:cover;
}

.vehicleNoFont 
{
    font-size: 90px;
}

.vehicleTextBox
{
    display: inline-block;
    padding: 4px;
    line-height: 18px;
    width: 100%;
    color: #808080;
    border: 1px solid #ccc;
    border-radius: 3px
}

.vehiclePassFont 
{
    font-size: 25px !important;
}

.vehiclePassControls
{
    display: inline-block;
    padding: 4px;
    line-height: 25px;
    width: 100%;
    color: #808080;
    border: 1px solid #ccc;
    border-radius: 3px
}


/*.grid-stack > .grid-stack-item > .ui-resizable-handle 
{
   position: initial !important;
}

.grid-stack > .grid-stack-item > .ui-resizable-se,
.grid-stack > .grid-stack-item > .ui-resizable-sw
{
    background-image: none !important;
}*/