/** Base Visforms css for all Visforms views **/
/*Mandatory Fields*/
.vis_mandatory {
	color: #FF0000;
	padding: 0px;
	font-size: 0.83em;
	font-weight: bold;
}

.visform:not(.bt5):not(.uikit3) p.errorcontainer {
	padding-top: 5px;
	margin-top: 15px;
	margin-bottom: -10px;
}


.visform:not(.bt5):not(.uikit3) label.error {
	font-size: 10px;
	color: #fff;
	padding: 10px;
	background-color: gray;
	border-radius: 5px;
	display: inline-block !important;
    max-width: 60%;
	margin: 0 0 0 30%;
}

.visform:not(.bt5):not(.uikit3) p.errorcontainer:after {
	width: 0;
	height: 0;
	display:block;
	margin-left: 35%;
	border-top: 12px solid gray;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	content: "";
    margin-bottom: 12px;
}

#vispoweredby {
	text-align:center !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

#vispoweredby a {color:#666666;}

.visCustomText {
    margin-top: 10px;
    margin-bottom: 10px;
}

.visCSSbot10 {
    margin-bottom: 10px;
}
.visCSStop10 {
    margin-top: 10px;
}

.visCSStop7 {
	padding-top: 7px;
}

.visform [class^="fieldset-"] {
	display: none;
}

.visform [class^="fieldset-"].active {
	display: block;
}

.visprogress {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px ;
	border-radius: 4px ;
}

.stepCont {
	text-align: center;
}

.visform:not(.bt5) .visprogress .badge {
	padding: 2px 4px;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
}

.visprogress .badge {
	background-color: #999999;
}

.visform:not(.bt5) .visprogress .badge {
	padding-right: 9px;
	padding-left: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.visform:not(.bt5) .visprogress .badge:empty {
	display: none;
}

.visform:not(.bt5) .visprogress a.badge:hover,
.visform:not(.bt5) .visprogress a.badge:focus {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.visprogress .badge-important {
	background-color: #b94a48;
}

.visprogress .badge-success {
	background-color: #468847;
}

/*Accordions*/
.visform .collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;
}

.visform .collapse.show {
	height: auto;
}

.visform .accordion {
	margin-bottom: 20px;
}

.visform .accordion-group {
	margin-bottom: 2px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.visform .accordion-heading {
	border-bottom: 0;
}

.visform .accordion-heading .accordion-toggle {
	display: block;
	padding: 8px 15px;
}

.visform .accordion-toggle {
	cursor: pointer;
}

.visform .accordion-inner {
	padding: 9px 15px;
	border-top: 1px solid #e5e5e5;
}

/* Searchfield in select */
.select2-search--dropdown .select2-search__field {
	height: auto !important;
}

.visform .select2-container .select2-selection--single {
	height: auto;
}

.visforms-form .visually-hidden {
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	position: absolute !important;
}

/* Contrast in Calendar Popup */
.visforms .calendar-container table tbody td.day.selected {
	color: var(--btn-primary-color, #fff);
	background: var(--btn-primary-bg, #000);
}

.visforms .calendar-container table tbody td.day:hover {
	color: var(--btn-primary-color, #fff);
	background: var(--btn-primary-bg, #000);
}

.visforms .buttons-wrapper .btn {
	color: var(--btn-primary-color, #fff);
	background: var(--btn-primary-bg, #000);
	border: 1px solid var(--body-bg, #fff);
}

.visforms .buttons-wrapper .btn:hover {
	color: var(--btn-primary-color, #fff);
	background: var(--btn-primary-bg, #000);
	border-color: transparent;
}

/* custom visforms class used instead of jQuery functions hide() and show() to toggle visibility of elements */
.visforms .vishidden {
	display: none;
}

.visforms .signaturesubform {
	position: relative;
}

/*Fonts*/
@font-face {
	font-family: 'visIcon';
	src:url('../fonts/visIcon.eot?-7x6gp7');
	src:url('../fonts/visIcon.eot?#iefix-7x6gp7') format('embedded-opentype'),
		url('../fonts/visIcon.woff?-7x6gp7') format('woff'),
		url('../fonts/visIcon.ttf?-7x6gp7') format('truetype'),
		url('../fonts/visIcon.svg?-7x6gp7#visIcon') format('svg');
	font-weight: normal;
	font-style: normal;
}


[class^="visicon-"], [class*=" visicon-"] {
	font-family: 'visIcon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="visicon-"],
[class*=" visicon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .3em;
	line-height: 14px;
}
[class^="visicon-"]:before,
[class*=" visicon-"]:before {
	font-family: 'visIcon';
	font-style: normal;
	speak: none;
}
[class^="visicon-"].disabled,
[class*=" visicon-"].disabled {
	font-weight: normal;
}

.visicon-user:before {
	content: "\e971";
}
.visicon-users:before {
	content: "\e972";
}
.visicon-cog:before {
	content: "\e994";
}
.visicon-cogs:before {
	content: "\e995";
}
.visicon-bin:before {
	content: "\e9ac";
}
.visicon-menu:before {
	content: "\e9bd";
}
.visicon-unpublish:before {
	content: "\ea0f";
}
.visicon-publish:before {
	content: "\ea10";
}
.visicon-filter:before {
	content: "\ea5b";
}
.visicon-search:before {
	content: "\e986";
}
.visicon-arrow-up-3:before {
	content: "\e600";
}
.visicon-arrow-down-3:before {
	content: "\e601";
}
.visicon-edit:before {
	content: "\e602";
}
.visicon-calendar:before {
	content: "\e603";
}
.visicon-download:before {
	content: "\e604";
}
.visicon-eye:before {
	content: "\e9ce";
}
.visicon-backward2:before {
	content: "\ea1f";
}
.visicon-forward3:before {
	content: "\ea20";
}
.visicon-arrow-right:before {
	content: "\ea34";
}
.visicon-arrow-left:before {
	content: "\ea38";
}
.visicon-chevron-left:before {
	content: "\e900";
}
.visicon-chevron-right:before {
	content: "\e901";
}