*{
	box-sizing: border-box;
}

body{

	height: 100%;
}
#user-type-button{

	padding-left:15px; 
	padding-right: 15px; 
	padding-bottom: 20px;padding-top: 30px;

}
#register-vendor{
	border: 1px solid #223843;
}



.selected-user{
	background-color: #223843;
	color: white;
	border: 1px solid #223843;
}

#register-end-user span{

	line-height: 40px;
}

#register-vendor span{


	line-height: 40px;

}

#master-body{

	background-image: url('/images/business-people-calendar-cellphone-1187439.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	/*background: linear-gradient(rgba(26,188,156,0.2), rgba(231, 76, 60, 0.2));*/
}


nav.navbar{

	background-color: #1C2E37;
	color: #EFF1F3;
}

nav.navbar a{

	color: #EFF1F3;
}

/*main{
	background-color: #869298;
	height: 700px;
}*/

.login-card{

	margin-top: 100px;	
}


.form-check{
	margin-bottom: 15px;
}

.hide-elem{
	display: none;
}

#m_aside_left{

	background-color: #277ABA;
	
}

#m_aside_left h4, #m_aside_left span, #m_aside_left i{

	color: white;

}

#m_aside_left_minimize_toggle span, #m_aside_left_minimize_toggle span:before, #m_aside_left_minimize_toggle span:after{

	background-color: white;

}


#m_aside_left_minimize_toggle:hover span:before, #m_aside_left_minimize_toggle:hover span:after{

	background-color: white;

}
.sidebar-skin-color{

	background-color: #1D5C8C;

}

.selected-line{

	background-color: #B0E8FF;
}

.m-portlet__body .icon-action{

	font-size: 35px;
	margin-right: 20px;
}

.m-portlet__body span{

	font-size: 20px;
}

.m-portlet__body .icon-cover{

	padding: 5px;
}

.header-brand-name{
	margin-bottom: 20px;
}
.header-brand-name span{

font-size: 30px;
font-weight: bolder;
}

.card-brands-img{
	position: relative;
	height: 200px;
	width: 100%;
}

.card-brands-img img{

	position: absolute;
	height: 100%;
	width: auto;
	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center;
}

.brand-icon-preview{

	position: relative;
	height: 200px;
	width: 100%;
}

.brand-icon-preview img{

	position: absolute;
	height: 100%;
	width: auto;
	top: 0%;
	left: 0%;

	transform: translate(0%, 0%);
	object-fit: cover;
	object-position: center;
}

.brand-image{
	position: relative;
	height: 200px;
	width: 100%;

}

.brand-image img{
	position: absolute;
	height: 100%;
	width: auto;
	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center;
	
}

.end-user-sidebar{
	background-color: #FDFFFC; 
	width: 300px; 
	border-right: 1px solid #E6E8E6;

}

.end-user-sidebar ul >li{
	list-style: none;
	line-height: 40px;
}
.end-user-sidebar ul >li i{
	margin-right: 10px;
}
.end-user-sidebar ul >li>a{
	text-decoration: none;
	font-size: 15px;
	color: black;
}

.vendor-pg-brand-img {
	position: relative;
	height: 50%;
	width: 100px;
	
}

.vendor-pg-brand-img img{

	position: absolute;
	height: 100%;
	max-width: 150px;
	top: 50%;
	left: 50%;
	/*border-radius: 50%;*/

	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: top;
}

.vender-brand-content .row .vendor-pg-brand-img span{

	position: absolute;
	top: 90%;
	left: 5%;
	transform: translate(0%, -50%);
	object-fit: cover;
	object-position: top;
	z-index: 99;
	color: white;
}

.vender-brand-content .row .vendor-pg-brand-img #brand-title-onlay{
	position: absolute;
	height: 100%;
	max-width: 150px;
	top: 86.6%;
	left: 0%;
	transform: translate(0%, -50%);
	object-fit: cover;
	object-position: top;
	background-color: rgba(46, 47, 46, 0.8);
}


.brand-img {
	position: relative;
	height: 50px;
	width: 100px;
	
}

.brand-img img{

	position: absolute;
	height: 100%;
	max-width: 150px;
	top: 50%;
	left: 50%;
	/*border-radius: 50%;*/

	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: top;
}



.brand-label{
	text-align: center;
}

.vender-brand-content .row .brand-img span{

	position: absolute;
	top: 90%;
	left: 5%;
	transform: translate(0%, -50%);
	object-fit: cover;
	object-position: top;
	z-index: 99;
	color: white;
}

.vender-brand-content .row .brand-img #brand-title-onlay{
	position: absolute;
	height: 70px;
	width: 100%;
	top: 86.6%;
	left: 0%;
	transform: translate(0%, -50%);
	object-fit: cover;
	object-position: top;
	background-color: rgba(46, 47, 46, 0.8);
}

.brand-details .row{
	margin-bottom: 20px;
}

.brand-details .row span{
	font-size: 10px;
	line-height: 35px;
}
.brand-details-body{
	padding-top: 100px;
}

.sender-icon{
	position: relative;
	margin-right: 30px;
	margin-left: 30px; 
	height: 50px; 
	border-radius: 100%;
	border: 1px solid #E6E8E6;
}
.sender-icon img{
	position: absolute;
	height: 100%;
	width: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: top;

}

.doc-icon{
	position: relative;
	height: 50px; 

}
.doc-icon img{
	position: absolute;
	height: 100%;
	width: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 

}

.category{
	margin-bottom: 20px;
}

.swal2-cancel{
	background-color: red;
}