.btn-primary.rb-btn-primary, .btn-success.rb-btn-success, .btn-sodexo, .rb-btn-primary.add-new-line-item,
.wizard > .actions a[href="#next"], .wizard > .actions a[href="#previous"],
.wizard >.actions a[href="#finish"], button.confirm{
    box-sizing: border-box!important;
    background: #00EB5E !important;
    color: #221C46 !important;
    border: 3px solid #221C46 !important;
    border-radius: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 11px;
    padding-right: 11px;
}

.btn-primary.rb-btn-primary.anchorStyle{
    padding: 10px 16px;
}

.btn-primary.rb-btn-primary:disabled, .btn-success.rb-btn-success:disabled, .btn-sodexo:disabled,
.wizard > .actions a[href="#next"]:disabled, .wizard > .actions a[href="#previous"]:disabled,
.wizard >.actions a[href="#finish-disabled"], button.confirm:disabled{
    background: #EFEFEF !important;
    color: #B5B2BC !important;
    border: solid #B5B2BC !important;
}

.btn-primary.rb-btn-primary:hover, .btn-success.rb-btn-success:hover, .btn-sodexo:hover,
.wizard > .actions a[href="#next"]:hover, .wizard > .actions a[href="#previous"]:hover,
.wizard >.actions a[href="#finish"]:hover, button.confirm: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;
}

.btn-primary.rb-btn-primary:focus, .btn-success.rb-btn-success:focus, .btn-sodexo:focus,
.wizard > .actions a[href="#next"]:focus, .wizard > .actions a[href="#previous"]:focus,
.wizard >.actions a[href="#finish"]:focus, button.confirm:focus{
    background: #C7FCCA!important;
    color: #221C46!important;
    border: 4px solid #221C46!important;
    outline: 3px solid #1B51DC!important;
    box-shadow: none !important;
}

.btn-primary.rb-btn-primary:hover:active, .btn-success.rb-btn-success:hover:active, .btn-sodexo:hover:active,
.wizard > .actions a[href="#next"]:hover:active, .wizard > .actions a[href="#previous"]:hover:active,
.wizard >.actions a[href="#finish"]:hover:active, button.confirm: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;
}

.btn-warning.rb-btn-warning, .btn-danger.rb-btn-danger{
    box-sizing: border-box!important;
    background: #FFFFFF !important;
    color: #221C46 !important;
    border: 3px solid #221C46 !important;
    border-radius: 5px!important;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 11px;
    padding-right: 11px;
}

.btn-warning.rb-btn-warning:disabled, .btn-danger.rb-btn-danger:disabled{
    background: #FFFFFF !important;
    color: #B5B2BC !important;
    border: solid #B5B2BC !important;
}

.btn-warning.rb-btn-warning:hover, .btn-danger.rb-btn-danger: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;
}

.btn-warning.rb-btn-warning:focus, .btn-danger.rb-btn-danger:focus{
    background: #C7FCCA!important;
    color: #221C46!important;
    border: 4px solid #221C46!important;
    outline: 3px solid #1B51DC!important;
    box-shadow: none !important;
}

.btn-warning.rb-btn-warning:hover:active, .btn-danger.rb-btn-danger: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;
}

.btn-primary.rb-btn-primary.rb-btn-paging, .btn-primary.rb-btn-primary.rb-btn-paging:hover, .btn-primary.rb-btn-primary.rb-btn-paging:hover:active{
    background-color:#221C46 !important;
    color: white !important;
    box-shadow: none!important;
    border-radius: 5px;
    border: 0 !important;
    outline: 0 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 11px;
    padding-right: 11px;
}

.dashboard-menu.rb-dashboard-menu {
    background-color: #221C46 !important;
    border-radius: 20px !important;
    margin: 2px !important;
}

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

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

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

.dashboard-menu.rb-dashboard-menu a:focus,
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:focus {
    box-sizing: border-box !important;
    background-color: #DEF3FB !important;
    color: #221C46 !important;
    border: 3px solid #1B51DC !important;
}

.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: 0 !important;
}

.card.border-primary.rb-panel-primary, .card{
    box-shadow: 0px 1px 2px 0px #FAF8FF !important;
}

.card-body{
    color: #221C46!important;
}

.file-input-bottom-text.rb-file-input-bottom-text{
    color: #5A5469!important;
}

.rb-leftImg, .leftImg.rb-leftImg{
    width: 120px;
    height: 34px;
    margin-bottom: 60px;
}

.rb-rightImg, .rightImg.rb-rightImg{
    width: 171px;
    height: 34px;
    float: right;
    margin-bottom: 50px;
}

.rb-overlay__box, .overlay__box.rb-overlay__box{
    background: 0;
    height: 28px;
    width: 26px;
    left: 51px;
    position: absolute;
    top: -1px;
}

.rb-bar__layer, .bar__layer.rb-bar__layer{
    display: flex;
    align-items: center;
    height: 26px;
    background: #221c46!important;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}

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

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

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

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

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

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

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

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

input[type="checkbox"]::before {
    font-family: "FontAwesome";
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    font-size: 12px;
    box-sizing: border-box;
}

input[type="checkbox"]:enabled::before{
    background: #FFFFFF!important;
    border: 2px solid #716E7C!important;
}

input[type="checkbox"]:hover::before{
    background: #DEF3FB!important;
    border: 2px solid #1B51DC!important;
}

input[type="checkbox"]:focus::before{
    background: #DEF3FB!important;
    border: 2px solid #1B51DC!important;
    outline-offset: 1px;
    outline: 3px solid #1B51DC !important;
}

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

input[type="checkbox"]:checked::before{
    font-family: "FontAwesome";
    content: "\f00c";
    color: #1B51DC!important;
    border: 2px solid #1B51DC!important;
    font-size: 12px;
    outline: none;
}

input[type="checkbox"]:disabled::before{
    background: #FFFFFF!important;
    border: 2px solid #716E7C!important;
}

input[type="checkbox"]:disabled:checked::before{
    font-family: "FontAwesome";
    content: "\f00c";
    background: #FFFFFF!important;
    color: #716E7C!important;
    border: 2px solid #716E7C!important;
    font-size: 12px;
    outline: none;
}

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

input[type="radio"]::before {
    font-family: "FontAwesome";
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    font-size: 12px;
    box-sizing: border-box;
    border-radius: 50%;
}

input[type="radio"]:enabled::before{
    background: #FFFFFF!important;
    border: 2px solid #716E7C!important;
}

input[type="radio"]:hover::before{
    background: #DEF3FB!important;
    border: 2px solid #1B51DC!important;
}

input[type="radio"]:focus::before{
    background: #DEF3FB!important;
    border: 2px solid #1B51DC!important;
    outline-offset: 1px;
    outline: 3px solid #1B51DC !important;
}

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

input[type="radio"]:checked::before{
    font-family: "FontAwesome";
    content: "\f111";
    color: #1B51DC;
    border: 2px solid #1B51DC !important;
    font-size: 9px;
    padding: 1px 10px 10px 1px;
}

.radio-sodexo input[type="radio"] + label::after {
    background-color: #1B51DC;
}
.radio-sodexo input[type="radio"]:checked + label::before {
    border-color: #1B51DC;
}
.radio-sodexo input[type="radio"]:checked + label::after {
    background-color: #1B51DC;
}

.radio-primary input[type="radio"] + label::after {
    background-color: #1B51DC;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #1B51DC;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #1B51DC;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #1B51DC;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #1B51DC;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #1B51DC;
}
.radio-info input[type="radio"] + label::after {
    background-color: #1B51DC;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #1B51DC;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #1B51DC;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #1B51DC;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #1B51DC;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #1B51DC;
}
.radio-success input[type="radio"] + label::after {
    background-color: #1B51DC;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #1B51DC;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #1B51DC;
}

input[type=file]::file-selector-button{
    background-color: #1B51DC!important;
    color: #FFFFFF!important;
    font-weight: bold;
    padding: 8px 16px;
    border: none;
    margin-bottom: 5px;
    margin-right: 15px;
}

input[type=file]::file-selector-button:hover{
    background-color: #DEF3FB!important;
    color: #1B51DC!important;
    box-shadow: 2.0px 2.0px 0.0px 0px rgba(34, 28, 70, 0.2) !important;
}

input[type=file].btn-file{
    box-sizing: border-box;
    background-color: #F3F3FC!important;
    padding: 16px 40px 16px 16px;
    height: auto;
}

input[type=file].btn-file:focus{
    border: 3px solid #1B51DC!important;
}

input[type=file].btn-file:focus:invalid{
    border: 1px solid #B30000!important;
}

input[type=file].btn-file:focus:invalid:empty{
    border: 1px solid #B30000!important;
}

.rb-table.table{
    background: #FFFFFF!important;
}

.rb-table.table thead tr th{
    background: #221C46!important;
    color: #FFFFFF!important;
}

.rb-table.table tbody{
    color: #221C46!important;
}

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

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

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

.card tbody tr:nth-of-type(2n+1), .card 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;
}


.card tbody tr:nth-of-type(2n+1) > td > table > tbody tr td, .card 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;
}

input[type="radio"]:disabled::before{
    background: #FFFFFF!important;
    border: 2px solid #716E7C!important;
}

input[type="radio"]:disabled:checked::before{
    font-family: "FontAwesome";
    content: "\f111";
    color: #716E7C!important;
    border: 2px solid #716E7C!important;
    font-size: 65%;
    padding: 1px 1px 1px 1px;
    text-align: center;
}

input[type="radio"]:invalid::before{
    background: #FCF1EE!important;
    border: 2px solid #B30000!important;
}

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

body{
    margin: 10px!important;
}

/*Input*/
input[type=text], input[type=password], input[type=email], input[class=form-control],
textarea[class=form-control], .form-control.input-lg.rounded-border,
textarea[class="form-control needsfocus"]{
    background-color: #FFFFFF!important;
    box-sizing: border-box!important;
    /*border: 1px solid #D1CFD7!important;*/
    color: #221C46!important;
}

input[type=text]:hover, input[type=email]:hover, input[type=password]:hover, input[class=form-control]:hover,
textarea[class=form-control]:hover, textarea[class="form-control needsfocus"]:hover,
.form-control.input-lg.rounded-border:hover{
    color: #1B51DC!important;
    background: #DEF3FB!important;
    border: 1px solid #526CF8!important;
}

input[type=text]:hover:not(:placeholder-shown), input[type=text]:valid:hover,
input[type=email]:hover:not(:placeholder-shown), input[type=email]:valid:hover,
input[type=password]:hover:not(:placeholder-shown), input[type=password]:valid:hover,
input[class=form-control]:hover:not(:placeholder-shown), input[class=form-control]:valid:hover,
textarea[class=form-control]:hover:not(:placeholder-shown), textarea[class=form-control]:valid:hover,
textarea[class="form-control needsfocus"]:hover:not(:placeholder-shown),
textarea[class="form-control needsfocus"]:valid:hover,
.form-control.input-lg.rounded-border:hover:not(:placeholder-shown), .form-control.input-lg.rounded-border:valid:hover{
    background: #DEF3FB!important;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[class=form-control]:focus,
textarea[class=form-control]:focus, textarea[class="form-control needsfocus"]:focus,
.form-control.input-lg.rounded-border:focus{
    border: 3px solid #1B51DC!important;
}

input[type=text]:empty::placeholder, input[type=email]:empty::placeholder,
input[type=password]:empty::placeholder, input[class=form-control]:empty::placeholder,
textarea[class=form-control]:empty::placeholder, textarea[class="form-control needsfocus"]:empty::placeholder,
.form-control.input-lg.rounded-border:empty::placeholder{
    color: #716E7C!important;
}

input[type=text]:hover:empty::placeholder, input[type=email]:hover:empty::placeholder,
input[type=password]:hover:empty::placeholder, input[class=form-control]:hover:empty::placeholder,
textarea[class=form-control]:hover:empty::placeholder, textarea[class="form-control needsfocus"]:hover:empty::placeholder,
.form-control.input-lg.rounded-border:hover:empty::placeholder{
    color: #1B51DC!important;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[class=form-control]:focus,
textarea[class=form-control]:focus, textarea[class="form-control needsfocus"]:focus,
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), textarea[class=form-control]:not(:placeholder-shown),
textarea[class="form-control needsfocus"]:not(:placeholder-shown),
.form-control.input-lg.rounded-border:not(:placeholder-shown){
    background: #FFFFFF!important;
    color: #221C46!important;
}

.wizard > .content > .body input.error, .form-control.error, .form-control.input-lg.rounded-border.error
{
    background: #FCF1EE !important;
    border: 1px solid #B30000!important;
    color: #221C46!important;
}
.wizard > .content > .body input.error::placeholder, .form-control.error::placeholder,
.form-control.input-lg.rounded-border.error::placeholder
{
    color: #716E7C!important;
}
.wizard > .content > .body input.error:hover, .form-control.error:hover,
.form-control.input-lg.rounded-border.error:hover
{
    border: 1px solid #526CF8!important;
}
.wizard > .content > .body input.error:focus, .form-control.error:focus,
.form-control.input-lg.rounded-border.error:focus
{
    border: 3px solid #1B51DC!important;
}

.sodexo-modal-header.rb-sodexo-modal-header {
    background-color: #221C46 !important;
    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;
    }
}
.btn-primary.rb-btn-primary.anchorStyle, .btn-primary.rb-btn-primary.dashboards-links {
    border-radius: 15px !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;
}

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

.staff-panel > .card-header {
    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;
}