/* Links */
a,
a:focus,
a:hover,
.varclick,
.varclick:focus,
.varclick:hover {
  color: #FFFFFF;
  text-decoration: none;
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #FFFFFF;
  color: #FFFFFF;
}

.dark-text a,
.dark-text a:focus,
.dark-text a:hover,
.dark-text .varclick,
.dark-text .varclick:focus,
.dark-text .varclick:hover {
	color: #000000;
	text-decoration: none;
}

.varclick {
	cursor: pointer;
}

.no-decoration {
	text-decoration: none !important;
}

main.dark-text a, main a, 
main.dark-text .varclick, main .varclick {
	text-decoration: underline;
}

.dark-text {
	color: #000000;
}

.page-title {
	background-color: #F5F5F5;
}

.white-bg {
	background-color: #F5F5F5;
}

.gray-container {
	background-color: #DBDBDB;
	border-radius: .4rem;
	padding: 1rem;
	box-shadow: 5px 10px 15px #000000 !important
}

.gray-container.trans-gray {
	background-color: rgba(219, 219, 219, 0.5);
}

.white-container {
	background-color: #FFFFFF;
	border-radius: .4rem;
	padding: .5rem;
}

.responsive-image {
	width: 100%;
	height: auto;
}

.responsive-img-height {
	width: auto;
	height: 100%;
}

.separator-top {
	background-image: url('../../images/layout/separatore.png');
	background-position: 0 0;
	background-repeat: repeat-x;
}

.separator-both {
	background: 
	url('../../images/layout/separatore.png') top left repeat-x,
	url('../../images/layout/separatore.png') bottom left repeat-x,
	#DBDBDB
	;
}

.inline-list li, .inline-list input, .inline-list label {
	display: inline;
}

.inline-list input {
	width: auto;
	height: auto;
}

.inline-list li {
	padding-left: .5rem;
	padding-right: .5rem;
	width: 100%;
}

.inline-list ul {
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.card-body.dark-card {
	background-color: #EEE;
	border: 1px solid #000000;
	border-top: none;
}

.blue-text {
	color: #4BCAFF;
}

.white-text {
	color: #FFFFFF;
}

.internment-responsive-form input[type=text] {
	min-width: 7em;
}

.internment-responsive-form input[type=checkbox] {
	display: inline-block;
}

.internment-responsive-form .single-form-date-field input {
	min-width: auto;
}

.varclick.validation-click:hover {
	text-decoration: dashed !important;
}