@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');


/*Login Page*/
#root,
html, body { height:100%; font-size: 14px;}

.logoRow { text-align: center; padding-bottom: 10px;}


.loginBoxWrap { height: 100%; position: relative; font-family:'Open Sans', Verdana; font-size: 12px;}

.loginBox  { margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); max-width:500px;}
.loginBox2  { margin: 0; position: absolute; top: 40%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); max-width:500px;}
.bg_yellow_new { background-color:#ebfbdb; border:2px solid #ff653b !important; border-radius:4px; padding: 15px;}
.td5 {padding: 5px;}
.bg_white { background-color:#fff; border:1px solid #eae6e6; border-radius:4px;	-moz-border-radius:4px;	-webkit-border-radius:4px; overflow:hidden; -webkit-box-shadow: 10px 10px 14px -9px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 14px -9px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 14px -9px rgba(0,0,0,0.75);}

.loginBox h2 { margin:0px; padding:10px; font-size:20px; color:#fff; font-weight:normal; text-align:center; text-transform:uppercase; background:#030088; border-bottom:1px solid #e1e1e1; color: #fff;}
.loginBox .btn-primary {
	background-color: #046200;
	border-color: #046200;
  } 

.loginBox2 h2 { margin:0px; padding:10px; font-size:20px; color:#fff; font-weight:normal; text-align:center; text-transform:uppercase; background:#030088; border-bottom:1px solid #e1e1e1; color: #fff;}
.loginBox2 .btn-primary {
	background-color: #046200;
	border-color: #046200;
} 


.copyrighttext {text-align: center;color: rgb(0, 0, 0); padding-top: 15px;}
.copyrighttext a:hover,
.copyrighttext a { color: rgb(0, 0, 0); text-decoration: underline; }

.loginBox {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
	
}

.loginBox2 {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
	
}


  .overlay {
	display: none; 
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 5;
	/* opacity: 0; */
	transition: all 0.5s ease-in-out;
  }

  .overlay.active {
	display: block;
	opacity: 1;
  }




@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* Main Style*/

body {
	font-family: 'Open Sans', sans-serif;
	background: #eeeeee;
}

/*Top Navigation*/
.xp-topnav .navbar-brand {
    width: 250px;
    margin: 0;
}

.navbar {
	padding:0px 15px;
	border-bottom-width:2px; 
	border-bottom-style:solid;
	border-left:0px;
	border-radius: 0;
	margin:0px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	height:65px
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { float:right;}
.navbar-btn {
	box-shadow: none;
	outline: none !important;
	border: none;
}
.navbar-dark .navbar-nav .nav-link { color:rgba(255,255,255,1);}
.xp-topnav .navbar-nav .dropdown .avatar { width:24px; height:24px; display:inline-block; position:relative; top:-3px;}
.xp-topnav ul li.active > a, .xp-topnav a[aria-expanded="true"] { outline: none;}
.xp-topnav .nav-link:focus, 
.xp-topnav .nav-link:hover {outline: none;}

.xp-topnav .navbar-nav .dropdown .avatar img { width:100%;}
.xp-topnav .navbar-nav .dropdown-menu .dropdown-item { font-size:14px; color:#666666;}
.xp-topnav .navbar-nav .dropdown-menu .glyphicon { color:#848181; font-size:14px;}

.xp-topnav .dropdown-item.active, .xp-topnav .dropdown-item:active {
    color: #000;
    text-decoration: none;
    background-color: #f8f9fa;
}
.xp-topnav .navbar-nav .dropdown-menu { top:50px;}
.xp-topnav .inbox-nav { position:relative;}
.xp-topnav .inbox-nav sup { border-radius:50%; width:20px; height:20px;  position: absolute; top: 0; right: 0; text-align: center; line-height: 20px;
text-align: center; line-height: 20px;}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
	display: flex;
	align-items: stretch;
}
#sidebar {
	min-width: 250px;
	max-width: 250px;	
	padding-top: 65px;
	transition: all 0.3s;
}
/* #sidebar {
	min-width: 250px;
	max-width: 250px;	
	padding-top: 65px;
	transition: all 0.3s;
	position: fixed;
	height: 100vh;
	z-index: 10;
	margin-left: -250px;
	overflow-y: scroll;
} */

/* Works on Firefox */
/* #sidebar {
	scrollbar-width: thin;
	scrollbar-color: rgb(68, 68, 68) rgb(88, 88, 88);
  }
  *::-webkit-scrollbar {
	width: 12px;
  }*::-webkit-scrollbar-track {
	background: rgb(88, 88, 88);
  }*::-webkit-scrollbar-thumb {
	background-color: rgb(68, 68, 68);
	border-radius: 20px;
	border: 3px solid rgb(88, 88, 88);
  }


#sidebar.active { margin-left: 0px;} */

#sidebar.active { margin-left: -250px;}
#sidebar .sidebar-header { padding:10px 15px; }
#sidebar .sidebar-header p { margin:0px; padding:0px; font-size:small; }
#sidebar ul.components { padding:0;}
#sidebar ul p { color: #fff; padding: 10px;}
#sidebar ul li { margin:0px; padding:0px; border-bottom-width:1px; border-bottom-style:solid;}
.left_icon { float:left; width:21px; height:21px; padding-left:30px;}
#sidebar ul li .glyphicon { margin-right:10px; font-size: 14px;}
#sidebar ul li a {
	padding: 10px;
	font-size: 1.1em;
	display: block;
	color:3fff;
	text-decoration:none;
	color:#fff;
}

#sidebar a[data-toggle="collapse"] {
	position: relative;
}
 
#sidebar a[aria-expanded="false"]::before,  #sidebar a[aria-expanded="true"]::before {
 content: '\e114';
 display: block;
 position: absolute;
 right: 20px;
 font-family: 'Glyphicons Halflings';
 font-size: 0.6em;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#sidebar a[aria-expanded="true"]::before {
 content: '\e113';
 transform: rotate(-180deg);
}

#sidebar ul ul a {
	font-size: 0.9em !important;
	padding-left: 20px !important;
	color:#000 !important;
	/* background-color: #6bd6c0; */
	background-color: #5bff76;
}
#sidebar ul ul a:hover { background-color:#5ac4ae !important;}
#sidebar ul ul a .glyphicon { font-size:8px !important; top:-2px;}

#sidebar ul.CTAs {
	padding: 20px;
}
#sidebar ul.CTAs a {
	text-align: center;
	font-size: 0.9em !important;
	display: block;
	border-radius: 5px;
	margin-bottom: 5px;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
.contentWrapper {}
#content {
	padding:65px 0 0 0;
	min-height: 100vh;
	width:100%;
	transition: all 0.3s;
}

.dasboard-wrapper .btn-light { color:#1364a1; font-weight:bold;}

/*Menu Short*/
.menuShort_wrap { overflow:hidden;}
.menuShort { margin:0px; padding:0px; text-align:left; overflow:hidden;}
.menuShort .btn { text-align:left !important;}
.menuShort li { margin:0 0 15px; padding:0px; list-style:none;}
.menuShort li li { margin:0 0 15px; padding:0px;}
.menuShort li ul { margin:15px 0 0 0;}




.form-control { font-size: 12px;}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */




/* @media (max-width: 768px) { */
	/* @media (max-width: 250px) { */
@media (max-width: 768px) {
#sidebar { margin-left: -250px;}
#sidebar.active { margin-left: 0;}
#sidebarCollapse span { display: none;}

/* .loginBoxWrap  { padding:30px;}
.loginBox {
	margin: 0;
	top: auto;
	left: auto;
	margin-right: auto;
	max-width: 500px;
	}

.loginBox2 {
	margin: 0;
	position: inherit;
	top: auto;
	left: auto;
	margin-right: auto;
	transform: inherit;
	max-width: 500px;
	}


.loginBoxContener {
	padding:0 !important;
}
.loginBox h2,
.loginBox .bg_white {
	background-color: rgba(15, 0, 150, 0) !important;
	border: none;
	color: #fff;
}
.loginBox a {
	color: #fff;
}

.loginBox2 h2,
.loginBox2 .bg_white {
	background-color: rgba(15, 0, 150, 0) !important;
	border: none;
	color: #fff;
}
.loginBox2 a {
	color: #fff;
}

.loginBoxContener p { display: none !important;}
.loginBoxContener  .offset-3 {
	margin-left: 0%;
	}
.loginBoxContener .form-control:focus,
.loginBoxContener .form-control { 
	font-size: 12px;
	box-shadow:none !important;
	background-color: rgba(0,0,0, 0);
	border: 0px;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	padding-left: 0px;
	color: #fff !important;
} */

}


/* index.css or App.css */
* {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera, and Firefox */
  }