/* <!-- Including Cogos-fonts css file --> */

@import './cogos-fonts/cogos_fonts.css';
.pac-container {
	z-index: 9999 !important;
}

.rsc-container .rsc-content .rsc-cs {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

body {
	font-family: CentraleSansRegular;
	overflow-x: hidden;
	margin: 0;
}
#root-app .MuiAppBar-colorPrimary {
	z-index: 1200;
	transition: width 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
		margin 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: CentraleSansRegular !important;
}
#tsparticles {
    /* background: #1a0441; */
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 12;
}
#login .MuiFormLabel-root,
#login input,
#login .MuiTypography-displayBlock{
	color: #fff !important;
	font-weight: 500 !important;
}
#login .MuiTypography-caption,
#login .MuiTypography-body2 {
	color: #ffffff !important;
	font-weight: 500 !important;
}
#login .MuiOutlinedInput-notchedOutline{
	border-color: #fff !important;
}
/* Change the white to any color */
#login input:-webkit-autofill,
#login input:-webkit-autofill:hover,
#login input:-webkit-autofill:focus,
#login input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}
/*Change text in autofill textbox*/
#login input:-webkit-autofill{
    -webkit-text-fill-color: #fff !important;
}
#login .forgot{
	color: #ffffff;
    font-size: 16px;
    font-weight: 500;
	cursor: pointer;
}
#login .MuiButton-contained.Mui-disabled{
	color: rgb(255 255 255 / 40%);
	background-color: rgb(255 87 34 / 60%) !important;
}
header .MuiIconButton-label {
	font-size: 18px;
}
.side_bar .MuiPaper-root {
	top: 64px !important;
}
.side_bar .MuiSvgIcon-root.plus {
	margin: 8px;
	cursor: pointer;
	float: right;
}
.side_bar .org_title {
	margin: 8px;
	display: inline-block;
}
.side_bar .MuiOutlinedInput-root {
	border-radius: 2px;
}
.side_bar .org_list {
	width: 100%;
}
.admin_rightpanel .MuiGrid-root {
	width: 90%;
}

.loader {
    position: absolute;
    top: calc(50% - 4em);
    left: calc(50% - 4em);
    width: 6em;
    height: 6em;
    border: 1.1em solid rgba(0, 0, 0, 0.2);
    border-left: 1.1em solid #000000;
    border-radius: 50%;
    animation: load8 1.1s infinite linear;
    transition: opacity 0.3s;
    }

    .loader--hide {
    opacity: 0;
    }

    @keyframes load8 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}