@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

@keyframes swing {

  0% {

    transform: rotate(0deg);

  }

  10% {

    transform: rotate(10deg);

  }

  30% {

    transform: rotate(0deg);

  }

  40% {

    transform: rotate(-10deg);

  }

  50% {

    transform: rotate(0deg);

  }

  60% {

    transform: rotate(5deg);

  }

  70% {

    transform: rotate(0deg);

  }

  80% {

    transform: rotate(-5deg);

  }

  100% {

    transform: rotate(0deg);

  }

}



@keyframes sonar {

  0% {

    transform: scale(0.9);

    opacity: 1;

  }

  100% {

    transform: scale(2);

    opacity: 0;

  }

}

body {

  font-size: 0.9rem;

  background-color: #fff;

  font-family: 'poppins',sans-serif;

}

ul{

	margin-top: 14px !important;

}

li{

	padding: 5px;

	font-weight: 800;

}

.box{

	border: 1px #b1adad solid;

	background-color: #ffff;

	border-radius: 6px;

	position: relative;

	min-height: 150px;

	text-align: center;

	margin: 3px;

}

.box .fa-bimobject{

	font-size: 51px;

	color: #e8b311;

}

.box .fa-unlock{

	font-size: 51px;

	color: #545b62;

}

.box .fa-tags{

	font-size: 51px;

	color: #28a745;

}

.box .fa-users{

	font-size: 51px;

	color: #17a2b8;

}

.box .fa-shopping-bag{

	font-size: 51px;

	color: #c11616;

}

.box h4{

	color: #8b8e94;

	margin-top: 10px;

}

.box h4:hover{

	color: #c11616;

	cursor: pointer;

}

.box a{

	position: absolute;

	right: 4px;

	bottom: 2px;

	text-decoration: none;

	color: #8b8e94;

}

.box a:hover{

	color: #c11616;

}

.user-pic img{

  height: 70px !important;

}

.icontable{

    font-size: 23px !important;

}

/*----------------page-wrapper----------------*/



.page-wrapper {

  height: 100vh;

}



.page-wrapper .theme {

  width: 40px;

  height: 40px;

  display: inline-block;

  border-radius: 4px;

  margin: 2px;

}



.page-wrapper .theme.chiller-theme {

  background: #000;

}



/*----------------toggeled sidebar----------------*/



.page-wrapper.toggled .sidebar-wrapper {

  left: 0px;

}



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

  .page-wrapper.toggled .page-content {

    padding-left: 250px;

  }

}

/*----------------show sidebar button----------------*/

#show-sidebar {

  position: fixed;

  left: 0;

  top: 10px;

  border-radius: 0 4px 4px 0px;

  width: 35px;

  transition-delay: 0.3s;

}

.page-wrapper.toggled #show-sidebar {

  left: -40px;

}

/*----------------sidebar-wrapper----------------*/



.sidebar-wrapper {

  width: 250px;

  height: 100%;

  max-height: 100%;

  position: fixed;

  top: 0;

  left: -300px;

  z-index: 999;

}



.sidebar-wrapper ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

}



.sidebar-wrapper a {

  text-decoration: none;

}



/*----------------sidebar-content----------------*/



.sidebar-content {

  max-height: calc(100% - 30px);

  height: calc(100% - 30px);

  overflow-y: auto;

  position: relative;

}



.sidebar-content.desktop {

  overflow-y: hidden;

}



/*--------------------sidebar-brand----------------------*/



.sidebar-wrapper .sidebar-brand {

  padding: 10px 20px;

  display: flex;

  align-items: center;

}



.sidebar-wrapper .sidebar-brand > a {

  text-transform: uppercase;

  font-weight: bold;

  flex-grow: 1;

}



.sidebar-wrapper .sidebar-brand #close-sidebar {

  cursor: pointer;

  font-size: 20px;

}

/*--------------------sidebar-header----------------------*/



.sidebar-wrapper .sidebar-header {

  padding: 20px;

  overflow: hidden;

}



.sidebar-wrapper .sidebar-header .user-pic {

  float: left;

  width: 60px;

  padding: 2px;

  border-radius: 12px;

  margin-right: 15px;

  overflow: hidden;

}



.sidebar-wrapper .sidebar-header .user-pic img {

  object-fit: cover;

  height: 100%;

  width: 100%;

}



.sidebar-wrapper .sidebar-header .user-info {

  float: left;

}



.sidebar-wrapper .sidebar-header .user-info > span {

  display: block;

}



.sidebar-wrapper .sidebar-header .user-info .user-role {

  font-size: 12px;

}



.sidebar-wrapper .sidebar-header .user-info .user-status {

  font-size: 11px;

  margin-top: 4px;

}



.sidebar-wrapper .sidebar-header .user-info .user-status i {

  font-size: 8px;

  margin-right: 4px;

  color: #5cb85c;

}



/*----------------------sidebar-menu-------------------------*/



.sidebar-wrapper .sidebar-menu {

  padding-bottom: 10px;

}



.sidebar-wrapper .sidebar-menu .header-menu span {

  font-weight: bold;

  font-size: 14px;

  padding: 15px 20px 5px 20px;

  display: inline-block;

}



.sidebar-wrapper .sidebar-menu ul li a {

  display: inline-block;

  width: 100%;

  text-decoration: none;

  position: relative;

  padding: 8px 30px 8px 20px;

}



.sidebar-wrapper .sidebar-menu ul li a i {

  margin-right: 10px;

  font-size: 12px;

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  border-radius: 4px;

}





.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {

  padding: 5px 0;

}



.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {

  padding-left: 25px;

  font-size: 13px;

}



.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {

  content: "\f111";

  font-family: "Font Awesome 5 Free";

  font-weight: 400;

  font-style: normal;

  display: inline-block;

  text-align: center;

  text-decoration: none;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  margin-right: 10px;

  font-size: 8px;

}



.sidebar-wrapper .sidebar-menu ul li a span.label,

.sidebar-wrapper .sidebar-menu ul li a span.badge {

  float: right;

  margin-top: 8px;

  margin-left: 5px;

}



.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {

  float: right;

  margin-top: 0px;

}



.sidebar-wrapper .sidebar-menu .sidebar-submenu {

  display: none;

}



.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {

  transform: rotate(90deg);

  right: 17px;

}



/*--------------------------side-footer------------------------------*/



.sidebar-footer {

  position: absolute;

  width: 100%;

  bottom: 0;

  display: flex;

}



.sidebar-footer > a {

  flex-grow: 1;

  text-align: center;

  height: 30px;

  line-height: 30px;

  position: relative;

}



.sidebar-footer > a .notification {

  position: absolute;

  top: 0;

}



.badge-sonar {

  display: inline-block;

  background: #980303;

  border-radius: 50%;

  height: 8px;

  width: 8px;

  position: absolute;

  top: 0;

}



.badge-sonar:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  border: 2px solid #980303;

  opacity: 0;

  border-radius: 50%;

  width: 100%;

  height: 100%;

  animation: sonar 1.5s infinite;

}



/*--------------------------page-content-----------------------------*/



.page-wrapper .page-content {

  display: inline-block;

  width: 100%;

  padding-left: 0px;

  padding-top: 20px;

}



.page-wrapper .page-content > div {

  padding: 20px 40px;

}



.page-wrapper .page-content {

  overflow-x: hidden;

}



/*------scroll bar---------------------*/



::-webkit-scrollbar {

  width: 5px;

  height: 7px;

}

::-webkit-scrollbar-button {

  width: 0px;

  height: 0px;

}

::-webkit-scrollbar-thumb {

  background: #525965;

  border: 0px none #ffffff;

  border-radius: 0px;

}

::-webkit-scrollbar-thumb:hover {

  background: #525965;

}

::-webkit-scrollbar-thumb:active {

  background: #525965;

}

::-webkit-scrollbar-track {

  background: transparent;

  border: 0px none #ffffff;

  border-radius: 50px;

}

::-webkit-scrollbar-track:hover {

  background: transparent;

}

::-webkit-scrollbar-track:active {

  background: transparent;

}

::-webkit-scrollbar-corner {

  background: transparent;

}





/*-----------------------------chiller-theme-------------------------------------------------*/



.chiller-theme .sidebar-wrapper {

    background: #000;

}



.chiller-theme .sidebar-wrapper .sidebar-header,

.chiller-theme .sidebar-wrapper .sidebar-search,

.chiller-theme .sidebar-wrapper .sidebar-menu {

    border-top: 1px solid #3a3f48;

}



.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,

.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {

    border-color: transparent;

    box-shadow: none;

}



.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,

.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,

.chiller-theme .sidebar-wrapper .sidebar-brand>a,

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,

.chiller-theme .sidebar-footer>a {

    color: #818896;

}



.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,

.chiller-theme .sidebar-wrapper .sidebar-header .user-info,

.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,

.chiller-theme .sidebar-footer>a:hover i {

    color: #ffff;

}



.page-wrapper.chiller-theme.toggled #close-sidebar {

    color: #bdbdbd;

}



.page-wrapper.chiller-theme.toggled #close-sidebar:hover {

    color: #ffffff;

}



.chiller-theme .sidebar-wrapper ul li:hover a i,

.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {

    color: #16c7ff;

    text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);

}

.sidebar-dropdown > a{

  color: #fff !important;

  font-size: 14px;

}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,

.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {

    background: #3a3f48;

}



.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {

    color: #6c7b88;

}



.chiller-theme .sidebar-footer {

    background: #c11616;

    box-shadow: 0px -1px 5px #c11616;

    border-top: 1px solid #c11616;

}



.chiller-theme .sidebar-footer>a:first-child {

    border-left: none;

}



.chiller-theme .sidebar-footer>a:last-child {

    border-right: none;

}













/*boostrap fix*/

.padding{

	padding: 1rem;

}







.active {

    border-right: 3px solid #c11616;

    background: #fff;

}



.active > span{

  color: black !important;

}



.active > .fa-chart-pie{

  color: black !important;

}

.active > .fa-shopping-bag{

  color: black !important;

}