/*Write your custom CSS here */

html, body {
    height: 100%;
    margin: 0;
}

.spinner_overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    background: rgba( 255, 255, 255, .4 )  url('../images/loading.gif');
    background-repeat : no-repeat;
    background-position : center;
    overflow-x: hidden;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-box .info-box-stats {
    float: none;
}

.action-btns .btn,
.action-btns .btn:hover,
.action-btns .btn:focus {
    border: medium none;
    padding: 0;
    background: none;
    outline: none;
}

.fa-item a {
    color: #4e5e6a;
}

.detail-view label {
    font-weight: bold;
    width: 140px;
}

.field-data {
    /*  padding: 7px 0px;*/
}

.add-more-option {
    margin-top: 15px;
}
.page-login {
    padding: 0 0 50px!important;
}
.dataTable tr {
    cursor: pointer;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
.checkbox label, .radio label, .radio-group label {
    padding-left: 0px;
}
.report-area label {
    padding-right: 0px;
}
.table-details, .room-details {
    height: 100%;
    width: 100%;
}
.tile-area .product-tiles {
    text-align: center;
    width: 100%;
}
.tile-area .tile-items-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-rows: minmax(130px, auto);
}
.tile-area .tile-items-grid .tile-grid-item {
    padding: 0 15px 25px;
    min-width: 0;
}
.tile-area .product-tiles a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #fff;
    padding: 5px 0;
}
.tile-area .product-tiles span.title {
    display: block;
    word-wrap: break-word;
    text-align: center;
}
.tile-area .product-tiles span.price {
    color: #000;
    display: block;
}
.tile-area .panel {
    height: 100%;
}
.tile-area .panel .tile-image {
    background: #16A6D3 !important;
}
.flexbox {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.page-title h3 a {
    color: #22baa0;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.panel-folder {
    background: #dff0d8 none repeat scroll 0 0;
    box-shadow: -10px -10px 0 #16a6d3 !important;
}
.panel-folder span.title {
    color: #fff;
}
.form-horizontal .radio {
    padding-top: 3px;
}
.panel-placeholder {
    border: 2px solid #878787 !important;
    background: #ededed !important;
    margin-bottom: 25px;
}
.panel-tile span.title {
    font-size: 14px;
    margin: 0 10px;
}
.panel-tile span.prod-title {
    font-size: 10px;
    display: inline-block;
    margin: 0 10px 0 10px;
}
.panel-tile a, .panel-placeholder a {
    cursor: default !important;
}
.tile-area .panel-control {
    /*float: right;
    height: auto;*/
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    /*    background: rgba(0,0,0,0.4);*/
    width: 100%;
    height: 100%;
    color:#fff !important;
    /*    padding-top: 20px;*/
    text-align: center;
}
.tile-area .panel-control .config-edit, .tile-area .panel-control a.config-remove,  .panel-folder a,
.panel-tilegroup  .tilegroup-edit , .tile-area .config-edit{
    cursor: pointer !important;
    color: #fff !important;

}
.config-edit .config-remove, .open-folder, #room-details .config-edit, #room-details .config-remove{
    float:right !important;
}

.open-folder-label{
    float:none !important;
}
.tile-area input.qty {
    width: 60px;
}
.panel-folder a {

}
.pos-addupdate-span {
    margin-left: 10px;
}
.view-pod-buttons, .product-import-stock {
    margin-left: 10px;
    margin-bottom: 10px;
}
/* Start here : This css for display border table in listing and detail view page*/
.view-table {
    margin-top: 5px;
}
.view-table td,.view-table th {
    padding:5px !important;
    border: 1px solid #dce1e4 !important;
}
/*End here*/
.order-view-module{
    background: #f9f9f9;
}
.field-data{
    padding-top: 7px;
    word-wrap: break-word;
}
.order-view-module div.form-group{
    margin-bottom: 5px;
}

.order-view-module label.control-label{
    padding-left: 19px;
    text-align: left;
}

#form-product .cover{
    border-radius: 10px;
    /*box-shadow: 0px 0px 1px 1px;*/
    /*min-height: 320px;*/
    margin-bottom: 10px;
    /*margin-top: 10px;*/
    /*padding: 10px;*/
    width: 100%;
    overflow: hidden;
}
#form-product .combination_table{
    width: 100%;
    text-align: center;
    border: #000;
    margin-top: 10px;
    margin-left: 0px;
}
#form-product #variant_table{
    margin-left: 0px;
}
#form-product .product-error{
    color: #a94442;
    /*    float: left;*/
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px;
}
#form-product-to-dept .product-error{
    color: #a94442;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px;
}
#form-product-on-dept .product-error{
    color: #a94442;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px;
}
.dept-selectbox{
    /*    margin: 0 auto;
        float: none !important;*/
    width: 250px;
}
#form-product-to-dept .save-btn{
    margin-right: 18px;
}
#form-product-on-dept .save-btn{
    margin: 0 15px 0 15px;
}
.assign-input {
    width: 80px;
}
.view-combination-table{
    width: 50%;
    text-align: center;
    border: #000;
    margin-top: 10px;
    margin-left: 10px;
}
.view-combination-table th{
    text-align: center;
}
label.required-field{
    position: relative;
}
.required-field:after {
    color: #d00;
    content: "*";
    position: absolute;
    /*    margin-left: 2px;*/
    right: -8px;
    top: 0;
}
#form-product-to-dept .updateStock {
    float:left;
    margin-right:10px;
}
#form-product-on-dept .updateStock {
    float:left;
    margin-right:25px;
}
#form-product-on-dept .inst-note:before {
    color: #d00;
    content: "*";
    position: relative;
    top: 0px;
    margin-left: -16px;
}
.inst-note-div {
    margin-top: 20px;
}
.dataTables_processing {
    padding-top: 10px !important;
}
.colorpicker, .modal-open .select2-container, .modal-open .select2-search__field {
    z-index: 9999999 !important;
}

#product_label_container .modal-dialog{
    width: 200px;
}
#product_label_container .modal-body {
    min-height: 110px;
}
#product_label_container .print-button {
    margin-top:10px;
}
/*#functions_tabs a{
    background-color: #f1f1f1;
    margin: 5px;
}*/
#view_functions_tabs {
    margin-top: 10px;
}
#view_functions_tabs a{
    margin: 5px;
}
#view_action_btn a{
    margin-right: 5px;
}
#impExp_tabs {
    padding-right: 0px;
}
/*#impExp_tabs a{
    background-color: #f1f1f1;
    margin: 5px;
}*/
#prod_function_tabs {
    padding-left: 0px;
}
.detailview-datatable-div{
    /* width: 90%;*/
    margin: auto;
    border:none !important;
    padding: 20px;
}
.bo-reports-tabbingmenu{
    padding-bottom: 15px;
}
.image-edit-view {
    border: 3px solid #d2d6de;
    margin: 0 auto;
    padding: 3px;
    width: 100px;
    height: auto;
}
.error {
    color: #a94442;
    font-weight: 700;
    font-size: 12px;
}
label.error {
    float: none;
    margin-top: 0px;
}
.success-label {
    color: #009105;
    font-weight: 700;
    font-size: 12px;
}
#product_deptTab_table .product-error {
    float: right;
}
.variant-attr-div {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 1px 2px 1px;
    padding-top: 10px;
    width: 100%;
}
.variant-info-div {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 1px 2px 1px;
    margin-top: 15px;
    padding-top: 10px;
    width: 100%;
}
.product-weight-field {
    padding-left: 0px;
}
.add_combination {
    margin-left: 60px;
}
#headingTwo {
    height: 34px;
    padding-top: 10px;
}
#form-product .input_fields_wrap .panel {
    box-shadow: none;
    margin-bottom: 10px;
}
#form-product .add_field_button {
    margin-right: 14px;
}
#form-product #image_preview {
    margin-top: -40px;
    margin-bottom: 10px;
}
.tableScrollDiv {
    margin-bottom: 10px;
    /*  height: 110px;*/
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}
#togglePassword, .variant-remove {
    cursor:pointer;
}
.assign-variant-collapse {
    margin-top: 10px;
    border-style: none;
    box-shadow: none;
    margin-bottom: 10px;
}
.assign-variant-collapse .panel-collapse {
    margin-top: 10px;
}
.supplier-search-addon{
    width: auto;
    height: 34px;
}
.select2-container .select2-selection--multiple {
    height: auto !important;
}
form .form-group i {
    padding-left: 10px;
}
.product-view-assign-panel {
    border-style: none;
    box-shadow: none;
}
.product-view-assign-panel #headingTwo {
    margin-top: 10px;
    margin-bottom: 10px;
}
.tile-prod-remove {
    vertical-align: middle !important;
}
.modal-open .dept-selectbox {
    z-index: 999 !important;
}
.account-reports-table td, .account-reports-table th, #mass_table_container .alert-info{
    padding: 8px;
}
.webshop-settings td, .webshop-settings th{
    padding: 2px;
}
.account-reports-table tr.heading-border-bottom {
    border-bottom: 1px solid #ccc;
}
.account-reports-table tr.total-border-top {
    border-top: 1px solid #ccc;
}
.account-reports-table {
    margin-top: 10px;
}
.cashsettlement-reports-table td, .cashsettlement-reports-table th{
    padding:8px;
}
.cashsettlement-reports-table tr.heading-border-bottom {
    border-bottom: 1px solid #ccc;
}
.cashsettlement-reports-table tr.total-border-top {
    border-top: 1px solid #ccc;
}
.modal-open .tooltip {
    z-index: 99999999;
}
.remove-left-padding {
    padding-left:0px;
}

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

.datepicker-trigger ,.datetimepicker-trigger, #timesheet-table tbody td , #prev-week,#curr-week, #next-week, #print-timesheet{
    cursor: pointer;
}
.reports-form-group {
    /*margin-left : 0px !important;*/
    margin-right : 0px !important;
}
#unassignBtn {
    margin-right: 5px;
}
.tile-area .panel-tilegroup {
    /*  width: 130px !important;*/
    height: 65px !important;
    border: 2px solid #878787 !important;
    margin-bottom: 25px;
    border-radius: 10px;
    background-color: #ededed;
}
.tile-area .panel-tilegroup a {
    color:  #000000;
    padding: 18px 0;
}
.tile-area .panel-tile, .tile-area .panel-tilegroup,
.tile-area .panel-folder, .tile-area .panel-placeholder {
    position:relative;
    overflow:hidden;
    border-radius: 10px !important;
}
.tile-area .panel-tile,
.tile-area .panel-folder{

    border: 2px solid #0076A3 !important;
}
.tile-area .panel-control i {
    font-size: 15px;
    color: #000 !important;
}
.panel-tilegroup  .panel-control {
    padding-top : 20px;
}
.panel-tilegroup  .panel-control i {
    font-size: 25px !important;
    color: #000 !important;
}
.panel-tilegroup.selected {
    border: 2px solid #0076A3 !important;
    background-color: #0085B8 !important;
}

.tile-template-actions {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.panel-tilegroup.selected a{
    color: #E9E7EB !important;
}
span[data-href] {
    color: #337ab7;
    text-decoration: none;
}
span[data-href]:hover {
    text-decoration: underline;
}

.lnk-manage-department {
    display: inline-block;
    position: absolute;
    right: 21%;
}
.lnk-manage-pos {
    color: #337ab7;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    right: 26%;
}

.lnk-manage-pos-number {
    color: #337ab7;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    right: 36%;
}

.lnk-manage-user {
    color: #337ab7;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    right: 25.3%;
}
.lnk-manage-pos:hover, .lnk-manage-user:hover {
    text-decoration: underline;
}
.lnk-add-pos:before,
.lnk-add-user:before {
    content: " | ";
}
.lnk-add-pos, .lnk-add-user {
    display: inline-block;
    position: absolute;
    left: 80%;
}
.jstree-default .jstree-anchor {
    width: 100%;
}
#view_functions_tabs .dropdown {
    /*margin: 5px;*/
}
#view_functions_tabs .dropdown .dropdown-menu:before {
    /*    right: 9px !important;*/
    left: auto;
}

#view_functions_tabs .dropdown .dropdown-menu:after{
    /*    right: 10px !important;*/
    left: auto;
}
.lnk-manage-grp {
    color: #337ab7;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    right: 21%;
}

/*change hover color for datatable row.*/
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1,
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2,
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3,
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1,
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2,
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3{
    background-color: #e7f0f7 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color: #111111 !important;
}
#form-variantgroup .add_field_button {
    margin-left: 15px;
}
.variant-name-removeBtn {
    padding-top: 23px;
}
.colorpicker-component {
    padding: 0 15px !important;
}

.colorpicker-2x .colorpicker-saturation {
    width: 200px; height: 200px;
}
.colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha {
    width: 30px; height: 200px;
}
.colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div {
    height: 30px;
}
.colorpicker-2x .colorpicker-selectors i {
    height: 20px;
    width: 20px;
}
.select2-zindex, .select2-dropdown {
    z-index: 1000 !important;
}
.select2-zindex .select2-container {
    max-width: 100%;
}
#department-loading-image {
    padding : 6px 0px 6px 6px;
    height: auto;
    width: auto;
}
.account-report-paddingtop {
    padding-top: 30px !important;
}
.padding-0{
    padding: 0 !important;
}

/*
  COLOR AND DESIGN CHANGES. UPDATED ON DATED 2 JUNE, 2016

  REMOVE THIS CSS FOR ORIGINAL LOOK, UPDATE COLOR CODE AND HTML IN BO/SA : DASHBOARD : INDEX.HTML.

  START HERE
*/

/* HEADER */

.logo-box .logo-img, .logo-img {
    /*height: 30px !important;*/
}
.navbar {
    min-height: 45px;
    border:0;
}
.left-sidebar{
    width: 195px;
    padding-left: 15px;
    height: 100%;
    position: relative;
}

.navbar .logo-box .logo-text {
    line-height: 40px;
}
.topmenu-outer{
    height: auto;
    border-bottom: 5px solid #e7e9ee;
}
.navbar .logo-box {
    height: 40px;
}
.top-menu .navbar-nav>li>a {
    padding: 0;
}
.navbar, .menu.accordion-menu, .user-name{
    background: #193750; /* For browsers that do not support gradients */
    background: linear-gradient(#193750, #193750); /* Standard syntax */
    color:#FFF;
}
#dept-list {
    cursor: pointer;
}
.menu.accordion-menu a{
    color:#FFF;
}
.menu.accordion-menu>li.active.open>a,
.menu.accordion-menu>li.active>a,
.menu.accordion-menu>li.open>a,
.menu.accordion-menu>li>a:hover,
.menu.accordion-menu ul li a:hover,
.menu.accordion-menu ul li.active a {
    color:#3C3C3C;
}
.horizontal-bar .accordion-menu>li>a, .small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu>li>a {
    padding: 10px !important;
}
.horizontal-bar .accordion-menu ul {
    top: 38px !important;
}
.page-horizontal-bar.page-header-fixed .horizontal-bar, .page-horizontal-bar.page-header-fixed .horizontal-bar, .page-header-fixed .page-sidebar {
    padding-top: 45px;
}
.push-sidebar {
    color: #FFF;
}
.selected-dept-display {
    font-size: 13px;
    color: #FFF;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.select-dept-display-dept {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.selected-dept-display p{
    margin: 0px !important;
}

.page-title h3 a {
    color: #078ec8 !important;
}

.welcome-msg {
    height: 15px !important;
    margin-top: 10px !important;
}

.text-success {
    color: #0887be !important;
}
/* FORMS */

form .form-group i {
    padding-left: 2px;
}
textarea .form-control {
    height: 68px;
}
.form-control, .select2-selection, .input-group-addon {
    border-color: #1E5F9B !important;
}
.input-group-addon {
    background-color: #1E5F9B;
    color: #FFF;
}

/* BTN */

.btn {
    border-radius: 3px;
    /*    margin-left: 3px;
        margin-right: 3px;*/
}
.btn-default {

}

.btn-success,  .btn-rounded {
    background: #1E5F9B; /* For browsers that do not support gradients */
    background: linear-gradient(#1E5F9B, #1E5F9B); /* Standard syntax */
    color:#FFF;
    border: none !important;
}

.dropdown-toggle {
    margin-left: -10px !important;
    border: none !important;
}

.btn-addon i {
    /*    border-radius: 15px 0 0 15px !important;*/
    margin-left: -12px !important;
}

.btn-group.open .btn-success.dropdown-toggle,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.btn.btn-success.active {
    background: rgba(0, 0, 0, 0) linear-gradient(#2676bf, #2676bf) repeat scroll 0 0 !important;
}

/* CONTENT */

#main-wrapper {
    margin-top: 5px;
}
.page-inner {
    background: #ecebec;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 195px;
}
.page-title {
    padding: 15px 20px 5px;
    border-bottom: 0px;
}
.page-title h3 {
    color: #3C3C3C;
}

/* DATA TABLE CHANGES */

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background: #f6f6f6 !important;
}

table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {
    background: #fff !important;
}

/*change hover color for datatable row.*/
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1,
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2,
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3,
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1,
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2,
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3{
    background-color: #e6e6e6 !important;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
    background-color: inherit !important;
}

table.dataTable.DTFC_Cloned thead,
table.dataTable.DTFC_Cloned tfoot {
    background-color: #fff;
}

.DTFC_LeftHeadWrapper > table.dataTable.no-footer,
.DTFC_LeftBodyLiner > table.dataTable.no-footer{
    border-bottom: 0;
}

.horizontal-bar {
    border-bottom: 0px !important;
}

.fa-question-circle , .fa-padding-left-5 {
    padding-left: 5px !important;;
}

.progress-bar, .pace .pace-progress {
    background:  #0887be !important;
}
.pace .pace-activity{
    border-left-color:  #d2d2d2 !important;
    border-top-color:  #d2d2d2 !important;
    margin-top: 40px !important;
}
/*

  END HERE
*/

/*
    CHECKBOX GRAY SCALE
*/
div.checker input {
    background : none !important;
    border : none !important;
    opacity: 1 !important;
    appearance: checkbox !important;
    -moz-appearance : checkbox !important;
    -webkit-appearance : checkbox !important;
    width  : auto !important;
    height : auto !important;
}
div.checker span {
    background : none !important;
    background-position : none !important;

}

div.checker span input[type="checkbox"],.table div.checker span input[type="checkbox"]{
    margin-left: -7px !important;
    margin-top: 0 !important;
}
#form-product-label div.checker span input[type="checkbox"]{
    margin-left: 0 !important;
}

div.checker {
    /*margin-right: 10px !important;
    margin-top: 3px !important;*/
}
#form-dept-selection-data-container,#dept-selection-data-container {
    margin-left: 20px !important;
}

/*
  END HERE
*/
.fa-question-circle-icon-button {
    margin: 15px 0 15px -18px !important;
    padding: 8.7px 12px !important;
}
.fa-question-circle-button {
    border-radius: 15px 0 0 15px !important;
}
.btn-danger {
    background-color: #FF5C4D !important;
    border: 1px solid transparent !important;
    color: #fff !important;
}
.margin-top-24 {
    margin-top: 24px;
}
.margin-top-20 {
    margin-top: 20px;
}

.margin-top-10 {
    margin-top: 10px;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.report-description {
    margin-bottom: 15px;
    width: 100%;
}
.customer-detail-view {
    margin-left: 5px;
    margin-top : 20px;
}
table.view-order-table {
    border: none !important;
}
table.view-order-table tbody tr td, table.view-order-table thead tr th {
    padding: 8px !important;
}
.error-label {
    padding-left: 5px;
}
#loading-indicator {
    padding-left: 8px;
    padding-top: 8px;
}
.board-config {
    padding: 8px;
}
.board-config-div
{
    margin-left: 10px;
    margin-right: 10px;
}
#room-details .panel-placeholder,
#table-details .panel-placeholder {
    font-weight: bold;
    text-align: center;
    color: #ccc;
    padding-top : 35px;
}
#room-details .panel-placeholder {
    border: 2px solid #878787;
}
#room-details .room-selected {
    border : 2px solid #0887be !important;
    color: #0887be;
    font-weight: bold;
    text-align: center;
}
#room-details .hover-room-selected {
    border : 2px solid #0887be !important;
    color: #0887be;
    font-weight: bold;
    text-align: center;
}
.room-pending, .table-pending {
    border : 2px solid #878787 !important;
    background: #E8E8E8 !important;
    box-shadow: none !important;
}
.panel-existed {
    cursor : pointer;
}
.table-loader {
    text-align: center !important;
}

#room-details .active,#table-details .active {
    background: #e5f3df !important;
    border: 2px solid #3c763d !important;
    color: #3c763d;
}

#room-details .inactive,#table-details .inactive {
    background: #f1d9d9 !important;
    border: 2px solid #a94442 !important;
    color: #a94442;
}

#board-config-area #table-details .active {
    background: #0092c9 !important;
    border: 2px solid #a9a9a9 !important;
    color: #FFFFFF;
}
#board-config-area #room-details .panel-placeholder {
    padding-top : 15px;
}
#board-config-area #room-details .active {
    background: #E8E8E8 !important;
    border: 2px solid #A9A9A9 !important;
    color: #757575;
}
#board-config-area #room-details .room-selected{
    background: #0092c9 !important;
    color: #fff;
}

#custom-board-content #room-details .active,#table-details .active {
    background: #E8E8E8 !important;
    border: 2px solid #A9A9A9 !important;
    color: #FFFFFF;
}

#custom-board-content #room-details .panel-placeholder,
#custom-board-content #table-details .panel-placeholder {
    font-weight: bold;
    text-align: center;
    color: #757575;
    padding-top : 15px;
}
#custom-board-content #room-details .room-selected {
    background: #0092C9 !important;
    color: #FFFFFF;
}

#custom-board-content #room-details .inactive, #custom-board-content #table-details .inactive {
    background: #f1d9d9 !important;
    border: 2px solid #a94442 !important;
    color: #a94442;
}

#droppable .draggable .table-number {
    position: absolute;
    top: 50%;
    width:100%;
    text-align:center;
    margin-top:-9px;
    color:#757575;
}

#droppable .draggable .table-number-inactive  {
    position: absolute;
    top: 50%;
    width:100%;
    text-align:center;
    margin-top:-9px;
    color:red;
}

#form-gbat10-setting .form-group { margin-bottom: 0px; }
#form-gbat10-setting .table-striped td{ border: none;}
#form-gbat10-setting .table-striped tr{background: none;}
#form-gbat10-setting .width86px {
    width: 86px;
}

.licensekey-div {
    padding-top: 5px;
    padding-bottom: 12px;
}
.fa-trash {
    color: #d00000;
}
#tab3 .panel-heading, #tab5 .panel-heading{
    color: #337ab7;
    cursor: pointer;
}

.table td, .table tbody tr td, .table tbody tr th, .table tfoot tr td, .table tfoot tr th, .table thead tr td, .table thead tr th {
    padding: 5px !important;
}
.table thead tr th.data-table-padding{
    padding-right: 20px !important;
}

.table thead tr th.data-table-sort-icons{
    background-position: bottom 7px right !important;
}
.form-group {
    margin-bottom: 5px !important;
}
.current-sales-stats {
    padding: 10px 20px !important;
}

.current-sales-stats .success {
    background-color: #dff0d8;
}
.current-sales-stats .table {
    margin-bottom: 0px !important;
}
.current-sales-stats .table td {
    padding: 0px !important;
    border-top: none !important;
}
.wrodwrap{
    word-wrap:break-word;
}

#form-combo-product .table td.combo-productnumber, #form-combo-product .table th.combo-productnumber{
    width:110px;
}

#form-combo-product .table td.combo-productstock, #form-combo-product .table th.combo-productstock{
    width:90px;
}

#form-combo-product .table td.combo-productremove, #form-combo-product .table th.combo-productremove{
    width:35px;
}

#form-combo-product .table,#form-supplier-orders .table,#form-product-receive .table, #stock_taking_content .table,
#form-product-transfer .table, #form-gbat10-setting .table{
    table-layout: fixed;
}

#form-supplier-orders .table td.productnumber, #form-supplier-orders .table th.productnumber,
#form-product-transfer .table td.productnumber, #form-product-transfer .table th.productnumber,
#form-product .table td.productnumber, #form-product .table th.productnumber{
    width:140px;
}

#form-supplier-orders .table td.productstock, #form-supplier-orders .table th.productstock,
#form-product-transfer .table td.productstock, #form-product-transfer .table th.productstock{
    width:100px;
}

#form-supplier-orders .table td.productprice, #form-supplier-orders .table th.productprice,
#form-product-transfer .table td.productprice, #form-product-transfer .table th.productprice,
#form-product .table td.productprice, #form-product .table th.productprice{
    width:100px;
}

#form-supplier-orders .table td.productremove, #form-supplier-orders .table th.productremove,
#form-product-transfer .table td.productremove, #form-product-transfer .table th.productremove
#form-product .table td.productremove, #form-product .table th.productremove{
    width:40px;
}
#form-product .table td.forceunitcheckbox, #form-product .table th.forceunitcheckbox{
    width:70px;
}

#stock_taking_content .product-number{
    width:150px !important;
}
#stock_taking_content .quantity-price{
    width:80px !important;
}

#form-gbat10-setting .table td.account-code, #form-gbat10-setting .table th.account-code {
    width: 65px;
    border-bottom: 1px solid #ccc;
}

.table .width-60 {
    width: 60px;
    /*    border-bottom: 1px solid #ccc;*/
}

#form-gbat10-setting .table td.account-code-name, #form-gbat10-setting .table th.account-code-name {
    border-bottom: 1px solid #ccc;
}

#form-product-transfer .table td.date-username, #form-product-transfer .table th.date-username{
    width:120px;
}

#form-product-transfer .table td.check, #form-product-transfer .table th.check,.table .width-30, .width-30{
    width:30px;
}
.table .width-20, .width-20{
    width:20px !important;
}
.table .error-label {
    padding: 0px !important;
}
#footer .page-footer p.no-s {
    font-size: 10px !important;
}
.product-stock-button {
    margin-top: 15px;
}

.table th.width-90, .table td.width-90, .width-90 {
    width:90px !important;
}

.table th.width-75, .table td.width-75,.width-75 {
    width:75px !important;
}

.table th.width-80, .table td.width-80,.width-80 {
    width:80px !important;
}

.table th.width-95, .table td.width-95,.width-95 {
    width:95px !important;
}

.table th.width-110, .table td.width-110, .width-110{
    width:110px !important;
}

.table th.width-120, .table td.width-120, .width-120{
    width:120px !important;
}

.table th.width-125, .table td.width-125, .width-125{
    width:125px !important;
}

.table th.width-130, .table td.width-130, .width-130{
    width:130px !important;
}

.table th.width-140, .table td.width-140, .width-140{
    width:140px !important;
}

.table th.width-150, .table td.width-150, .width-150{
    width:150px !important;
}
.table th.width-160, .table td.width-160, .width-160{
    width:160px !important;
}

#checkinout-content .table th.name,
.table th.width-200, .table td.width-200, .width-200{
    width:200px;
}
.table th.width-250, .table td.width-250,.width-250{
    width:250px;
}

.table th.min-width-300, .table td.min-width-300{
    min-width: 300px !important;
}

#checkinout-content .table th.check-in-out {
    width:80px;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height:300px !important;
}

#checkinout-content .prev,#checkinout-content.next {
    display:none !important;
}

.fa-padding-top-10 {
    padding-top: 10px !important;;
}
#send-timesheet .modal-dialog{
    width: 450px !important;
}

#timesheet-div {
    background-color: #efefef;
    border: 1px solid #bababa;
}

#timesheet-table {
    width: 3098px;
}
#timesheet-table td {
    padding: 8px 5px 8px 10px;
}
#timesheet-table tr.odd {
    padding: 8px 5px 8px 10px;
    background-color: #efefef;
}
#timesheet-table tr.even {
    padding: 8px 5px 8px 10px;
    background-color: #ffffff;
}
#timesheet-table th {
    padding: 8px 5px 8px 10px;
    border-left:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    background-color:#ffffff;
    color:#3c3c3c;
}

#timesheet-table tr {
    height: 35px;
}
#timesheet-table .first-column {
    position: absolute;
    left: 21px;
    width: 180px;
    border-right: 1px solid #d9d9d9;
    border-left: 0;
    color: #3c3c3c;
    z-index: 10;
    background: inherit;
}
#timesheet-table tr.odd .first-column {
    background: inherit;
    border-bottom: 1px solid #efefef;
}
#timesheet-table tr.even .first-column {
    background: inherit;
    border-bottom: 1px solid #ffffff;
}
#timesheet-table th.first-column {
    border-left: 0;
    background: #ffffff;
}

#timesheet-table .second-column {
    padding-left: 190px!important;
    border-left: none!important;
}

#timesheet-table .last-column {
    border-left: 1px solid #d9d9d9;
}
#timesheet-table div.limited-string {
    position:absolute;
    top: 25%;
    width: 30px;
    /*left:0px;*/
}

#timesheet-table div.full-string {
    position:absolute;
    top: 25%;
    width: 90px;
    /*left:5px;*/
}

#timesheet-table div.full-string span,#timesheet-table div.limited-string span{
    padding-left: 5px;
    font-size: 11px;
}

.form-group #prev-week,.form-group #curr-week,.form-group #next-week,.form-group #prev-week {
    padding-left: 11px;
    padding-right: 12px;
}

.table-responsive #print-timesheet {
    padding-bottom: 8px;
    padding-top: 9px;
}
.colorpicker-2x-weekly-event .colorpicker-saturation,
.colorpicker-2x-weekly-event .colorpicker-hue,
.colorpicker-2x-weekly-event .colorpicker-color {
    display: none !important;
}
.colorpicker-2x-weekly-event .colorpicker-selectors i {
    height: 20px;
    width: 20px;
}

.table th.width-60, .table td.width-60, .width-60{
    width:60px;
}

div.ColVis {
    float: none !important;
}
button.ColVis_Button {
    background: #f1f1f1;
    border: none !important;
    border-radius: 3px;
    box-shadow:none;
    cursor: pointer;
}
.one-page-startup-status {
    font-size: 16px;
    font-weight: bold;
}
.report-button {
    margin-left: 0px;
    margin-top: 5px;
}
/*swich*/
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {

    background: #0887be none repeat scroll 0 0 !important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {

    background: #cccccc none repeat scroll 0 0 !important;
}
.switch-padding-top-bottom {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*end swich*/
.label.label-default {
    background: #777;
    border: none ;
}
#payment-method-image .select2-container .select2-selection--single {
    height: 90px!important;
}
.terminal-response {
    font-family: "Courier New", Courier, monospace;
}

/* New Menu Layout */
.menu.accordion-menu {
    width: auto;
}
.topmenu-outer .alert {
    margin-bottom: 0;
    background: none;
}
.navbar-default .menu.accordion-menu > li > a,
.menu.accordion-menu ul li a{
    color: #fff;
    border-bottom: 1px solid #1f4463;
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-fixed-side .navbar-collapse {
    border-top-color: #1f4463;
}
.menu.accordion-menu li {
    background-color: #193750;
    border-left: none;
    border: none !important;
}

.menu.accordion-menu li:hover,
.menu.accordion-menu li.active:hover,
.navbar-fixed-side .navbar-nav > li > a:hover,
.navbar-fixed-side .navbar-nav > li > a:focus,
.navbar-fixed-side .navbar-nav .dropdown-menu > li > a:hover,
.navbar-fixed-side .navbar-nav .dropdown-menu > li > a:focus,
.menu.accordion-menu > li.active.open > a,
.menu.accordion-menu > li.active > a,
.menu.accordion-menu > li.open > a,
.menu.accordion-menu > li > a:hover,
.menu.accordion-menu ul li a:hover,
.menu.accordion-menu ul li.active a{
    background-color: #1f4463 !important;
    color: #fff !important;

}
.compact-menu .menu.accordion-menu ul li a {
    padding: 10px 25px 10px 30px;
}
.compact-menu .accordion-menu li p {
    margin-left: 5px;
}

.navbar-fixed-side .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-fixed-side .navbar-toggle:focus,
.navbar-fixed-side .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-fixed-side .navbar-toggle {
    border-color: #fff;
}
.menu.accordion-menu ul li ul {
    padding: 0;
}
.compact-menu .menu.accordion-menu .sub-menu .sub-menu li a {
    padding-left: 35px!important;
}
.compact-menu .menu.accordion-menu .sub-menu .sub-menu .sub-menu a {
    padding-left: 48px!important;
}
.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li i{
    font-size: 11px;
}
.compact-menu .menu.accordion-menu a span.menu-icon {
    width: 10px !important;
}
div.arrow-left {
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 5px solid #2f2f2f;
    font-size: 0;
    line-height: 0;
}
.navbar-fixed-side .navbar-header {
    height: 135px;
}
.navbar-fixed-side .navbar-header a {
    padding: 0;
    margin: 45px 35px 20px 35px !important;
    display: block;
}
.navbar-fixed-side .navbar-header a img {
    display: inline-block;
}

.language-form select {
    border-radius: 6px !important;
    appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.language-form .select2-selection {
    border-radius: 6px !important;
}

header {
    border-bottom: 5px solid #e7e9ee;
    padding: 18px 15px;
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
}
header .url{
    color: #BFBFBF;
    font-weight: normal;
}
#outer-wrapper {
    margin-bottom: -64px;
    min-height: 100%;
}
footer,
.push {
    height: 64px;
}
footer {
    border-top: 5px solid #e7e9ee;
    padding: 18px 15px;
    background: #fff;
    width: 100%;
    z-index: 12;
    background: #fff;
    position: relative;
}
h2.page-title{
    color: #193750;
    padding: 0px 20px;
}
.alert-success, .alert-danger, .alert-warning{
    background-color: inherit !important;
    border-color: inherit !important;
    background: inherit !important;
    margin-top: -20px !important;
}

/* Media Queries */

div.ColVis_collectionBackground {
    background: none !important;
}

ul.ColVis_collection {
    border:1px solid #e9e9e9 !important;
    background: #fff !important;
    box-shadow: none !important;
}

button.ColVis_Button, ul.ColVis_collection li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
    box-shadow: none !important;
    color: #4e5e6a !important;
    background: #fff !important;
}
.ColVis_Button:hover, ul.ColVis_collection li:hover{
    box-shadow: none !important;
    background: none !important;
    border: none;
}
.page-inner.page-login{
    margin-left:0px;
}

.module-button{
    margin: 20px 0;
}
.modal-footer{
    padding: 0px;
}
.navbar-brand{
    padding: 25px 15px;
}

#integration-container .modal-dialog {
    width: 710px !important;
}

#select-products .modal-dialog {
    width: 800px !important;
}

#product-sales-report .modal-dialog {
    width: 1000px !important;
}

table.borderless td,table.borderless th{
    border: none !important;
}
.news-table {
    border: 1px solid #e9e9e9 !important;
    cursor: pointer;
}
.news-table tr th, .news-table tr td{
    padding: 5px !important;
    border: 1px solid #e9e9e9 !important;
}

#add-time-table {
    margin-top: 24px;
}
.news-container {
    padding: 10px 0px;
}
.news-heading {
    font-weight: bold;
    color: #088ac2;
}
.show-more-news {
    height:35px;
    text-align: justify;
    overflow:hidden;
}

.show-less-news {
    text-align: justify;
    overflow:hidden;
}

.news-html img {
    max-width: 100%;
    height: auto;
}

.news-html p:last-child {
    margin-bottom: 0;
}
.dashboard-gear-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.dashboard-line-chart {
    height: 250px;
    cursor: pointer;
}

.dashboard-pie-chart {
    height: 350px;
    cursor: pointer;
}
.dashboard-dates-container {
    margin-top: -65px;
    padding-right: 8px;
    margin-bottom: 15px;
}
.department-dailysales {
    margin-top: 3px;
}
.dashboard-dates {
    float: right;
    margin-left: 15px;
    width: 130px;
}
.table {
    width: 100% !important;
}

.product-image {
    border:1px solid #ccc;
    margin: 0 !important;
    padding: 0 0 10px 0px !important;
}
.dual-image {
    border:1px solid #ccc;
    padding:5px;
}

.dual-image .image-div {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;height: 250px;
    width: 100%;
}
.display-inline {
    display: inline;
}

#custom-layout-form .table-edit, #custom-layout-form .table-delete{
    cursor: pointer;
}

#custom-layout-form .section-delete {
    cursor: pointer;
}

.draw-section {
    margin-right: 10px;
    border: 1px solid #878787;
}
#shape-details {
    overflow-x: auto;
    flex-wrap: nowrap;
    display: flex;
}
#shape-details .btn-default:hover{
    border: 1px solid #878787;
}

#backofficebundle_duettexport_duettDepartmentId{
    width:365px;
}

.duett-department-mapping .panel-body {
    padding: 20px 35px;
}

.refresh-data .refresh-icon {
    border: 1px solid #0887be;
    float: left;
    padding: 5px;
    text-align: center;
    margin-left: 10px;
    height: 34px;
    cursor: pointer
}

.refresh-data .select2dropdown {
    float: left;
    width:calc(100% - 46px);
}

.divLoading
{
    display : none;
    position : absolute;
    z-index: 9999;
    background: rgba( 255, 255, 255, .4 )  url('../images/loading.gif');
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}

.product-form-right .checkbox{
    display: inline-block;
    width: 110px;
    height: 31px;
    margin: 0;
    margin-right: 15px;
    vertical-align: top;
}
.product-form-right .text-right {
    display: inline-block;
}

#form-product-list .select2-selection {
    height: 38px !important;
}
.product-form-right .bootstrap-switch .bootstrap-switch-handle-off {
    padding: 4px;
}
.product-form-right .bootstrap-switch .bootstrap-switch-handle-on,
    /*.product-form-right .bootstrap-switch .bootstrap-switch-handle-off,*/
.product-form-right .bootstrap-switch .bootstrap-switch-label{
    padding: 4px 10px 4px 10px;
}
.product-form-right .text-right {
    display: inline-block;
}

#form-product #backofficebundle_product_kitchenPrinters {
    margin-left: -12px;
    margin-top : -6px;
}
#form-product .nav-tabs>li>a{
    color:#088ac2
}
#form-product .nav-tabs>li>a:hover {
    background: '';
}
.margin-bottom-25 {
    margin-bottom: 25px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}
#product_variant_generat_section .tab-content {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.validateTab{
    background-color: #e0abab !important;
    color: #555 !important;
}
.main-image-edit-view {
    margin: 0 auto;
    padding: 3px;
    width: 150px;
    height: auto;
}
.row-image{
    padding: 0px 0px 10px 10px;
    float:left;
}

/* Vipps Style */
.vipps-background-color {
    font-family: 'Work Sans'; font-size: 17px;
    background-color: #ECEBEC;
    height: 100%;
    width: 100%;
}

.vipps-button {
    background-color: #193750;
}

.vipps-button-selected {
    background-color: #436c8f;
}

.vipps-button-text-color {
    color: #fff;
}

.vipps-tips-button {
    background-color: #ff5c25;
    color: #fff;
    border-color: #ff5c25;
}

.vipps-tips-text {
    margin-top: 10px;
}

.vipps-tips-input-box {Можете чуть потише, я на звонке.... 
    text-align: center;
    width: 100%;
}

.vipps-form-input {
    text-align: center;
    margin: 0 auto;
    padding: 1.5rem 2rem;
    border-radius: 0.2rem;
    border: none;
    width: 90%;
    display: block;
    border-bottom: 0.3rem solid transparent;
    transition: all 0.3s;
}

.vipps-modal-background-color {
    background-color: #ECEBEC;
}

.vipps-price-text {
    font-size: 15px;
    font-weight: bold;
}

.vipps-price-sale-text {
    font-size: 15px;
    font-weight: bold;
    color: #AA3333;
 }

.vipps-price-old-text {
    font-size: 15px;
    font-weight: bold;
    text-decoration: line-through;
}

.vipps-tips-percentage-button {
    margin-left: 4%;
    width: 74px;
}

.vipps-condiment-text {
    font-size: 12px;
}

div.checker {
    width: 15px;
    height: 30px;
}

.input:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}
/* Vipps style end */

/* Start: Pdf generator classes */

/* Start: Pdf generator invoice */
.invoice-table-header {
    background-color: #faf6bb;
}

.invoice-table-row:nth-child(odd) {
    background-color: rgb(231, 231, 231);
}

.invoice-info-text {
    border-collapse: collapse;
    font-size: 15px;
    font-weight: normal;
    border: none;
}

.invoice-footer {
    border: 20px;
}

table {
     border-collapse: collapse;
 }

tr.invoice-border {
    border-top: 1pt solid black;
}

#droppable .-img-shape {
    width: 100%;
    height: 100%;
}

#droppable .ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 10px solid transparent;
    border-right: 10px solid lightgray;
    border-bottom: 10px solid lightgray;
}
/* End: Pdf generator invoice */

/* Smartwaves */
.smartwaves-left {
    float: left;
}

.smartwaves-light {
    color: #1f2d3d;
    background-color: #f8f9fa;
    border-color: #e9ecef;
}

.smartwaves-alert {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.smartwaves-customer-campaign-card {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 20px;
}

.smartwaves-customer-campaign-card h3 {
    font-size: 24px;
    margin-top: 0;
}

.smartwaves-customer-campaign-card p {
    margin: 0;
}

.sms-rules-edit-button {
    margin-bottom: 5px;
    width: 80px;
}

.sms-rules-button {
    width: 80px;
}
.smartwaves-campaign-index-buttons {
    width: 200px;
}

#smartwaves-member-info #loading-gif {
    display: block;
}

#smartwaves-member-info > *:not(#loading-gif) {
    display: none;
}

#smartwaves-member-info img {
    margin: auto;
    display: block;
}

.smartwaves-card-date-text {
    font-size: 10px;
}

.smartwaves-select2 {
    width: 300px;
}

.smartwaves-box {
    background: #f2f2f2;
    height: 80px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    margin: 5px;
}

.smartwaves-box-heading {
    font-size: 14px;
}

.smartwaves-box-text {
    font-size: 16px;
    font-weight: bold;
}

.smartwaves-total-new-members {
    font-size: 16px;
    font-weight: bold;
    color: #28a745;
}


/*Start : product label barcode*/
@media (min-width: 768px) {

    #product_container .modal-dialog{
        width: 700px;
    }
}

@page {
    size: auto;
    margin: 0mm;
    padding: 0mm;
}

@media print {
    @page { size: auto;  margin: 0mm; }
    body { margin: 1.6cm; }
}

@page { size: auto;  margin: 0px; padding: 0px; }

@media  (min-width: 768px) and (max-width: 1200px) {
    .compact-menu .horizontal-bar .accordion-menu  li  a  p {
        display: inline !important;
    }
    .panel-tile span.title {
        font-size: 13px;
        margin: 0;
        font-weight: bold;
    }
    .tile-area .panel{
        height: 95px !important;
    }
    .tile-area .panel-tilegroup{
        height: 50px !important;
    }
    .tile-area .product-tiles a {
        padding:0px;
    }
    .reset-padding-0{
        padding: 0 !important;
    }
}

@media  (min-width: 991px) and (max-width: 1575px)  {

}

@media (max-width: 767px){
    .left-sidebar {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-inner {
        width: 100%;
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .remove-mobile-padding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .table td, .table th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .table-responsive {
        border: none;
    }

    .dashboard-dates-container {
        margin-top: 0px;
        padding-right: 3px;
    }
    .worksans-family{
        font-family: 'Work Sans', sans-serif;
        font-size:18px;
    }
    .invoiceLogo{
        max-width:250px;
        max-height: 250px;
        display:inline-block;
    }
    .invoiceInfo{
        position:absolute;
        right:50px;
        top:50px;
        max-width: 250px;
    }
    .customerInvoiceInfo {
        float:left;
        max-width:250px;
        top:20%;

    }
    .departmentInfo{
        display:inline-block;
        max-width: 250px;
        margin-top:300px;
    }
}
.template-row:hover {
    background-color: #eee;
}
.credit-card {
    background-color: #f5f5f5;
    border-radius: 10px;
    width: 200px;
    height: 100px;
    border: 1px solid #000;
    margin: 10px;
}
.cardBoxes button{
    margin: 5px;
    display: inline-block;
    margin-left:10px;
}
.template-row:hover {
    background-color: #eee;
}

.card-number {
    font-size: 14px;
    text-align: center;
    padding: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    color:black;
}

.expiry-date {
    font-size: 12px;
    text-align: center;
    padding: 10px;
    color:black;
}
.cardBoxes{
    display: inline-block;
}