.dataTables_wrapper button.dt-button,
.dataTables_wrapper div.dt-button,
.dataTables_wrapper a.dt-button {
    color: #FFF;
    background: #00548f;
    border-color:#00548f;
    filter: none;
    text-shadow: none;
}
.dataTables_wrapper button.dt-button:hover,
.dataTables_wrapper div.dt-button:hover,
.dataTables_wrapper a.dt-button:hover,
.dataTables_wrapper button.dt-button:focus,
.dataTables_wrapper div.dt-button:focus,
.dataTables_wrapper a.dt-button:focus,
.dataTables_wrapper button.dt-button:active,
.dataTables_wrapper div.dt-button:active,
.dataTables_wrapper a.dt-button:active,
.dataTables_wrapper button.dt-button:active:hover,
.dataTables_wrapper div.dt-button:active:hover,
.dataTables_wrapper a.dt-button:active:hover {
    color: #fff;
    background:#005c9e;
    border-color:#005c9e;
    filter: none;
    text-shadow: none;
}
.dataTables_wrapper button.dt-button:active:not(.disabled):hover:not(.disabled),
.dataTables_wrapper button.dt-button.active:not(.disabled):hover:not(.disabled),
.dataTables_wrapper div.dt-button:active:not(.disabled):hover:not(.disabled),
.dataTables_wrapper div.dt-button.active:not(.disabled):hover:not(.disabled),
.dataTables_wrapper a.dt-button:active:not(.disabled):hover:not(.disabled),
.dataTables_wrapper a.dt-button.active:not(.disabled):hover:not(.disabled) {
    color: #fff;
    background: #005c9e;
    border-color: #005c9e;
    filter: none;
    text-shadow: none;
}

.table .btn-action {
    width: 24px;
    height: 23px;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 4px;
}
.table .btn-action i {
    font-size: 12px;
}

.dataTables_paginate > .pagination > li {
    padding: 0;
    margin-right: 5px;
    display: inline-block;
}
.dataTables_paginate > .pagination > li > a {
    cursor: pointer;
    display: inline-block;
    height: 2.25rem;
    min-width: 2.25rem;
    vertical-align: middle;
    padding: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
}
.dataTables_paginate > .pagination > li.disabled > a,
.dataTables_paginate > .pagination > li.disabled > a:hover {
    color: #898b96;
    background: #ebe9f2;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.dataTables_paginate > .pagination > li.active > a {
    background: #e3672a;
    color: #ffffff;
}
.dataTables_paginate > .pagination > li > a:hover {
    background: #e3672a;
    color: #ffffff;
    text-decoration: none;
}

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #e7ecf1;
    margin: 10px 0 !important;
}
.table-scrollable table {
    width: 100% !important;
    margin: 0 !important;
    background-color: #fff;
}

.btn-img {
    overflow: hidden;
    padding: 0 !important;
}
.btn-img:hover {
    opacity: 0.9;
}

.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__email {
    color: #fff;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m_nav__alert {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(max-width: 768px) {
    .hidden-sm {
        display: none !important;
    }
    .m-portlet .m-portlet__body {
        padding: 1.2rem 1.2rem;
    }
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0.24rem 0.5rem;
    font-size: 0.84rem;
    line-height: 1.2;
    border-radius: 0.2rem;
    margin-top: 0.15rem;
}

.btn-xs i, .btn-group-xs > .btn i {
    font-size: 0.8rem;
}

.btn-orange {
    color: #fff;
    background-color: #e95f0e;
    border-color: #e95f0e; }
    .btn-orange:hover {
        color: #fff;
        background-color: #cf5710;
        border-color: #c5500b; }
    .btn-orange:focus, .btn-orange.focus {
        box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.5); }
    .btn-orange.disabled, .btn-orange:disabled {
        background-color: #e95f0e;
        border-color: #e95f0e; }
    .btn-orange:not([disabled]):not(.disabled):active, .btn-orange:not([disabled]):not(.disabled).active,
    .show > .btn-orange.dropdown-toggle {
        color: #fff;
        background-color: #cf5710;
        border-color: #c5500b;
        box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.5);
}

.form-control.success {
    background: #34bfa3;
    color: #fff;
}
.form-control.error {
    background: #f4516c;
    color: #fff;
}

.form-control.colorpicker {
    box-sizing: border-box !important;
}

.glyphicon.glyphicon-chevron-left,
.glyphicon.glyphicon-chevron-right,
.glyphicon.glyphicon-chevron-up,
.glyphicon.glyphicon-chevron-down {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
}
.glyphicon.glyphicon-chevron-left::before {
    content: "\f104";
}
.glyphicon.glyphicon-chevron-right::before {
    content: "\f105";
}
.glyphicon.glyphicon-chevron-up::before {
    content: "\f106";
}
.glyphicon.glyphicon-chevron-down::before {
    content: "\f078";
}
.bootstrap-datetimepicker-widget table td span {
    line-height: 54px !important;
}

.qrcode.w-150 > div {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
}#d1571b
.qrcode.w-350 > div {
    width: 350px;
    height: 350px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.qrcode img {
    width: 100%;
}

#generate_form .product-list,
#edit_form .product-list {
    max-height: 140px;
    min-height: 38px;
    overflow: auto;
    padding: 0.65rem 0.8rem;
    border: 1px solid #ebedf2;
    border-radius: 0.25rem;
}
#generate_form .product-list label,
#edit_form .product-list label {
    margin: 5px 0;
}

@media(max-width: 560px) {
    .generate-form .form-actions {
        display: flex;
        flex-direction: column;
    }
    .generate-form .form-actions .btn-primary {
        width: 100%;
        order: 1;
    }
    .generate-form .form-actions .btn-default {
        width: 100%;
        order: 2;
    }
}


/* Relooking for Shap theme */

.m-header .m-header__bottom{
    background: #00548f;
}

.m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text{
    color: #e9e9e9;
}

@media(max-width: 992px) {
    .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text{
        color: #5e6382;
    }
}
.m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__hor-arrow{
    color: #e9e9e9;
}
.m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item:hover > .m-menu__link > .m-menu__hor-arrow, .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__hor-arrow{
    color: #e9e9e9;
}
.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link > .m-menu__item-here, .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link > .m-menu__item-here{
    color: #00548f;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper > i{
    color: #00548f;
}

.dropdown-menu{
    padding: 5px;
}
.dropdown-menu li button{
    width: 100%;
}



table.dataTable tbody th, table.dataTable tbody td {
    padding: 3px 5px;
    vertical-align: middle;
    font-size: 12px;
}

.table-bordered th, .table-bordered td{
    border: 1px solid #ddd;
}

.table-striped tbody tr:nth-of-type(odd){
    background-color: #f9f9f9;
}

table.table-bordered.dataTable{
    border-collapse: collapse !important;
}

.table.table-striped thead th{
    border: 1px solid #ddd;
    padding: 8px;
    font-size: 12px;
    vertical-align: middle;
}

.m-portlet .m-portlet__body{
    padding: 1.5rem;
}

.m-badge.m-badge--metal{
    line-height: 12px;
}

.m-body{
    background-color: #f4f4f4;
}

.m-login.m-login--1 .m-login__aside{
    padding-top: 0;
    padding-bottom: 0;
}

.m-login.m-login--1 .m-login__wrapper{
    padding: 10% 0 2rem 0;
}

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