/*select 2 override*/
.svySelect2 .select2-drop {
	-ms-border-radius: 0;
	border-radius: 0;
}

.svySelect2.select2-container .select2-choice {
	height: 40px;
	line-height: 40px;
	background: #fff none;
	-ms-border-radius: 0;
	border-radius: 0;
	font: normal 12px arial, 'Open Sans', sans-serif;
	padding: 0 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: black;
	margin-top: -1px;
}

.svySelect2.select2-container .select2-chosen {
	height: 40px;
	line-height: 38px;
}

.svySelect2.select2-container a {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.svySelect2 .select2-search {
	margin-top: 14px;
}

.svySelect2.select2-container .select2-choice .select2-arrow {
	background: transparent none;
	background-color: #e8ebf2;
}

.svySelect2.select2-container .select2-choice .select2-arrow b {
	background-position: 0 1px;
}

.svySelect2 .select2-results {
	font-size: 12px;
	color: black;
}

/*end select 2 override to make it flat */

/* inactive state */
.inactive, .inactive .field, tr.inactive td, .inactive a, .inactive .yesno-No, .inactive .yesno-Yes {
	color: #aaa;
}

/*paging nav*/
.pagingnavcurrent {
	color: #000000;
	font-weight: bold;
}

.page-text {
	color: #000000;
	margin-right: 5px;
}


.row-last .pagingnav-wrapper {
	margin-top: 4px;
	float: right;
}

.colheadfilter .pagingnav-wrapper {
	margin-top: 6px;
}

.dataheading .pagingnav-wrapper {
	font-weight: normal;
	font-size: 13px;
	float: right;
}

.dataheading .pagingnav-wrapper a.pagingnav {
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
}

.dataheading .pagingnav-wrapper a.pagingnavcurrent {
	font-weight: bold;
}


.svyWideText {
	width: 500px;
	/*margin-right: 10px;*/
	max-width: 100%;
}



.savvyRadioList input, .savvyRadioList label {
	vertical-align: middle;
}

.savvyRadioList {
	/*display: block; mn 20181126 should be able to have radios next to each other, esp in search filters */
	padding-right: 20px;
}


.savvyRadioList input {
	max-width: 30px;
}

.svyScrollHeight {
	height: 200px;
	overflow: auto;
}

/* svy subform with divs */
div.svySubformRow,
div.svySubform .addingRow {
	position: relative;
	padding: 5px;
}

div.svySubformRow .svyWideText {
	max-width: 200px; /*ss - 20160525 change this to make the fields as wide as you want*/
}

div.svySubform .svyDeleteChildBtn {
	position: absolute;
	right: 0;
	top: 3px;
	padding: 0 6px;
	z-index: 10;
	margin-right: 20px;
}

a.svyDeleteChildBtn, a:hover.svyDeleteChildBtn, a:-webkit-any-link.svyDeleteChildBtn {
	text-decoration:none;
}

/* Note: style up your div child form below under the 'Custom App Specific' comment */

/* ------ savvy model forms image upload control with select from server -------*/
input.svyPicSelectFilter {
	width: 188px;
	border: 1px solid #cccccc !important;
}

input.readonly {
	background-color: #ddd;
}

input[readonly="readonly"] {
	background-color: #ddd !important;
	pointer-events: none;
}

input.number {
	width: 100px;
}

input.money {
	width: 100px;
}

.svySubform input.money,.svySubform input.number {
	text-align: right;
}

.svyPicSelectContainer {
	position: relative;
	float: left;
	width: 745px;
}

.svyPicSelectContainer .svyPicCancelFileWrap {
	position: absolute;
	bottom: 0;
	right: 0;
}

.svyEdit a.svyPicChooseSelectFile,
/*.svyEdit a.svyPicCancelChange { color: #06c; display: block; width: 250px; padding: 1px 0; }*/
.svyPicBrowseDimensions {
	margin-left: 10px;
	float: left;
	clear: none;
	padding-right: 10px;
}

.svyEdit .svyPicCancelFileWrap {
	display: block;
}

.svyEdit .svyPicCancelFileWrap a.svyPicCancelFile {
	color: #06c;
}

select.svyPicSelectFile {
	margin-bottom: 5px;
	width: 300px;
	height: 200px;
	border: 1px dotted #555;
}

.svyPicSelectFilterLabel {
	position: absolute;
	bottom: 30px;
	left: 320px;
	bottom: 8px;
}

.svyPicSelectPreview {
	vertical-align: top !important;
	margin-left: 20px !important;
	max-width: 218px;
	max-height: 170px;
	height: auto;
	width: auto;
}

.svyPicCancelChange {
	margin-bottom: 5px;
}

img.SavvyUploadPreview {
	margin-right: 10px;
	float: left;
	min-width: 30px;
	max-height: 100px;
	max-width: 100px;
}

#ulc_Picture {
	width: 500px;
}

.svyPicOptions {
}

.svyEdit a.svyPicChange {
	color: #06c;
	display: block;
	width: 140px;
	padding: 5px 0 2px 3px;
}

label.svyPicRemove {
	float: left;
	margin-top: 1px;
	padding-bottom: 4px;
}

.svyPicSites {
	float: right;
	margin-right: 36px;
}

.svyScaleContainer label {
	margin: 0 5px 0 5px;
}

#insertOptions {
	position: absolute;
	top: 105px;
	left: 180px;
}

/*input styles diffable to admin.css*/


/* jquery.clockpick */
.ClockPick_button {
	vertical-align: middle;
	margin: 0 2px;
}

.svyDate {
	max-width: 200px;
}

.svyDateInput {
	max-width: 200px;
}

.svyTimeInput {
	max-width: 190px;
}

.svyDateTimeInput {
	max-width: 200px;
}

select, input {
	height: 30px;
}

 input[type=checkbox] {
	height: 14px;
}



select, input, textarea {
	margin-left: 0;
	border: 1px solid #999;
	vertical-align: middle;
	/*margin-bottom: 5px;  mn removed as very inconsistent */
	/*margin:0 5px;  mn 2020-02-25 removed odd margin */
}

input[type=submit], input[type=button], input[type=checkbox], input[type=radio], input[type=file] {
	border: none;
}

/*input, textarea {
	padding: 2px 4px;
}*/

input[type=file] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type=file], input[type=checkbox], input[type=radio] {
	border: none;
}

input.yesno {
	margin-top: 3px;
}
/* remove borders which appear on old IE */
input:focus, textarea:focus, select:focus {
	border-color: #FFD100;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
}



/* File drag and paste css */
div.svyPicContainer {
	max-width: 500px;
	width: 100%;
}


div.svyPicContainer, div.svyPictureContainer .svyLinkContainer {
	float: left;
	clear: none;
	padding-right: 10px;
}

div.svyPicContainer .svyPasteDragContainer {
	width: 170px;
	height: 200px;
}

div.svyPicContainer .svyCancelPaste a {
	/*xmargin-top: 10px;*/
}

div.svyPicContainer .svyPicSectionBreak {
	float: left;
	margin-right: 50px;
	margin-bottom: 5px;
}

div.svyPicContainer .svyFreeImageText {
	font-size: 11px;
	color: #0074cc;
	margin-right: 5px;
}
/* mn 20181114 - not needed anymore 
.svyAttachmentCntr .svyPasteLink {
	display: none; 
}
*/
.svyPasteLink:visited,
.svyPasteLink {
	margin-bottom: 10px;
	/*color: #000;
	clear: both;
	padding: 5px;
	max-width: 200px;
	text-align: left;
	width: auto;
	margin-bottom: 5px;
	font-size: 11px;
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));*/
}


div.svyFileNameText {
	margin-bottom: 4px;
}

div.svyPicContainer .svyPasteDragContainer a {
	font-weight: normal;
	cursor: default;
	color: #0083b3;
}

div.svyPicContainer .svyFileDragTarget, div.svyPicContainer .svyUploadedImage img {
	max-height: 90%;
	max-width: 90%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.svyPicContainer .svyPasteUploadTextContainer {
	width: 140px;
	height: 132px;
}

div.svyPicContainer .svyFiledragLive, div.svyPicContainer .svyUploadedImage {
	font-weight: bold;
	text-align: center;
	color: #555;
	cursor: default;
	border: 3px dotted #555;
	border-radius: 7px;
	width: 150px;
	height: 140px;
	position: relative;
	background-color: white;
	max-height: 90%;
	max-width: 90%;
	background-size: 140px Auto;
	background-position: center;
	background-color: white;
	display: inline-block;
}

div.svyPicContainer .svyFiledragLive, div.svyPicContainer .svyUploadedImage p {
	white-space: normal;
}

div.svyPicContainer .svyDragPasteText p {
	margin-top: 50px;
	white-space: normal;
	text-align: center;
	padding: 5px;
}

.svyDragPaste {
	background-image: url("../images/fileUploadBg.png");
}

#svyFiledragLive_Attachment {
	background-image: url("../images/fileUploadBg.png");
}

div.svyPicContainer .svyPasteText p {
	padding: 42px 3px 0px 3px !important;
	width: 100% !important;
	white-space: normal !important;
	text-align: center;
	white-space: normal !important;
	text-align: center;
	font-size: 12px !important;
	width: auto;
	z-index: 999999;
	color: black;
	font-size: 13px;
	font-weight: bold;
}

div.svyPicContainer .svyFiledragLive img, .svyUploadedImage img {
	max-height: 90%;
	max-width: 90%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.svyPicContainer .svyWhiteText {
	color: white;
}

div.svyPicContainer .svyImagePasteContainer {
	width: 164px;
}

/*div.svyPicContainer .svyFiledragProgess {
	font-size: 11px;
	width: 140px;
	min-width: 140px;
	padding: 2px 5px;
	margin: 2px 0;
	border-radius: 8px;
	background: #eee;
	margin-top: 5px;
	background-color: white;
	margin-top: 5px;
	border: 1px solid #CCC;
}*/

div.svyPicContainer .svyFiledragProgess p {
	height: 10px;
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 2px;
}

div.svyPicContainer .svyPasteArea {
	background-image: url("../images/fancypastebg.png");
	background-size: 100px;
}

div.svyPicContainer .svyDragArea {
	background-image: url("../images/fileUploadBg.png");
}

div.svyPicContainer .svyFancyBackground {
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	font-size: 12px;
}

div.svyPicContainer .svyFancyBackgroundActive {
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	font-size: 12px;
}

div.svyPicContainer .noBackground {
	background-image: none;
}

div.svyPicContainer .svyPasteArea {
	background-position: center;
	background-repeat: no-repeat;
	border: 2px dotted black;
}

div.svyPicContainer .svyPasteAreaText {
	margin-top: 65px;
	width: 140px;
}

div.svyPicContainer .svyFiledragProgess p.success {
	background: #0c0 none 0 0 no-repeat;
}

div.svyPicContainer .svyFiledragProgess p.failed {
	background: #c00 none 0 0 no-repeat;
}

div.svyPicContainer .svyWhiteBg {
	background-color: white;
}

div.svyPicContainer .svyFiledragProgess span {
	background: #0c0;
	display: inline-block;
	width: 0%;
	height: 10px;
	position: relative;
}

div.svyPicContainer .svyPasteForm {
	height: 166px;
	width: 155px;
}

.svyPicContainer, .svyPictureContainer {
	max-width: 500px;
	width: 100%;
	margin-top: 5px;
	display: inline-block;
	position: relative;
}

.svySubform .svyPicContainer, .svyPictureContainer {
	/*width: 230px;  mn 2022-11-26  this makes buttons one per line, not ideal */
}

div.svyPicContainer .svyImagePasteAppletContainer {
	display: none;
}

div.svyPicContainer .svyImagePasteConatainer {
	width: 150px;
	height: 180px;
	float: left;
}

div.svyPicContainer .svyPasteImageLink {
	float: left;
}

div.svyPicContainer .svyUploadedImage a {
	margin-top: 40px;
	display: block;
}

div.svyPicContainer .svyAppletPasteText {
	color: white;
	text-align: center;
	width: 145px;
	height: 65px;
	padding-top: 40px;
}

.svyMceImagePasteHelpText {
	margin-top: 25px;
	font-size: 12px;
	color: #2BB4D3;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 5px;
}

.svyUploadError {
	background: red !important;
}

/*File Upload Example*/
.svyFiledragLive, .uploadedImage {
	border: 3px dotted #ccc !important;
	float: left;
	clear: left;
	display: inline-block;
	width: 144px !important;
	height: 134px !important;
}

.svyFiledragProgess {
	/*font-size: 11px !important;*/
	width: 144px;
	/*padding: 2px 5px !important;*/
	/*margin: 2px 0 !important;*/
	/*border-radius: 8px !important;*/
	/*background: #eee !important;*/
	/*margin-top: 5px;*/
	margin-bottom: 15px;
	background-color: white;
	/*border: 1px solid #CCC !important;*/
	border-bottom: 2px solid #333 !important;
	clear: both;
}

.svyFiledragProgess p {
	height: 18px !important;
	padding: 3px !important;
	margin-bottom: 5px !important;
	margin-top: 0 !important;
}

/* AF: 20150304 - Lined up on top of the Choose file button */
.svyFileUpload {
	cursor: pointer;
	position: absolute;
	-ms-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	width: 107px;
	height: 30px;
}

.svyFileUpload.svyFileUploadSmall {
	left: 280px;
}

.svyPasteArea {
	background-position: center !important;
	background-repeat: no-repeat !important;
	border: 1px dotted #black !important;
}

.svyFiledragProgess p.success {
	background: #0c0 none 0 0 no-repeat !important;
}

.svyFiledragProgess p.failed {
	background: #c00 none 0 0 no-repeat !important;
}

.svyWhiteBg {
	background-color: white !important;
}

.svyFiledragProgess span {
	background: #0c0 !important;
	display: inline-block !important;
	width: 0%;
	height: 10px !important;
	position: relative !important;
}

.svyShowDrag {
	display: initial;
}

.svyHideDrag {
	display: none;
}

/* End file drag and paste css */

.svyAttachmentChange {
	margin-left:5px;
}

.svyAttachmentCancel {
	margin-bottom: 10px;
	margin-left: 10px;
}
.svyAttachmentNonAjax {
	display:none;
/*	height: auto;            mn - this is an alternative which shows the original behind the button, now use display:none
	margin-bottom: 10px;
	margin-left:-94px;*/
}

.svyAttachmentUploadClear {
	font-size: 22px;
	line-height: 100%;
	color: black;
	display: none;
}

.savvyRadioList label {
	padding-right: 10px;
}

.radioLines .savvyRadioList {
	display: block;
}


select {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right:30px;
	background-color: white;
}
select::-ms-expand { /* IE, not edge */
	display: none;
}


.savvy-select-wrapper {
	position:relative;
	display: inline; /* inline-block; changed to inline so width is auto. see how it goes. JB */
	width: 100%;
	vertical-align: middle;
}

.savvy-select-wrapper.auto-width {
	width:auto;
}
.savvy-select-wrapper:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	-o-transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
	transform: translateY(-30%);
	right: 15px;
	border: 5px solid transparent;
	border-top-color: #5a5a5a;
}



.colhead {
	padding:5px;
	color:white;
	background: #666;
}



.row-list td, .svySubformRow td {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	height: 30px;
}

/* inactive state */
.inactive, .inactive .field, tr.inactive td, .inactive a, .inactive .yesno-No, .inactive .yesno-Yes {
	color: #aaa;
}

tr.inactive td img {
	opacity: 0.5;
}
/* end inactive state */