.btn-primary{
    color: #fff;
    background-color: #1f406d;
    border-color: #1f406d;
    transition: all .2s ease-in-out 0s;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
    color: #1f406d !important;
    background-color: #fff !important;
    border-color: #1f406d !important;
}
a {
    color: #1f406d;
    transition: all .2s ease-in-out 0s;
}
a:hover {
    color: #3b89bd;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: #fff;
    pointer-events: none;
    background-color: #1f406d;
    border-color: #1f406d;
    opacity: 0.65;
}
a.disabled{
    pointer-events: none;
    opacity: 0.65;
}
.btn-danger{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    transition: all .2s ease-in-out 0s;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active{
    color: #dc3545 !important;
    background-color: #fff !important;
    border-color: #dc3545 !important;
}
.btn-warning{
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
    transition: all .2s ease-in-out 0s;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active{
    color: #ffc107 !important;
    background-color: #fff !important;
    border-color: #ffc107 !important;
}
.btn-info{
    color: #fff;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
    transition: all .2s ease-in-out 0s;
}
.btn-info:hover, .btn-info:focus, .btn-info:active{
    color: #0dcaf0 !important;
    background-color: #fff !important;
    border-color: #0dcaf0 !important;
}
.bg-info {
    background-color: #0dcaf0 !important;
    padding: 5px;
    font-size: 15px;
    border-radius: 5px;
}
.online_access {
    position: absolute;
    background: #18a31c;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}
.offline_access {
    position: absolute;
    background: #959795;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}
.credits{
    text-align: center;
}
.error-border {
    border: 1px solid red;
}
.responsive_tbl{
    overflow-x: auto;
}
.datatable-pagination .datatable-active button{    background-color: #1f406d !important;
    color: #fff;}
.datatable-pagination .datatable-active button:hover{background-color: #1f406d !important;}
.datatable-pagination a:hover, .datatable-pagination button:hover{
    background-color: #1f406d !important;color: #fff;
}
.dashboard .avatar-title {
    align-items: center;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}
.dashboard .rounded-circle {
    border-radius: 50% !important;
}
.dashboard .avatar {
    height: 40px;
    width: 40px;
}
.dashboard .bg-primary-dark {
    background-color: #0e77bd !important;
}
.dashboard .card-body {
    padding-top: .75rem;
}
.dashboard .card-title {
    color: #012970;
    font-size: 20px;
    line-height: 1.5;
    padding: 0;
}
.dashboard h1{
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 600;
    color: #1f406d;
}
.order_layout .datatable-container{border:0 !important}
.order_layout table{    display: block;
    border: 0;
    float: left;
    width: 100%;}
.order_layout table thead,.order_layout .datatable-bottom{display:none}
.order_layout table tbody{
    grid-template-columns: repeat(3, 1fr);
    display: grid;
}
.order_layout table tbody tr{
    margin: 10px 10px 10px 10px;
    border: 1px solid #1f406d;
}
.order_layout table tbody tr td{
    border: 0;
    display: inline-block;
    vertical-align: baseline;
}
.order_product{
    width: 100%;
    border-top: 1px solid #0b75bc !important;
    background: #c9eaff !important;
}
.selection .select2-selection__arrow {
    top: 7px !important;
}
.selection .select2-selection__rendered {
    line-height: normal !important;
}
.selection .select2-selection--single {
    border: 1px solid #dee2e6;
    padding: .375rem .75rem;
    height: 38px;
}

.form-control:focus{
    box-shadow: none;
}
.login-error {
    border: 1px solid red !important;
}
@media only screen and (max-width: 600px) {
.add_btn .float-end{float:left !important;}
.datatable-dropdown{    float: none !important;
    margin-bottom: 15px;}
.datatable-search{float: none !important;}
.datatable-search input{width:100%}
.datatable-sorter{    width: max-content;}
.datatable-sorter::before, .datatable-sorter::after{right:-10px;}
.breadcrumb .breadcrumb-item a,.breadcrumb .breadcrumb-item {
    font-size: 11px;
}
}