﻿.btn-primary, .btn-secondary, .btn-disabled, .btn-negative, .btn-negative-secondary {
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 6px 22px !important;
    box-shadow: none;
    margin: 5px 5px 5px 0;
    font-family: inherit;
}

    .btn-primary:focus, .btn-secondary:focus, .btn-disabled:focus, .btn-negative:focus, .btn-negative-secondary:focus {
        -webkit-box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.25);
        box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.25);
    }

.btn-primary {
    background-color: #0070C0 !important;
    color: #fff !important;
    border: 2px solid #0070c0 !important;
}

    .btn-primary:hover, .btn-primary:active {
        background-color: #4094d0 !important;
        border: 2px solid #4094d0 !important;
    }

    .btn-primary:focus {
        background-color: #0070C0 !important;
        border: 2px solid #0070c0 !important;
    }

.btn-secondary {
    background-color: #fff !important;
    color: #0070c0 !important;
    border: 2px solid #0070c0 !important;
}

    .btn-secondary:hover, .btn-secondary:active {
        background-color: #F5F5F5 !important;
    }

    .btn-secondary:focus {
        background-color: #fff !important;
        border: 2px solid #0070c0 !important;
    }


.btn-disabled {
    background-color: #D4DADF !important;
    color: #333 !important;
    border: 2px solid #D4DADF !important;
}

    .btn-disabled:hover, .btn-disabled:active {
        background-color: #A3A3A3 !important;
        border: 2px solid #A3A3A3 !important;
    }

    .btn-disabled:focus {
        background-color: #D4DADF !important;
        border: 2px solid #D4DADF !important;
    }


.btn-negative {
    background-color: #D23D4F !important;
    color: #fff !important;
    border: 2px solid #D23D4F !important;
}

    .btn-negative:hover, .btn-negative:active {
        background-color: #D23D4F !important;
        border: 2px solid #D23D4F !important;
    }

    .btn-negative:focus {
        background-color: #D23D4F !important;
        border: 2px solid #D23D4F !important;
    }


.btn-negative-secondary {
    background-color: #fff !important;
    color: #D23D4F !important;
    border: 2px solid #D23D4F !important;
}

    .btn-negative-secondary:hover, .btn-negative-secondary:active {
        background-color: #fff !important;
        border: 2px solid #D23D4F !important;
    }

    .btn-negative-secondary:focus {
        background-color: #fff !important;
        border: 2px solid #D23D4F !important;
    }

    .btn-negative-secondary .rbDecorated {
        color: #D23D4F !important;
    }
/** Button Primary, Secondary and Negative with icon **/
.btn-primary-action, .btn-secondary-action, .btn-negative-action, .btn-negative-secondary-action, .btn-negative-noborder, .btn-disabled-action {
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 6px 22px 8px 22px !important;
    box-shadow: none;
    margin: 5px 5px 5px 0;
    height: unset !important;
    box-shadow: none;
    vertical-align: middle;
    font-family: inherit;
}

.btn-primary-action {
    background-color: #0070C0 !important;
    color: #fff !important;
    border: 2px solid #0070c0 !important;
}

    .btn-primary-action:hover, .btn-primary-action:active {
        background-color: #4094d0 !important;
        border: 2px solid #4094d0 !important;
    }

    .btn-primary-action .rbDecorated.rbPrimary:disabled {
        color: #333 !important;
    }

.btn-secondary-action {
    background-color: #fff !important;
    color: #0070c0 !important;
    border: 2px solid #0070c0 !important;
}

    .btn-secondary-action:hover, .btn-secondary-action:active {
        background-color: #F5F5F5 !important;
    }

.btn-negative-action {
    background-color: #D23D4F !important;
    color: #fff !important;
    border: 2px solid #D23D4F !important;
}

    .btn-negative-action:hover, .btn-negative-action:active {
        background-color: #D23D4F !important;
    }

.btn-negative-secondary-action {
    border: 2px solid #D23D4F !important;
    color: #D23D4F !important;
}

    .btn-negative-secondary-action:hover, .btn-negative-secondary-action:focus {
        background-color: #fff !important;
    }

.btn-disabled-action {
    background-color: #D4DADF !important;
    color: #333 !important;
    border: 2px solid #D4DADF !important;
}

    .btn-disabled-action:hover, .btn-disabled-action:active {
        background-color: #A3A3A3 !important;
        border: 2px solid #A3A3A3 !important;
    }

.btn-negative-noborder {
    border: 0 solid #D23D4F !important;
    color: #D23D4F !important;
}

    .btn-negative-noborder:hover, .btn-negative-noborder:focus, .btn-negative-noborder:active {
        background-color: #fff !important;
        box-shadow: none !important;
    }

    .btn-primary-action .iconClass, .btn-secondary-action .iconClass,
    .btn-negative-action .iconClass, .btn-negative-secondary-action .iconClass, .btn-negative-noborder .iconClass,
    .btn-disabled-action .iconClass {
        width: 40px;
        height: 30px;
        padding: 3px !important;
        top: 7px !important;
        left: 15px !important;
    }

    .btn-primary-action .rbDecorated.rbPrimary, .btn-secondary-action .rbDecorated.rbPrimary,
    .btn-negative-action .rbDecorated.rbPrimary, .btn-negative-secondary-action .rbDecorated.rbPrimary,
    .btn-negative-noborder .rbDecorated.rbPrimary,
    .btn-disabled-action .rbDecorated.rbPrimary {
        padding: 0 0 0 24px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }

.btn-primary-action .rbDecorated.rbPrimary, .btn-negative-action .rbDecorated.rbPrimary {
    color: #FFF !important;
}

.btn-secondary-action .rbDecorated.rbPrimary {
    color: #0070c0 !important;
}

.btn-negative-secondary-action .rbDecorated.rbPrimary {
    color: #D23D4F !important;
}

.btn-negative-noborder .rbDecorated.rbPrimary {
    color: #D23D4F !important;
}

.btnInsideModal {
    height: unset !important;
}


/*
    ====================================    
    Pulled from MainBaseStyle.css 
    ===================================
*/

/* Action Icon button with Text */
.btn-actionLink, .btn-actionLinkLeft {
    background-color: #fff !important;
    border-radius: 2px;
    padding: 8px 10px 10px 10px !important;
    margin: 8px 16px 8px 0;
    color: #000;
    height: unset !important;
    box-shadow: none;
    width: 215px !important;
    vertical-align: middle;
}

.btn-actionLink {
    border: 2px solid #D4DADF !important;
}

    .btn-actionLink:hover, .btn-actionLink:active {
        background-color: #F5F8FB !important;
    }

.btn-actionLinkLeft {
    border: 2px solid #0070c0 !important;
}

    .btn-actionLinkLeft:hover, .btn-actionLinkLeft:active {
        background-color: #F5F5F5 !important;
    }

    .btn-actionLink .iconClass, .btn-actionLinkLeft .iconClass {
        width: 60px;
        height: 30px;
        padding: 3px !important;
        top: 7px !important;
        left: 4px !important;
    }
/*space between icon and text in button*/
.btn-actionLink .rbDecorated.rbPrimary, .btn-actionLink .rbDecorated.rbPrimary {
    padding: 0 0 0 25px !important;
}

.iconDelete {
    width: 24px !important;
    height: 24px !important;
    top: 0;
}
/*Buttons in list style for popup */
.container-btn-list {
    margin: 0;
    border: 1px solid #D4DADF;
    list-style: none;
    padding: 0;
    margin-bottom: 16px;
    width: 418px;
}

    .container-btn-list .btn-list {
        background-color: #fff !important;
        border-radius: 0 !important;
        padding: 19px 19px 19px 24px !important;
        margin: 0;
        color: #333;
        width: 375px;
        max-width: 375px;
        box-shadow: none;
        vertical-align: middle;
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        border-bottom: 1px solid #D4DADF !important;
        border-left: 0 solid #fff !important;
    }

        .container-btn-list .btn-list:hover, .container-btn-list .btn-list:focus {
            padding: 19px 19px 19px 19px !important;
            background-color: #F5F8FB !important;
            border-left: 5px solid #2C4070 !important;
        }