.bg-gary{
    background: #f6f6f6;
}
.ml-auto{
    margin-left: auto;
}
.btn-bg-color{
    background-color: #D9D9D9 !important;
    border-color: #D9D9D9 !important;
}

.btn-check:active+.btn.btn-bg-color, .btn-check:checked+.btn.btn-bg-color, .btn.btn-bg-color.active, .btn.btn-bg-color.show, .btn.btn-bg-color:active:not(.btn-active), .btn.btn-bg-color:focus:not(.btn-active), .btn.btn-bg-color:hover:not(.btn-active), .show>.btn.btn-bg-color {
    background-color: #c2bfbf !important;
    border-color: #c2bfbf !important;
    color: #f1f1f1 !important;
}
#reasonID{
    display:none;
  }
.counter
{
    background-color: #eaecf0;
    text-align: center;
}
.employees,.customer,.design,.order
{
    margin-top: 70px;
    margin-bottom: 70px;
}
.counter-count
{
    font-size: 18px;
    background-color: #00b3e7;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 24px;
    color: #000000;
    line-height: 34px;
}

.gradient-custom {
    /* fallback for old browsers */
    background: #f6d365;

    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right bottom, rgba(246, 211, 101, 1), rgba(253, 160, 133, 1));

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right bottom, rgba(246, 211, 101, 1), rgba(253, 160, 133, 1))
    }
.was-validated .custom-select:invalid + .select2 .select2-selection{
    border-color: #dc3545!important;
}
.was-validated .custom-select:valid + .select2 .select2-selection{
    border-color: #28a745!important;
}
*:focus{
    outline:0px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.hidden{
    display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: none !important;
    border-color: #ffffff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    box-shadow: inset 0 0 3px #ffffff;
}
.hint-color{
    color: #c4c0c0;
}
.link-pointer {
    cursor: pointer;
}