/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

@font-face {
  font-family: "Ubuntu";
  src: url(/fonts/Ubuntu-Bold.woff2?c636b9b677fbd28b6596bf4ff1043f44) format("woff2"), url(/fonts/Ubuntu-Bold.woff?278321edc4a28fc3f2441b1472e9347a) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url(/fonts/Ubuntu-BoldItalic.woff2?f4096161ef884231423478502c199f45) format("woff2"), url(/fonts/Ubuntu-BoldItalic.woff?49688514a31c3e815a1450b1445eb801) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url(/fonts/Ubuntu-Regular.woff2?b7350427f5d9fbceabb3325336d69531) format("woff2"), url(/fonts/Ubuntu-Regular.woff?ba4e7809d474b7b6936d09346695c3ae) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url(/fonts/Ubuntu-Light.woff2?40ed3360e76cbae0677897658f175ad2) format("woff2"), url(/fonts/Ubuntu-Light.woff?443722c3048e834ee3aab2ad86bb6901) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url(/fonts/Ubuntu-MediumItalic.woff2?b474de6250075460e798c041cc0a9e35) format("woff2"), url(/fonts/Ubuntu-MediumItalic.woff?73d9b78fe3b408a8f25d6fa2fa9d8f8e) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url(/fonts/Ubuntu-LightItalic.woff2?5365f4358b084bad203ff32aa3150e95) format("woff2"), url(/fonts/Ubuntu-LightItalic.woff?a0c04948dd17129b0acdc382f879d269) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url(/fonts/Ubuntu-Italic.woff2?0bc3854a697620a0e086978118705604) format("woff2"), url(/fonts/Ubuntu-Italic.woff?e23655f803729c9d90498e3d3d986dbb) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url(/fonts/Ubuntu-Medium.woff2?51496ddf1ce33c063212ff1323c0e7b7) format("woff2"), url(/fonts/Ubuntu-Medium.woff?37fefefcfd1a1e4dd4b05c2125ed78cf) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url(/fonts/DMSans-Regular.woff2?7795a419ed60bbfac7070ea410eeae6a) format("woff2"), url(/fonts/DMSans-Regular.woff?116ebf070a488224b3df4558d5e836b0) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url(/fonts/DMSans-MediumItalic.woff2?b5d9a996963d8c9b27b19d8fd5cc4280) format("woff2"), url(/fonts/DMSans-MediumItalic.woff?248753109983e15b95623c355e988c4d) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url(/fonts/DMSans-Bold.woff2?b316fb907e868e12a20113ac1e81a214) format("woff2"), url(/fonts/DMSans-Bold.woff?41dc91eef0c4c43e6907b9d75518a270) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url(/fonts/DMSans-Medium.woff2?d940ea16273447cce854f545842768fe) format("woff2"), url(/fonts/DMSans-Medium.woff?bbd54ab4920d4816e2874306205565cb) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url(/fonts/DMSans-Italic.woff2?a400a3fbf03e095d1c17df30e963fb90) format("woff2"), url(/fonts/DMSans-Italic.woff?263ef58d3975bdd051559a59f68f8ed3) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url(/fonts/DMSans-BoldItalic.woff2?267e76a132c7f2b8119f25ba417ff675) format("woff2"), url(/fonts/DMSans-BoldItalic.woff?f303dd565afe6cf64d2ec80da20969c1) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

.navbar-main.gradient-45deg-indigo-purple {
  background: #fff !important;
}

.navbar-main {
  border-bottom: 1px solid #e6e6e6 !important;
}

.navbar-main .material-icons {
  color: #000 !important;
}

/* ini ngilangin background ungu atas */

.gradient-45deg-indigo-purple {
  background: #674EA7 !important;
}

#main .content-wrapper-before {
  display: none;
}

/* end of ngilangin background ungu atas */

/*sidenav */

.sidenav {
  box-shadow: none !important;
}

/*end of sidenav*/

body {
  background: #f2f5fa;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Ubuntu";
}


html {
  font-family: "DM Sans" !important;
  font-weight: 600;
}

.card {
  box-shadow: none;
}

.brand-sidebar {
  box-shadow: none !important;
}

.card .card-content {
  padding: 15px !important;
}

.card .card-title {
  text-transform: uppercase;
  font-weight: 700;
}

.title {
  font-weight: 700 !important;
  font-size: 26px;
}

.nav-lock ~ footer {
  background: transparent !important;
  box-shadow: none !important;
  color:#000 !important;
}

.nav-lock ~ footer span {
  color:#000 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

.nav-lock ~ footer a {
  color:#000 !important;
}

.gradient-45deg-indigo-purple.gradient-shadow {
  box-shadow:none !important;
}

table.dataTable {
  border: none !important;
  
  margin:0 !important;

}

@media only screen and (min-width: 1023px) {

  table.dataTable {
    width: calc(100vw - 312px) !important;
  
  }
}

input[type=search] {
  height: 40px !important;
  border-radius: 4px;
  border:none!important;
  margin-bottom: 0 !important;
}

.dataTables_length label select {
  height: 40px !important;
  border:none !important;
}

.dataTables_length,.dataTables_filter {
  background: white;
  padding: 5px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 7px !important;
}


.dataTables_info {
  font-size: 14px;
  font-weight: 400;
}

.paginate_button {
  background: none !important;
  border:none !important;
  padding:0 5px !important;
  font-size: 14px !important;;
}

.paginate_button:hover {
  color:#000 !important;
}

table.dataTable thead tr {
  background: none !important;
}

table.dataTable thead th {
  border-top: none !important;
}

table.dataTable tr {
  margin-bottom: 10px;
  background: white !important;
}

table.dataTable tr td {
  background: transparent !important;
  color: #000 !important;
  padding: 10px 15px !important;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px !important;
  border-top:10px solid #f2f5fa !important;
  text-align: left !important;
  font-weight: 400 !important;
}


table.dataTable tr td .btn-floating {
  border-radius: 0 !important;
  box-shadow: none !important;
}

table.dataTable tr td:nth-child(1) {
  font-weight: bold !important;
}

table.dataTable th {
  background: none !important;
  border-bottom: none !important;
  border-top: 1px solid #e6e6e6 !important;
  font-size: 14px !important;
  padding-left: 15px !important;
}

table.dataTable th.sorting {
  padding-right: 25px !important;
}

table.dataTable th.sorting:before,table.dataTable th.sorting:after {
  font-size: 12px !important;
}

.sorting_asc:before,.sorting_asc:after,.sorting_desc:before,.sorting_desc:after  {
  font-size: 12px !important;
}

.btn {
  border-radius: 7px !important;
  box-shadow:none;
  height: 50px;
  line-height: 50px;
  letter-spacing: 0;
  font-weight: bold;
  margin-bottom: 10px !important;
  font-size: 14px;
  padding: 0 20px;
  margin-right: 7px !important;
  
}


.dataTables_wrapper {
  padding-top: 10px !important;
}

.dataTables_paginate {
  padding-top: 10px !important;
}

.dataTables_length label,
.dataTables_filter label {
  font-size: 14px !important;
  color: #000 !important;
}

.btn-back {
  vertical-align: middle;
  padding: 0 1rem;
}

.sidenav-active-square .sidenav li > a.active {
  border-radius: 0 !important;
  margin-right: 0 !important;
}

.sidenav li {
  height: 55px !important;
  line-height: 55px;
}

.sidenav li.active {
  background: #665d91 !important;
  box-shadow: none !important;
  color: white !important;
}

.sidenav li.active a,.sidenav li.active i {
  color:white !important;
}

.sidenav li > a {
  height: 55px;
  font-weight: 600 !important;
  line-height: 55px;
}

.sidenav li i {
  line-height: 55px;
  top:5px !important;
  position: relative !important;
}

.sidenav .navigation-header .navigation-header-text {
  color: #665d91;
}

.sidenav .navigation-header {
  margin-bottom: 10px;
  height: 20px !important;
}

.customercard {
  background: white;
  border-radius: 7px;
  padding: 20px 0;
  margin-left: 5px !important;
  margin-right: 5px !important;
  margin-bottom: 30px !important;
  border:1px solid #e6e6e6 !important;
}

.customercard .foto {
  margin-top: 30px !important;
}

.customercard .customerdetail {
  text-align: center;
}

.userreview {
  margin-top: 30px;
}

.userreview .infobox {
  margin: auto !important;
  border-right: 1px solid #e6e6e6;
  padding: 0 10px;
}


.userreview .infobox:last-child {
  border-right: none !important;
}

.userreview h6{
  font-size: 14px !important;
  color: #665d91 !important;
}

.backbtn {
  background:white;
  padding:5px 10px;
  border:1px solid #e6e6e6;
  margin-bottom:15px;
  display: inline-block;
  border-radius: 7px !important;
  margin-left: 5px !important;;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: left !important;
}

div.dataTables_wrapper div.dataTables_length {
  text-align: left !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #665d91 !important;
  color: white!important;
  border-radius: 3px!important;
  padding: 7px!important;
} 

.dataTables_scrollBody::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
    background-color: #FFFFFF;
}
 
.dataTables_scrollBody::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #FFFFFF;
}

.profile-button, .notification-button{
  position: absolute;
  right: 10px;
  top: 0px;
}
.notification-button{
  right: 70px;
  padding-top: 4px;
}