/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */


/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */


/**
   * Shared Styles
   */
   @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

   body,h1, h2, h3, h4,.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default,.ui-widget{
     font-family: 'Roboto Condensed', sans-serif !important;
   }
   
.datatable-body-row,
.datatable-header-inner {}

.datatable-body-cell,
.datatable-header-cell {}

.datatable-row-left,
.datatable-row-right {}

.datatable-row-left,
.datatable-row-center,
.datatable-row-right {}


/**
          * Header Styles
          */

#outputtext {
    color: white;
    font-weight: 600;
    margin: 15px 0 !important;
    border-left: 1px solid white;
    padding-left: 10px;
    font-style: italic;
}

#inputtext {
    width: 140px;
    margin-bottom: 5px;
    color: #000;
}

.organinfo .panel-body {
    padding: 15px 15px 0;
}

.ngx-datatable .datatable-header {
    background-color: #eee;
    background: linear-gradient(180deg, #f2f2f2, #fafafa);
    position: relative;
    height: 30px !important;
}

.mt-4 {
    margin: -12px 0 0;
    padding: 2px;
}

.mlt-10 {
    margin-left: 10px !important;
}

.datatable-header .datatable-header-inner {}

.ngx-datatable .datatable-header-cell {
    padding: 0 1.2rem;
    font-weight: bold;
    min-height: 30px;
    text-align: left;
    vertical-align: top;
    border-top: 0;
    transition: width 0.3s ease;
    vertical-align: middle;
    font-size: 12px;
    line-height: 30px !important;
    position: relative;
    border: 1px solid #ddd;
    border-left-width: 0;
    background: white;
}

.ngx-datatable .datatable-header-cell:last-child {
    border-right-width: 0;
}

.ngx-datatable .datatable-header-cell>div {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}


/**
          * Body Styles
          */
.russiaicon{ display:none;}
.normalicon{display:inline-flex;}

.datatable-body {}

.datatable-row-center .datatable-body-cell {
    text-align: left;
    padding: .4rem .6rem .2rem;
    /*vertical-align: top;
           */
    transition: width 0.3s ease;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

.datatable-row-center .datatable-body-cell:last-child {
    border-right: 0;
}

.datatable-body .datatable-row-detail {
    padding: 1rem 4rem;
    background: rgba(200, 200, 200, .2);
    position: relative;
}

.datatable-body .empty-row {
    padding: 1rem 4rem;
    background: rgba(200, 200, 200, .2);
    position: relative;
}

.datatable-body .datatable-row-detail>div {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.table-striped .datatable-body .datatable-row-wrapper:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-striped .datatable-body .datatable-row-wrapper:nth-of-type(even) {
    background-color: #ffffff;
}

.datatable-body .datatable-body-row {}

.wd-25 {
    width: 27%;
}

.jarviswidget>header>h2 {
    margin-left: 0px;
}

.setup-label {
    vertical-align: sub;
    padding-left: 5px;
}

.setup-checkbox {
    vertical-align: middle;
}

.setup-btn {
    margin-top: 10px;
    width: 60px;
}

.setup-select {
    width: auto;
    display: initial;
}
 .btn {
    padding: 3.5px;
}
.widget-toolbar .btn {
    padding:3.5px;
    line-height: 12px;
}

.form-control {
    height: 27px;
    padding: 3px 5px !important;
}

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

.form-control.input-lg {
    height: 33px;
}

.btn-warning {
    padding: 0px !important;
}


/**
          * Footer Styles
          */

.datatable-footer {
    background: #fafafa;
}

.datatable-footer .datatable-footer-inner {}

.datatable-footer .selected-count {
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    color: #969696;
    padding: .3rem 1.2rem .3rem;
}

.datatable-footer .page-count {
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    color: #969696;
    padding: .3rem 1.2rem .3rem;
}

.datatable-footer .datatable-pager {
    padding: .3rem 1.2rem .3rem;
}

.datatable-footer .datatable-pager ul {
    overflow: hidden
}

.datatable-footer .datatable-pager ul li {
    float: left;
    display: block;
    border-radius: 0;
    border: none;
    margin: 0 -1px 0 0;
}

.datatable-footer .datatable-pager ul li a {
    width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 7px 13px;
    border: 1px solid rgba(200, 200, 200, .4);
    border-right-width: 0;
}

.datatable-footer .datatable-pager ul li:last-child {
    border-right: 1px solid rgba(200, 200, 200, .4);
}

.datatable-footer .datatable-pager ul li.active a {
    background: #3276b1;
    border: 1px solid #3276b1;
    border-right-width: 0;
    color: white;
}

.lightest-gray-bg {
    background: #fafafa;
}

.ngx-datatable.bootstrap:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    background: #29bf89ad;
}

.ngx-datatable.table-striped:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.table-striped:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    background: #29bf89ad;
}


/*
        .ngx-datatable .datatable-footer {
          position: absolute;
          top: 0;
          border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        }
      
        .ngx-datatable .datatable-header {
          position: absolute;
          top: 50px;
        }
      
        .ngx-datatable .datatable-body {
          margin-top: 90px;
        }
        */

.simple-serach-tabs .search-fields {
    display: inline-block;
    width: 80%;
}

.simple-serach-tabs .search-fields label {
    text-align: right;
}

.advanced-serach-tabs .search-fields {
    display: inline-grid;
    width: 50%;
    float: left;
    padding-bottom: 4px;
}

.advanced-serach-tabs .search-fields-w100 {
    width: 100% !important;
    display: flex !important;
}

.advanced-serach-tabs .search-fields label {
    text-align: right;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 8px;
}

.tabs-right .advanced-serach-tabs .search-fields {
    display: inline-grid;
    width: 30%;
}

.tabs-right .advanced-serach-tabs .search-fields label {
    text-align: right;
}

.btn-width {
    width: 80px;
}

.result-details .two-column {
    display: inline-block;
    width: 50%;
}

.result-details .two-column label {
    text-align: right;
    width: 20%;
}

.result-details .two-column .details {
    text-align: left;
    width: 80%;
}

.result-details .one-column {
    display: inline-block;
    width: 100%;
}

.result-details .one-column label {
    text-align: right;
    width: 10%;
}

.result-details .one-column .details {
    text-align: left;
    width: 90%;
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 4px;
    width: 100px;
}

.x-editable-container {
    display: table;
    width: 100%;
    background-color: #eee;
    border: 1px solid #666666;
    border-spacing: 5px;
    /* cellspacing:poor IE support for  this */
}

.x-editable-container-row {
    display: inline;
    width: 50%;
    float: left;
}

.x-editable-container-row-key {
    width: 40%;
    float: left;
    background-color: #ccc;
    text-align: right;
}

.x-editable-container-row-key-val {
    width: 60%;
    float: left;
    background-color: #ccc;
}

.tabulator {
    position: relative;
    border: 1px solid #999;
    background-color: #888;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    transform: translatez(0)
}

.tabulator[tabulator-layout=fitDataFill] .tabulator-tableHolder .tabulator-table {
    min-width: 100%
}

.tabulator.tabulator-block-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tabulator .tabulator-header {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #999;
    background-color: #e6e6e6;
    color: #555;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tabulator .tabulator-header .tabulator-col {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border-right: 1px solid #aaa;
    background: #e6e6e6;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden
}

.tabulator .tabulator-header .tabulator-col.tabulator-moving {
    position: absolute;
    border: 1px solid #999;
    background: #cdcdcd;
    pointer-events: none
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    box-sizing: border-box;
    position: relative;
    padding: 4px
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #999;
    padding: 1px;
    background: #fff
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #bbb
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #aaa;
    overflow: hidden
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols .tabulator-col:last-child {
    margin-right: -1px
}

.tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
    display: none
}

.tabulator .tabulator-header .tabulator-col.ui-sortable-helper {
    position: absolute;
    background-color: #e6e6e6!important;
    border: 1px solid #aaa
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
    position: relative;
    box-sizing: border-box;
    margin-top: 2px;
    width: 100%;
    text-align: center
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
    height: auto!important
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
    margin-top: 3px
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
    width: 0;
    height: 0
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
    padding-right: 25px
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
    cursor: pointer;
    background-color: #cdcdcd
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-arrow {
    border-top: none;
    border-bottom: 6px solid #bbb
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-arrow {
    border-top: none;
    border-bottom: 6px solid #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-arrow {
    border-top: 6px solid #666;
    border-bottom: none
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
    transform: rotate(180deg)
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
    padding-right: 0;
    padding-top: 20px
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
    padding-right: 0;
    padding-bottom: 20px
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-arrow {
    right: calc(50% - 6px)
}

.tabulator .tabulator-header .tabulator-frozen {
    display: inline-block;
    position: absolute;
    z-index: 10
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
    border-right: 2px solid #aaa
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
    border-left: 2px solid #aaa
}

.tabulator .tabulator-header .tabulator-calcs-holder {
    box-sizing: border-box;
    min-width: 400%;
    background: #f3f3f3!important;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    overflow: hidden
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
    background: #f3f3f3!important
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
    display: none
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder {
    min-width: 400%
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
    display: none
}

.tabulator .tabulator-tableHolder {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.tabulator .tabulator-tableHolder:focus {
    outline: none
}

.tabulator .tabulator-tableHolder .tabulator-placeholder {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=virtual] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.tabulator .tabulator-tableHolder .tabulator-placeholder span {
    display: inline-block;
    margin: 0 auto;
    padding: 10px;
    color: #ccc;
    font-weight: 700;
    font-size: 20px
}

.tabulator .tabulator-tableHolder .tabulator-table {
    position: relative;
    display: inline-block;
    background-color: #fff;
    white-space: nowrap;
    overflow: visible;
    color: #333
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
    font-weight: 700;
    background: #e2e2e2!important
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
    border-bottom: 2px solid #aaa
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
    border-top: 2px solid #aaa
}

.tabulator .tabulator-footer {
    padding: 5px 10px;
    border-top: 1px solid #999;
    background-color: #e6e6e6;
    text-align: right;
    color: #555;
    font-weight: 700;
    white-space: nowrap;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tabulator .tabulator-footer .tabulator-calcs-holder {
    box-sizing: border-box;
    width: calc(100% + 20px);
    margin: -5px -10px 5px;
    text-align: left;
    background: #f3f3f3!important;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    overflow: hidden
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
    background: #f3f3f3!important
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
    display: none
}

.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
    margin-bottom: -5px;
    border-bottom: none
}

.tabulator .tabulator-footer .tabulator-paginator {
    color: #555;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit
}

.tabulator .tabulator-footer .tabulator-page-size {
    display: inline-block;
    margin: 0 5px;
    padding: 2px 5px;
    border: 1px solid #aaa;
    border-radius: 3px
}

.tabulator .tabulator-footer .tabulator-pages {
    margin: 0 7px
}

.tabulator .tabulator-footer .tabulator-page {
    display: inline-block;
    margin: 0 2px;
    padding: 2px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background: hsla(0, 0%, 100%, .2)
}

.tabulator .tabulator-footer .tabulator-page.active {
    color: #d00
}

.tabulator .tabulator-footer .tabulator-page:disabled {
    opacity: .5
}

.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .2);
    color: #fff
}

.tabulator .tabulator-col-resize-handle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5px
}

.tabulator .tabulator-col-resize-handle.prev {
    left: 0;
    right: auto
}

.tabulator .tabulator-col-resize-handle:hover {
    cursor: ew-resize
}

.tabulator .tabulator-loader {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    text-align: center
}

.tabulator .tabulator-loader .tabulator-loader-msg {
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    border-radius: 10px;
    background: #fff;
    font-weight: 700;
    font-size: 16px
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
    border: 4px solid #333;
    color: #000
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
    border: 4px solid #d00;
    color: #590000
}

.tabulator-row {
    position: relative;
    box-sizing: border-box;
    min-height: 22px;
    background-color: #fff
}

.tabulator-row.tabulator-row-even {
    background-color: #efefef
}

.tabulator-row.tabulator-selectable:hover {
    background-color: #bbb;
    cursor: pointer
}

.tabulator-row.tabulator-selected {
    background-color: #9abcea
}

.tabulator-row.tabulator-selected:hover {
    background-color: #769bcc;
    cursor: pointer
}

.tabulator-row.tabulator-row-moving {
    border: 1px solid #000;
    background: #fff
}

.tabulator-row.tabulator-moving {
    position: absolute;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    pointer-events: none;
    z-index: 15
}

.tabulator-row .tabulator-row-resize-handle {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px
}

.tabulator-row .tabulator-row-resize-handle.prev {
    top: 0;
    bottom: auto
}

.tabulator-row .tabulator-row-resize-handle:hover {
    cursor: ns-resize
}

.tabulator-row .tabulator-frozen {
    display: inline-block;
    position: absolute;
    background-color: inherit;
    z-index: 10
}

.tabulator-row .tabulator-frozen.tabulator-frozen-left {
    border-right: 2px solid #aaa
}

.tabulator-row .tabulator-frozen.tabulator-frozen-right {
    border-left: 2px solid #aaa
}

.tabulator-row .tabulator-responsive-collapse {
    box-sizing: border-box;
    padding: 5px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa
}

.tabulator-row .tabulator-responsive-collapse:empty {
    display: none
}

.tabulator-row .tabulator-responsive-collapse table {
    font-size: 14px
}

.tabulator-row .tabulator-responsive-collapse table tr td {
    position: relative
}

.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
    padding-right: 10px
}

.tabulator-row .tabulator-cell {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 4px;
    border-right: 1px solid #aaa;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tabulator-row .tabulator-cell.tabulator-editing {
    border: 1px solid #1d68cd;
    padding: 0
}

.tabulator-row .tabulator-cell.tabulator-editing input,
.tabulator-row .tabulator-cell.tabulator-editing select {
    border: 1px;
    background: transparent
}

.tabulator-row .tabulator-cell.tabulator-validation-fail {
    border: 1px solid #d00
}

.tabulator-row .tabulator-cell.tabulator-validation-fail input,
.tabulator-row .tabulator-cell.tabulator-validation-fail select {
    border: 1px;
    background: transparent;
    color: #d00
}

.tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
    display: none
}

.tabulator-row .tabulator-cell.tabulator-row-handle {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
    width: 80%
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
    width: 100%;
    height: 3px;
    margin-top: 2px;
    background: #666
}

.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
    display: inline-block;
    vertical-align: middle;
    height: 9px;
    width: 7px;
    margin-top: -9px;
    margin-right: 5px;
    border-bottom-left-radius: 1px;
    border-left: 2px solid #aaa;
    border-bottom: 2px solid #aaa
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    height: 11px;
    width: 11px;
    margin-right: 5px;
    border: 1px solid #333;
    border-radius: 2px;
    background: rgba(0, 0, 0, .1);
    overflow: hidden
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .2)
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
    display: inline-block;
    position: relative;
    height: 7px;
    width: 1px;
    background: transparent
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 3px;
    height: 1px;
    width: 7px;
    background: #333
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
    display: inline-block;
    position: relative;
    height: 7px;
    width: 1px;
    background: #333
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 3px;
    height: 1px;
    width: 7px;
    background: #333
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    height: 15px;
    width: 15px;
    border-radius: 20px;
    background: #666;
    color: #fff;
    font-weight: 700;
    font-size: 1.1em
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
    opacity: .7
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
    display: initial
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open,
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
    display: none
}

.tabulator-row .tabulator-cell .tabulator-traffic-light {
    display: inline-block;
    height: 14px;
    width: 14px;
    border-radius: 14px
}

.tabulator-row.tabulator-group {
    box-sizing: border-box;
    border-bottom: 1px solid #999;
    border-right: 1px solid #aaa;
    border-top: 1px solid #999;
    padding: 5px;
    padding-left: 10px;
    background: #ccc;
    font-weight: 700;
    min-width: 100%
}

.tabulator-row.tabulator-group:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .1)
}

.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
    margin-right: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    border-bottom: 0
}

.tabulator-row.tabulator-group.tabulator-group-level-1 {
    padding-left: 30px
}

.tabulator-row.tabulator-group.tabulator-group-level-2 {
    padding-left: 50px
}

.tabulator-row.tabulator-group.tabulator-group-level-3 {
    padding-left: 70px
}

.tabulator-row.tabulator-group.tabulator-group-level-4 {
    padding-left: 90px
}

.tabulator-row.tabulator-group.tabulator-group-level-5 {
    padding-left: 110px
}

.tabulator-row.tabulator-group .tabulator-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 16px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 0;
    border-left: 6px solid #666;
    vertical-align: middle
}

.tabulator-row.tabulator-group span {
    margin-left: 10px;
    color: #d00
}

.tabulator-edit-select-list {
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    max-height: 200px;
    background: #fff;
    border: 1px solid #aaa;
    font-size: 14px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000
}

.tabulator-edit-select-list .tabulator-edit-select-list-item {
    padding: 4px;
    color: #333
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
    color: #fff;
    background: #1d68cd
}

.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
    cursor: pointer;
    color: #fff;
    background: #1d68cd
}

.tabulator-edit-select-list .tabulator-edit-select-list-group {
    border-bottom: 1px solid #aaa;
    padding: 4px;
    padding-top: 6px;
    color: #333;
    font-weight: 700
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px;
}

article.sortable-grid {
    padding-left: 5px;
    padding-right: 5px;
}

.row {
    margin-left: -1px;
    margin-right: -1px;
}

#content {
    padding: 1px 1px;
}

.grid-link {
    color: #3276b1 !important;
    text-decoration: underline;
    cursor: pointer !important;
}

.cell-action {
    margin-left: 5px
}

.jarviswidget>header {
    height: 34px;
}


/*
      #slickGridContainer-gridItem .slickgrid-container .slick-header-columns .slick-header-column {
        height: 34px;
      }
      
      #slickGridContainer-gridItem .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-mygrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered {
        top: 40px;
      }
      */


/*
      .slickgrid-container .grid-canvas .slick-cell {
        padding: 2px !important; 
        font-size: 12px !important;
      }
      .slick-cell    {
        height: 20px !important;
      }
      .slick-row   {
        height: 20px !important;
      }
      .rfx-grid-class  {
        border-style: dotted dashed solid double;
        text-align: center;
      }
      */

.wd-100 {
    width: 100%;
}

.full-width {
    width: 100%;
    position: relative;
}

.btn-findby {
    width: 65px !important;
    position: absolute !important;
    left: -84px !important;
    top: -6px !important;
}

.btn-reporttype {
    width: 100px !important;
    position: absolute !important;
    left: -117px !important;
    top: -9px !important;
}

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

.search-dateicon {
    position: absolute;
    right: 0px !important;
    top: 1px;
    padding: 5px 23px 8px 9px;
    border: 0;
    z-index: 5 !important;
    height: 25px !important;
    cursor: pointer;
}

.inputdate {
    width: 100%;
    height: 27px !important;
    float: left;
    padding-top: 0 !important;
    padding-right: 0 !important;
}

.dateicon2 {
    position: absolute;
    right: 14px;
    top: 1px;
    padding: 6px 20px 4px 9px;
    border: 0;
}

.dateicon3 {
    position: absolute;
    right: 13px;
    top: 24px;
    padding: 6px 20px 4px 9px;
    border: 0;
    height: 26px;
    cursor: pointer;
}

.dateicon4 {
    right: 0;
    top: 0;
    padding: 7px 23px 13px 13px;
    border: 0;
    height: 26px;
    cursor: pointer;
    position: absolute;
}

.dateicon5 {
    position: absolute;
    right: 1026px !important;
    top: 222px;
    padding: 6px 23px 8px 9px;
    border: 0;
    z-index: 5 !important;
    height: 25px !important;
    cursor: pointer;
}

.widget-toolbar .btn-group.tool-bar-btn {
    margin: 4px 0;
}

.smart-style-rfx .btn.nopad.btn-xs.btn-primary {
    height: 23px;
    padding: 0px 5px;
}

.smart-style-rfx .btn-warning {
    width: auto;
    height: 22px;
    padding: 0 5px!important;
}

.width-15p {
    width: 15%;
}

.pad-10p {
    padding: 5px 0 5px 5px;
}

.nomrg {
    margin: 0 !important;
}

.h86 {
    height: 86px !important;
}

.rowsplit {
    padding: 0 10px;
    width: 93%;
}

.h17 {
    height: 17px !important;
}

.inline-group label {
    padding: 0;
    margin: 0;
}

.pt-5 {
    padding-top: 5px;
}

.corporate-form input {
    margin-bottom: 5px;
}

.w-20 {
    width: 20%;
}

.w-18 {
    width: 19%;
}

.w-22 {
    width: 21%;
}

.smart-form {
    margin: 5px 0 ;
}
.login-panel .smart-form{
    margin: 0px 0 ;
}
.report-tab td {
    vertical-align: middle !important;
}

.red-validate {
    font-size: 13px;
    color: #F1575A;
    text-shadow: 0 0 0px #F1575A;
    margin-left: 3px;
    line-height: 18px;
    float: right;
    padding-top: 1px;
}

.pad23 {
    padding-left: 23px;
}

.red-validate1 {
    font-size: 13px;
    color: #F1575A;
    text-shadow: 0 0 0px #F1575A;
    margin-left: 3px;
    line-height: 18px;
    padding-top: 1px;
}

.pad23 {
    padding-left: 23px;
}

.nomrg2 {
    margin: 5px 0 0 !important;
}

.padnew {
    padding: 4px 15px 3px 15px !important;
}

.accordion-form-control {
    background: transparent;
    height: 20px;
    padding: 1px;
    border: 2px solid white;
    border-radius: 4px;
    color: white;
}

 ::placeholder {
    /* Firefox, Chrome, Opera */
    color: rgb(170, 168, 168);
}

 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgb(170, 168, 168);
}

 ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgb(170, 168, 168);
}

rfx-button {
    background-color: #29bf89;
    margin-left: 13px;
    border-radius: 4px;
    width: 70px;
    padding: 0px 5px;
    color: white
}

.pad-0 .panel-body {
    padding: 0px !important;
}

.pad-0 {
    padding: 0px;
}

.topadjust {
    margin-top: -5px !important;
}

.date-ico {
    position: absolute;
    right: 15px !important;
    top: 19px;
}

.collect-input {
    position: relative;
}

.rts-table-parentChild .table-cell:first-child {
    width: 22%;
}

.rts-table-parentChild .table-cell {
    width: 13%;
    padding-left: 10px;
}

.table {
    display: table;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
}

.table-header {
    background: #f3f3f3;
    font-weight: 600 !important;
    height: 26px;
    font-size: 13px;
}

.table .table-row {
    display: table-row;
}

.table .table-cell {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    border: 1px solid #d5d6d8;
    vertical-align: middle;
}

.dis-position .table-cell {
    padding-left: 15px;
}


/*.table .table-row .table-cell:nth-child(1), .panel-body-content .table .table-row .table-cell:nth-child(3) {
        background-color: #F9F9F9;
        font-weight: 600;
        font-size: 13px;
        color: #707070;
        padding: 0 0 0 15px;
        width: 250px;
      }
      
       .table .table-row .table-cell {
        padding-left: 15px;
        color: #707070;
        height: 25px;
      } */

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

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.rts-icon {
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    cursor: pointer;
}

.rts-icon-sublevel {
    /* background-image: url(../img/subLevel.gif); */
    vertical-align: middle;
    margin: 2px 0;
}

nav ul ul b {
    color: #B3B3B3;
    float: initial;
    margin-left: 6px;
}

.w-15 {
    width: 15%;
}

.w-28 {
    width: 27%;
    position: relative;
}

.facility-wrap input {
    margin-bottom: 0 !important;
}

.h-27 {
    height: 27px !important;
}

.nopad-rt {
    padding-right: 0;
}

.w-80 {
    width: 80%;
}

.w-30 {
    width: 30%;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

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

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

.margin-top-bottom-10 {
    margin: 10px 0px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.padding-10 {
    padding: 10px;
}

.detail-label {
    background-color: #F9F9F9;
    font-weight: 600;
    font-size: 13px;
    color: #707070;
    padding: 5px;
    border: 1px solid #d5d6d8;
}

.detail-data {
    padding: 5px;
    border: 1px solid #d5d6d8;
}

.glyphicon-remove:before {
    color: red;
}

.glyphicon-ok:before {
    color: green;
}

.subheading-section {
    padding: 5px;
    background: lightgray;
    font-weight: 600;
}

.red-color {
    color: red;
}

.slick-gridmenu {
    z-index: 2000 !important;
}

.logo-img {
    max-height: 40px;
}

.logged-details {
    display: inline-block;
    position: relative;
    right: 80px;
    top: 17px;
}

.logged-details span {
    color: white;
}


.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    text-align: left !important
}

.slickgrid-container .grid-canvas {
    border-top: 1px solid #ddd !important;
}

.even:first-child {
    border-top: 0px solid #000 !important;
}

.bar2 {
    fill: #0083bb;
    overflow: hidden !important;
    z-index: 10000 !important;
}

.bar1 {
    fill: #f2f2f2;
}

text .x-label {
    font-weight: bold !important;
    font-size: 20px !important;
}

.tick line {
    opacity: 0.2;
    stroke: 5 5;
}

.hideborder .jarviswidget>div {
    border-style: 0 !important;
}

.gridLine path,
.gridLine line {
    fill: none;
    shape-rendering: crispedges;
    stroke: #e4e4e4;
}

.timepicker-position {
    margin-top: -15px;
}

.timepicker-more-info-position {
    margin-top: -20px;
}

.slick-row .dynamic-cell-detail {
    /* height: 100px !important; */
    background-color: #fff !important;
}

.custom-today-class {
    background-color: #5cb85c;
    color: #fff
}

.MessageBoxButtonSection button {
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.MessageBoxButtonSection {
    width: 200px;
    height: 30px;
    margin-left: 600px;
}

.slick-pagination {
    display: none !important;
}


/* Donut Chart for event dashboard */

#piechart {
    font-family: 'Roboto Condensed', sans-serif !important;
    width: 500px;
    height: 500px;
    position: relative;
}

#piechart svg {
    width: 100%;
    height: 100%;
}

#piechart svg g {
    width: 100%;
    height: 100%;
}

#piechart path.slice {
    stroke-width: 2px;
}

#piechart polyline {
    opacity: .3;
    stroke: black;
    stroke-width: 2px;
    fill: none;
}

#piechart path {
    stroke: #ffffff;
    stroke-width: 3px;
}

.dateicon6 {
    position: absolute;
    right: 13px;
    top: 21px;
    padding: 6px 20px 4px 9px;
    border: 0;
    height: 28px;
    cursor: pointer;
}

.toggle {
    height: 16px;
    width: 16px;
    display: inline-block;
}

.toggle.expand {
    background: url(http://mleibman.github.io/SlickGrid/images/expand.gif) no-repeat center center;
}

.toggle.collapse {
    background: url(http://mleibman.github.io/SlickGrid/images/collapse.gif) no-repeat center center;
}

#donutChart {
    font-family: 'Roboto Condensed', sans-serif !important;
    width: 900px;
    height: 500px;
    position: relative;
}

.btnspcradius {
    margin-right: 0px;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 15px;
}

.togglednav .header-dropdown-list>li>.dropdown-toggle {
    margin-top: 0 !important;
}


/* Absolute Center Spinner */

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


/* Transparent Overlay */

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}


/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.rule-loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


/* Transparent Overlay */

.rule-loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000007d;
}


/* :not(:required) hides these rules from IE9 and below */

.rule-loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.rule-loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* #smallbox1 {
          background-color: #29bf89 !important;
      } */

.SmallBox {
    background-color: #29bf89 !important;
}

.bigBox {
    background-color: #29bf89 !important;
}

/* #smallbox2 {
    background-color: #f48342 !important;
} */

/* #bigBox1 {
          background-color: #29bf89 !important;
      } */

#miniIcon1 {
    background-color: #29bf89 !important;
}

#bot1-Msg1:focus {
    background-color: #A57225 !important;
    color: #fff !important;
    border: 1px solid #A57225 !important;
}

#bot2-Msg1:focus {
    background-color: #A57225 !important;
    color: #fff !important;
    border: 1px solid #A57225 !important;
}


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.slickgrid-container .slick-row .slick-cell.active {
    border: 1px solid #aaaaaa;
    padding-top: 2px !important;
    padding-left: 2px !important;
}

.grid-link-action {
    border-top: 1px solid #dddddd !important;
    border-bottom: 0 none !important;
    border-left: 0 none !important;
    border-right: 1px solid #dddddd !important;
}

.select2-container-multi .select2-choices,
.select2-selection--multiple {
    border-color: #ccc;
}

.pageallign {
    margin-left: -30px !important;
}

.snap-edit-cell-icon {
    padding-top: 5px;
    font-size: smaller;
}

.smart-style-rfx .icon-others {
    width: 1.75714em;
    text-align: center;
    line-height: 2.75em;
    vertical-align: -15%;
    font-size: inherit;
    margin-right: 2px;
    margin-left: 5px;
    filter: invert(14%) sepia(13%) saturate(7329%) hue-rotate(178deg) brightness(90%) contrast(102%);
}

.smart-style-temp .icon-others {
    width: 1.75714em;
    text-align: center;
    line-height: 2.75em;
    vertical-align: -15%;
    font-size: inherit;
    margin-right: 2px;
    margin-left: 5px;
}

.smart-style-1 .icon-others {
    width: 1.75714em;
    text-align: center;
    line-height: 2.75em;
    vertical-align: -15%;
    font-size: inherit;
    margin-right: 2px;
    margin-left: 5px;
    filter: invert(65%) sepia(15%) saturate(274%) hue-rotate(185deg) brightness(86%) contrast(93%);
}

.smart-style-2 .icon-others {
    width: 1.75714em;
    text-align: center;
    line-height: 2.75em;
    vertical-align: -15%;
    font-size: inherit;
    margin-right: 2px;
    margin-left: 5px;
    filter: invert(45%) sepia(16%) saturate(243%) hue-rotate(162deg) brightness(94%) contrast(91%);
}

.smart-style-4 .icon-others {
    width: 1.75714em;
    text-align: center;
    line-height: 2.75em;
    vertical-align: -15%;
    font-size: inherit;
    margin-right: 2px;
    margin-left: 5px;
    filter: invert(83%) sepia(12%) saturate(238%) hue-rotate(187deg) brightness(91%) contrast(90%);
}


/* 
      .slick-viewport {
          overflow-x: hidden !important;
        } */

.select2-container-multi .select2-choices,
.select2-container--disabled .select2-selection--multiple {
    background-color: #eee !important;
    cursor: not-allowed;
}

#productNamelist {
    height: 150px !important;
}

.successEvent {
    color: green;
    font-size: 13px;
}

.failureEvent {
    color: red;
    font-size: 13px;
}

.voidedEvent {
    color: gray;
    font-size: 13px;
}

/* body.smart-style-rfx {
    overflow-y: auto!important;
} */

.smart-style-rfx.menu-on-top aside#left-panel {
    border-bottom: none;
}

.bg-slgrid {
    background-color: #dae8f1 !important;
}


/* #extr-page {
          
          background-image: url('/assets/img/wallpaper2.jpg');
          background-size: cover;
      }
      
      #extr-page #main {
          background: none;
      } */

.search-section .jarviswidget-loader {
    display: none!important;
}

.search-section.ui-sortable-handle .dropdown-menu > li > a {
    padding-right: 40px;
}

.requied-field {
    font-size: 13px;
    color: #F1575A;
    text-shadow: 0 0 0px #F1575A;
    margin-left: 3px;
    line-height: 18px;
    padding-top: 1px;
}

.requied-field:after {
    content: '*';
}

.width56 {
    float: left;
    width: 56% !important;
    height: 27px;
    margin-left: 9px;
}

.snap-feature .slick-group-toggle.expanded,
.snap-feature .slick-group-toggle .expanded {
    display: none!important;
}

.group-level {
    position: relative;
    top: -2px;
    margin-right: 10px;
}

rfx-event .showescode rfx-adv-srch-form .input-group-btn,
rfx-item .showescode rfx-adv-srch-form .input-group-btn,
rfx-notification-list .showescode rfx-adv-srch-form .input-group-btn {
   display: none;
}

.ngx-cool-dialog__text {
    white-space: pre-line;
}

#brazil-item-tabulator .tabulator-col-content {
    background-color: #0083bb !important;
    color: #fff !important;
    font-weight: normal;
}

#brazil-item-tabulator .tabulator-tableHolder {
    background-color: #fff !important;
}

.uomInput {
    display: inline-block;
    width: 80%;
}

.normalInput {
    width: 100%;
}

.menu-on-top .minifyme, .menu-on-top #hide-menu, .menu-on-top #logout{
    display:block !important
}
.menu-on-top .minifyme, .menu-on-top #hide-menu, .menu-on-top #mobile-profile-img{
    display:none !important
}
.menu-on-top .demo{
    right: -40px !important;
 
}

input[type=checkbox], input[type=radio] label{
    position:relative;
    top:1px;
}
input[type=checkbox], input[type=radio]{
margin: -3px 4px 0px 0px;
}

#tp-list input[type=checkbox], input[type=radio] label{
    position:relative;
    top:8px !important;
}
.alert-danger {
    border-color: #953b39;
    color: #ffffff;
    background-color: #c26565;
    text-shadow: none;
    font-size: 15px !important;
}
.ngx-pagination a, .ngx-pagination button {
    background: #eee !important;
}

rfx-item-output-sumarry .ui-state-default.slick-header-column,sa-item-summary .ui-state-default.slick-header-column{
    height: 20px !important;
}
.addButton{
    float:right;font-weight:bold;font-size:14px;color: #3276b1;cursor: pointer;
}
.daily-report .margin5{
  position: absolute;
  top: 19px;
}
.jarviswidget > header h2{
    /* height: 100%;
    width: auto;
    display: inline-block;    
    position: relative;
    margin: 0; */
    font-weight: normal;
    line-height: 31px !important;    
    letter-spacing: 0px;
    font-size: 14px;
    padding-left: 10px !important;
}
.padding0{
    padding-top:0px !important; 
    text-align: left !important;
    width: 25% !important;
}
#vendor input[type=checkbox], input[type=radio],#customer input[type=checkbox], input[type=radio],#logistics input[type=checkbox], input[type=radio] {
    margin: 7px 4px 0px 0px;
}

#snap-receive input[type=checkbox], input[type=radio],#customer input[type=checkbox], input[type=radio],#logistics input[type=checkbox], input[type=radio] {
    margin: 7px 4px 0px 0px;
}


  /* logo first */
  .logo_first{
    background-image: url(../img/rfXcel-logo.png);
    width: 77px;
    display: none !important;
  }
  
  /* logo second */
  .logo_second{
    background-image: url(../img/RFXCEL_logo.png);
    width: 133px;
    height: 47px;
    background-size: 100%;
    /* z-index: 999; */
    position: relative;
    left: 10px;
    background-repeat: no-repeat;
    display: block;
    top: 2px;
  }

  .page-footer{
    height: 34px !important;
    padding-top: 9px;
  }
  
  .smart-style-rfx #left-panel{
    padding-left: 10px !important;
    padding-top: 60px !important;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .minified  #left-panel{
    overflow-y: inherit;
    overflow-x: inherit;
  }

  .minified nav>ul>li>ul{
      max-height: 500px;
      overflow: auto !important;
  }
  
#main{padding-bottom: 0px  !important;overflow-y: auto !important;}
.ng-trigger-routerTransition {overflow: hidden !important;}
.smart-style-rfx #left-panel {padding-bottom: 60px !important;}
.page-footer{position:fixed;bottom:0;}
button#CORP_BT_actionRole{margin-top:-10px;}
button#CORP_BT_actionFacility { margin-top: -5px; }
button#FTY_BT_DropdownToggle { margin-top: -5px; }

/* body,html{overflow-x: hidden !important;overflow-y: auto !important;} */
.gridPane {
    width: auto !important;
    display: flex !important;
}
  button.fa{
    font-family:FontAwesome !important;
  }

  #left-panel::-webkit-scrollbar {
    width: 1px;
	background-color: #F5F5F5;
  }
  .minified .minifyme{
    bottom: 100px;
    position: absolute;
  }
  .minifyme{
    bottom: 100px;
    position: absolute;
  }
  
 .login-panel .logo_second{
    left: -16px;
  }

  .menu-on-top sa-navigation{
      display: inline-block;
  }
 .menu-on-top #left-panel {
    position: relative;
    padding-top: 0px;
    height: auto !important;
  }
  
#rptlabel .col-sm-2{
    text-align: right;
    padding-left: 0px;
    width: 13%;
}
 
#rptlabel .col-sm-4{
    padding-left: 5px;
}

.smart-style-rfx.minified .demo>span{ right: 24% !important;}
.smart-style-rfx .demo>span {right: 45% !important;}

.hr-class{
    margin-top:5x !important;
    margin-bottom:5px !important;
    border: 0 !important;
    border-top:1px solid #ccc !important;
}
.modal-fixed {
    height: 380px;
    overflow-y: auto;
}
sa-event-view-item-details .tabulator{
    height: auto;
}
sa-event-view-item-details .dataTables_wrapper{
    height: auto;
    width: auto;
}
sa-event-view-item-details .tabulator .tabulator-tableHolder{
    height: 100% !important;
}
.sitedropdown {
    height:9rem !important;
    overflow-y: scroll !important;
  }
  .sidenav-themed a svg{
    width: 18px;
    fill: #575757;
    vertical-align: middle;
  }
  .sidenav-themed li.open a svg:hover{
    filter: invert(100%) sepia(100%) saturate(15%) hue-rotate(21deg) brightness(118%) contrast(100%);
  }
  
  .sidenav-themed li.open a svg{
    fill: #025B9F;
  }
  .sidenav-themed ul li a:hover{
    background-color: #F2F2F2 !important;
    color: #025B9F !important;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .sidenav-themed a:hover svg{
    /* fill: #ffffff !important; */
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(176%) contrast(142%)
    /* fill: #025B9F; */
  }
  .sidenav-themed a .menu-item-parent {
    font-size: 15px;
    margin-left: 10px;
    vertical-align: middle;
}
nav ul span.menu-item-parent {
    display: inline-block;
    margin: 0;
    padding: 0;
}
body.menu-on-top ul.sidenav-themed > li > ul > li > a .collapse-sign{
    display: none;
  }
.pagination>li>a, .pagination>li>span {
    border: 0 !important;
}

.panel-title-dashboard{
    padding: 0px 10px 10px 10px;
    font-size: 20px;
    font-weight: 800;
    color: #575656;
}
.title-dashboard{
    padding: 20px 10px 10px 10px;
    font-size: 20px;
    font-weight: 800;
    color: #575656;
}

/* rfx-notification-list ul.nav.tabs-pull-left.nav-tabs.bordered{background:#dbdee3 !important;} */
rfx-notification-list .nav-tabs>li{margin-right:8px;font-size: 14px;font-weight: 500;font-family: 'Roboto', sans-serif;margin-bottom:0px;}
rfx-notification-list .nav-tabs>li a:hover{border-top-left-radius:10px !important;border-top-right-radius:10px !important;}
rfx-notification-list .nav-tabs>li a{background:#eff0f4 !important;border-top-left-radius:10px;border-top-right-radius:10px;color:#6E6E6F !important;border:0;
font-family: 'Roboto', sans-serif; font-weight: 600; display: inline-flex; align-items: center;padding:13px 20px 10px 20px;}
rfx-notification-list .nav-tabs>li.active>a{box-shadow:none !important;border-top-width:0px !important;border-right: 0;margin-top:0px !important;font-weight:bold;}
rfx-notification-list .nav-tabs.bordered{padding-top:5px;padding-left:15px;border: 0px solid #dddddd;border-bottom: 1px solid #dddddd !important;}
/* rfx-notification-list .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color:#fce0e4 !important;} */
rfx-notification-list .nav-tabs>li.active>a, rfx-notification-list .nav-tabs>li.active>a:focus, rfx-notification-list .nav-tabs>li.active>a:hover{background-color:#fce0e4 !important;} 

.otherswrap .pagination>li>a, .pagination>li>span {background: rgb(255 255 255) !important;color:#333 !important;}
.otherswrap ul.pagination{border:1px solid #b9c1ce;border-radius:5px !important;border-left:0;font-weight:500;text-transform:uppercase;border-right:0;}
.otherswrap ul.pagination li.disabled> a{color:#1d1d1d !important; border-right:1px solid #c7cdd7 !important;}
.otherswrap ul.pagination li.disabled> a:hover{border-right:1px solid #c7cdd7 !important;}
.otherswrap .pagination>li.disabled a:first-child{border-left: 1px solid #ccc !important;}
.otherswrap ul.pagination li:first-child a{background:#dbdee3 !important;box-shadow: none !important; height:26px;padding-top: 4px;
font-family: 'Roboto', sans-serif !important;font-size: 13px;font-weight:500;}
.otherswrap ul.pagination li.active a{border: 1px solid #b9c1ce !important;float:left !important;border-top:0 !important;border-bottom:0 !important;}
.otherswrap .pagination>li>a, .pagination>li>span{background:#fff!important;color:#333 !important;box-shadow:none !important; border:1px solid #b9c1ce !important;border-top: 0 !important;border-bottom: 0 !important; font-weight:700;
padding-top:6px; padding-bottom:3px;}
.otherswrap ul.pagination li.btn.disabled a{font-family: 'Roboto', sans-serif;background:#dbdee3 !important;color:#333 !important;font-size:13px;text-transform:uppercase;padding-top:5px;}
.otherswrap ul.pagination li:last-child {border: 0 !important; text-transform:uppercase;}
/* .btn-group.tool-bar-btn .btn{border:1px solid #b9c1ce !important;} */
.sourcefiles header{background:#eff0f4 !important;color:#1e293b !important;font-family: 'Roboto', sans-serif;box-shadow:none;border:0;margin-top:7px;}
.sourcefiles .modal-header{display:none;}
.sourcefiles rfx-notification-tree-view div#content .modal-content .modal-body header{border:0 !important;margin-bottom:20px;padding-top:2px;}
.sourcefiles .pagination>li>a, .pagination>li>span {background: rgb(255 255 255) !important;color:#333 !important;}
.sourcefiles ul.pagination{border:1px solid #b9c1ce;border-radius:5px !important;border-left:0;font-weight:500;text-transform:uppercase;border-right:0;}
.sourcefiles ul.pagination li.disabled> a{color:#1d1d1d !important; border-right:1px solid #c7cdd7 !important;}
.sourcefiles ul.pagination li.disabled> a:hover{border-right:1px solid #c7cdd7 !important;}
.sourcefiles .pagination>li.disabled a:first-child{border-left: 1px solid #ccc !important;}
.sourcefiles ul.pagination li:first-child a{/*background:#dbdee3 !important;*/box-shadow: none !important; height:26px;padding-top: 4px;
font-family: 'Roboto', sans-serif !important;font-size: 13px;font-weight:500;}
.sourcefiles ul.pagination li.active a{border: 1px solid #b9c1ce !important;float:left !important;border-top:0 !important;border-bottom:0 !important;}
.sourcefiles .pagination>li>a, .pagination>li>span{background: #fff!important;color: #333 !important;box-shadow: none !important;
border: 1px solid #b9c1ce !important;border-top: 0 !important;border-bottom: 0 !important;font-weight: 700;padding-top: 6px;padding-bottom: 3px;}
.sourcefiles ul.pagination li.btn.disabled a{font-family: 'Roboto', sans-serif;background:#dbdee3 !important;color:#333 !important;font-size:13px;text-transform:uppercase;padding-top:5px;}
.sourcefiles ul.pagination li:last-child {border: 0 !important; text-transform:uppercase;}
.sourcefiles .btn.disabled, .btn[disabled], fieldset[disabled] .btn{opacity:1 !important;}
body .sourcefiles .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default{font-family: 'Roboto', sans-serif !important;font-weight:900;padding-top:14px !important;background: #ededed !important;font-size:14px;}
.sourcefiles .slickgrid-container .slick-header-columns .slick-header-column{border-right:0 !important;height:24px;}
body .sourcefiles .slickgrid-container .grid-canvas .slick-cell{font-family: 'Roboto', sans-serif !important;}
body .sourcefiles .slickgrid-container .grid-canvas .slick-cell, .slickgrid-container .grid-canvas .slick-headerrow-column{border-right:0 !important;padding:13px 0px;}
body .sourcefiles .slick-row .detail-view-toggle.collapse{color:#64748b !important;}
body .sourcefiles .slick-row .detail-view-toggle.collapse:before{color:#64748b !important;}
body .sourcefiles .slick-row .dynamic-cell-detail{border:0 !important;padding:15px 35px;}
body .sourcefiles .slick-row .detail-view-toggle.expand{color:#64748b !important;}
body .sourcefiles .jarviswidget > div{padding:0 !important;border:0 !important;border-top-right-radius: 0px !important;
border-top-left-radius:0px !important; border-radius:15px;}
body .sourcefiles .dataTables_wrapper{ padding: 0 !important;}
body .sourcefiles .dataTables_wrapper, body .sourcefiles .table-bordered, .table-bordered>tbody>tr>td{border:0 !important;padding:10px 0px 10px 15px; border-bottom:1px solid #e1e3e7 !important;}
body .sourcefiles table.table.table-bordered.table-accord th{background-color:#f4f5f7 !important;padding:13px 15px 10px;font-family: 'Roboto', sans-serif !important;font-size:14px;color:#000 !important;border-right:1px solid #f4f5f7 !important;}
body .sourcefiles table.table.table-bordered.table-accord{font-family: 'Roboto', sans-serif !important;color:#000;}
body .sourcefiles .modal-content{box-shadow:none !important; border:0 !important;}
body .sourcefiles div#dt_basic_wrapper{border:1px solid #e1e3e7 !important;border-top-right-radius:0px !important;
border-top-left-radius:0px !important; border-radius:15px;}
body .sourcefiles .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default{color:#000 !important}
.sourcefiles .btn-group.tool-bar-btn .btn, .otherswrap .btn-group.tool-bar-btn .btn{opacity:1;font-family: 'Roboto', sans-serif !important; font-weight:bold;border:1px solid #B9C1CE !important;text-transform:uppercase;
border-radius:5px !important;color:#333 !important;background:#fff !important; height:28px !important;padding:7px 10px!important;}
.sourcefiles rfx-notification-tree-view #content article.sortable-grid.ui-sortable header{border:0 !important; margin-bottom:0px; margin-top:10px !important; padding:3px 0px 35px !important;}
.sourcefiles rfx-notification-tree-view #content article.sortable-grid.ui-sortable header h2{font-size:15px;padding-top:3px;}
.otherswrap rfx-notification-tree-view #content article.sortable-grid.ui-sortable header{border:0 !important; margin-bottom:0px; margin-top:10px !important; padding:11px 18px 10px !important;height:55px;}
.otherswrap rfx-notification-tree-view #content article.sortable-grid.ui-sortable header h2{font-size:15px;padding-top:3px;}
#header{margin-bottom:0 !important;}
div#slickGridContainer-infoGrid, div#slickGridContainer-scanInfoGrid{padding:16px 16px;}
.sourcefiles article.sortable-grid{padding-left:11px;padding-right:13px;}
.sourcefiles .slickgrid-container{border:1px solid #dbdee3;}
.sourcefiles .slick-cell.l0.r0.detail-view-toggle.true{text-align:center;padding-bottom:50px;}
.sourcefiles .red-validate1{font-size:14px;}
.sourcefiles slickgrid-container .grid-canvas .slick-cell, .slickgrid-container .grid-canvas .slick-headerrow-column{border-bottom:1px solid #e1e3e7 !important;}
.sourcefiles .slickgrid-container .dynamic-cell-detail{padding-top: 20px !important;}
rfx-notification-list .tab-content{padding:10px 0 45px;}
.otherswrap header.ui-sortable-handle{background:#eff0f4 !important;color:#1e293b;font-family: 'Roboto', sans-serif;box-shadow:none;border: 0 !important; padding-right:16px;
margin-bottom:0px;margin-top:10px !important;}
rfx-notification-list .jarviswidget > header h2{font-family: 'Roboto', sans-serif !important; font-size:15px; font-weight:500;}
.otherswrap header.ui-sortable-handle .jarviswidget-ctrls a i{color:#575757 !important;}
rfx-notification-list .slickgrid-container .grid-canvas{border-top:0 !important;}
.otherswrap .jarviswidget-ctrls .button-icon{border-left:0;}
rfx-notification-list .otherswrap .jarviswidget > header h2 i{font-weight:400;font-style:normal;color:#180000 !important;}
.otherswrap span.slick-column-name {color:#000;font-family: 'Roboto', sans-serif;font-size: 13px;font-weight: bold;}
.otherswrap .slickgrid-container .slick-header-columns .slick-header-column{height:24px;}
.otherswrap header .widget-toolbar .btn.bg-color-white{opacity: 1; font-family: 'Roboto', sans-serif !important; font-weight: bold;
border: 1px solid #B9C1CE !important; text-transform: uppercase; border-radius: 5px !important;color: #333 !important;
background:#fff !important; height:28px !important; padding:7px 10px!important;}
#h2 article, #h3 .jarviswidget{padding:0 15px;}
.jarviswidget > div{border:1px solid #bfc0c3 !important;}
body .otherswrap .slickgrid-container .grid-canvas .slick-cell{font-family: 'Roboto', sans-serif !important;}
body .otherswrap .slickgrid-container .grid-canvas .slick-cell, .slickgrid-container .grid-canvas .slick-headerrow-column{border-right:0 !important;padding:8px 0px;}
/* body .otherswrap .slickgrid-container .slick-header-columns .slick-header-column{border-right:0 !important;} */
.slick-pane.slick-pane-header.slick-pane-left{background:#ededed !important;}
.sourcefiles button.slick-gridmenu-button.fa.fa-bars{display:none;}
.otherswrap .jarviswidget > div{padding:30px;}
.sourcefiles .slickgrid-container .slick-viewport ::-webkit-scrollbar-thumb{background-color:rgb(234 234 234) !important;}
.sourcefiles .detail-container{border:1px solid #e2e3e8;}
.sourcefiles .detail-container tr td{background:#fbfbfb;}
.otherswrap{padding:0 !important;}
rfx-notification-list .nav-tabs>li.active a{color:#1E293B !important;border:0px !important;}
.otherswrap button.slick-gridmenu-button.fa.fa-bars{display:none;}
.delete_ico{background: url(./../../assets/img/del_ico.png) no-repeat left top; margin-right:10px; width:18px;float:left;height:20px;z-index: 1 !important;display: table;}
.download_ico{background: url(./../../assets/img/download.svg) no-repeat left top;margin:0px 0px 0 4px;width:16px;height:16px;z-index:1 !important;
display:inline-block;background-size:cover;position:relative;top:3px;}
rfx-notification-list .slickgrid-container .slick-row .slick-cell.active {
padding:7px 0px !important;border:0px solid #e2e8f0;border-top:1px solid #e2e8f0;}
rfx-notification-list .slickgrid-container .grid-canvas .slick-cell, .slickgrid-container .grid-canvas .slick-headerrow-column {border-top: 1px solid #e2e8f0; padding-top: 7px !important;}
rfx-notification-list .jarviswidget > div{border:1px solid #e0e3e8 !important;}
.otherswrap .slick-top-panel-scroller.ui-state-default {display: block !important;}
.parent-close{background: url(./../../assets/img/close.svg) no-repeat left top;margin-right: 3px;width:20px;float: left; 
height: 20px;z-index: 1 !important;display: table;cursor:pointer;}
.parent-download{background: url(./../../assets/img/download.svg) no-repeat left top;margin-right: 3px;width:20px;float: left; 
height: 20px;z-index: 1 !important;display: table;cursor:pointer;}
.parent-upload{background: url(./../../assets/img/upload.svg) no-repeat left top;margin-right: 3px;width:20px;float: left; 
height: 20px;z-index: 1 !important;display: table;cursor:pointer;}
.parent-reprocess{background: url(./../../assets/img/reprocess.svg) no-repeat left top;margin-right: 3px;width:20px;float: left; 
height: 20px;z-index: 1 !important;display: table;cursor:pointer;}
.history-ico{background: url(./../../assets/img/timer.svg) no-repeat left top;margin-right: 3px;width:20px;float: left; 
    height: 20px;z-index: 1 !important;display: table;cursor:pointer; background-size:cover;}

/* .delete-sub{background: url(./../../assets/img/delete.svg) no-repeat left top;margin-right: 10px;width:20px;float: left;
height: 20px;z-index: 1 !important;display: table;cursor:pointer; margin-right:10px;}
.download-sub{background: url(./../../assets/img/download.svg) no-repeat left top;margin-right: 10px;width:20px;float: left;
height: 20px;z-index: 1 !important;display: table;cursor:pointer; margin-right:10px;} */
rfx-notification-list .nav-tabs>li.active a svg path{fill: #EC3140 !important;}
rfx-notification-list .nav-tabs>li a svg path {fill: #b9c1ce;}
.sourcefiles rfx-notification-tree-view #content article.sortable-grid.ui-sortable header .widget-toolbar{border:0;top:-1px;}
.otherswrap ul.pagination .btn.disabled, .btn[disabled], fieldset[disabled] .btn{opacity:1;}
.otherswrap header.ui-sortable-handle .widget-toolbar{border:0;top:-1px;}
.otherswrap header.ui-sortable-handle h2{padding-top:3px;}
div#content .otherswrap{padding:1px 4px 1px 15px !important;}

.vertical-align{height:100vh !important;display:flex; align-items:center;justify-content:center;flex-direction:row;font-family: 'Roboto', sans-serif;}

span.viewall{background:#37CDE6;color:#fff;font-weight:500;border-radius:3px; padding:3px 5px 2px;margin-left:5px; cursor: pointer; font-size:10px;font-family: 'Roboto', sans-serif; }
span.viewall:hover{background:#2b9db1;}

.right-arrow{background: url(./../../assets/img/right-arrow.svg) no-repeat left top;margin-right: 10px;width:20px;float: left;
height: 20px;z-index: 1 !important;display: table;cursor:pointer;}

.viewall .modal-content{background:transparent;box-shadow:none;}
.viewall .modal-footer, .viewall .modal-header{border:0;}
.popclose{background:url(./../../assets/img/cancel.svg) no-repeat left top;margin-right:7px;width:35px;float:left;
height:34px;z-index:1 !important;display: table;cursor:pointer;}
.viewall .smart-accordion-default .panel-default{padding:18px;border:0;}
.viewall .accordion-toggle h4 a{background:#b9c1ce !important; color:#000 !important;padding-top:10px !important;
padding-bottom:12px !important; font-size:16px; font-weight:500;font-family: 'Roboto', sans-serif;}
.viewall .panel-default>.panel-heading+.panel-collapse>.panel-body{border: 1px solid #eceef0;padding-bottom: 0;}

.viewall table.table.table-bordered.table-accord th{font-size:14px;font-family: 'Roboto', sans-serif;font-weight:500;padding:10px 15px;}
.viewall table.table.table-bordered.table-accord td{font-size:14px;font-family: 'Roboto', sans-serif; font-weight:400;}
.viewall .table-bordered>thead>tr>th{border:0 !important;}
.viewall .table-bordered thead th{border:0 !important;}

.viewall .table-bordered>tbody>tr:nth-child(even)>td, 
.table-bordered>tbody>tr:nth-child(even)>th {background-color:#fbfbfb; }
.viewall .table-bordered, .table-bordered>tbody>tr>td{border-bottom:1px solid #e9eaed !important;}
.viewall .jarviswidget > div{border-radius:10px;border-top-right-radius:0;}
.viewall .panel{background:transparent;}
.csv{background:url(./../../assets/img/csv.svg) no-repeat center center;margin-right: 10px;width: 35px;float: left; height: 34px;z-index: 1 !important;display: table;
cursor: pointer;position: absolute; right: 0; top: 8px; background-color: #fff;border-radius: 5px;}
.hide{display:none;}
.info {background:url(../../../assets/img/info.svg) no-repeat left top; background-size:cover;width:23px;height: 23px; float: left; margin-top: 1px !important; z-index: 1 !important;display: table;cursor:pointer;}
.otherswrap.ims .slick-top-panel-scroller.ui-state-default{display: none !important;}
.editicon{background:url(./../../assets/img/edit.svg) no-repeat center center;width:21px;float: left;height: 22px;z-index: 1 !important;cursor: pointer;border-radius: 5px;margin:-5px 0 0;}
.trashicon{background:url(./../../assets/img/recycle-bin.svg) no-repeat center center;width: 20px;float: left;height:21px;z-index: 1 !important;cursor: pointer;
border-radius: 5px;margin:-5px 0 0 10px;background-size: cover;}
.otherswrap div#content .slickgrid-container .slick-header-columns .slick-header-column{border-right:0;}
/* .slickgrid-container .slick-viewport{height:auto !important;} */
.insgrid .slickgrid-container .grid-canvas .slick-cell {padding:10px 2px !important;}
.btn-reporttype{width: auto !important; left: -164px !important;top:-3px !important;}
.docColmn{
    margin-left: 10px !important;
    padding: 0px !important;
}
.docColmn-others{
    padding: 1px 6px 0px !important;
}
.docColmnName{
    padding: 6px 0px !important;
}
.sourcefiles .slickgrid-container .slick-header-columns .slick-header-column .slick-column-name{
    margin-left: 10px !important;
}
.sourcefiles:not(.scanfailure) .slickgrid-container .slick-header.ui-state-default{
    width: 100% !important; 
}
.grid-link-custom {
    /* color: #3276b1 !important; */
    text-decoration: underline;
    cursor: pointer !important;
}

.summary-Total-99, .summary-Total-999, .summary-Total-9999 {min-width: 45px !important; text-align: center !important; display: inline-block !important; margin: -1px 2px 0px 2px !important; color: #909091 !important; background-color: #ffffff !important; font-weight: 500 !important; font-size: 14px !important; border-radius: 3px; padding: 2px 6px 0px !important; border: 1px solid #ccc !important; }
.summary-Success-99, .summary-Success-999, .summary-Success-9999 {cursor: pointer; min-width: 45px !important; text-align: center !important; display: inline-block !important; margin: -1px 2px 0px 2px !important; color: #ffffff !important; background-color: #30ca41 !important; font-weight: 500 !important; font-size: 14px !important; border-radius: 3px; padding: 2px 6px 0px !important; }
.summary-Failed-99, .summary-Failed-999, .summary-Failed-9999 {cursor: pointer; min-width: 45px !important; text-align: center !important; display: inline-block !important; margin: -1px 2px 0px 2px !important; color: #ffffff !important; background-color: red !important; font-weight: 500 !important; font-size: 14px !important; border-radius: 3px; padding: 2px 6px 0px !important; }

/* Status style */
.status-success, .status-incomplete, .status-inprogress, .status-failure, .status-critical, .status-supercritical, .status-closed, .status-reprocessed{ text-align: center !important; min-width: 82px !important; display: inline-block !important; color: #ffffff !important; font-weight: 500 !important; font-size: 14px !important; border-radius: 3px; padding: 2px 6px !important; }
.status-incomplete{ background-color: #ff7100!important; }
.status-inprogress{ background-color: #ffab00 !important; }
.status-failure{ background-color: red !important; }
.status-critical{ background-color: #ff1010 !important; }
.status-supercritical{ background-color: #ff0000 !important; }
.status-closed{ background-color: #739e73 !important; }
.status-success{ background-color: #00875a !important;}
.status-reprocessed{ background-color: #4a90e2 !important; cursor: pointer;}

.copy-icon{
    align-items: baseline;
    font-size: inherit;
    font-style: normal;
    font-weight: 500;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    cursor: default;
    padding: 0px 8px;
    transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
    vertical-align: middle;
    width: auto;
    outline: none !important;
    color: rgb(66, 82, 110) !important;
  }
  .copyText{
    height: inherit !important;
  }
  .basic-tooltip {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    position: absolute;

    z-index: 10;
    border-radius: 0.25rem;
  }
  .popcloseSystem{
    background: url(./../../assets/img/cancel.svg) no-repeat left top;
    margin-right: -10px;
    width: 35px;
    float: left;
    height: 34px;
    z-index: 1 !important;
    display: table;
    cursor: pointer;
}
.grid-canvas > .slick-empty-data-warning{
    display: none !important;
}
.logo_detail{display:none;}
  #legend{overflow:auto;height:530px;}

.smart-form.formtogg .toggle input:checked+i {
    right: 60px !important; min-width: 70px !important; border-color: #67ab49 !important;  padding: 5px 10px !important;  top: 9px !important;  border-radius: 30px !important;  background: #67ab49 !important; 
  }
  .smart-form.formtogg .toggle input[type="checkbox"]:not(:checked)+i {
    right: 60px !important; min-width: 70px !important; border-color: #f05c75 !important;  padding: 5px 10px !important;  top: 9px !important;  border-radius: 30px !important;  background: #f05c75 !important; 
  }
  
  .smart-form.formtogg .toggle input:checked+i:before {
    background-color: #fff;
    width: 15px !important;
    height: 14px !important;
    top: 6px !important;
    right: 10px !important;
  }
  
  .smart-form.formtogg .toggle i:before {
      top: 6px !important;
      right: 65px !important;
      width: 15px !important;
      height: 15px !important;
      background-color: #fff !important;
  }
  
  .smart-form.formtogg .toggle input:checked+i:after {
    content: attr(data-swchon-text);
    text-align: right;
    font-size: 14px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    top: 7px !important;
    right: 45px !important;
    left: 10px !important;
  }
  
  .smart-form.formtogg .toggle i:after {
    top: 7px !important;
    right: 8px !important;
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 500 !important;
    left: 33px !important; 
  }
a#PRDS_BT_Edit {top: -12px !important;}
button#PRDS_BT_submit {top: -12px !important;}
.btn-group.ng-star-inserted button#PRDS_BT_submit { top: 0px !important; }
.smart-formtogg { top: -12px !important;}
.reports-box.fullview {padding: 20px !important;}
button#NTFS_BT_Action {background: #5b5fc7 !important; color: #ffffff !important; }
span.slick-group-title { color: #7719aa !important; }

rfx-notification-list .nav-tabs>li a {padding: 7px 15px 6px 15px !important;}
rfx-notification-list .nav-tabs>li.active a svg path { fill: #2d69a7 !important;}
rfx-notification-list .nav-tabs>li.active>a, rfx-notification-list .nav-tabs>li.active>a:focus, rfx-notification-list .nav-tabs>li.active>a:hover{background-color:#cce2f3 !important;} 
.tab-content.padding-10 { background: #FBFBFB !important;}
.sourcefiles rfx-notification-tree-view #content article.sortable-grid.ui-sortable header h2 {padding-top: 0px !important;}
.slickgrid-container .slick-group {border-bottom: 2px solid #e2e8f0 !important;}
a#LB_LK_userguide span.menu-item-parent{position:relative;}
a#LB_LK_userguide span.onlineicon{position:absolute; top:2px}
.xls {background:url(./../../assets/img/xls_2.svg) no-repeat center center; margin-right: 30px;width: 35px;float: left;height: 34px;z-index: 1 !important;display: table;cursor: pointer;position: absolute; right: 0;top: 27px;background-color: #fff;border-radius: 5px;}
.xls1 {background:url(./../../assets/img/xls.svg) no-repeat left top;background-size:cover;margin-left: 10px;width:24px;float: left; height: 25px;z-index: 1 !important;display: table;cursor:pointer;}
.smart-style-rfx nav ul .active > a:hover i{color:#fff;}
.smart-style-rfx nav ul ul li > a:hover i{color:#fff;}
.slickgrid-container .slick-row .slick-cell.active{border:0;}
.messageSpan{
    width: 50% !important;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-left: 25%;
  }
.tab-content.verify-inputs span.help-block{margin:0;position:relative;top:10px;left:10px;}
.pl5{padding-left:5px;font-size: 17px;}
.cell-menu-dropdown {margin-left: -25px;
    border: 0px solid #a3a3a3;
    border-radius: 3px;
    display: flex;
    align-items: center;
    height: 100%;
    width: max-content;
    padding:12px 8px 12px 4px;
    cursor: pointer;
    background:#6e3671;
    color: #fff;
}
  .slick-cell-menu {
    border: 1px solid #718BB7;
    background: #f0f0f0;
    padding: 6px;
    -moz-box-shadow: 2px 2px 2px silver;
    -webkit-box-shadow: 2px 2px 2px silver;
    box-shadow: 2px 2px 2px silver;
    min-width: 180px;
    cursor: default;
    position:absolute;
    z-index: 2000;
      overflow:auto;
    resize: both;
  }
  
  .slick-cell-menu-button {
    position: absolute;
    cursor: pointer;
    right: 0;
    padding: 0 2px;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    border: 0;
    margin-top: 5px;
    width: 16px;
  }
  
  .slick-cell-menu > .close {
    float: right;
  }
  
  .slick-cell-menu .title {
    font-size: 16px;
    width: calc(100% - 30px);
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 5px;
  }
  
  .slick-cell-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    background: none;
  }
  
  .slick-cell-menu input {
    margin: 4px;
  }
  
  .slick-cell-menu li a {
    display: block;
    padding: 4px;
    font-weight: bold;
  }
  
  .slick-cell-menu li a:hover {
    background: white;
  }
  
  .slick-cell-menu-option-list {
    margin-bottom: 10px;
  }
  
  .slick-cell-menu {
    border: 1px solid #dbdee3;
    background: #ffffff;
    padding: 6px;
    -moz-box-shadow: 2px 2px 2px silver;
    -webkit-box-shadow: 2px 2px 2px silver;
    box-shadow: 2px 2px 2px silver;
    min-width: 180px;
    cursor: default;
    position: absolute;
    border-radius: 7px !important;
    z-index: 2000;
    overflow: auto;
    resize: none;
  }
  
  .slick-cell-menu-item {
    list-style: none;
    margin: 0 0 5px;
    cursor: pointer;
    padding: 2px 4px;
    border: 1px solid transparent;
    border-radius: 3px;
    display: block;
  }
  .slick-cell-menu-item:hover {
    border-color: #ededed;
    background: #f6f6f6;
  }
  .slick-cell-menu-item-disabled {
    cursor: default;
    border-color: transparent !important;
    background: inherit !important;
  }
    
  .slick-cell-menu-content {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding-left: 5px;
  }
  
  .slick-cell-menu-item-disabled {
    color: silver;
  }
  
  .slick-cell-menu-item-hidden {
    display: none;
  }
  
  .slick-cell-menu-list li.hidden {
    display: none;
  }
  
  .slick-cell-menu-item.slick-cell-menu-item-divider {
    cursor: default;
    border: none;
    overflow: hidden;
    padding: 0;
    height: 1px;
    margin: 6px 2px;
    background-color: #cecece;
  }
  .slick-cell-menu-item-divider.slick-cell-menu-item:hover {
      background-color: #cecece;
  }

  .actiontitle {
      margin: 0 auto !important;
      display: flex;
      justify-content: center;
  }

  .slick-cell-menu-command-list {
      margin-top: 5px;
  }

  .history-ico {
      background: url(./../../assets/img/timer.svg) no-repeat left top;
      margin-right: 3px;
      width: 20px;
      float: left;
      height: 20px;
      z-index: 1 !important;
      display: table;
      cursor: pointer;
      background-size: cover;
  }
  .form-control.multi {height: 100px !important;}
  .messsgeSpan{
    margin-bottom: 25px;
  }
.notify-view .panel-body{padding:0 !important;}
.xls2{background: url(./../../assets/img/xls.svg) no-repeat left top;background-size: cover;
margin-left: 10px;width: 24px;float: left;height: 25px;z-index: 1!important;display: table;cursor: pointer;
z-index: 1!important;display:table;cursor:pointer;position:absolute;right:32px;top:26px;}
span.total-error{color:#e87489;}
.modal-dialog.modal-lg.viewall{width:100% !important;}
.modal-body.notify-error{padding:0 0 15px !important;}
rfx-adv-srch-form-field .input-group a.toolinformation { width: 200px; position: absolute; z-index: 2; font-size: 20px; margin: 1px 0 0 5px; }
.tooltip-inner { background-color: #2d69a7 !important; border-radius: 6px;}
.mdd{width:530px !important;position:fixed;left: 33%;top: 22%;}
i.rcall:before{margin-right:0 !important;}
.scanfailure button.slick-gridmenu-button.fa.fa-bars{display:block;}
.mass-allocate .slickgrid-container .slick-headerrow{
    display: block !important;
}
.mass-allocate .slickgrid-container .slick-headerrow-columns{
    margin-top: 5px;
    margin-bottom: 5px;
}
.scanfailure .slickgrid-container .grid-canvas .slick-cell, .slickgrid-container .slick-cell l0{
    margin-left: 10px!important;
}
.reprocess-html{
    cursor: unset !important;
}
.reprocess-popup-article{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.summary-style > div > span{
    min-width: 40px !important;
}
.smart-form.formtogg.header .toggle input:checked+i:after{
    content: attr(data-swchon-text);
    text-align: right;
    font-size: 10px!important;
    color: #fff!important;
    font-weight: 500!important;
    top: 7px!important;
    right: 44px!important;
    left: 7px!important;
    width: 50px;
}
.smart-form.formtogg.header .toggle i:after {
    top: 7px!important;
    right: 1px!important;
    font-size: 11px!important;
    color: #fff!important;
    font-weight: 500!important;
    left: 29px!important;
}
.menuOnLeft{
    background:url(./../../assets/img/side-view.svg) no-repeat center center; 
}
.menuOnTop{
    background:url(./../../assets/img/top-view.svg) no-repeat center center; 
}
.menuCommon{
    background-size:cover;
    margin-top: 13px;
    margin-left: 10px;
    width: 16px;
    float: left;
    height: 16px;
    z-index: 1 !important;
    display: table;
    cursor: pointer;
    margin-right: 9px;
}
.simple-src-buttons{
    display: flex;
    margin-left: 15px;
}
.wd5{
    width: 5px !important;
}
.header-cobrand{
    color: white !important;
}