html, body {
    height: 100%;
}


body {
    background-color: #EEEEEE;
}

.noscroll {
	overflow: hidden;
}
		
.pointer {
	cursor: pointer;
}


.disabled {
	cursor: not-allowed;
}

a {
	color: #703E97;	
}

input.form-control:-internal-autofill-selected,
input.form-control:-webkit-autofill {
    appearance: menulist-button;
    background-color: #fff !important;
    background-image: inherit !important;
    color: #495057 !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form-control:focus {
	border-color: #B82CCB;
	box-shadow: 0 0 0 0.2rem rgb(165 134 189 / 25%);
}

.btn-light-viatris {
	background-color: #DBC7E5;
	color: #333;
}

.btn-light-viatris:hover, 
.btn-light-viatris:focus {
	background-color: #B82CCB;
	color: #efefef;		
}

.btn-primary-viatris,
.btn-primary {
	background-color: #703E97;
	color: #efefef;
	border-color: #703E97;		
}

.btn-primary-viatris:hover, 
.btn-primary-viatris:focus,
.btn-primary:hover, 
.btn-primary:focus {
	background-color: #B82CCB;
	color: #efefef;
	border-color: #703E97;		
}

.btn:focus,
.btn:not(:disabled):not(.disabled):active:focus, 
.btn:not(:disabled):not(.disabled).active:focus, 
.show > .btn.dropdown-toggle:focus
{
	box-shadow: 0 0 0 0.2rem rgb(165 134 189 / 25%);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(165 134 189 / 25%);
}

.btn-primary-viatris.disabled, 
.btn-primary-viatris:disabled,
.btn-primary.disabled, 
.btn-primary:disabled {
    color: #5f5f5f;
    background-color: #DBC7E5;
    border-color: #DBC7E5;
}

.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #703E97;
    border-color: #703E97;
}

.btn.btn-default {
	background-color: #dcdcdc;
}
      
      
.bg-verylight {
	background-color: #fefefe
}

.bg-violachiaro {
	background-color:#d5c7e0;
}


.footer {
    line-height: 50px;
    font-size: 16px;
    color: #fefefe;
    background-color: #703E97;
    z-index: 10;
}

.footer a {
    color: #fefefe;
}
.footer a:hover {
    text-decoration: none;
    color: #fefefe;
}

.custom-control-label.custom-control-label-24 {
	font-size: 24px;
	padding-left: 10px;
}

.custom-control-label.custom-control-label-24::before, 
.custom-control-label.custom-control-label-24::after {
    top: 7px;
    width: 24px;
    height: 24px;
}

.alert-form-message {
	font-size: 18px;
}

.info-loginas {
	background: #2A276E;
	color: #ececec;
	font-size: 18px;
}

.header {
    color: #FEFEFE;
}

.header .navbar-nav .nav-link {
    font-size: 18px;
    color: #703E97;
}

.header .usericon {
    color: #fefefe;
    background-color: #703E97;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 10px;
    font-size: 20px;
}

.header .username {
    color: #333;
    font-size: 18px;
    text-align: right;
    font-weight: bold;
}

.header .userlink {
    color: #703E97;
    font-size: 14px;
}

.header .userlink-separator {
    font-size: 14px;
    color: rgba(0,0,0,.5);
    margin: 0px 5px;		
}

body.error {
	width: 100vw;
	height: 100vh;
}

.err-container {
	width: 75vw;
	height: 400px;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 200px 100px 100px;
	grid-template-areas: "code" "desc" "action";
	/*
	border: solid 1px #2ba2d9;
	border-radius: 20px;
	*/
	text-align: center;
}

.err-main {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;			
}

.err-code {
	grid-area: code;
	align-self: center;
	font-size: 180px;
	font-weight: bold;
}

.err-desc {
	grid-area: desc;
	align-self: center;
	font-size: 24px;
}

.err-action {
	grid-area: action;
	align-self: center;
	font-size: 32px;
}

.err-action a.link {
	font-size: 32px;
	padding: 25px;
}

#overlay_popup {
	display: none;
	z-index:999;
	background-color: #77777a;
	opacity: 0.7;
	position: fixed;
	overflow-y: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: right;
	padding: 10px;
}

.home_popup {
	display: none;
	background-color: transparent;
	color: #efefef;
	width: 60%;
	top: 100px;
	left: 50%;
	margin-left: -30%; /* Half of the width */
	bottom: 100px;
	position: fixed;
	overflow: auto;
	z-index: 1000;
	padding: 30px;
	text-align: center;
	font-size: 20px;
}

.home_popup a {
	font-size: 20px;
}

.home_popup .popup-msg {
	background-color: #fcfcfc;
	color: #333;
	padding: 20px;
	font-size: 36px;
	border-radius: 10px;
}

.modal.fit-content .modal-dialog,
.modal.fit-content .modal-content,
.modal.fit-content .modal-body {
	width: fit-content;
}

.alert-info {
    color: #0c5460;
    background-color: #F1E9F5;
    border-color: #DBC7E5;
}