/*------Brand Colors (logo and rets of site theme)--------*/

.axiom-primary-bkgd {
    background-color: rgb(33, 68, 124);
}


.axiom-primary-color {
    background-color: rgb(33, 68, 124) !important;
    color: rgb(33, 68, 124) !important;
}

.axiom-primary-grey-color {
    background-color: #DDD !important;
    color: #DDD !important;
}


/*Orange Backgrounds area not accessable with white text color*/

.axiom-orange-bkgd {
    background-color: rgb(240, 81, 51);
}

.axiom-pale-bkgd {
    background-color: rgb(93, 115, 166) !important;
}

.axiom-grey-bkgd {
    background-color: rgb(244, 247, 248);
}


/*------Colors--------*/


/*Blue backgrounds area not accessable with black text color*/

.axiom-blue-bkgd {
    background-color: rgb(33, 68, 124);
}


/* 20% lighter Axiom Blue*/


/*used on RM2 Phase Headers*/

.axiom-blue2-bkgd {
    background-color: rgb(68, 96, 141);
}


/* 40% lighter Axiom Blue*/


/*used on RM2 Feild Headers*/

.axiom-blue3-bkgd {
    background-color: rgb(98, 120, 153);
}


/* 90% lighter Axiom Blue*/


/*used on RM2 Shadowed fields*/

.axiom-blue4-bkgd {
    background-color: rgb(192, 196, 202);
}


/* 95% lighter Axiom Blue*/


/* basically just off white but the smallest majority blue/green*/

.axiom-blue5-bkgd {
    background-color: #F4F7F8;
}

.axiom-blue-text {
    color: rgb(33, 68, 124);
}

/*-------Buttons-------*/

.axiom-primary.btn {
    background-color: rgb(33, 68, 124) !important;
    border-color: rgb(33, 68, 124) !important;
    color: white;
}

.axiom-primary.btn:hover {
    background-color: rgb(0, 17, 73) !important;
    border-color: rgb(0, 17, 73) !important;
    color: white;
}

.axiom-primary.btn:disabled {
    background-color: rgba(63, 98, 124, 0.30) !important;
    border-color: rgba(63, 98, 124, 0.30) !important;
    color: #434343;
}

.axiom-primary-dark.btn {
    background-color: rgb(15,33,62) !important;
    border-color: rgb(15,33,62) !important;
    color: white;
}

.axiom-primary-dark.btn:hover {
    background-color: #314058 !important;
    border-color: #314058 !important;
    color: white;
}

.axiom-primary-dark.btn:disabled {
    background-color: rgb(15,33,62, 0.30) !important;
    border-color: rgb(15,33,62, 0.30) !important;
    color: #434343;
}

.axiom-primary-light.btn {
    background-color: rgb(208, 213, 230)!important;
    border-color: #D0D5E6 !important;
    color: black;
}

.axiom-primary-light.btn:hover {
    background-color: #D0D5E6 !important;
    border-color: #D0D5E6 !important;
    color: black;
}

.axiom-primary-light.btn:disabled {
    background-color:rgb(208, 213, 230, 0.30) !important;
    border-color: rgb(15,33,62, 0.30) !important;
    color: #585858;
}



.axiom-secondary.btn {
    background-color: rgb(93, 115, 166) !important;
    border-color: rgb(93, 115, 166) !important;
    color: white;
}

.axiom-secondary.btn:hover {
    background-color: rgb(0, 13, 64) !important;
    border-color: rgb(0, 13, 64) !important;
    color: white;
}

.axiom-secondary.btn:disabled {
    background-color: rgba(63, 98, 124, 0.30) !important;
    border-color: rgba(63, 98, 124, 0.30) !important;
    color: #585858;
}

.axiom-success.btn {
    background-color: rgb(0, 114, 76) !important;
    border-color: rgb(0, 114, 76)!important;
    color: white;
}

.axiom-success.btn:hover {
    background-color: rgba(0, 114, 76, .5) !important;
    border-color: rgba(0, 114, 76, .5) !important;
    color: white;
}



.axiom-success.btn:disabled {
    background-color: rgba(60, 200, 150, 0.30) !important;
    border-color: rgba(60, 200, 150, 0.30) !important;
    color: #585858 !important;
}

.axiom-error.btn {
    background-color: rgb(190, 50, 0) !important;
    border-color: rgb(190, 50, 0) !important;
    color: white;
}

.axiom-error.btn:hover {
    background-color: rgb(100, 0, 0) !important;
    border-color: rgb(100, 0, 0) !important;
    color: white;
}

.axiom-error.btn:disabled {
    background-color: rgba(85, 33, 24, 0.30) !important;
    border-color: rgba(85, 33, 24, 0.30) !important;
    color: #585858 !important;
}

.axiom-warning.btn {
    background-color: rgb(255, 165, 0) !important;
    border-color: rgb(255, 165, 0) !important;
    color: #494949 !important;
}

.axiom-warning.btn:hover {
    background-color: rgba(255, 165, 0, .5) !important;
    border-color: rgba(255, 165, 0, .5) !important;
    color: #494949 !important;
}

.axiom-warning.btn:disabled {
    background-color: rgba(255, 165, 127, 0.30) !important;
    border-color: rgba(255, 165, 127, 0.30) !important;
    color: #494949 !important;
}

.axiom-primary-grey.btn {
    background-color: #ffffff !important;
    border-color: rgb(0, 0, 0) !important;
    color: #0F213E !important;
}

.axiom-primary-grey.btn:hover {
    background-color: #CCCCCC !important;
    border-color: rgb(207, 180, 180) !important;
    color: #000000 !important;
}

.axiom-primary-grey.btn:disabled {
    background-color: rgb(85, 85, 85, .4) !important;
    border-color: rgba(255, 255, 255, 0.65) !important;
    color: #FFF !important;
}

.axiom-primary-grey-active.btn {
    background-color: #bbb !important;
    border-color: #000 !important;
    color: #000;
    -webkit-box-shadow: inset 0px 0px 5px #0F213E !important;
    -moz-box-shadow: inset 0px 0px 5px #0F213E !important;
         box-shadow: inset 0px 0px 5px #0F213E !important;
}

.axiom-primary-trans.btn {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #0F213E !important;
}

.axiom-primary-trans.btn:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgb(207, 180, 180) !important;
    color: #000000 !important;
}

.axiom-primary-trans.btn:disabled {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: rgba(15, 33, 62, 0.45);
}

.axiom-primary-trans-active.btn {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #000;
}

.status-complete {
    background-color: rgb(0, 129, 87) !important;
}

.status-deleted {
    background-color: rgb(190, 50, 0) !important;
}

.status-error {
    background-color: rgb(190, 50, 0) !important;
}

.status-processing {
    background-color: rgb(0, 129, 87) !important;
}

.status-skipped {
    background-color: rgb(190, 50, 0) !important;
}

.status-success {
    background-color: rgb(33,68,124) !important;
}

.status-reprocess {
    background-color: rgb(33,68,124) !important;
}

.status-queued {
    background-color: rgb(33,68,124) !important;
}

.status-verify {
    background-color: rgb(255,165,0) !important;
    color: #494949 !important;
}

.status-hold {
    background-color: rgb(255,165,0) !important;
    color: #494949 !important;
}

.status-flag {
    background-color: rgb(255,165,0) !important;
    color: #494949 !important;
}

/*** Buttons v2 ****/


.axiom-button-01 {
    height: 1rem;
    width: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.axiom-button-02 {
    height: 2rem;
    width: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.axiom-button-03 {
    height: 3rem;
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.axiom-button-04 {
    height: 4rem;
    width: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.axiom-button-05 {
    height: 5rem;
    width: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.axiom-button-wide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 3rem;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 10px #414141!important;
    -moz-box-shadow: 0px 0px 10px #414141 !important;
         box-shadow: 0px 0px 5px #414141 !important;
}

.axiom-button-wide-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 1rem;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 10px #414141!important;
    -moz-box-shadow: 0px 0px 10px #414141 !important;
         box-shadow: 0px 0px 5px #414141 !important;
}

.axiom-button-wide-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 2rem;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 10px #414141!important;
    -moz-box-shadow: 0px 0px 10px #414141 !important;
         box-shadow: 0px 0px 5px #414141 !important;
}

.axiom-button-wide-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 3rem;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 10px #414141!important;
    -moz-box-shadow: 0px 0px 10px #414141 !important;
         box-shadow: 0px 0px 5px #414141 !important;
}

.axiom-button-wide>svg {
    height: 1.15rem;
    cursor: pointer;
    margin-right: .25rem;
}

.axiom-button-wide:hover {
    text-transform: scale(1.25);
}

.axiom-button-div {
    transform: scale(1.25);
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 10px #414141!important;
    -moz-box-shadow: 0px 0px 10px #414141 !important;
         box-shadow: 0px 0px 5px #414141 !important;
}

.axiom-icon.btn:hover {
    color: white;
    font-size: 1.15em;
    text-align: center;
}

.axiom-button-small {
    height: 2rem;
    width: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.axiom-button>i {
    transform: scale(1.25);
    cursor: pointer;
}

.axiom-button>svg {
    height: 100%;
    width: 100%;
    transform: scale(1.25);
    cursor: pointer;
}

.axiom-button:hover>span {
    text-transform: scale(1.25);
}

.axiom-button:hover {
    -webkit-box-shadow: inset 0px 0px 5px #aab5c8!important;
    -moz-box-shadow: inset 0px 0px 5px #aab5c8 !important;
         box-shadow: inset 0px 0px 5px #aab5c8 !important;
}

.axiom-button:hover i {
    transition: 200ms ease;
    transform: scale(1.4);
}

.axiom-button:active {
    color: white;
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.42) !important;
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.42) !important;
         box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.42) !important;
}

.axiom-button-light:hover {
    color: white;
    transition: 120ms ease;
    transform: scale(1.025);
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.42)!important;
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.42) !important;
         box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.42) !important;
}

.axiom-button-light:active {
    color: white;
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 5px #aab5c8 !important;
    -moz-box-shadow: inset 0px 0px 5px #aab5c8 !important;
         box-shadow: inset 0px 0px 5px #aab5c8 !important;
}
.axiom-button-light:hover {
    color: white;
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 5px #aab5c8 !important;
    -moz-box-shadow: inset 0px 0px 5px #aab5c8 !important;
         box-shadow: inset 0px 0px 5px #aab5c8 !important;
}

.axiom-pressed-light {
    -webkit-box-shadow: inset 0px 0px 15px #aab5c8 !important;
    -moz-box-shadow: inset 0px 0px 15px #aab5c8 !important;
         box-shadow: inset 0px 0px 15px #aab5c8 !important;
}

.axiom-pressed-dark {
    -webkit-box-shadow: inset 0px 0px 15px #000000!important;
    -moz-box-shadow: inset 0px 0px 15px #000000 !important;
         box-shadow: inset 0px 0px 15px #000000 !important;
}

.axiom-pressed-light {
    -webkit-box-shadow: inset 0px 0px 15px #aab5c8 !important;
    -moz-box-shadow: inset 0px 0px 15px #aab5c8 !important;
         box-shadow: inset 0px 0px 15px #aab5c8 !important;
}

.axiom-pressed-light-1 {
    -webkit-box-shadow: inset 0px 0px 5px #aab5c8 !important;
    -moz-box-shadow: inset 0px 0px 5px #aab5c8 !important;
         box-shadow: inset 0px 0px 5px #aab5c8 !important;
}


.axiom-pressed-blue {
    -webkit-box-shadow: inset 0px 0px 15px #0F213E !important;
    -moz-box-shadow: inset 0px 0px 15px #0F213E !important;
         box-shadow: inset 0px 0px 15px #0F213E !important;
}

.axiom-label-white{
    color: #DDDDDD;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.axiom-search-input {
    height: 2rem;
}

.axiom-form-input{
    height: 2rem;
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    line-height: 1.428571;
    color: #555; /* 7.46 : 1 */
    background-color: #fff;
    transition: border-color ease 0.1s, box-shadow ease-in-out .5s;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.axiom-form-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  }