@charset "utf-8";
@font-face {
	font-family: 'Poppins';
	src: url('../css/fonts/Poppins-Regular.ttf') format('TrueType');
}
@font-face {
	font-family: 'Azonix';
	src: url('../css/fonts/Azonix.otf') format('OpenType');
}
.azonix {
	font-family: 'Azonix';
}
.poppins {
	font-family: 'Poppins';
}
/* width */ ::-webkit-scrollbar {
	width: 15px;
}
/* Track */ ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #2e353e;
	border-radius: 10px;
}
/* Handle */ ::-webkit-scrollbar-thumb {
	background: #0074B5;
	border-radius: 10px;
}
/* Handle on hover */ ::-webkit-scrollbar-thumb:hover {
	background: #004267;
}
body {
	font-family: 'Poppins';
	color: #FFFFFF !important;
	background-color: #000000 !important;
	max-height: 910px !important;
	max-width: 1916px !important;
	margin: 0 auto !important;
}
.bodyBG {
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000000;
	background-image: url("../images/logoSVGIconFullBG-01.svg");
}
.globalContainer {
	margin-top: 45px !important;
	height: calc(100vh - 85px);
	width: 100%;
	margin: 0 auto;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px 10px !important;
}
.text-right {
	text-align: right !important;
}
.text-center{
	text-align: center !important;
}
.fhColorA {
	color: #9a9985 !important;
}
.fhColorB {
	color: #184058 !important;
}
.piColorA {
	color: #00599b !important;
}
.piColorB {
	color: #0b9ed7 !important;
}
.loginContainer {
	width: 400px;
	height: 360px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 10px;
	background-color: #000000 !important;
}
.fRight {
	float: right !important;
}
.fLeft {
	float: left !important;
}
.text-left {
	text-align: left !important;
}
.participantsContainer {
	height: calc(100vh - 230px) !important;
	overflow-x: hidden !important;
	overflow-y: auto;
	border-right: 1px solid rgba(95, 95, 95, 1.00) !important;
}
.videoButtons {
	width: 80px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;	
	font-size: 0.775rem;
	font-weight: bold;
	cursor: pointer;
	float: left;
}
.vbNoVideo{	
	border: 1px solid #9C9C9C;
	background-color: #5C5C5C;
	color: #FFFFFF;
}
.vbNoVideo:hover{	
	border: 1px solid #9C9C9C;
	background-color: #B5B5B5;
	color: #FFFFFF;
}
.text-successB{	
	color: #01B900;
}
.btn-successB{	
	background-color: #01B900;
	color: #FFFFFF;
}
.btn-successB:hover{	
	background-color: #009307;
	color: #FFFFFF;
}
.link-successB{	
	color: #01B900;
	cursor: pointer;
}
.link-successB:hover{	
	color: #009307;
	cursor: pointer;
}
.link-successB:active{	
	color: #01B900;
	cursor: pointer;
}
.titleUPV{
	font-size: 1.3rem;	
}
.spacer0px {
	min-height: 0px !important;
	height: 0px !important;
	max-height: 0px !important;
	clear: both;
	font-size: 0px !important;
}
.spacer5px {
	min-height: 5px !important;
	height: 5px !important;
	max-height: 5px !important;
	clear: both;
	font-size: 0px !important;
}
.spacer10px {
	min-height: 10px !important;
	height: 10px !important;
	max-height: 10px !important;
	clear: both;
	font-size: 0px !important;
}
.spacer15px {
	min-height: 15px !important;
	height: 15px !important;
	max-height: 15px !important;
	clear: both;
	font-size: 0px !important;
}
.spacer20px {
	min-height: 20px !important;
	height: 20px !important;
	max-height: 20px !important;
	clear: both;
	font-size: 0px !important;
}
.redText {
	color: rgba(251, 0, 4, 1.00) !important;
}
.logoutButton {
	position: absolute !important;
	top: 5px !important;
	right: 5px !important;
	z-index: 9999 !important;
	font-size: 1.5rem !important;
	line-height: 2.0rem;
}
.homeButton {
	position: absolute !important;
	top: 5px !important;
	left: 5px !important;
	z-index: 9999 !important;
	font-size: 1.5rem !important;
	line-height: 2.0rem;
}
.addButton {
	position: absolute !important;
	left: 5px !important;
	z-index: 9999 !important;
	font-size: 1.5rem !important;
	line-height: 2.0rem;
}
.header {
	width: 100%;
	max-width: 1918px !important;
	position: fixed;
	top: 0px;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 0px;
	text-align: center;
	background-color: #000000 !important;
	min-height: 40px;
	font-size: 1.8rem;
	line-height: 2.0rem;
}
.footer {
	width: 100%;
	max-width: 1918px !important;
	position: fixed;
	bottom: 0px;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 0px;
	text-align: center;
	background-color: #000000 !important;
	height: 40px;
	font-size: 1.2rem;
	line-height: 1.8rem;
}
/* /////////////////////////////////////////
FRAMES UPLOAD
////////////////////////////////////////*/

.fileInput{
	display: none;
}

.dragZone{
	margin: 0px 0px 10px 0px !important;
	border: solid #FFFFFF 1px !important;
	padding: 10px !important;
	border-radius: 15px !important;
}

.text-success2{
	color: #0AFF00;
}

.text-danger2{
	color: #FF0004;
}

.uploaderFrame{
	
}

.noShowDiv{
    display: none !important;
}