/*Button*/
.rb-btn-primary, .btn-primary.rb-btn-primary, .btn-warning.rb-btn-warning, .rb-btn-danger, .btn-danger.rb-btn-danger, .rb-btn-success, .btn-sodexo.rb-btn-primary,
.rb-btn-primary:disabled, .rb-btn-warning:disabled, .btn-warning.rb-btn-warning:disabled,
.btn-danger.rb-btn-danger:disabled, .rb-btn-danger:disabled,
.btn-success.rb-btn-success:disabled, .rb-btn-success:disabled,
.rb-btn-primary.add-new-line-item, .wizard > .actions a[href="#next"],
.wizard > .actions a[href="#previous"], .wizard > .actions a[href="#finish"],
.wizard > .actions a[href="#finish-disabled"], button.confirm
{
    background-color: #00EB5E !important;
    border: 3px solid #221c46 !important;
    color: #221c46 !important;
    font-weight: bold !important;
    border-radius: 5px;
}

.btn-primary.rb-btn-primary.dashboards-links {
    border-radius: 5px !important;
}

.rb-btn-primary:hover, .btn-primary.rb-btn-primary:hover, .btn-warning.rb-btn-warning:hover, .rb-btn-warning:hover,
.btn-danger.rb-btn-danger:hover, .rb-btn-danger:hover,
.rb-btn-success:hover, .btn-sodexo.rb-btn-primary:hover,
.rb-btn-primary:focus, .btn-primary.rb-btn-primary:focus, .btn-warning.rb-btn-warning:focus, .rb-btn-warning:focus,
.btn-danger.rb-btn-danger:focus, .rb-btn-danger:focus,
.rb-btn-success:focus, .btn-success.rb-btn-success:focus,
.wizard > .actions a[href="#next"]:hover, .wizard > .actions a[href="#previous"]:hover,
.wizard > .actions a[href="#finish"]:hover, .wizard > .actions a[href="#next"]:focus,
.wizard > .actions a[href="#previous"]:focus, .wizard > .actions a[href="#finish"]:focus,
button.confirm:focus,button.confirm:hover{
    background-color: #C7FCCA !important;
    border: 3px solid #221c46 !important;
    color: #221c46 !important;
    border-radius: 5px;
    box-shadow: 4.0px 4.0px 0.0px 0px rgba(34, 28, 70, 0.2) !important;
}

button.cancel{
    box-sizing: border-box!important;
    background: #FFFFFF !important;
    color: #221C46 !important;
    border: 3px solid #221C46 !important;
    font-weight: bold !important;
    border-radius: 5px!important;
}

button.cancel:disabled{
    background: #FFFFFF !important;
    color: #B5B2BC !important;
    border: solid #B5B2BC !important;
}

button.cancel:hover{
    background: #C7FCCA!important;
    color: #221C46 !important;
    border: solid #221C46!important;
    fill: rgba(255, 255, 255, 1.0) !important;
    box-shadow: 4.0px 4.0px 0.0px 0px rgba(34, 28, 70, 0.2) !important;
}

button.cancel:focus{
    background: #C7FCCA!important;
    color: #221C46!important;
    border: 4px solid #221C46!important;
    outline: 3px solid #1B51DC!important;
    box-shadow: none !important;
}

button.cancel:hover:active{
    background: #00330E!important;
    color: #FFFFFF!important;
    border: solid #00330E!important;
    outline: none!important;
    fill: rgba(255, 255, 255, 1.0) !important;
    box-shadow: 2.0px 2.0px 0.0px 0px rgba(34, 28, 70, 0.2) !important;
}

/*pressed state*/
.rb-btn-primary:hover:active,
.btn-primary.rb-btn-primary:hover:active,
.rb-btn-warning:hover:active,
.btn-warning.rb-btn-warning:hover:active,
.rb-btn-danger:hover:active,
.btn-danger.rb-btn-danger:hover:active,
.rb-btn-success:hover:active,
.btn-success.rb-btn-success:hover:active,
.btn-sodexo.rb-btn-primary:hover:active,
.wizard > .actions a[href="#next"]:active,
.wizard > .actions a[href="#previous"]:active, .wizard > .actions a[href="#finish"]:active,
button.confirm:hover:active{
    background-color: #221c46 !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    border-radius: 5px;
}

.btn-server-error.rb-btn-server-error {
    color: #FFFFFF;
    background-color: #221C46 !important;
}

.consumer-btn {
    width: calc(14em + 30px) !important;
}

/*Web Menu*/
.rb-dashboard-menu, .dashboard-menu.rb-dashboard-menu {
    margin: 2px !important;
}

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

.rb-dashboard-menu a:hover:focus, .dashboard-menu.rb-dashboard-menu a:hover:focus, #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover:focus {
    background-color: #EFEFEF !important;
    color: #221c46 !important;
    border-radius: 15px;
}

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

.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: #C7FCCA !important;
    color: #221C46 !important;
    border-radius: 15px;
}


/*Panel*/
.distribution-details-panel-heading.rb-distribution-details-panel-heading, .rb-inventory-container .rb-mini-stat,
.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;
}

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

/*Input*/
input[type=text], input[type=password], input[type=email], input[class=form-control], input[type=date], input[type="number"] {
    background-color: #FFFFFF;
}

input[type=text]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder,
input[class=form-control]::placeholder, textarea::placeholder, input[type=date], input[type=tel]::placeholder, input[type="number"]::placeholder {
    color: #221c46;
}

input[type=text]:not(:placeholder-shown), input[type=password]:not(:placeholder-shown), input[type=email]:not(:placeholder-shown), input[class=form-control]:not(:placeholder-shown), input.form-control.number-input:not(:placeholder-shown), textarea:not(:placeholder-shown), input[type=date]:not(:placeholder-shown), input[type=tel]:not(:placeholder-shown), input[type="number"]:not(:placeholder-shown) {
    background-color: #221C46;
    color: #FFFFFF;
}

input[type=text]:valid[required]:not(:placeholder-shown),
input.form-control.number-input:valid[required]:not(:placeholder-shown),
input[class=form-control]:valid[required]:not(:placeholder-shown),
input[type=date]:valid[required]:not(:placeholder-shown),
input[type=password]:valid[required]:not(:placeholder-shown),
textarea:valid[required]:not(:placeholder-shown),
input[type=tel]:valid[required]:not(:placeholder-shown),
input[type='number']:valid[required]:not(:placeholder-shown){
    background-color: #221C46;
    color: #FFFFFF;
}

input[type=text]:invalid, input[class=form-control]:invalid:not([type=email]),
input[type=password]:invalid, input[type=date]:invalid, textarea:invalid, input[type=tel]:invalid, input[type=number]:invalid {
    background-color: #FFFFFF;
    color: #221C46;
}

input[type=text]:not(:placeholder-shown):not(:required),
input[type=email]:not(:placeholder-shown):not(:required),
input[class=form-control]:not(:placeholder-shown):not(:required),
textarea:not(:placeholder-shown):not(:required),
input[type=tel]:not(:placeholder-shown):not(:required),
input[type=number]:not(:placeholder-shown):not(:required){
    background-color: #221C46;
    color: #FFFFFF;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[class=form-control]:focus,
input.form-control.number-input:focus, textarea:focus, input[type=tel]:focus, input[type=number]:focus {
    background-color: #221c46 !important;
    color: #FFFFFF;
}

input[type=file]::file-selector-button {
    background-color: #00EB5E !important;
    outline-color: #221c46 !important;
    border: 1px solid #221c46 !important;
}

input[type=date]::-webkit-calendar-picker-indicator {
    background-color: #FFFFFF !important;
    color: red !important;
}

/*Table*/
.panel tbody tr:nth-of-type(2n+1) {
    background-color: #EFEFEF !important;
}

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

.rb-table.table th, .rb-table.table td {
    background-color: #EFEFEF;
    color: #221c46;
}

.rb-table.table td:hover {
    background-color: #F0EEF5;
}

.rb-bar__layer, .bar__layer.rb-bar__layer {
    height: 26px;
    background: #221c46;
    background-repeat: repeat-x;
    left: 0;
    right: 0;
    /*bottom: 20px;*/
    bottom: -7px;
}

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

.rb-custom-header, .custom-header.rb-custom-header {
    left: 0px;
    position: fixed;
    right: 0;
    top: 0px;
    z-index: 10;
}

.rb-philippines-logo-size-margin, .philippines-logo-size-margin.rb-philippines-logo-size-margin {
    max-height: 79px;
    width: auto;
    min-width: 70px;
    margin-bottom: 27px;
    margin-top: 5px;
}

.rb-philippines-logo-size-margin-general, .philippines-logo-size-margin-general.rb-philippines-logo-size-margin-general {
    height: 34px;
    width: 120px;
    margin-bottom: 5px;
    margin-top: 17px;
}

.topbar-left.rb-topbar-left {
    background: #221c46;
    float: left;
    height: 70px;
    position: relative;
    width: 240px;
    z-index: 1;
}

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

.wizard > .content > .body input.error {
    background: #EA0101 !important;
    border: 1px solid #fbc2c4;
}

.form-control.error {
    background-color: #EA0101 !important;
    color: #FFFFFF !important;
}

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

@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;
    }
}

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

.consumer-panel.rb-consumer-panel .consumer-custom-panel-heading.rb-consumer-custom-panel-heading {
    background-color: #2D264E;
    color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 20px;
}

.mini-stat-icon {
    color: #FFFFFF;
}

.container.rb-container {
    background-color: #221C46 !important;
}

.ex-page-content.text-center.rb-error-color h1, .ex-page-content.text-center.rb-error-color h2,
.ex-page-content.text-center.rb-error-color p {
    color: #221C46 !important;
}

.btn-primary.rb-btn-primary.anchorStyle {
    border-radius: 15px !important;
}

.btn-primary.rb-btn-primary.collect-voucher-icon {
    border-radius: 10px !important;
}

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

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

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

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

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

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

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

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

.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;
}

.rb-sodoxo-bg-yellow, .sodexo-bg-red.rb-sodexo-bg-yellow {
    background-color: #FFDC37 !important;
}

.rb-black-number-circle, .black-number-circle.rb-black-number-circle {
    background: #221C46 !important;
}