@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800&display=swap');


/***************************/
/*Default style*/
/***************************/
* {
	box-sizing: border-box;
}
body {
	font-family: 'Poppins', sans-serif;
	margin: 0;
	color: #565E8C;
	font-size: 14px;
}
h1, h2, h3 ,h4, h5, h6 {
	font-weight: 700;
}


/***************************/
/*Container style*/
/***************************/
#wrapper {
	
}
#wrapper-left {
	width: 75%;
	padding: 0;
	margin-right: 25%;
	padding: 30px;
}
#wrapper-right {
	position: fixed;
	width: 25%;
	height: 100vh;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #F6F5FA;	
	padding: 30px;
}


/***************************/
/*Material design style*/
/***************************/
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


/***************************/
/*Material design style*/
/***************************/
.bg-primary {
	background-color: #737BFF !important;
}
.bg-warning {
	background-color: #FFD302 !important;
}
.bg-danger {
	background-color: #FF9290 !important;
}


.meet-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 55px;
	width: 55px;
	border-radius: 14px;
}
.meet-icon img {
	height: 20px;
}

.img-users {
	display: inline-block;
	height: 90px;
	width: 90px;
	border-radius: 18px;
	border: 1px solid transparent;
	cursor: pointer;
	text-align: center;
	padding-top: 4px;
}


.img-users:hover,
.img-users:focus,
.img-users:active {
	border: 1px solid #C0C0C0;
}
.img-users.more {
	opacity: 0.5;
}
.img-users.more:hover {
	opacity: 1;
}
.img-users.more .text-more {
	margin-left: -35px;
	margin-top: 12px;
}

.img-users img {
	height: 85px;
	width: 85px;
}
.img-users span {
	position: absolute;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	margin-top: 60px;
	margin-left: -25px;
	/*bottom: 0;
	right: 0;*/
}

.box-shadow {
	box-shadow: 4px 4px 20px 15px #eee;
}

.radius {
	border-radius: 14px !important;
}

.calendar-handle,
.calendar-handle {
	position: absolute;
	height: 30px;
	width: 15px;
	border-radius: 20px;
	box-shadow: 4px 4px 20px 10px #eee;
	background-color: #737BFF;
}
.calendar-handle.left {
	margin-top: -13px;
	margin-left: 15%;
}
.calendar-handle.right {
	margin-top: -13px;
	margin-left: 80%;
}

.search {
	background-color: #F6F5FA;
	border-radius: 14px;
}
.search > .input-group-prepend > span {
	border: none;
	background-color: transparent !important;
	padding-left: 25px;
}
.search > input {
	border: none;
	background-color: transparent !important;
	box-shadow: none;
	outline: none;
	padding: 1.575rem .75rem;
}
.search > input:focus {
	box-shadow: none;
	outline: none;
}

.btn-light {
	background-color: #F6F5FA !important;
}

.d-none-list > li {
	display: none;
}
.d-none-child > div {
	display: none;
}