/*
@font-face {
  font-family: 'Roboto-Regular';
  src: url('/dashboard/dashboardws/roboto/Roboto-Regular.ttf'); 
}

body {
  font-family: 'Roboto-Regular', Fallback, sans-serif !important;
}
*/
 body {
        margin: 0;
        font-family: Roboto, "Helvetica Neue", sans-serif;
        background-color: #f8f8f8;
        font-size: 0.875rem;
    }
 table th, table td {
	color: #535763;
}
table th {
	font-weight: bold;
} 

.card .card-header h3.card-title{
	font-weight: 700;
	font-size: 14px;
}
 h5 {
	font-size: 18px;
}

h1, h2, h3, h4, h5 {
    color: #060606;
    font-weight: 500;
} 
.content-head {
	padding-top: 40px;
}
.form-control {
	font-size: 14px;
}

 .dashboard-card span {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}
.dashboard-card h3 {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}
.data-table .table-header h5 {
	color: #060606;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 0rem;
} 
.table-button .btn {font-size: 0.875rem; }
.breadcrumb {
	background: #f4f5fa;
}
.breadcrumb  li a {
	color: #4680ff;
}


.bg-sales {
  background-color: #598c14 !important;
  color: #fff;
}
.bg-stock {
  background-color: #b52e31 !important;
  color: #fff;
}

.bg-customers {
  background-color: #016773 !important;
  color: #fff;
}

.bg-sales-entities {
  background-color: #b7295a !important;
  color: #fff;
}



.wrapper .navbar {
  background: #4680ff;
  min-height: 58px;
}
.main-sidebar {
	background: #101b33;
}
.brand-link {
	background: #fff;	
}
.brand-link .brand-image {
  max-height: 39px;
  width: auto;
  box-shadow: none !important;
}
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p {
  margin-left: 20px !important;
}
.content-main { 
  background: #4680ff;
}

.auth-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-width: 100%;
    min-height: 100vh;
}
.auth-wrapper .auth-content:not(.container) {
    width: 400px;
}
.auth-wrapper .auth-content {
    position: relative;
    padding: 15px;
    z-index: 5;
}
.margin0auto {
    margin: 0 auto;
}

.input-group-prepend {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0.375rem 0.95rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 2px;
}
.password-view {
    position: absolute;
    top: 7px;
    right: 10px;
}
.btn-info {
  color: #fff;
  background-color: #008a9b;
  border-color: #007f8e;
  box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%), 0 2px 3px 0 rgb(0 0 0 / 19%);
  border-radius: 5px;
  float: right;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  padding: 0.375rem 0.95rem;
  font-size: 0.875rem;
  line-height: 1.5;
  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;
}

.canvase img {
  height: 36px;
  width: calc(100% - 50px);
  text-align: left !important;
}

.btn-block {
  display: block;
  width: 100%;
  color: #fff;
  background-color: #4680ff;
  border: 1px solid transparent;
  padding: 0.375rem 0.95rem;
  font-size: 0.875rem;
  line-height: 1.5;
  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;
  box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%), 0 2px 3px 0 rgb(0 0 0 / 19%);
  border-radius: 5px;
}
.text-muted a {
	color: #060606;
    font-weight: 600;
    text-decoration: none;
}

.login-content {
	padding: 0px !important;
}






.pcoded-header .dropdown .dropdown-toggle {
    width: 30px;
    padding: 0;
}
.pcoded-header .dropdown .dropdown-toggle {
    line-height: 33px;
    display: inline-block;
    padding-right: 5px;
}
.pcoded-header.header-blue .input-group .input-group-text, .pcoded-header.header-blue a, .pcoded-header.header-blue dropdown-toggle {
    color: #fff;
} 
.pcoded-header .dropdown .dropdown-toggle:before {
    left: 0;
}
.pcoded-header .dropdown .dropdown-toggle:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  background: rgba(255, 255, 255, 0.25);
  top: 2px;
  left: -8px;
  border: none;
  border-radius: 50%;
}
.pcoded-header .dropdown .dropdown-toggle i {
    padding: 0px;
}
.pcoded-header.header-blue .dropdown-menu {
    color: #535763;
}
.pcoded-header .dropdown .notification {
    width: 350px;
    padding: 0;
    line-height: 1.4;
    overflow: hidden;
}
.pcoded-header .dropdown .dropdown-menu {
    position: absolute;
    min-width: 250px;
}
.pcoded-header .ml-auto .dropdown-menu {
  margin-right: 0px;
  margin-top: 14px;
}
.pcoded-header .dropdown .notification .noti-head {
    background: #4680ff;
    padding: 15px 20px;
}
.pcoded-header .dropdown .notification .noti-head h6 {
    color: #fff;
    font-weight: 600;
}
.pcoded-header .dropdown .notification .noti-body {
    padding: 0;
    position: relative;
    height: 300px;
}
.pcoded-header .dropdown .notification ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
ul.noti-body {
    height: 0;
    overflow: hidden;
    overflow-y: scroll;
}
.pcoded-header .dropdown .notification .noti-footer {
    border-top: 1px solid #f1f1f1;
    padding: 15px 20px;
    text-align: center;
    background: #f4f5fa;
}
.pcoded-header .dropdown .notification .noti-footer a {
    text-decoration: underline;
    font-size: 13px;
}
.pcoded-header.header-blue .dropdown-menu a {
    color: #535763;
}
.language-select-box  {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  border: none;
  padding: 4px;
  margin-top: 3px;
  margin-right: 15px;
}
.language-select-box option {
    color: black;
}
.dropdown-toggle::after {
  display: none !important;
}



.pro-head {
    color: #fff;
    background: #4680ff;
}

.pro-head .img-radius{
    width: 40px;
    margin-right: 10px;
    border-radius: 50%;
}
.pro-head {
    color: #fff;
    padding: 15px;
    position: relative; 
}
ul.last-login {
    background: none;
    padding: 10px 0 0 10px;
}
ul.last-login li {
    background: none;
    list-style: none;
    line-height: 1.5 !important;
    font-size: 14px;
    color: #535763;
}
.text-muted {
    color: #6c757d !important;
}
.pro-body {
    padding: 20px 0;
    margin-bottom: 0;
    list-style: none;
}
.pro-body li a {
    color: #535763;
    font-size: 14px;
    padding: 10px;
}
.pro-body li:hover, .pro-body li:focus {
background: #4680ff;
    box-shadow: 0 15px 8px -9px rgb(0 0 0 / 25%);
}
.pro-body li:hover > a, .pro-body li:focus > a {
    color: #fff;
background: transparent;
}
.dropdown-item i {
	margin-right: 7px;
}



/*Accordion */
.search-accordion .card-header .title {
    font-size: 17px;
    color: #000;
}
.search-accordion .card-header .accicon {
  float: right;
  font-size: 20px;  
  width: 1.2em;
}
.search-accordion .card-header{
  cursor: pointer;
  border-bottom: none;
}
.search-accordion .card{
  border: 1px solid #ddd;
}
.search-accordion  .card-body{
  border-top: 1px solid #ddd;
}
.search-accordion  .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}

/* Search Result Card */
    .search-card {
        display: flex;
        align-items: center;

    }
    .search-card .card-id {
        padding: 1.5rem !important;
        

    }
    .search-card .card-id h5{
        margin-bottom: 0px;

    }
    .search-card .card-desc {
        padding: 0.5rem 0.5rem 0.5rem 1rem !important;

    }
    .search-card .card-desc h6{
        margin-top: 4px;

    }
    .search-card .card-id::after{
        content: '';
            position: absolute;
            top: 0;
            left: 95px;
            bottom: 0;
            display: inline-block;
            width: 1px;
            background-color: #e3eaef;

    }
    
.canvas-size {
	width: calc(100% - 47px);
}

@media screen and (max-width: 434px){
.auth-wrapper .auth-content:not(.container) {
    width: 100% !important;
    margin: 0;
}
}