/*
    Header for Vietnam
*/

.rb-vietnam-bar, .vietnam-bar.rb-vietnam-bar {
    background-color: #221C46 !important;
    height: 25px;
}

/*
    Logo for Vietnam
*/
.rb-vietnam-logo-size-margin, .vietnam-logo-size-margin.rb-vietnam-logo-size-margin {
    max-height: 100px;
    min-width: 90px;
    margin-bottom: 8px;
    margin-top: 0;
    margin-left: 5px;
}

.rb-vietnam-logo-size-margin-right, .vietnam-logo-size-margin-right.rb-vietnam-logo-size-margin-right {
    height: 100px;
    width: 160px;
}

/*
    Footer for Vietnam
*/
#wrapper #vietnam-footer {
    background-color: #221C46 !important;
}

/*
    Dashboard for Vietnam
*/
.rb-dashboard-menu, .dashboard-menu.rb-dashboard-menu {
    background-color: #221c46;
    border-radius: 16px;
    margin: 2px !important;
}

.rb-dashboard-menu a, .dashboard-menu.rb-dashboard-menu a {
    color: #FFFFFF !important;
    border-radius: 15px;
}

.rb-dashboard-menu a:hover:focus, .dashboard-menu.rb-dashboard-menu a:hover:focus, .rb-dashboard-menu a:focus, .dashboard-menu.rb-dashboard-menu a:focus,
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover:focus,
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:focus {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    background-color: #DEF3FB !important;
    color: #221c46 !important;
    border-radius: 15px;
    border: 3px solid #1B51DC !important;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

.rb-dashboard-menu a:hover, .dashboard-menu.rb-dashboard-menu a:hover,
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover {
    background-color: #DEF3FB !important;
    color: #221C46 !important;
    border-radius: 13px;
    border: none !important;
    outline: none !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.rb-dashboard-menu a:hover:active, .dashboard-menu.rb-dashboard-menu a:hover:active,
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover:active {
    background-color: #0F266D !important;
    color: #FFFFFF !important;
    border: none !important;
    outline: none !important;
    border-radius: 15px;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

.rb-dashboard-menu a.active, .dashboard-menu.rb-dashboard-menu a.active,
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a.active{
    background-color: #C7FCCA !important;
    color: #221C46 !important;
    border-radius: 13px;
}

/*
    Panel for Vietnam
*/
.rb-consumer-panel{
    border-radius: 16px !important;
}

.rb-distribution-details-panel-heading,
.distribution-details-panel-heading.rb-distribution-details-panel-heading,
.rb-consumer-panel .consumer-custom-panel-heading {
    background-color: #221C46 !important;
    color: #FFFFFF !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 10px 20px;
}

.inventory-container > .rb-mini-stat{
    padding: 10px 20px;
    background-color: #221C46 !important;
}


.consumer-custom-panel-heading input[type="text"], .nav.custom-navtab > li.active > a, .inbox-widget .inbox-item .inbox-item-author {
    color: #221C46 !important;
}

.sodexo-bg-blue.rb-sodexo-bg-blue, .rb-sodexo-bg-blue {
    background-color: #221C46!important;
}

/*
    Input text box for Vietnam
*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
select.form-control,
input[class="form-control"],
textarea {
    border: 1px solid #b6b6b7 !important;
    color: #221C46 !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select.form-control:focus,
input[class="form-control"]:focus,
textarea:focus {
    outline: 2px solid #878dfa !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

input[type="text"].input-date-picker-edit {
    border: none !important;
    background: #FFFFFF !important;
}

.date-picker-edit, select-box-edit {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.date-picker-edit:focus-within {
    border-bottom: 3px solid #878dfa !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.select-box-edit:focus-within {
    border: 1px solid #878dfa !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

input[type="text"].input-date-picker-edit:focus {
    border: none !important;
    outline: none !important;
    background: #FFFFFF !important;
}

.form-control.error {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    background-color: #fcece7 !important;
    outline: 2px solid #ff9a7e !important;
    border: 1px solid #fbc2c4 !important;
    color: #8a1f11 !important;
}

label.error {
    color: #EA0101 !important;
}

/*
    Input checkbox. Radio Button for Vietnam
*/

input[type=checkbox], input[type=radio] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    content: none;
    border: transparent !important;
}

input[type=checkbox]:before {
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #716E7C !important;
    margin: 0 7px 0 7px !important;
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 15px;
    color: transparent !important;
    background: #ffffff;
    border-radius: 2px;
}

input[type=radio]:before {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #716E7C !important;
    margin: 0 7px 0 7px !important;
    font-family: "FontAwesome";
    content: "\f111";
    font-size: 12px;
    color: transparent !important;
    background: #ffffff !important;
    border-radius: 10px;
    text-align: center !important;
}

input[type=checkbox]:hover:before, input[type=radio]:hover:before {
    outline: 1px solid #526cf8 !important;
    background: #e8f6fc;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

input[type=checkbox]:active:before, input[type=radio]:active:before {
    outline: 1px solid #0f266d !important;
    background: #e8f6fc;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

input[type=checkbox]:checked:before {
    color: #526cf8 !important;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

input[type=radio]:checked:before {
      color: #526cf8 !important;
      padding: 1px 0px 2px 0px !important;
      -webkit-transition: 0.1s;
      transition: 0.1s;
}

/*.radio-sodexo input[type="radio"]:checked + label::after {*/
/*    background: #526cf8 !important;*/
/*    -webkit-transition: 0.1s;*/
/*    transition: 0.1s;*/
/*}*/

/*.radio-sodexo input[type="radio"]:checked + label::before {*/
/*    border-color: #526cf8 !important;*/
/*    -webkit-transition: 0.1s;*/
/*    transition: 0.1s;*/
/*}*/

input[type="checkbox"][disabled]:not(checked):before, input[type=radio][disabled]:not(checked):before {
    outline: 1px solid #b5b2bc !important;
    /*background: #b5b2bc !important;*/
}

input[type="checkbox"]:disabled:checked:before,  input[type="checkbox"][disabled]:checked:before{
    font-family: "FontAwesome";
    content: "\f00c";
    background: #FFFF !important;
    color: #716E7C !important;
    outline: 1px solid #716E7C !important;
    font-size: 15px;
}


input[type=radio]:disabled:checked:before, input[type=radio][disabled]:checked:before {
    font-family: "FontAwesome";
    content: "\f111";
    font-size: 12px;
    background: #FFFF !important;
    color: #716E7C !important;
    border-radius: 10px;
    text-align: center !important;
}

input[type="checkbox"]:invalid:before {
    background: #FCF1EE !important;
    outline: 1px solid #B30000 !important;
}

input[type="radio"]:hover:active:before, input[type="checkbox"]:hover:active:before {
    background: #DEF3FB !important;
    outline: 2px solid #0F266D !important;
}

input[type="radio"]:focus:before, input[type="checkbox"]:focus:before {
    background: #e8f6fc !important;
    outline: 2px solid #526cf8 !important;
    outline-offset: 1px;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

/*
    Table for Vietnam
*/

.panel thead tr th, .panel thead tr th .description-heading {
    background-color: #221C46 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.rb-table.table thead tr th, .rb-table.table thead tr th .description-heading, .rb-table.table thead tr td {
    background-color: #221C46 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.panel tbody tr:nth-of-type(2n+1), .panel tbody tr:nth-of-type(2n) {
    background-color: transparent !important;
}

.rb-table.table tbody tr:nth-of-type(2n+1), .rb-table.table tbody tr:nth-of-type(2n) {
    background-color: transparent !important;
}

.panel tbody tr:nth-of-type(2n+1) td {
    color: #221C46 !important;
    background-color: #faf8ff !important;
}

.rb-table.table tbody tr:nth-of-type(2n+1) td {
    color: #221C46 !important;
    background-color: #faf8ff !important;
}

.panel tbody tr:nth-of-type(2n) td {
    color: #221C46 !important;
    background-color: #ffffff !important;
}

.rb-table.table tbody tr:nth-of-type(2n) td {
    color: #221C46 !important;
    background-color: #ffffff !important;
}

.panel tbody tr:nth-of-type(2n+1) > td > table > tbody tr td, .panel tbody tr:nth-of-type(2n) > td > table > tbody tr td {
    background-color: transparent !important;
}

.rb-table.table tbody tr:nth-of-type(2n+1) > td > table > tbody tr td, .rb-table.table tbody tr:nth-of-type(2n) > td > table > tbody tr td {
    background-color: transparent !important;
}

.panel tbody tr td:hover {
    background-color: #e5e3ea !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.rb-table.table tbody tr td:hover {
    background-color: #e5e3ea !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.rb-table.table > tbody > tr > th[scope="row"] {
    color: #FFFFFF !important;
    background-color: #221C46 !important;
}

.description-heading {
    color: #FFFFFF !important;
}

/*
    Button for Vietnam
*/

.rb-btn-primary,
.btn-sodexo.rb-btn-primary,
.btn.rb-btn-primary,
a.rb-btn-primary,
.btn.add-new-line-item.rb-btn-primary,
button.confirm,
.wizard > .actions a[href="#next"],
.wizard > .actions a[href="#previous"],
.wizard > .actions a[href="#finish"] {
    background-color: #01D253 !important;
    color: #FFFFFF !important;
    border-radius: 5px !important;
    -webkit-transition: 0.05s;
    transition: 0.05s;
    border: none !important;
}

.collect-voucher-icon.rb-btn-primary {
    background-color: #01D253 !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    -webkit-transition: 0.05s;
    transition: 0.05s;
    border: none !important;
}

.rb-btn-primary.btn-rounded,
.rb-btn-primary.btn-rounded:hover,
.rb-btn-primary.btn-rounded:focus,
.rb-btn-primary.btn-rounded:active,
.rb-btn-primary.btn-rounded.active {
    border-radius: 2em !important;
    border: 1px solid transparent !important;
}

.rb-btn-primary:focus,
.btn-sodexo.rb-btn-primary:focus,
.btn.rb-btn-primary:focus,
a.rb-btn-primary:focus,
.btn.add-new-line-item.rb-btn-primary:focus,
button.confirm:focus,
.wizard > .actions a[href="#next"]:focus,
.wizard > .actions a[href="#previous"]:focus,
.wizard > .actions a[href="#finish"]:focus {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    background-color: #01D253 !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    border: 3px solid #FFFFFF !important;
    outline: 2px solid #01ad43 !important;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}



.rb-btn-primary:hover,
.btn-sodexo.rb-btn-primary:hover,
.btn.rb-btn-primary:hover,
a.rb-btn-primary:hover,
.btn.add-new-line-item.rb-btn-primary:hover,
button.confirm:hover,
.wizard > .actions a[href="#next"]:hover,
.wizard > .actions a[href="#previous"]:hover,
.wizard > .actions a[href="#finish"]:hover {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    background-color: #01ad43 !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.collect-voucher-icon.rb-btn-primary:hover {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    background-color: #01ad43 !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    -webkit-transition: 0.05s;
    transition: 0.05s;
    border: none !important;
}

.rb-btn-primary:active, .rb-btn-primary.active,
.btn-sodexo.rb-btn-primary:active, .btn-sodexo.rb-btn-primary.active,
a.rb-btn-primary:active, a.rb-btn-primary.active,
.btn.rb-btn-primary.active, .btn.rb-btn-primary:active,
.btn.add-new-line-item.rb-btn-primary.active,
.btn.add-new-line-item.rb-btn-primary:active,
button.confirm:active, button.confirm.active,
.wizard > .actions a[href="#next"]:active, .wizard > .actions a[href="#next"].active,
.wizard > .actions a[href="#previous"]:active, .wizard > .actions a[href="#previous"].active,
.wizard > .actions a[href="#finish"]:active, .wizard > .actions a[href="#finish"].active {
    background-color: #008A34 !important;
    color: #FFFFFF !important;
    border: none !important;
    outline: none !important;
    border-radius: 5px;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}


.rb-btn-primary.anchorStyle, .rb-btn-primary.dashboards-links,
.rb-btn-sodexo.dashboards-links, .rb-btn-sodexo.anchorStyle,
.rb-btn-block.dashboards-links, .rb-btn-block.anchorStyle {
    border-radius: 15px !important;
}

.btn-page.rb-btn-paging, .btn-page.rb-btn-primary.rb-btn-paging,
.rb-btn-primary.rb-btn-paging,
.rb-btn-primary.rb-btn-paging:hover,
.rb-btn-primary.rb-btn-paging:active,
.rb-btn-primary.rb-btn-paging:focus,
.rb-btn-primary.rb-btn-paging.active,
.btn-page.rb-btn-primary.rb-btn-paging.active,
.btn-page.rb-btn-primary.rb-btn-paging:hover,
.btn-page.rb-btn-primary.rb-btn-paging:active,
.btn-page.rb-btn-primary.rb-btn-paging:focus {
    background-color: #221C46 !important;
    color: #FFFFFF !important;
    border-radius: 5px !important;
    -webkit-transition: 0.2s;
    transition: 0.05s;
    border: none !important;
    outline: none!important;
}


/*.btn-page.rb-btn-paging:hover, .rb-btn-primary.rb-btn-paging:hover {*/
/*    background-color: #ccc8c8 !important;*/
/*    color: #221C46 !important;*/
/*    border-radius: 5px !important;*/
/*    -webkit-transition: 0.05s;*/
/*    transition: 0.05s;*/
/*    border: none !important;*/
/*}*/

/*
    Block (aka. Others) button for Vietnam
    ~ currently dont have focus and pressed state
*/

.rb-btn-primary.rb-btn-block, .btn-block.rb-btn-block.anchorStyle,
.rb-btn-block.dashboards-links,
.rb-btn-block.dashboards-links:hover,
.rb-btn-block.dashboards-links:focus,
.rb-btn-block.dashboards-links:active,
.rb-btn-primary.rb-btn-block:hover, .rb-btn-block.anchorStyle:hover,
.rb-btn-primary.rb-btn-block:focus, .rb-btn-block.anchorStyle:focus,
.rb-btn-primary.rb-btn-block:active, .rb-btn-block.anchorStyle:active {
    background-color: #FF7375 !important;
    color: #ffffff !important;
    border-radius: 15px !important;
    border: 1px solid transparent !important;
    outline: none!important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

/*
    Consumer-desk-icon button for Vietnam
*/


.rb-consumer-desk-icon.consumer-desk-icon {
    border-radius: 100%;
    font-size: 20px;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    width: 50px;
    background-color: #ccc8c8 !important;
    color: #221C46 !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

a.rb-consumer-desk-icon.consumer-desk-icon:hover {
    color: #FFFFFF !important;
    background-color: #221C46 !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

/*
    Button - danger for Vietnam
*/

.rb-btn-danger, .btn-danger.rb-btn-danger {
    background-color: #ff5d3b !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    -webkit-transition: 0.05s;
    transition: 0.05s;
    border: none !important;
}

.rb-btn-danger:focus, .btn-danger.rb-btn-danger:focus {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    background-color: #ff5d3b !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    border: 3px solid #FFFFFF !important;
    outline: 2px solid #ea0101 !important;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

.rb-btn-danger:hover, .btn-danger.rb-btn-danger:hover {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    background-color: #ea0101 !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.rb-btn-danger:active, .btn-danger.rb-btn-danger:active {
    background-color: #b30000 !important;
    color: #FFFFFF !important;
    border: none !important;
    outline: none !important;
    border-radius: 5px;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

/*
    Button warning for Vietnam
*/

.rb-btn-warning ,.btn-warning.rb-btn-warning {
    background-color: #f8c5a0 !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    -webkit-transition: 0.05s;
    transition: 0.05s;
    border: none !important;
}

.rb-btn-warning:focus ,.btn-warning.rb-btn-warning:focus {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    background-color: #f8c5a0 !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    border: 3px solid #FFFFFF !important;
    outline: 2px solid #f8a05b !important;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

.rb-btn-warning:hover ,.btn-warning.rb-btn-warning:hover {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    background-color: #f8a05b !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.rb-btn-warning:active ,.btn-warning.rb-btn-warning:active {
    background-color: #d47420 !important;
    color: #FFFFFF !important;
    border: none !important;
    outline: none !important;
    border-radius: 5px;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

/*
    Button success for Vietnam
*/

.rb-btn-success {
    background-color: #00cf96 !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    -webkit-transition: 0.05s;
    transition: 0.05s;
    border: none !important;
}

.rb-btn-success:focus {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    background-color: #00cf96 !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    border: 3px solid #FFFFFF !important;
    outline: 2px solid #01ab7b !important;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

.rb-btn-success:hover {
    background-color: #01ab7b !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.rb-btn-success:active {
    background-color: #008861 !important;
    color: #FFFFFF !important;
    border: none !important;
    outline: none !important;
    border-radius: 5px;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

/*
    Disabled button for Vietnam
*/

.rb-btn-success:disabled, .rb-btn-success[disabled], .rb-btn-success.disabled,
.rb-btn-danger:disabled, .btn-danger.rb-btn-danger:disabled, .rb-btn-danger[disabled], .btn-danger.rb-btn-danger[disabled], .rb-btn-danger.disabled, .btn-danger.rb-btn-danger.disabled,
.rb-btn-warning:disabled ,.btn-warning.rb-btn-warning:disabled, .rb-btn-warning[disabled] ,.btn-warning.rb-btn-warning[disabled], .rb-btn-warning.disabled ,.btn-warning.rb-btn-warning.disabled,
.rb-btn-primary:disabled, .rb-btn-primary[disabled], .rb-btn-primary.disabled,
.btn-sodexo.rb-btn-sodexo:disabled, .btn-sodexo.rb-btn-sodexo[disabled], .btn-sodexo.rb-btn-sodexo.disabled,
.btn.add-new-line-item.rb-btn-primary:disabled, .btn.add-new-line-item.rb-btn-primary[disabled], .btn.add-new-line-item.rb-btn-primary.disabled,
button.confirm:disabled, button.confirm[disabled], button.confirm.disabled,
.wizard > .actions a[href="#next"]:disabled, .wizard > .actions a[href="#next"][disabled], .wizard > .actions a[href="#next"].disabled,
.wizard > .actions a[href="#previous"]:disabled, .wizard > .actions a[href="#previous"][disabled], .wizard > .actions a[href="#previous"].disabled,
.wizard > .actions a[href="#finish"]:disabled, .wizard > .actions a[href="#finish"][disable], .wizard > .actions a[href="#finish"].disabled,
.wizard > .actions a[href="#finish-disable"]:disabled, .wizard > .actions a[href="#finish-disable"][disable], .wizard > .actions a[href="#finish-disable"].disabled,
.wizard > .actions a[href="#finish-disable"], .wizard > .actions .disabled a {
    background-color: #f0eef5 !important;
    color: #b5b2bc !important;
    border: none !important;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.rb-btn-success:disabled:hover, .rb-btn-success[disabled]:hover, .rb-btn-success.disabled:hover,
.rb-btn-danger:disabled:hover, .btn-danger.rb-btn-danger:disabled:hover, .rb-btn-danger[disabled]:hover, .btn-danger.rb-btn-danger[disabled]:hover, .rb-btn-danger.disabled:hover, .btn-danger.rb-btn-danger.disabled:hover,
.rb-btn-warning:disabled:hover ,.btn-warning.rb-btn-warning:disabled:hover, .rb-btn-warning[disabled]:hover ,.btn-warning.rb-btn-warning[disabled]:hover, .rb-btn-warning.disabled:hover ,.btn-warning.rb-btn-warning.disabled:hover,
.rb-btn-primary:disabled:hover, .rb-btn-primary[disabled]:hover, .rb-btn-primary.disabled:hover,
.btn.add-new-line-item.rb-btn-primary:disabled:hover, .btn.add-new-line-item.rb-btn-primary[disabled]:hover, .btn.add-new-line-item.rb-btn-primary.disabled:hover,
button.confirm:disabled:hover, button.confirm[disabled]:hover, button.confirm.disabled:hover,
.wizard > .actions a[href="#next"]:disabled:hover, .wizard > .actions a[href="#next"][disabled]:hover, .wizard > .actions a[href="#next"].disabled:hover,
.wizard > .actions a[href="#previous"]:disabled:hover, .wizard > .actions a[href="#previous"][disabled]:hover, .wizard > .actions a[href="#previous"].disabled:hover,
.wizard > .actions a[href="#finish"]:disabled:hover, .wizard > .actions a[href="#finish"][disable]:hover, .wizard > .actions a[href="#finish"].disabled:hover,
.wizard > .actions .disabled a:hover{
    background-color: #f0eef5 !important;
    color: #b5b2bc !important;
    border: none !important;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

/*
    footer for Vietnam
*/

.rb-portal-footer, .portal-footer.rb-portal-footer {
    background-color: #221C46;
    padding: 15px;
    left: 0;
    border: none;
    text-align: right !important;
}

/*
    sodexo modal for vietnam
*/

.sodexo-modal-header.rb-sodexo-modal-header {
    background-color: #221C46 !important;
    border: 1px solid #2A295C;
    color: #FFFFFF;
}

/*
    overlay bar header for vietnam
*/

.rb-bar__layer, .bar__layer.rb-bar__layer {
    height: 26px;
    background: #221C46 !important;
    background-repeat: repeat-x;
    left: 0;
    right: 0;
    bottom: 20px;
}

.rb-overlay__box, .overlay__box.rb-overlay__box {
    display: none;
}

@media all and (max-width: 500px) {
    .rb-portal-footer img {
        width: 8% !important;
    }
}

@media all and (max-width: 500px) {
    .rb-custom-header a.logo > img {
        width: 43% !important;
    }
}

/*
    others
*/
.rb-philippines-logo-size-margin {
    max-height: 79px;
    width: auto;
    min-width: 70px;
    margin-bottom: 8px;
    margin-top: 22px;
}

.exchangeStock-layout-edit, .order-basic-details  {
    background-color: #221C46 !important;
}

.exchangeStock-layout-edit:nth-of-type(2n) {
    /*background-color: #221C46 !important;*/
    /*background-color: lightgray !important;*/
}

.last-msg-edit {
    /*color: #FFFFFF !important;*/
    color: #221C46 !important;
}

.form-title-edit {
    color: #221C46 !important;
}

.bg-danger, .bg-sodexo {
    color: #FFFFFF !important;
}

.mini-stat-icon {

}

.description-heading {
    color: #221C46 !important;
}

.paddingBottom0 {
    padding-bottom: 0 !important;
}

.sodexo-blue {
    color: #221C46 !important;
}

.sodexo-bg-color, .sodexo-bg-color:hover {
    background: #221C46 !important;
}

.icon-enabled {
    color: #221C46!important;
}

.custom-link, .custom-link:hover {
}

a[id="viewPrintReceiptPopup"].custom-link, a[id="viewPrintReceiptPopup"].custom-link:hover {
    color: #221C46 !important;
}

.tab-content, .tab-content  h5,
.tab-content  h4, .tab-content  h3:not(.modal-header-title),
.tab-content  h2, .tab-content  h1 {
    color: #221C46!important;
}

.wizard > .steps .current a {
    background-color: #221C46 !important;
}

.mini-stat.rb-mini-stat.inventory-details {
    background-color: #221C46!important;
}

.staff-panel > .panel-heading {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.sub-panel-heading {
    background-color: #ff7375 !important;
    color: #fff !important;
}

.staff-profile-panel-heading {
    background-color: #221C46 !important;
}

.panel-fill {
    background-color: #FFFFFF !important;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover {
    background-color: #221C46 !important;
}

.vn-text-color {
    color: #ff7375 !important;;
}