﻿
/*******************************************
BUTTON STYLES
/*******************************************/
/*Style Guide*/
.btn-primary {
    background: #0372BC;
    color: #fff;
    transition: all 0.5s ease;
    text-decoration: none;
}

    .btn-primary:hover {
        background: #286090;
    }

.btn-secondary {
    border: 1px solid #D3E0E9 !important;
    color: #0372BC !important;
    background: #fff !important;
    transition: all 0.5s ease !important;
    text-decoration: none !important;
}

    .btn-secondary:hover {
        border: 1px solid #0372BC !important;
        color: #fff !important;
        background: #0372BC !important;
    }

.btn-disabled {
    background: #D3E0E9;
    cursor: not-allowed;
    text-decoration: none;
}

.btn-alert {
    border: 1px solid #ffaea7;
    color: #ea4335;
    background: #fff;
    transition: all 0.5s ease;
    text-decoration: none;
}

    .btn-alert:hover {
        border: 1px solid #ffaea7;
        color: #fff;
        background: #ea4335;
    }

.btn-white {
    color: #0372BC;
    background: #fff;
    transition: all 0.5s ease;
    text-decoration: none;
    text-shadow: none;
}

    .btn-white:hover {
        background: #f0f0f0;
        color: #0372BC;
    }
/*a {
    color:#0372BC;
    text-decoration: underline;
    cursor:pointer;
}*/
.btn-default {
    border: 1px solid #D3E0E9 !important;
    color: #0372BC;
}

.btn-active {
    background: #0372BC;
    color: #fff;
}

.btn-default:hover {
    background: #F5F8FA;
    border: 1px solid #D3E0E9;
    color: #0372BC;
}

.btn-active:hover {
    background: #286090;
    color: #fff;
}

.btn-group-justified .fa {
    width: 100%;
    float: left;
    margin: 10px 0px;
}

.btn-group-justified span {
    width: 100%;
    float: left;
}

.brand-Edit {
    color: #0372BC;
    text-decoration: underline;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}

    .brand-Edit:hover {
        margin: 0px !important;
        padding: 0px !important;
    }

.brand-alert {
    color: #ea4335 !important;
    text-decoration: underline !important;
    cursor: pointer;
    float: right;
}
.grid-delete-button {
    color: #0372BC !important;
    text-decoration: underline !important;
    cursor: pointer;
    float: right;
}
.grid-edit-button {
    color: #0372BC !important;
    text-decoration: underline !important;
    cursor: pointer;
    float: right;
}

.ui-inline-cancel {
    float: right !important;
    width: 60px !important;
}

 
.ui-inline-edit {
    text-align: right !important;
    float: none !important;
}

    .ui-inline-edit:hover, ui-inline-save:hover, ui-inline-cancel:hover, .brand-alert:hover, .ui-inline-edit.ui-state-hover span {
        text-decoration: underline !important;
    }

    .ui-state-hover, .ui-inline-edit:hover, ui-inline-save:hover, ui-inline-cancel:hover, .brand-alert:hover, .ui-inline-edit.ui-state-hover span {
        margin: 0px !important;
        border: none !important;
        padding: 0px !important;
        box-shadow: none !important;
        background: none !important;
    }
