/* font-face */

@font-face {
    font-family: 'shock_icon_accounting_freebie';
    src: url('Shock_icon_accounting_freebie.eot');
    src: url('Shock_icon_accounting_freebie.eot?#iefix') format('embedded-opentype'), url('Shock_icon_accounting_freebie.woff') format('woff'), url('Shock_icon_accounting_freebie.ttf') format('truetype'), url('Shock_icon_accounting_freebie.svg#shock_icon_accounting_freebie') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* global styles */

[class*="shock-act-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    font-size: 1.5em;
}

[class*="shock-act-"]:before {
    font-family: 'shock_icon_accounting_freebie', Fallback, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
}


/* icons */

.shock-act-abacus:before {
    content: "\f010";
}

.shock-act-atm-dollar:before {
    content: "\f011";
}

.shock-act-atm-euro:before {
    content: "\f012";
}

.shock-act-atm-pound:before {
    content: "\f013";
}

.shock-act-atm-yen:before {
    content: "\f014";
}

.shock-act-balance:before {
    content: "\f015";
}

.shock-act-bank-dollar:before {
    content: "\f016";
}

.shock-act-bank-euro:before {
    content: "\f017";
}

.shock-act-bank-euro2:before {
    content: "\f018";
}

.shock-act-bank-pound:before {
    content: "\f019";
}

.shock-act-bank-pound2:before {
    content: "\f01a";
}

.shock-act-bank-transaction:before {
    content: "\f01b";
}

.shock-act-bank-yen:before {
    content: "\f01c";
}

.shock-act-bank-yen2:before {
    content: "\f01d";
}

.shock-act-bank-dollar2:before {
    content: "\f01e";
}

.shock-act-barcode:before {
    content: "\f01f";
}

.shock-act-bill:before {
    content: "\f020";
}

.shock-act-bill2:before {
    content: "\f021";
}

.shock-act-cashbox:before {
    content: "\f022";
}

.shock-act-check:before {
    content: "\f023";
}

.shock-act-check2:before {
    content: "\f024";
}

.shock-act-coin-dollar:before {
    content: "\f025";
}

.shock-act-coin-euro:before {
    content: "\f026";
}

.shock-act-coin-luck:before {
    content: "\f027";
}

.shock-act-coin-pound:before {
    content: "\f028";
}

.shock-act-coin-silhouette:before {
    content: "\f029";
}

.shock-act-coin-yen:before {
    content: "\f02a";
}

.shock-act-coinstack:before {
    content: "\f02b";
}

.shock-act-company:before {
    content: "\f02c";
}

.shock-act-company2:before {
    content: "\f02d";
}

.shock-act-credit-card:before {
    content: "\f02e";
}

.shock-act-credit-card2:before {
    content: "\f02f";
}

.shock-act-currency:before {
    content: "\f030";
}

.shock-act-cur-baht:before {
    content: "\f031";
}

.shock-act-cur-denar:before {
    content: "\f032";
}

.shock-act-cur-dinar:before {
    content: "\f033";
}

.shock-act-cur-dollar:before {
    content: "\f034";
}

.shock-act-cur-dollar2:before {
    content: "\f035";
}

.shock-act-cur-euro:before {
    content: "\f036";
}

.shock-act-cur-peso:before {
    content: "\f037";
}

.shock-act-cur-pound:before {
    content: "\f038";
}

.shock-act-cur-rial:before {
    content: "\f039";
}

.shock-act-cur-ruble:before {
    content: "\f03a";
}

.shock-act-cur-rupee:before {
    content: "\f03b";
}

.shock-act-cur-yen:before {
    content: "\f03c";
}

.shock-act-cur-yen2:before {
    content: "\f03d";
}

.shock-act-cur-yuan:before {
    content: "\f03e";
}

.shock-act-debt:before {
    content: "\f03f";
}

.shock-act-debt2:before {
    content: "\f040";
}

.shock-act-deposit:before {
    content: "\f041";
}

.shock-act-dimensions:before {
    content: "\f042";
}

.shock-act-dispatch:before {
    content: "\f043";
}

.shock-act-dispatch-order:before {
    content: "\f044";
}

.shock-act-factory:before {
    content: "\f045";
}

.shock-act-fingerprint:before {
    content: "\f046";
}

.shock-act-fingerprint-reader:before {
    content: "\f047";
}

.shock-act-fingerprint-reader2:before {
    content: "\f048";
}

.shock-act-fingerprint2:before {
    content: "\f049";
}

.shock-act-gold:before {
    content: "\f04a";
}

.shock-act-gold-chem:before {
    content: "\f04b";
}

.shock-act-gold-alch:before {
    content: "\f04c";
}

.shock-act-gold2:before {
    content: "\f04d";
}

.shock-act-handshake:before {
    content: "\f04e";
}

.shock-act-height:before {
    content: "\f04f";
}

.shock-act-inventory:before {
    content: "\f050";
}

.shock-act-inventory-category:before {
    content: "\f051";
}

.shock-act-inventory-category2:before {
    content: "\f052";
}

.shock-act-inventory2:before {
    content: "\f053";
}

.shock-act-invoice:before {
    content: "\f054";
}

.shock-act-loan:before {
    content: "\f055";
}

.shock-act-location:before {
    content: "\f056";
}

.shock-act-mastercard:before {
    content: "\f057";
}

.shock-act-moneybag-dollar:before {
    content: "\f058";
}

.shock-act-moneybag-euro:before {
    content: "\f059";
}

.shock-act-moneybag-pound:before {
    content: "\f05a";
}

.shock-act-moneybag-yen:before {
    content: "\f05b";
}

.shock-act-operator:before {
    content: "\f05c";
}

.shock-act-operator2:before {
    content: "\f05d";
}

.shock-act-payment:before {
    content: "\f05e";
}

.shock-act-paypal:before {
    content: "\f05f";
}

.shock-act-piggy-bank:before {
    content: "\f060";
}

.shock-act-plane:before {
    content: "\f061";
}

.shock-act-product:before {
    content: "\f062";
}

.shock-act-product-progress:before {
    content: "\f063";
}

.shock-act-product-progress1:before {
    content: "\f064";
}

.shock-act-product-progress2:before {
    content: "\f065";
}

.shock-act-product-progress3:before {
    content: "\f066";
}

.shock-act-product-progress4:before {
    content: "\f067";
}

.shock-act-purchase:before {
    content: "\f068";
}

.shock-act-purse:before {
    content: "\f069";
}

.shock-act-raw-material:before {
    content: "\f06a";
}

.shock-act-refund:before {
    content: "\f06b";
}

.shock-act-refund2:before {
    content: "\f06c";
}

.shock-act-safety-box:before {
    content: "\f06d";
}

.shock-act-safety-box-open:before {
    content: "\f06e";
}

.shock-act-salary:before {
    content: "\f06f";
}

.shock-act-send-box:before {
    content: "\f070";
}

.shock-act-send-box2:before {
    content: "\f071";
}

.shock-act-send-container:before {
    content: "\f072";
}

.shock-act-send-crate:before {
    content: "\f073";
}

.shock-act-send-crate2:before {
    content: "\f074";
}

.shock-act-send-envelope:before {
    content: "\f075";
}

.shock-act-send-package:before {
    content: "\f076";
}

.shock-act-serial-number:before {
    content: "\f077";
}

.shock-act-shopping-cart:before {
    content: "\f078";
}

.shock-act-shopping-basket:before {
    content: "\f079";
}

.shock-act-silver:before {
    content: "\f07a";
}

.shock-act-silver-chem:before {
    content: "\f07b";
}

.shock-act-silver-alch:before {
    content: "\f07c";
}

.shock-act-silver2:before {
    content: "\f07d";
}

.shock-act-stamp:before {
    content: "\f07e";
}

.shock-act-stamped-paper {
    content: "\f07f";
}

.shock-act-tax:before {
    content: "\f080";
}

.shock-act-timeframe:before {
    content: "\f081";
}

.shock-act-treasure-chest:before {
    content: "\f082";
}

.shock-act-treasure-chest2:before {
    content: "\f083";
}

.shock-act-visa:before {
    content: "\f084";
}

.shock-act-wallet:before {
    content: "\f085";
}

.shock-act-wallet2:before {
    content: "\f086";
}

.shock-act-warehouse:before {
    content: "\f087";
}

.shock-act-watchman:before {
    content: "\f088";
}

.shock-act-weight:before {
    content: "\f089";
}

.shock-act-weight-gram:before {
    content: "\f08a";
}

.shock-act-weight-kilogram:before {
    content: "\f08b";
}

.shock-act-weight-ounce:before {
    content: "\f08c";
}

.shock-act-weight-pound:before {
    content: "\f08d";
}

.shock-act-weight2:before {
    content: "\f08e";
}

.shock-act-width:before {
    content: "\f08f";
}

.shock-act-wire-transfer:before {
    content: "\f090";
}

.shock-act-withdrawal:before {
    content: "\f091";
}

@media screen {
    .table.inventory thead tr>th,
    .table.inventory tbody tr>td>div>button,
    .inventory.input-group-addon.complete {
        background-color: #4c0870 !important;
        color: #fff;
    }
    .table.hrm thead tr>th,
    .table.hrm tbody tr>td>div>button,
    .hrm.input-group-addon.complete {
        background-color: #4c0870 !important;
        color: #fff;
    }
    .table.garage thead tr>th,
    .table.garage tbody tr>td>div>button,
    .garage.input-group-addon.complete {
        background-color: #4c0870!important;
        color: #fff;
    }
    .table.setting-table thead tr>th,
    .table.setting-table tbody tr>td>div>button,
    .setting-table.input-group-addon.complete {
        background-color: #4c0870 !important;
        color: #fff !important;
    }
    .table.crm-table thead tr>th,
    .table.crm-table tbody tr>td>div>button,
    .crm-table.input-group-addon.complete {
        background-color: #4c0870;
        color: #fff;
    }
    .table.general-table thead tr>th,
    .table.general-table tbody tr>td>div>button,
    .general-table.input-group-addon.complete {
        background-color: #4c0870;
        color: #fff;
    }
    .table.stock thead tr>th,
    .table.stock tbody tr>td>div>button,
    .stock.input-group-addon.complete {
        background-color: #4c0870;
        color: #fff;
    }
    .table.garage thead tr>th,
    .table.garage tbody tr>td>div>button,
    .garage.input-group-addon.complete {
        background-color: #267c70;
        color: #fff;
    }
    .table.maintenance-table thead tr>th,
    .table.maintenance-table tbody tr>td>div>button,
    .maintenance-table.input-group-addon.complete {
        background-color: #4c0870;
        color: #fff;
    }
    .table.hrm thead tr>th,
    .table.hrm tbody tr>td>div>button,
    .hrm.input-group-addon.complete {
        background-color: #31cfbd;
        color: #fff;
    }
    .table.accounting thead tr>th,
    .table.accounting tbody tr>td>div>button,
    .accounting.input-group-addon.complete {
        background-color: #4c0870;
        color: #fff;
    }
}

.bg-complete-dark {
    background-color: #652d90 !important;
    color: #ed9421 !important;
}

.w-50 {
    width: 50%;
}

.display-flex {
    display: flex;
}


/* The snackbar - position it at the bottom and in the middle of the screen */

.snackbar_reminder {
    visibility: hidden;
    /* Hidden by default. Visible on click */
    min-width: 350px;
    /* Set a default minimum width */
    margin-left: -175px;
    /* Divide value of min-width by 2 */
    background-color: red;
    /* Black background color */
    color: #fff;
    /* White text color */
    text-align: center;
    /* Centered text */
    border-radius: 2px;
    /* Rounded borders */
    padding: 16px;
    /* Padding */
    position: fixed;
    /* Sit on top of the screen */
    z-index: 1;
    /* Add a z-index if needed */
    left: 50%;
    /* Center the snackbar */
    top: 50%;
    /* Center in the bottom */
    opacity: 0.9;
}


/* Show the snackbar when clicking on a button (class added with JavaScript) */

.snackbar_reminder.show {
    visibility: visible;
    /* Show the snackbar */
    opacity: 0.7;
}

#MainMenuPanelsContainer.ACC .panel {
    border: 1px solid #4c0871;
}

#MainMenuPanelsContainer.Inventory .panel {
    border: 1px solid #4c0871;
}

#MainMenuPanelsContainer.HRM .panel {
    border: 1px solid #4c0871;
}

#MainMenuPanelsContainer.Production .panel {
    border: 1px solid #4c0871;
}

#MainMenuPanelsContainer.crm .panel {
    border: 1px solid #4c0871;
}

#MainMenuPanelsContainer.Stock .panel {
    border: 1px solid #4c0871;
}

#MainMenuPanelsContainer.Garage .panel {
    border: 1px solid #4c0871;
}

#MainMenuPanelsContainer.Settings .panel {
    border: 1px solid #4c0871;
}

#MainMenuPanelsContainer.Maintenance .panel {
    border: 1px solid #4c0871;
}

.bg-info-light {
    background-color: #652d90 !important;
    color: #ed9421 !important;
}