:root {
  --primary: #087dfd;
  --secondary: #e3f8ef;
  --text: #f5f7fa;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.main-icon {
  font-size: 35px;
  height: 35px;
  width: 35px;
}

.divLogin {
  
  width: 28%;
  border-radius: 25px;
}

.main-icon-active {
  color: var(--primary);
}
.main-icon-active .main-icon {
  color: var(--primary);
}
md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
  color: #087dfd !important;
  background-color: #087dfd !important;
}

.md-button-corner {
  padding: 0px 20px 0px 20px;
  margin: 10px 0px 0px 0px;
  min-width: 120px;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  outline: none;
}

div[dropzone] {
  border: 2px dashed #bbb;
  border-radius: 5px;
  padding: 25px;
  text-align: center;
  font: 20pt bold;
  color: #bbb;
  margin-bottom: 20px;
}

.md-progress-linear .md-container {
  height: 20px;
}

.md-progress-linear .md-container .md-bar {
  height: 20px;
}

.card-round {
  border-radius: 20px;
  background-color: #f5f5f5;
}
.my-sidebar {
  background-color: var(--primary);
}
.menu-item {
  background-color: var(--primary);
  color: var(--text);
}

.menu-item:hover {
  background-color: var(--primary);
  color: var(--text);
}
.menu-item .material-icons {
  background-color: var(--primary);
  color: var(--text);
}
.menu-item .material-icons:hover {
  background-color: var(--primary);
  color: var(--text);
}

.circle {
  background: transparent;
  border-radius: 200px;
  color: white;
  height: 100px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  width: 100px;
  border: solid white 5px;
}
.circleLogin{
	background: #087dfd;
  	border-radius: 200px;
  	color: white;
    height: 100px;
    display: flex;
    text-align: center;
  align-items: center;
  justify-content: center;
    font-weight: bold;
    font-size: 18px;
    width: 100px;
    
}

.selectedIndex {
  background: rgba(37, 35, 35, 0.8);
}
.navIocn {
  height: 10%;
  width: 10%;
  margin-right: 10px;
}
.navtitle1 {
  margin: 0px;
  padding: 0px;
  color: white;
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
}
.navtitle2 {
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  color: white;
  font-size: 14px;
  font-weight: bold;
}

.sidemenuactive {
  background: rgba(37, 35, 35, 0.8);
  color: rgb(255, 255, 255);
}
/* .circle {
  /* height: 100px;
  width: 100px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 18px;
  border-radius: 50%; 
  border: solid white 5px;
  background: transparent; */
/* width: 100px;
  height: 100px;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border: solid white 5px;
  background: transparent;
} */