/* One2One Colors */
.o2o-gray {
    color: #fff;
    background-color: #6D757D;
    border-color: #61686F;
}

    .o2o-gray:hover, .o2o-gray:focus {
        color: #fff;
        background-color: #61686F;
        border-color: #555C62;
    }

.o2o-lightgray {
    color: #fff;
    background-color: #ADB5BD;
    border-color: #9FA8B2;
}

.o2o-lightgray-hover {
    color: #fff;
    background-color: #ADB5BD;
    border-color: #9FA8B2;
}

.o2o-lightgray-border {
    border-color: #9FA8B2 !important;
}

    .o2o-lightgray-hover:hover, o2o-lightgray-hover:focus {
        color: #fff;
        background-color: #9FA8B2;
        border-color: #919CA6;
    }

.o2o-red {
    color: #fff;
    background-color: #F95C67;
    border-color: #DD4151;
}

.o2o-red-action {
    color: #E15765;
    background-color: #fff;
    border-color: #DD4151;
}

    .o2o-red:hover, .o2o-red:focus, .o2o-red-action:hover, .o2o-red-action:focus {
        color: #fff;
        background-color: #DD4151;
        border-color: #D92C3D;
    }

.o2o-blue {
    color: #FFFFFF;
    background-color: #6EA7FE;
    border-color: #5897FE;
}

.o2o-blue-action {
    color: #6EA7FE;
    background-color: #FFFFFF;
    border-color: #5897FE;
}

    .o2o-blue:hover, o2o-blue:focus, .o2o-blue-action:hover, .o2o-blue-action:focus {
        color: #FFFFFF;
        background-color: #5897FE;
        border-color: #5193fe;
    }

.o2o-lightblue {
    color: #FFFFFF;
    background-color: #0FB0FF;
    border-color: #0D96D9;
}

.o2o-lightblue-action {
    color: #0FB0FF;
    background-color: #FFFFFF;
    border-color: #29A8FF;
}

    .o2o-lightblue:hover, .o2o-lightblue:focus, .o2o-lightblue-action:hover, .o2o-lightblue-action:focus {
        color: #FFFFFF;
        background-color: #0D96D9;
        border-color: #0B84BF;
    }

.o2o-orange {
    color: #fff;
    background-color: #FFB272;
    border-color: #FFA459;
}

.o2o-orange-action {
    color: #FFB272;
    background-color: #fff;
    border-color: #FFA459;
}

    .o2o-orange:hover, .o2o-orange:focus, .o2o-orange-action:hover, .o2o-orange-action:focus {
        color: #fff;
        background-color: #FFA459;
        border-color: #FFA459;
    }

.o2o-green {
    color: #fff;
    background-color: #58C09A;
    border-color: #168B68;
}

    .o2o-green:hover, .o2o-green:focus {
        color: #fff;
        background-color: #168B68;
        border-color: #007452;
    }

.o2o-white {
    color: #22252A;
    background-color: #fff;
    border-color: #ADB5BD;
}

    .o2o-white:hover, .o2o-white:focus {
        color: #0B0C0E;
        background-color: #E6E6E6;
        border-color: #9FA8B2;
    }

.o2o-purple {
    color: #fff;
    background-color: #A76EFE;
    border-color: #8658cb;
}

    .o2o-purple:hover, .o2o-purple:focus {
        color: #fff;
        background-color: #8658cb;
        border-color: #6b46a2;
    }