:root{
	--colorYellow: #FCC300;
	--colorSmoke: #EFEFEF;
	--colorGrey: #E6E6E6;
	--colorPurple: #EAECFF;
	--colorAqua: #E9FDFF;
	--colorLemon: #FDFFEA;
	--colorPeach: #FFE9EA;
	--colorPista: #EAFFE9;
	--font: 'Poppins', sans-serif;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	will-change: auto;
}
html,body{
	position: relative;
	font-size: 16px;
	color: #000;
	width: 100%;
	min-height: 100%;
}
html,body,input,select,button,textarea,
span,div,a,strong,
h1,h2,h3,h4,h5,h6,p,
table,ul,ol,li{
	font-family: var(--font);
}

/*	Login Page	*/
.errormsg{font-size: 0.85em;  color: red;  padding: 0px 0px !important; margin: 0px 0px !important;}
.bg-img {
  /* The image used */
  background-image: url("https://media.istockphoto.com/id/1071047018/vector/login-form-user-interface-vector.jpg?s=612x612&w=0&k=20&c=111C1SLafMRbYr-K_FdU31uk_ybUc8QleVxGaRP2I8Y=");

  min-height: 380px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.login-right-div{
    background: rgb(252,195,0) !important;
    float: right;
    border-radius: 40px;
    top:0;
    bottom:0;
    height: 635px;
}
.login-left-div{
    background: rgb(242,242,242) !important;
    float: left;
    border-radius: 40px;
    top:0;
    bottom:0;
    height: 600px;
}
.container-div{
    background: rgb(242,242,242) !important;
    height: 600px;
}
.logo-img{
    width: 100px;
    top: 5px;
    bottom: 5px;
}

.bg-yellow{
	background: var(--colorYellow);
}
.bg-smoke{
	background: var(--colorSmoke);
}
.bg-grey{
	background: var(--colorGrey);
}
.bg-purple{
	background: var(--colorPurple);
}
.bg-aqua{
	background: var(--colorAqua);
}
.bg-peach{
	background: var(--colorPeach);
}
.bg-lemon{
	background: var(--colorLemon);
}
.bg-pista{
	background: var(--colorPista);
}


.login_heading .h{
	font-size: 24px;
	font-weight: 500;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	margin: 0;
}
.login_heading .s{
	padding-top: 5px;
	font-size: 13px;
	font-weight: 400;
	margin: 0;
}
.login_page .row .bg-yellow{
	border-radius: 36px 0 0 36px;
}
.login_page .rem,
.login_page .fpass{
	font-size: 12px;
	font-weight: 500;
}
.login_page .rem *{
	display: inline-block;
	vertical-align: middle;
}
.login_page .rem input{
	background: transparent;
	padding: 10px;
}
.login_page .center-block{
	width: 440px;
}
.login_page .md-input:focus, 
.login_page .md-input.focus{
	border-bottom-color: rgba(0, 0, 0, 0.2);
}
.login_page .md-input:focus ~ label,
.login_page .md-input.focus ~ label{
	color: #555;
	font-size: 12px;
}
.login_page #navbarDropdown span{
	display: inline-block;
	vertical-align: middle;
	color: #333;
	margin-right: 5px;
	font-size: 12px;
}
.login_page .banner-div{
	position: relative;
    background: var(--colorSmoke);
    border-radius: 12px;
    text-align: center;
    min-width: 550px;
    height: 550px;
    overflow: hidden;
}
.login_page .banner-div .rslides img{
	width: 100%;
	height: auto;
}
.login_page .banner-img{
   height: 60vh;
   width: 500px;
}
.rslides_tabs{
	position: absolute;
	bottom: 0px;
	right: 10px;
	z-index: 10000;
}
.rslides_tabs > li{
	display: inline-block;
	vertical-align: middle;
	text-indent: -9999em;
	width: 10px;
	height: 10px;
	background: #AAA;
	border-radius: 50%;
	margin-right: 5px;
	margin-left: 5px;
}
.rslides_tabs li.rslides_here{
	background: #FFF;
}

/*
	Style for Responsive Slider on Login Page
*/
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

/*
	End of Style for Responsive Slider
*/  

/*	Dashboard	*/

#app #aside .navside .navbar.no-radius{
	background: #FFF;
	height: 64px;
}
#app .nav-text {
    color: #222;
    font-size: 14px;
}
#app ul.nav > li > a{
	color: #222;
	font-weight: 500;
	border-bottom: 1px solid #CCC;
}
#app .navside .nav li a{
	padding: 10px 10px 10px 1rem;
	border-bottom: 1px solid #CCC;
	line-height: 1.5;
}
.navside .nav li a .nav-text{
	padding: 0;
}
.app-body h3.mb-0{
	margin-bottom: 20px !important;
}
#app .navside .nav .nav-icon{
	display: none;
}
#app ul.nav > li.active > a{
	color: #000;
	background: var(--colorYellow);
}

.dashstats h4{
	color: #000;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 0;
	margin-right: 10px;
}
.dashstats small.text-muted{
	color: #000 !important;
	font-weight: 500;
}

/*	End of Dashboard	*/


@media screen and (max-width: 700px){
	.navbar > .container{
		margin: 0;
		width: 100%;
	}
}