/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
.content-header-title,
h2.content-header-title,
.content-header-left h2 {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #4b465c !important;
    margin-bottom: 0 !important;
}

.breadcrumb-item,
.breadcrumb-item a,
.content-header .breadcrumb {
    font-size: 0.825rem !important;
}

.dt-button {
    background: #00ADEF;
    /* box-shadow: 0 0 10px 1px rgb(0 173 239 / 70%) !important; */
    border-radius: 4px !important;
    border-color: #00ADEF !important;
    background-color: #00ADEF !important;
    color: #fff !important;
    /* color: #d0d2d6 !important; */
    /* box-shadow: none; */
    font-weight: 500 !important;
    font-size: 1rem !important;
    display: inline-block;
    line-height: 1 !important;
    text-align: center !important;
    vertical-align: middle !important;
    user-select: none;
    border: 1px solid transparent !important;
    padding: 0.786rem 1.5rem !important;
    border-radius: 0.358rem !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s !important;
    margin-bottom: 2px !important;
    /* position: relative;
    top: 66px; */
}

div.dataTables_wrapper div.dataTables_filter label {
    float: right !important;
}

div.dataTables_wrapper .dt-button-collection>div[role='menu'] {
    margin-top: 20px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    float: right;
}

div.dataTables_wrapper .dataTables_info {
    float: left;
}

.waves-button-input {
    padding: 0.786rem 1.5rem;
}

table.dataTable td,
table.dataTable th {
    padding: 0.5rem 0.72rem;
}

/* Dark layout pagination buttons styling */
.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button,
.dark-layout .pagination .page-item .page-link {
    color: #b4b7bd !important;
    background-color: #283046 !important;
    background: #283046 !important;
    border: 1px solid #3b4253 !important;
}

.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dark-layout .pagination .page-item .page-link:hover {
    color: #ffffff !important;
    background: #161d31 !important;
    background-color: #161d31 !important;
    border-color: #3b4253 !important;
}

.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dark-layout .pagination .page-item.active .page-link,
.dark-layout .pagination .page-item.active .page-link:hover,
.dark-layout .pagination-primary .page-item.active .page-link,
.dark-layout .pagination-warning .page-item.active .page-link {
    color: #ffffff !important;
    background: #00ADEF !important;
    /* Theme primary active color (blue) */
    background-color: #00ADEF !important;
    border-color: #00ADEF !important;
}

.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dark-layout .pagination .page-item.disabled .page-link {
    color: #676d7d !important;
    background: #161d31 !important;
    background-color: #161d31 !important;
    border-color: #3b4253 !important;
    cursor: not-allowed !important;
}

background: #00ADEF !important;
/* Theme primary active color (blue) */
background-color: #00ADEF !important;
border-color: #00ADEF !important;
}

.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dark-layout .pagination .page-item.disabled .page-link {
    color: #676d7d !important;
    background: #161d31 !important;
    background-color: #161d31 !important;
    border-color: #3b4253 !important;
    cursor: not-allowed !important;
}