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

body {
  /* font-family: Roboto, Arial, Droid Sans, sans-serif; */
  background-color: #ececec; 
  /*overflow: hidden;*/
}

body{
  background: #ececec;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #B6DFF4; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4eb7d7; 
}

/* Start login page bubbles

.circle{
  position: absolute;
  border-radius: 50%;
  background: white;
  animation: ripple 15s infinite;
  box-shadow: 0px 0px 1px 0px #508fb9;
}

.small-c{
  width: 200px;
  height: 200px;
  left: -100px;
  bottom: 400px;
  z-index: -100;
}

.medium-c{
  width: 400px;
  height: 400px;
  left: -200px;
  bottom: -300px;
}

.large-c{
  width: 600px;
  height: 600px;
  left: -350px;
  bottom: 200px;
  z-index: -100;
}

.xlarge-c{
  width: 800px;
  height: 800px;
  left: -400px;
  bottom: 100px;
  z-index: -100;
}

.xxlarge-c{
  width: 1000px;
  height: 1000px;
  left: -450px;
  bottom: 00px;
  z-index: -100;
}

.shade1{
  opacity: 0.2;
}
.shade2{
  opacity: 0.5;
}

.shade3{
  opacity: 0.7;
}

.shade4{
  opacity: 0.8;
}

.shade5{
  opacity: 0.9;
}

@keyframes ripple{
  0%{
    transform: scale(0.8);
  }

  50%{
    transform: scale(1.2);
  }

  100%{
    transform: scale(0.8);
  }
}
End login page bubbles */

.app-logo {
  width: 63px !important;
  max-height: 56px !important;
}

#login-logoww {
  	width: 100px;
	right: 90px;
	margin-top: -50px;
}

#login-logoerp {
	width: 80px;
	max-height: 80px !important;
	left: 90px;
	margin-top: -50px;
}

.h6 {
	color: #555555;
}

.form-section .section-head .collapse-indicator {
	color: #555555 !important;
}

.control-label {
	color: #555555;
}

.navbar-default {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 1px 3px 0 #e6ebf1;
}

.desk-sidebar .standard-sidebar-item.selected {
  background-color: #B6DFF4;
}

.desk-container .desk-sidebar .sidebar-item.selected {
  background-color: #fff;
  border: 1px solid #cccccc;
}

.desk-container .desk-sidebar .sidebar-item:hover {
  background-color: #fff;
}

.sidebar-item-label span {
  transition: 0.5s;
}

.sidebar-item-label span::after {
  content: " \00bb";
  position: relative;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.desk-sidebar-item:hover span::after {
  padding-right: 25px;
  opacity: 1;
  right: 0;
}

.sidebar-item-label.selected span::after {
  padding-right: 25px;
  opacity: 1;
  right: 0;
}

.widget {
  background-color: #B6DFF4;
  box-shadow: 0 1px 3px 0 #e6ebf1;
}

.widget:hover {
  background-color: #4eb7d7;
  box-shadow: 0 0 5px rgba(33, 33, 33, 0.5);
}

.widget-head {
  color: #21a6c6;
}

.widget-title {
  font-size: 18px !important;
}

.widget.number-widget-box {
    background-color: #b6dff480;
}

.widget.number-widget-box:hover {
    background-color: #cfe6f380;
    box-shadow: 0 0 5px rgb(33 33 33 , 0.5);
}

.widget.dashboard-widget-box {
    background-color: #b6dff480;
}

.widget.dashboard-widget-box:hover {
    background-color: #cfe6f380;
	box-shadow: 0 0 5px rgba(33, 33, 33, 0.5);
}

.dropdown-help {
	display: none !important;
}

.onboarding-widget-box {
  display: none !important;
}

.help-link {
  display: none !important;
}

.footer-powered {
  display: none !important;
}

p.text-center.forgot-password-message {
  display: none !important;
}

.ql-editor {
  background: #fff;
}

.footer-info {
 color: black;
}