body {
	background-color: #FFFFFF;
}

#loginBody {
	background-color: #f8fafc;
}

main.content {
	background-color: #f8fafc !important;
	min-height: 80%;
}

@media screen and (min-width: 1920px) {
	 main.content {
		min-height: 85%;
	}
}

/* ASIDE BAR */
.menu-active {
	font-weight: bold;
}

.sidebar-bottom {
    text-align: center;
    height: 80px;
}

.sidebar-bottom span {
	word-break: break-all !important;
	font-size: 1.5rem;
}

/* HEADER */
.user-icon {
	width: 25px;
	height: 45px;
}

.sidebar-bottom .user-icon {
	margin-top: 5px;
	margin-right: 15px;
}

.userrole {
    display: inline-block;
    background-color: #EAEAEA;
    width: 45px;
    height: 45px;
    border-radius: 22.5px;
    line-height: 45px;
    font-weight: bold;
    margin-right: 10px;
    text-align: center;
}

/* ICONS */
.icon-1-25 {
	font-size: 1.25rem;
}

.icon-1-5 {
	font-size: 1.5rem;
}

.icon-1-75 {
	font-size: 1.75rem;
}

.icon-2 {
	font-size: 2rem;
}

/* FOOTER */
footer {
/* 	bottom: 0; */
/* 	position: fixed; */
	width: 100%;
	height: 70px;
}

.navbar {
	height: 50px;
/* 	position: fixed; */
/* 	top: 0; */
/* 	z-index: 1040; */
}

#languageDropdown {
	margin-top: 10px;
}

/******************************************/

.uppercase {
	text-transform: uppercase !important;
}

.cursor-pointer {
	cursor: pointer;
}

#frAlert {
	position: absolute;
	bottom: 50px;
	right: 20px;
	max-width: 600px;
	min-width: 200px;
}

#waitImg {
	width: 50px;
	margin: 0 auto;
}

#modalWaitMessage {
	text-align: center;
	padding-top: 20px;
}

/* USER DELETED - GREY TABLE LINE */
.user-deleted {
	color: #999999 !important;
}

/* USER LOCKED - ORANGE TABLE LINE */
.user-locked {
	color: #e51400 !important;
}

/* USER DISABLE - RED TABLE LINE */
.user-disabled {
	color: #fa6800 !important;
}

/* USER EXPIRING/RENEWABLE - YELLOW TABLE LINE */
.user-expiring {
	color: #c29008 !important;
}

/* USER EXPIRED - MARRONE TABLE LINE */
.user-expired {
	color: #640024 !important;
}

#modalWait {
	z-index: 1070 !important;
}

#modalConfirm {
	z-index: 1060 !important;
}

#modalWait .modal-content, #modalConfirm .modal-content {
	border: 1px solid #DDDDDD;
}

#dropzoneForm {
	cursor: pointer;
	border: 2px dashed #00599E;
	border-radius: 5px;
	background: white;
	height: 100px;
	text-align: center;
	line-height: 100px;
}

.dropzone {
	min-height: 100px !important;
}

.dropzone .dz-message {
	margin: 1rem 0 !important;
}

#previews {
	display: none !important;
}

.rs-divider {
	position: relative;
	height: 20px;
	background-image:
		url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-top: none !important;
}

.rs-divider::before, .rs-divider::after {
	content: "";
	position: absolute;
	top: 50%;
	max-width: calc(50% - ( 50px/ 2));
	border-bottom: 1px solid #e5e5e5;
}

.rs-divider::before {
	right: calc(50% + ( 50px/ 2));
	width: 100%;
}

.rs-divider::after {
	left: calc(50% + ( 50px/ 2));
	width: 100%;
}

.rs-description-list dd {
	color: #333 !important;
	font-size: 0.875rem !important;
	font-weight: normal !important;
}

.rs-description-list dt {
	color: #333 !important;
	font-size: 1rem !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}

#signaturesImgContainer {
	width: 200px;
	margin: 0 auto;
}

#signaturesImgContainer img {
	width: 100%;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-info {
	height: 42px;
}

#loginRecoverPwd {
    color: #2c7be5 !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

#pdfImgContainer {
    max-height: 500px;
    overflow: auto;
}

/* SCROLLBAR */
/* width */
#pdfImgContainer::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#pdfImgContainer::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 5px;
}
 
/* Handle */
#pdfImgContainer::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

/* Handle on hover */
#pdfImgContainer::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.pincode-input-container {
	display: block !important;
}

.pincode-input-container .form-control {
	border: none;
	border-radius: none !important;
}

.pincode-input-container input.first {
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
}

.pincode-input-container input.last {
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.pincode-input-text, .form-control.pincode-input-text {
	border: none !important;
    border-bottom: 1px solid !important;
    margin-right: 5px !important;
    font-size: 1.5em;
}

.activation-input-text {
    font-size: 1.5em;
}

.pincode-input-text.is-invalid, .was-validated .pincode-input-text:invalid {
	background-image: none;
/* 	padding-right: 27px; */
}


.select-spinner {
	width: 22px;
	margin: 0 auto;
}

.select-spinner .spinner-border {
	position: relative;
	top: -28px;
}

/****************************** WIZARD ****************************/
.wizard {
	max-width: 1100px;
    margin: 2rem auto;
}
    
.wizard .btn-group.mr-2 {
	margin-right: none !important;
	width: 160px !important;
	margin: 0 auto !important;
}

.wizard .btn-group.mr-2 button {
	width: 80px !important;
}

/****************************** IE SUPPORT **************************/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   	#signerActivationWizard .nav-link,
   	#adminUserActivationWizard .nav-link {
		margin-top: -21px;
	}
	#loginCard {
		margin-top: 100px;
	}
}