.btn {
    padding: 8px 12px !important;
}


    .btn.btn-sm {
        padding: 6px 10px !important;
    }

    .btn.btn-xsm {
        padding: 3px 6px !important;
        font-size: 12px;
    }

    .btn.btn-icon {
        padding: 6px 8px !important;
        height: auto;
        width: auto;
    }

    .btn.btn-secondary {
        color: #f4f4f4;
        border-color: #6c757d;
        background-color: #6c757d;
    }

        .btn.btn-secondary:hover {
            color: #fff;
            border-color: #565e64;
            background-color: #5c636a;
        }

 
.card-sidebar .btn.btn-icon {
    padding: 4px 6px !important;
}



.card-header .fa {
    font-size: 18px;
    color: #fff;
}


.btn-icon .fa {
    font-size: 18px !important;
}

.btn i, .btn-sm i {
    color: #ffffff;
}

.btn-default.btn-icon {
    border: 1px solid #e2e2e2;
}

.btn-xsm .fa {
    font-size: 12px;
}

.btn.btn-link {
    color: #3b5998;
    background-color: #edeff5;
    border-color: transparent;
}

    .btn.btn-link:hover {
        color: #edeff5;
        background-color: #3b5998;
    }

.btn.btn-default {
    color: #333333;
    background-color: #fff;
    border: 1px solid #aaaaaa !important;
}

    .btn.btn-default:hover {
        color: #333333;
        background-color: #f2f2f2;
    }


.btn.btn-teal {
    color: #fff;
    background-color: #007c7c;
}

    .btn.btn-teal:hover {
        color: #fff;
        background-color: #03a5a5;
    }

.btn.btn-report {
    color: #fff;
    background-color: #009dd0;
}

    .btn.btn-report:hover {
        color: #fff;
        background-color: #03ace2;
    }


.btn.btn-beer {
    color: #fff;
    background-color: #ef9619;
}

    .btn.btn-beer:hover {
         opacity: 0.75;
    }

.btn.btn-beer-wheat {
    color: #fff;
    background-color: #db8234;
}

    .btn.btn-beer-wheat:hover {
        opacity: 0.75;
    }

.btn.btn-beerlager {
    color: #fff;
    background-color: #f4cc2e;
}

.btn.btn-beer-lager:hover {
    opacity: 0.75;
}


.btn-close-dialog, .btn-return {
    color: #ffffff;
    background-color: #666;
    border-color: #333;
}

    .btn-close-dialog:hover, .btn-return:hover {
        background-color: #9a9a9a;
        color: #ffffff;
    }

.btn.btn-search {
    color: #666;
    background-color: #ffffff;
    border: 1px solid #aaa !important;
}

    .btn.btn-search:hover {
        color: #666;
        background-color: #f2f2f2;
    }

    .btn.btn-search i {
        color: #e84141;
      
    }

.drp-grid .dropdown-menu {
    position: fixed !important;
}

.drp-grid .drp-grid-btn {
    width: calc(100% - 30px);
    max-width: 200px;
    float: left;
}

.btn-grid {
    color: #fff !important;
    background-color: #dd4b39; /* #ee6c4d;*/
    border-color: transparent;
    border-radius: 5px 0px 0px 5px;
    padding: 8px !important;
}

    .btn-grid:hover {
        color: #ffffff !important;
        background-color: #f7886e;
    }

.btn-grid.active, .btn-grid.show {
    background-color: #f7886e;
}
 

    .btn-grid.dropdown-toggle {
        opacity: 0.8;
        border-radius: 0px 5px 5px 0px;
    }

a.btn-grid {
    color: white !important;
}

.btn-grid-icon {
    background-color: #e6e6e6 !important;
    border: 1px solid #fff !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 !important;
    height: 32px;
    width: 32px;
    margin-right: 4px;
}

    .btn-grid-icon i {
        font-size: 14px !important;
        padding-right: 0px;
    }

    .btn-grid-icon.icon-lg i {
        font-size: 20px !important;
        padding-right: 0px;
    }

    .btn-grid-icon a {
        color: #587dcc !important;
    }

.dxgvDataRowAlt .btn-grid-icon {
    background-color: #fbfbfb;
}


.table-actions .btn-grid-icon {
   
    height: 28px;
    width: 28px;
    margin-right: 4px;
}



.btn-facebook {
    color: #ffffff;
    background-color: #4b66a0;
    border-color: #3c5a99;
}

    .btn-facebook:hover {
        background-color: #6185d3;
    }

.btn-google {
    color: #ffffff;
    background-color: #d84734;
    border-color: #b63e25;
}

    .btn-google:hover {
        background-color: #fa6753;
    }

.btn-microsoft {
    color: #ffffff;
    background-color: #666;
    border-color: #333;
}

    .btn-microsoft:hover {
        background-color: #9a9a9a;
    }

 

input[type=submit][disabled],
button[disabled],
button.disabled, a.disabled {
    cursor: not-allowed !important;
}


.btn-legend {
    position: absolute;
    right: 10px;
    top: -2px;
    padding: 4px 10px !important;
    font-size: 12px;
    line-height: 1.4;
}