/* BEGINING - ASAS Colors =========================================================================================*/

.asas-bg-white {
    background-color: #FFFFFF !important;
}

.asas-bg-black {
    background-color: #000000 !important;
}

.asas-bg-border-color {
    background-color: #BFC4C7 !important;
}

.asas-bg-standard {
    background-color: #F2F7FA !important;
}

.asas-bg-standard-alternative {
    background-color: #F2F2F2 !important;
}

.asas-bg-gray {
    background-color: #666666 !important;
}

.asas-bg-gray-light {
    background-color: #949494 !important;
}

.asas-bg-gray-dark {
    background-color: #3C3C3C !important;
}

.asas-bg-primary {
    background-color: #0071BB !important;
}

.asas-bg-primary-light {
    background-color: #5EA2D7 !important;
}

.asas-bg-primary-dark {
    background-color: #00468A !important;
}

.asas-bg-success {
    background-color: #018E42 !important;
}

.asas-bg-success-light {
    background-color: #4DBF6F !important;
}

.asas-bg-success-dark {
    background-color: #005F17 !important;
}

.asas-bg-danger {
    background-color: #D93425 !important;
}

.asas-bg-danger-light {
    background-color: #FF6A50 !important;
}

.asas-bg-danger-dark {
    background-color: #9F0000 !important;
}

.asas-bg-warning {
    background-color: #F0AD4E !important;
}

.asas-bg-warning-light {
    background-color: #FFDF7D !important;
}

.asas-bg-warning-dark {
    background-color: #BA7E1D !important;
}

.asas-bg-aqua {
    background-color: #5BC0DE !important;
}

.asas-bg-aqua-light {
    background-color: #91F3FF !important;
}

.asas-bg-aqua-dark {
    background-color: #1490AC !important;
}

.asas-bg-carrot {
    background-color: #F29727 !important;
}

.asas-bg-carrot-light {
    background-color: #FFC85A !important;
}

.asas-bg-carrot-dark {
    background-color: #BA6900 !important;
}

.asas-bg-purple {
    background-color: #5B4C75 !important;
}

.asas-bg-purple-light {
    background-color: #8978A4 !important;
}

.asas-bg-purple-dark {
    background-color: #302449 !important;
}

.asas-bg-mint {
    background-color: #1B998B !important;
}

.asas-bg-mint-light {
    background-color: #5BCABB !important;
}

.asas-bg-mint-dark {
    background-color: #006A5E !important;
}


/* END - ASAS Colors ==============================================================================================*/


/* BEGINING - ASAS Text ===========================================================================================*/

.asas-text-title {
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    font-family: Roboto;
}

.asas-text-title-normal {
    color: #666666;
    font-size: 20px;
    font-weight: normal;
    font-family: Roboto;
}

.asas-text-title-white {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    font-family: Roboto;
}

.asas-text-title-white-normal {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    font-family: Roboto;
}

.asas-text-subtitle {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    font-family: Roboto;
}

.asas-text-subtitle-normal {
    color: #666666;
    font-size: 16px;
    font-weight: normal;
    font-family: Roboto;
}

.asas-text-subtitle-white {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    font-family: Roboto;
}

.asas-text-subtitle-white-normal {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    font-family: Roboto;
}

.asas-text-14px {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    font-family: Roboto;
}

.asas-text-14px-black {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    font-family: Roboto;
}

.asas-text-14px-white {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    font-family: Roboto;
}

.asas-text-14px-white-normal {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    font-family: Roboto;
}

.asas-text-13px-normal {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    font-family: Roboto;
}

.asas-text-13px-white-normal {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    font-family: Roboto;
}

.asas-text-14px-link {
    color: #0071BB;
    font-size: 14px;
}

.asas-text-14px-link:hover {
    color: #00468A;
    font-size: 14px;
    cursor: pointer;
}

@media screen and (max-width: 411px) {
    .asas-text-14px-link {
        font-size: 12px;
    }
}


/* END - ASAS Text ================================================================================================*/

/* BEGINING - ASAS Border =========================================================================================*/

.asas-border-primary{
    border: 2px solid;
    border-color: #0071BB;
}

.asas-border-left-primary{
    border-left: 8px solid;
    border-left-color: #0071BB;
}

.asas-border-left-danger {
    border-left: 8px solid;
    border-left-color: #D93425 !important;
}

.asas-border-right-primary{
    border-right: 8px solid;
    border-right-color: #0071BB;
}

.asas-border-top-primary{
    border-top: 8px solid;
    border-top-color: #0071BB;
}

.asas-border-bottom-primary{
    border-bottom: 8px solid;
    border-bottom-color: #0071BB;
}

/* END - ASAS Border ==============================================================================================*/

/* BEGINING - ASAS Buttons ========================================================================================*/

.asas-btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

.asas-btn-primary-ghost {
    min-height: 40px;
    background-color: transparent;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #0071BB;
    color: #2274A5;
    border-radius: 4px;
    max-height: 40px;
    display: inline-block;
}

.asas-btn-primary {
    min-height: 40px;
    background-color: #0071BB;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #00468A;
    color: #FFFFFF;
    border-radius: 4px;
    max-height: 40px;
    display: inline-block;
}

.asas-btn-primary:hover {
    background-color: #00468A;
    cursor: pointer;
}

.asas-btn-primary-small-ghost {
    min-height: 28px;
    background-color: transparent;
    font-size: 14px;
    padding: 6px 8px -5px 8px;
    border: 1px solid #0071BB;
    color: #2274A5;
    border-radius: 4px;
    display: inline-block;
}

.asas-btn-primary-small {
    min-height: 28px;
    background-color: #0071BB;
    font-size: 14px;
    padding: 6px 8px -5px 8px;
    border: 1px solid #00468A;
    color: #FFFFFF;
    border-radius: 4px;
    display: inline-block;
}

.asas-btn-primary-small:hover {
    background-color: #00468A;
    cursor: pointer;
}

.asas-btn-secondary-ghost {
    min-height: 40px;
    background-color: transparent;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #BFC4C7;
    color: #777777;
    border-radius: 4px;
    max-height: 40px;
    display: inline-block;
}

.asas-btn-secondary {
    min-height: 40px;
    background-color: #FFFFFF;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #BFC4C7;
    color: #666666;
    border-radius: 4px;
    max-height: 40px;
    display: inline-block;
}

.asas-btn-secondary:hover {
    background-color: #E6E6E6;
    cursor: pointer;
}

.asas-btn-secondary-small-ghost {
    min-height: 28px;
    background-color: transparent;
    font-size: 14px;
    padding: 6px 8px -5px 8px;
    border: 1px solid #BFC4C7;
    color: #777777;
    border-radius: 4px;
    display: inline-block;
}

.asas-btn-secondary-small {
    min-height: 28px;
    background-color: #FFFFFF;
    font-size: 14px;
    padding: 6px 8px -5px 8px;
    border: 1px solid #BFC4C7;
    color: #666666;
    border-radius: 4px;
    display: inline-block;
}

.asas-btn-secondary-small:hover {
    background-color: #E6E6E6;
    cursor: pointer;
}

.asas-btn-success-ghost {
    min-height: 40px;
    background-color: transparent;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #018E42;
    color: #018E42;
    border-radius: 4px;
    max-height: 40px;
    display: inline-block;
}

.asas-btn-success {
    min-height: 40px;
    background-color: #018E42;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #005F17;
    color: #FFFFFF;
    border-radius: 4px;
    max-height: 40px;
    display: inline-block;
}

.asas-btn-success:hover {
    background-color: #005F17;
    cursor: pointer;
}

.asas-btn-success-ghost-small {
    min-height: 28px;
    background-color: transparent;
    font-size: 14px;
    padding: 6px 8px -5px 8px;
    border: 1px solid #018E42;
    color: #018E42;
    border-radius: 4px;
    display: inline-block;
}

.asas-btn-success-small {
    min-height: 28px;
    background-color: #018E42;
    font-size: 14px;
    padding: 6px 8px -5px 8px;
    border: 1px solid #005F17;
    color: #FFFFFF;
    border-radius: 4px;
    display: inline-block;
}

.asas-btn-success-small:hover {
    background-color: #005F17;
    cursor: pointer;
}

.asas-btn-danger-ghost {
    min-height: 40px;
    background-color: transparent;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #D93425;
    color: #D93425;
    border-radius: 4px;
    max-height: 40px;
    display: inline-block;
}

.asas-btn-danger {
    min-height: 40px;
    background-color: #D93425;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #9F0000;
    color: #FFFFFF;
    border-radius: 4px;
    max-height: 40px;
    display: inline-block;
}

.asas-btn-danger:hover {
    background-color: #9F0000;
    cursor: pointer;
}

.asas-btn-danger-ghost-small {
    min-height: 28px;
    background-color: transparent;
    font-size: 28px;
    padding: 6px 8px -5px 8px;
    border: 1px solid #D93425;
    color: #D93425;
    border-radius: 4px;
    display: inline-block;
}

.asas-btn-danger-small {
    min-height: 28px;
    background-color: #D93425;
    font-size: 14px;
    padding: 6px 8px -5px 8px;
    border: 1px solid #9F0000;
    color: #FFFFFF;
    border-radius: 4px;
    display: inline-block;
}

.asas-btn-danger-small:hover {
    background-color: #9F0000;
    cursor: pointer;
}

.asas-btn-warning-ghost {
    min-height: 40px;
    background-color: transparent;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #BA7E1D;
    color: #F0AD4F;
    border-radius: 4px;
    max-height: 40px;
    display: inline-block;
}

.asas-btn-warning {
    min-height: 40px;
    background-color: #F0AD4F;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #BA7E1D;
    color: #FFFFFF;
    border-radius: 4px;
    max-height: 40px;
    display: inline-block;
}

.asas-btn-warning:hover {
    background-color: #BA6900;
    cursor: pointer
}

.asas-btn-warning-ghost-small {
    min-height: 28px;
    background-color: transparent;
    font-size: 14px;
    padding: 6px 8px -5px 8px;
    border: 1px solid #BA7E1D;
    color: #F0AD4F;
    border-radius: 4px;
    display: inline-block;
}

.asas-btn-warning-small {
    min-height: 28px;
    background-color: #F0AD4F;
    font-size: 14px;
    padding: 6px 8px -5px 8px;
    border: 1px solid #BA7E1D;
    color: #FFFFFF;
    border-radius: 4px;
    display: inline-block;
}

.asas-btn-warning-small:hover {
    background-color: #BA6900;
    cursor: pointer
}


/* END - ASAS Buttons =============================================================================================*/


/* BEGINING - ASAS Cards ==========================================================================================*/

.asas-no-padding {
    padding: 0px !important;
}

.asas-custom-padding-table {
    padding: 12px 0px 0px 1px !important;
}

.asas-card-4 {
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 20px 16px;
    margin-top: 20px;
    display: grid;
}

.asas-border-card-4 {
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #BFC4C7;
    padding: 20px 16px;
    display: grid;
}

.asas-card-8 {
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 20px 16px;
    margin-top: 20px;
    display: grid;
}

.asas-border-card-8 {
    border-radius: 8px;
    background-color: #FFFFFF;
    border: 1px solid #BFC4C7;
    padding: 20px 16px;
    display: grid;
}

.asas-data-card-8 {
    border-radius   : 8px;
    background-color: #FFFFFF;
    padding         : 16px;
    display         : grid;
}


/* END - ASAS Cards ===============================================================================================*/


/* BEGINING - ASAS Breadcrumb =====================================================================================*/

.breadcrumb-container {
    background-color: #FFFFFF;
    min-height: 40px;
    max-height: 40px;
    font-size: 20px;
    font-weight: bold;
}

.breadcrumb-container-slices {
    min-height: 40px;
    max-height: 40px;
}


/*=============================================================*/

.asas-breadcrumb-home {
    position: relative;
    background-color: #FFFFFF;
    padding: 0px 12px 0px 20px;
    min-height: 40px;
    max-height: 40px;
    display: inline-block;
    line-height: 3em;
}

@media screen and (min-width: 280px) and (max-width: 540px) {
    .asas-breadcrumb-home {
        padding-top: 4px;
    }
}

.asas-breadcrumb-home:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 8px solid #FFFFFF;
    position: absolute;
    right: -8px;
    top: 0;
}

.asas-breadcrumb-home:hover {
    background-color: #F2F2F2;
}

.asas-breadcrumb-home:hover:after {
    border-left: 8px solid #F2F2F2;
}


/*=============================================================*/

.asas-breadcrumb-slice {
    text-align: center;
    display: inline-block;
    position: relative;
    background-color: #FFFFFF;
    padding: 0px 8px;
    min-height: 40px;
    max-height: 40px;
    line-height: 3em;
    margin-left: 0.3em;
}

@media screen and (min-width: 280px) and (max-width: 540px) {
    .asas-breadcrumb-slice {
        padding-top: 4px;
    }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
    .breadcrumb-container-slices {
        position: relative;
        top: -2em;
    }
}

.asas-breadcrumb-slice:before {
    content: "";
    border-top: 20px solid #FFFFFF;
    border-bottom: 20px solid #FFFFFF;
    border-left: 8px solid transparent;
    position: absolute;
    left: -8;
    top: 0;
    margin-left: -16px;
}

.asas-breadcrumb-slice:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 8px solid #FFFFFF;
    position: absolute;
    right: -8px;
    top: 0;
}

.asas-breadcrumb-slice:hover {
    background-color: #F2F2F2;
}

.asas-breadcrumb-slice:hover:before {
    border-top: 20px solid #F2F2F2;
    border-bottom: 20px solid #F2F2F2;
}

.asas-breadcrumb-slice:hover:after {
    border-left: 8px solid #F2F2F2;
}


/*=============================================================*/

.asas-breadcrumb-current {
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 0px 8px;
    min-height: 40px;
    max-height: 40px;
    line-height: 3em;
    margin-left: 0.3em;
    top: 0px;
}

@media screen and (min-width: 414px) and (max-width: 414px) {
    .asas-breadcrumb-current {
        padding-top: 4px;
    }
}

.asas-breadcrumb-current:before {
    content: "";
    border-top: 20px solid #F2F7FA;
    border-bottom: 20px solid #F2F7FA;
    border-left: 8px solid transparent;
    position: absolute;
    left: -8;
    top: 0;
    margin-left: -16px;
}

.asas-breadcrumb-current:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 8px solid #F2F7FA;
    position: absolute;
    right: -8px;
    top: 0;
}


/*=============================================================*/

.asas-breadcrumb-after {
    text-align: center;
    display: inline-block;
    position: relative;
    min-height: 40px;
    max-height: 40px;
    line-height: 3em;
    margin-left: 0.3em;
    top: -1px;
}

@media screen and (min-width: 414px) and (max-width: 414px) {
    .asas-breadcrumb-after {
        padding-top: 4px;
    }
}

.asas-breadcrumb-after:before {
    content: "";
    border-top: 20px solid #FFFFFF;
    border-bottom: 20px solid #FFFFFF;
    border-left: 8px solid transparent;
    position: absolute;
    top: 0;
    margin-left: -8px;
}


/* END - ASAS Breadcrumb ==========================================================================================*/


/* BEGINING - ASAS Spacing =====================================================================================*/

.asas-size-1 {
    width: 8.33333333%;
}

.asas-size-2 {
    width: 16.66666667%;
}

.asas-size-3 {
    width: 25%;
}

.asas-size-4 {
    width: 33.33333333%;
}

.asas-size-5 {
    width: 41.66666667%;
}

.asas-size-6 {
    width: 50%;
}

.asas-size-7 {
    width: 58.33333333%;
}

.asas-size-8 {
    width: 66.66666667%;
}

.asas-size-9 {
    width: 75%;
}

.asas-size-10 {
    width: 83.33333333%;
}

.asas-size-11 {
    width: 91.66666667%;
}

.asas-size-12 {
    width: 100%;
}

.asas-padding-left-4 {
    padding-left: 4px;
}

.asas-padding-right-4 {
    padding-right: 4px;
}

.asas-padding-top-4 {
    padding-top: 4px;
}

.asas-padding-bottom-4 {
    padding-bottom: 4px;
}

.asas-padding-bottom-4 {
    padding-bottom: 4px;
}

.asas-padding-left-8 {
    padding-left: 8px;
}

.asas-padding-right-8 {
    padding-right: 8px;
}

.asas-padding-top-8 {
    padding-top: 8px;
}

.asas-padding-bottom-8 {
    padding-bottom: 8px;
}

.asas-padding-bottom-8 {
    padding-bottom: 8px;
}

.asas-padding-left-12 {
    padding-left: 12px;
}

.asas-padding-right-12 {
    padding-right: 12px;
}

.asas-padding-top-12 {
    padding-top: 12px;
}

.asas-padding-bottom-12 {
    padding-bottom: 12px;
}

.asas-padding-bottom-12 {
    padding-bottom: 12px;
}

.asas-padding-left-16 {
    padding-left: 16px;
}

.asas-padding-right-16 {
    padding-right: 16px;
}

.asas-padding-top-16 {
    padding-top: 16px;
}

.asas-padding-bottom-16 {
    padding-bottom: 16px;
}

.asas-padding-bottom-16 {
    padding-bottom: 16px;
}

.asas-padding-left-20 {
    padding-left: 20px;
}

.asas-padding-right-20 {
    padding-right: 20px;
}

.asas-padding-top-20 {
    padding-top: 20px;
}

.asas-padding-bottom-20 {
    padding-bottom: 20px;
}

.asas-padding-bottom-20 {
    padding-bottom: 20px;
}

.asas-padding-left-24 {
    padding-left: 24px;
}

.asas-padding-right-24 {
    padding-right: 24px;
}

.asas-padding-top-24 {
    padding-top: 24px;
}

.asas-padding-bottom-24 {
    padding-bottom: 24px;
}

.asas-padding-bottom-24 {
    padding-bottom: 24px;
}

.asas-padding-left-28 {
    padding-left: 28px;
}

.asas-padding-right-28 {
    padding-right: 28px;
}

.asas-padding-top-28 {
    padding-top: 28px;
}

.asas-padding-bottom-28 {
    padding-bottom: 28px;
}

.asas-padding-bottom-28 {
    padding-bottom: 28px;
}

.asas-padding-left-32 {
    padding-left: 32px;
}

.asas-padding-right-32 {
    padding-right: 32px;
}

.asas-padding-top-32 {
    padding-top: 32px;
}

.asas-padding-bottom-32 {
    padding-bottom: 32px;
}

.asas-padding-bottom-32 {
    padding-bottom: 32px;
}

.asas-padding-left-36 {
    padding-left: 36px;
}

.asas-padding-right-36 {
    padding-right: 36px;
}

.asas-padding-top-36 {
    padding-top: 36px;
}

.asas-padding-bottom-36 {
    padding-bottom: 36px;
}

.asas-padding-bottom-36 {
    padding-bottom: 36px;
}

.asas-padding-left-38 {
    padding-left: 38px;
}

.asas-padding-right-38 {
    padding-right: 38px;
}

.asas-padding-top-38 {
    padding-top: 38px;
}

.asas-padding-bottom-38 {
    padding-bottom: 38px;
}

.asas-padding-bottom-38 {
    padding-bottom: 38px;
}

.asas-padding-left-42 {
    padding-left: 42px;
}

.asas-padding-right-42 {
    padding-right: 42px;
}

.asas-padding-top-42 {
    padding-top: 42px;
}

.asas-padding-bottom-42 {
    padding-bottom: 42px;
}

.asas-padding-bottom-42 {
    padding-bottom: 42px;
}

.asas-padding-left-46 {
    padding-left: 46px;
}

.asas-padding-right-46 {
    padding-right: 46px;
}

.asas-padding-top-46 {
    padding-top: 46px;
}

.asas-padding-bottom-46 {
    padding-bottom: 46px;
}

.asas-padding-bottom-46 {
    padding-bottom: 46px;
}

.asas-right-4 {
    right: 4px;
    position: relative;
}

.asas-top-4 {
    top: 4px;
    position: relative;
}

.asas-bottom-4 {
    bottom: 4px;
    position: relative;
}

.asas-left-8 {
    left: 8px;
    position: relative;
}

.asas-right-8 {
    right: 8px;
    position: relative;
}

.asas-top-8 {
    top: 8px;
    position: relative;
}

.asas-bottom-8 {
    bottom: 8px;
    position: relative;
}

.asas-left-12 {
    left: 12px;
    position: relative;
}

.asas-right-12 {
    right: 12px;
    position: relative;
}

.asas-top-12 {
    top: 12px;
    position: relative;
}

.asas-bottom-12 {
    bottom: 12px;
    position: relative;
}

.asas-left-16 {
    left: 16px;
    position: relative;
}

.asas-right-16 {
    right: 16px;
    position: relative;
}

.asas-top-16 {
    top: 16px;
    position: relative;
}

.asas-bottom-16 {
    bottom: 16px;
    position: relative;
}

.asas-left-20 {
    left: 20px;
    position: relative;
}

.asas-right-20 {
    right: 20px;
    position: relative;
}

.asas-top-20 {
    top: 20px;
    position: relative;
}

.asas-bottom-20 {
    bottom: 20px;
    position: relative;
}

.asas-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.asas-text-align-left {
    text-align: left;
}

.asas-text-align-right {
    text-align: right;
}

.asas-text-align-center {
    text-align: center;
}

.asas-text-align-justify {
    text-align: justify;
}


/* END - ASAS Spacing ===============================================================================================*/


/* BEGINING - ASAS Input Group =====================================================================================*/

.asas-input-group-container {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.asas-input-group-child:first-child {
    border-radius: 4px 0px 0px 4px;
}

.asas-input-group-child:last-child {
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #ccc;
}

.asas-input-group-child {
    display: block;
    float: left;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.asas-search-box-group-child:first-child {
    border-radius: 4px 0px 0px 4px;
}

.asas-search-box-group-child:last-child {
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #ccc;
}

.asas-search-box-group-child {
    float: left;
}

.asas-input-group-child-last-button {
    display: block;
    float: left;
    height: 34px;
    border: 1px solid;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 0px 4px 4px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.asas-no-radius,
.asas-no-radius div,
.asas-no-radius input,
.asas-no-radius span,
.asas-no-radius div div,
.asas-no-radius div input,
.asas-no-radius div span,
.asas-no-radius div div div,
.asas-no-radius div div input,
.asas-no-radius div div span,
.asas-no-radius div div span button {
    border-radius: 0px !important;
}


/* END - ASAS Input Group ===============================================================================================*/


/* BEGINING - ASAS Drop Menu ==========================================================================================*/

.asas-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 12px 0 1px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-sizing: border-box;
}

.open>.asas-dropdown-menu {
    display: block;
}

.asas-dropdown-menu>li>a:focus,
.asas-dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.asas-dropdown-menu>li>a {
    display: block;
    padding: 0 15px 8px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.asas-dropdown-menu-right {
    right: 0;
    left: auto;
    margin-right: 14%;
    margin-top: 0;
}


/* END - ASAS Drop Menu ==========================================================================================*/


/* BEGINING - ASAS Divider ==========================================================================================*/

.asas-divider {
    border-bottom: 1px solid #eee;
    display: block;
    margin: 1.5px 0 9.5px 0;
}


/* END - ASAS Divider ==========================================================================================*/

@media screen and (min-width: 280px) and (max-width: 540px) {
    .table-responsive {
        margin-top: 12px;
    }
}

/* ALTERAÇÔES POR AMBIENTE */

/* LOCAL */

.banner-bg-color-local .asas-bg-primary,
.banner-bg-color-local .asas-btn-primary,
.banner-bg-color-local .asas-btn-primary:hover{
    background-color: #666666 !important;
    border-color: #666666;
}

.banner-bg-color-local .asas-border-primary,
.banner-bg-color-local .asas-border-left-primary,
.banner-bg-color-local .asas-border-right-primary,
.banner-bg-color-local .asas-border-top-primary,
.banner-bg-color-local .asas-border-bottom-primary{
    border-color: #666666;
}



/* DEV */

.banner-bg-color-dev .asas-bg-primary,
.banner-bg-color-dev .asas-btn-primary,
.banner-bg-color-dev .asas-btn-primary:hover{
    background-color: #593F62 !important;
    border-color: #593F62;
}

.banner-bg-color-dev .asas-border-primary,
.banner-bg-color-dev .asas-border-left-primary,
.banner-bg-color-dev .asas-border-right-primary,
.banner-bg-color-dev .asas-border-top-primary,
.banner-bg-color-dev .asas-border-bottom-primary{
    border-color: #593F62;
}

/* QA */

.banner-bg-color-qa .asas-bg-primary,
.banner-bg-color-qa .asas-btn-primary,
.banner-bg-color-qa .asas-btn-primary:hover{
    background-color: #732626 !important;
    border-color: #732626;
}

.banner-bg-color-qa .asas-border-primary,
.banner-bg-color-qa .asas-border-left-primary,
.banner-bg-color-qa .asas-border-right-primary,
.banner-bg-color-qa .asas-border-top-primary,
.banner-bg-color-qa .asas-border-bottom-primary{
    border-color: #732626;
}

/* STAGING */

.banner-bg-color-staging .asas-bg-primary,
.banner-bg-color-staging .asas-btn-primary,
.banner-bg-color-staging .asas-btn-primary:hover{
    background-color: #226F54 !important;
    border-color: #226F54;
}

.banner-bg-color-staging .asas-border-primary,
.banner-bg-color-staging .asas-border-left-primary,
.banner-bg-color-staging .asas-border-right-primary,
.banner-bg-color-staging .asas-border-top-primary,
.banner-bg-color-staging .asas-border-bottom-primary{
    border-color: #226F54;
}


/* SANDBOX */

.banner-bg-color-sandbox .asas-bg-primary,
.banner-bg-color-sandbox .asas-btn-primary,
.banner-bg-color-sandbox .asas-btn-primary:hover{
    background-color: #f37922 !important;
    border-color: #f37922;
}

.banner-bg-color-sandbox .asas-border-primary,
.banner-bg-color-sandbox .asas-border-left-primary,
.banner-bg-color-sandbox .asas-border-right-primary,
.banner-bg-color-sandbox .asas-border-top-primary,
.banner-bg-color-sandbox .asas-border-bottom-primary{
    border-color: #f37922;
}