html {
    scroll-behavior: smooth;
}

#scroll-top {
    cursor: pointer;
}


.table-bordered td a {
    margin-right: 10px;
}

.rf_bg_blue_color {
    background: #131857;
}

.table-bordered td,
.table-bordered th {
    white-space: nowrap;
}

.table td,
.table th {
    padding: 5px 15px;
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 0px;
}

.table thead th {
    background: #eee;
}

#wrapper #content-wrapper {
    background-color: #fff;
}

.sidebar {
    border-right: 1px solid #e3e6f0;
}

footer {
    background: #f7f7f7;
}

.sidebar-light .nav-item.active .nav-link i {
    color: #1f64e8;
}

.navtop {
    border-bottom: 1px solid #e3e6f0;
}

body {
    font-size: 15px;
}

.form-control {
    font-size: 14px;
}

#date_picker_top_dashboard, #date_picker {
    cursor: pointer;
}

.col-form-label {
    white-space: nowrap;
}

input[type="checkbox"] {
    margin-right: 2px;
}



/* ---------- */



.btn-primary {
	color: #474747 !important;
	background-color: #fff !important;
	border: 1px solid #cecece !important;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    -moz-box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    font-size: 12px;
}

.btn-success {
	color: #474747 !important;
	background-color: #fff !important;
	border: 1px solid #cecece !important;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    -moz-box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    font-size: 12px;
}

.btn-secondary {
	color: #474747 !important;
	background-color: #fff !important;
	border: 1px solid #cecece !important;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    -moz-box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    font-size: 12px;
}

.btn-danger {
	color: #eb0e0e !important;
	background-color: #fff !important;
	border: 1px solid #cecece !important;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    -moz-box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    font-size: 12px;
}

.btn-warning {
	color: #474747 !important;
	background-color: #fff !important;
	border: 1px solid #cecece !important;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    -moz-box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    box-shadow: 0px 3px 3px 0px rgba(219, 219, 219, 0.75) !important;
    font-size: 12px;
}

.btn {
    font-weight: bold !important;
    border-radius: 5px !important;
    width: fit-content;
}



select, input {
    border-radius: 4px !important;
}

.form-control:disabled, .form-control[readonly] {
	background-color: #f4f4f4;
	color: #c1c1c1;
}


.dt-button {
    border-radius: 4px;
    padding: 0px 10px;
}

.btn-warning:active,
.btn-warning:hover,
.btn-warning.focus,
.btn-secondary:active,
.btn-secondary:hover,
.btn-secondary.focus,
.btn-success:active,
.btn-success:hover,
.btn-success.focus,
.btn-danger:active,
.btn-danger:hover,
.btn-danger.focus,
.btn-primary:active,
.btn-primary:hover,
.btn-primary.focus {
    text-decoration: underline;
}

.modal-header {
    background-color: #eee;
    color: #000;
    padding: 9px 16px;
}

.modal-header .close {
    color: #000;
}


.logo-grande {
    width: 300px;
    margin: 0 auto;
    padding: 10px;
}

/* resize images */
.logo-grande img {
    width: 100%;
    height: auto;
}


#myUL li {
    border: 1px solid #e3e6f0;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 3px;
    background: #fff;
}

#myUL .fa-tint {
    color: #3423aa;
}