/* share */
#dashboard_body {font-family: 'Poppins'; color: #666; text-align: left;}
#dashboard_body h3 {font-size:16px; font-weight: 500;}
#dashboard_body span {font-size: 14px; font-weight: 300;}
.opacity-50 {opacity: 50%;}
.default-card {width: 100%; max-width: 49%; padding: 20px; color: white;}
.color-gradient-1 {background-image: linear-gradient(to right, #4066e0, #7410db);}
.color-gradient-2 {background-image: linear-gradient(to right, #0050d5, #099aff);}
.color-gradient-3 {background-image: linear-gradient(to right, #f528af, #ff6df3);}
.color-gradient-4 {background-image: linear-gradient(to right, #ffc600, #e18f00);}
.color-1 {color: #5249de;}
.color-2 {color: #0473e9;}
.color-3 {color: #f528af;}
.color-4 {color: #7c69ef;}
.color-5 {color: #0e96a4;}
.color-6 {color: #d529c8;}

/* dashboard - title */
.title-wrap h1 {color: #4b10ad; font-size: 30px; font-weight: bold;}
.title-wrap p {color: #666666; font-size: 14px; font-weight: 400;}

/* dashboard - chart */
#section_chart {display: flex;}
#section_chart .bar-chart {background: white; width:100%; max-width: 60%;}
#section_chart .bar-chart h3 {padding: 20px 0 0 30px;}
#section_chart canvas {padding: 0 20px 20px 20px;}

/* dashboard - bottom table list*/
#section_table .row-table {max-height: 460px;overflow-y: auto;overflow-x: hidden;}
#section_table h3 {padding: 20px 0 10px 30px;}
table {width: 100%; text-align: left;}
table tr:nth-child(even){background-color: #f9f9f9;}
table tr:hover {background-color: #ddd;}
table th {padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: white; font-size: 18px; font-weight: bold;}
table td {padding-top: 10px; padding-bottom: 10px; font-size: 16px; font-weight: 400;}

/*general*/
a, a:hover{color:#367fa9;}
.btn-primary, .dataTables_wrapper .dataTables_paginate .paginate_button.current{background-color:#367fa9;border-color:#367fa9;}
.btn-primary:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled).active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .show>.dropdown-toggle.paginate_button.current, .show>.btn-primary.dropdown-toggle{background-color:#276080;border-color:#276080;}
.dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_length select:focus, .form-control:focus{border-color:#367fa9;box-shadow:0 0 0 2px #bdd5e2;}
.navbar-color .navbar-toggler{outline:0;}
.card .card-footer{text-align: center;font-size: 14px;}
.card a {text-decoration: none;}
.card a:hover {background: rgba(0,0,0,.15);}

/*sidebar*/
.sidebar.sidebar-pills .nav-link.active, .sidebar.sidebar-pills .nav-link:hover, .sidebar-pills .nav-link.active, .sidebar-pills .nav-link:hover, .sidebar-pills .nav-link:hover .nav-icon{color:#367fa9!important;}
.sidebar.sidebar-pills .nav-link.active .nav-icon, .sidebar.sidebar-pills .nav-link:hover .nav-icon, .sidebar .nav-link:hover{color:#367fa9;}
.sidebar .nav-link:hover{background:#367fa9;}
table.dataTable.table-striped>tbody>tr:nth-of-type(odd):hover, table.table-hover tbody tr:hover{background:rgb(54,127,169,.12);}
.btn-link{color:#367fa9;}
table th{font-size:16px;}
.page-item.active .page-link{background-color:#367fa9;border-color:#367fa9;}
.dropdown-item.active, .dropdown-item:active{background-color:#367fa9;}
form .select2.select2-container.select2-container--focus, form .select2.select2-container.select2-container--open{border-color:#367fa9!important;box-shadow:0 0 0 2px #bdd5e2;}


/*login-page*/
.login-page{max-width:100%;background-color:#fff;}
.bg-img{background:url(../images/bg_login.jpg) no-repeat left center;width:100%;height:100vh;background-size:cover;}
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select, .form-control{height:3rem;}
input.form-control::placeholder{color:#ccc;}