/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 31 2024 | 23:32:37 */
/********************* Start Common Styles ***************************/
.alert {
	position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 2rem;
    border: 1px solid transparent;
    border-radius: .25rem;
	text-align: center;
}

.alert-danger {
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.recaptcha-v2 {
	text-align:center;
	margin:auto;
	display: inline-block !important;
}

@media screen and (max-width: 475px) {
	#rc-imageselect, .g-recaptcha { 
		transform:scale(0.81) !important; 
		-webkit-transform:scale(0.81) !important; 
		transform-origin:0 0 !important; 
		-webkit-transform-origin:0 0 !important; 
	}
}


/********************* End Common Styles ***************************/
/********************* Start Support Form CSS. *******************/

.form-spacing {
	margin-bottom: 15px;
	display: block;

}

.form-spacing input,
.form-spacing select,
.form-spacing textarea {
	border-radius: 5px !important;
}

select.input-lg {
	height: 50px;
	line-height: 50px;
}

.input-lg {
	height: 50px;
	padding: 10px 16px !important;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 5px !important;
}

.form-spacing label {
	font-family: sans-serif;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	cursor: default;
}

.form-control {
	display: block;
	width: 100%;

}

.form_fileattachment {
	padding: 1em 1.5em;
	flex: 1 1 auto;
	text-align: center;
	color: #FFF;
	background-color: #F6F2F3;
	color: black;
	width: 1450px;
	cursor: pointer !important;
	border-radius: 5px;
	text-transform: uppercase !important;
}

.submit-button {
	margin: auto;
	display: block;
	background-color: #0aaef7;
	color: white;
	border-style: none;
	width: 180px;
	height: 46px;
	font-weight: 500;
	font-size: 19px;
	margin-bottom: 40px;
	margin-top: 25px;
	cursor: pointer !important;
	border-radius: 25px !important;
	text-transform: uppercase !important;
}

.support-form input[type="email"] {
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	font-size: 14px;
	padding: 15px !important;
	transition: all 0.15s linear;
}

/********************* End Support Form CSS. *******************/


/********************* Start Student Educator Verify CSS. *******************/

#verification_form input[type="email"] {
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	padding: 14px !important;
	transition: all 0.15s linear;
}
#verification_form input[type="file"] {
	overflow: hidden; 
	position: absolute; 
	width: 225px; 
	opacity: 0; 
	height: 48px; 
	cursor: pointer;
}
#verification_form input[type="tel"] {
	background-color: var(--form_bg_color);
    font-size: var(--form_text_size);
    color: var(--form_text_color);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 14px !important;
    transition: all 0.15s linear;
	border-width: 1px !important;
    border-color: var(--form_border_color);
	border: 1px solid #212122;
}

#verification_form input[type="tel"]:focus, #verification_form input[type="tel"]:active {
    border-color: var(--form_focus_border_color);
	border-width: 1px !important;
}
.required-asterisk sub {
	color: red !important;
	font-size: 25px;
}

#verification_form .col-md-12,
#verification_form .col-md-6,
#verification_form .col-md-4 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 35px;
	flex: 1;
	line-height: 0;
}

#verification_form select,
#verification_form input {
	height: 65px;
	border-radius: 5px;
}

@media (min-width: 900px) {
	.right-list {
		float: right;
		width: 50%;
	}
	.left-list {
		float: left;
		width: 50%;
	}
}

@media (min-width: 769px) and (max-width: 899px) {
	.col-md-12 .center-button {
		margin-bottom:20px;
	}
}


.upload-list {
	padding-left: 18px;
}

#file_upload_error {
	display: none;
	padding: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    border: 1px solid transparent;
    border-radius: .25rem;
}

#size_error,
#type_error,
#password_error,
#recaptcha_error
{
	display: none;
}

#verification_form .col-md-12 .center-button,
#verification_form .col-md-6 .center-button,
#verification_form .col-md-4 .center-button {
	line-height: 1;
}

#verification_form .col-md-12 span,
#verification_form .col-md-6 span,
#verification_form .col-md-4 span {
	display: inline-block;
	padding: 0px;
}

#verification_form .col-md-12 input,
#verification_form .col-md-12 select,
#verification_form .col-md-6 input,
#verification_form .col-md-6 select, 
#verification_form .col-md-4 input,
#verification_form .col-md-4 select,  {
	border-color: #242424;
	border-width:5px;
	height: 72px !important;
}

@media (max-width: 768px) {
	.col-md-12 .center-button {
		width: 100%;
		height: 50px;
		margin-bottom:20px;
	}
}

#select_pd, #month, #day, #year {
	color: #cccccc !important;
	padding: 8px 11px !important;
	margin-right: 1% !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.input-file-trigger {
	width: 100%;
}

.passwordError {
	color: red;
}

@media (min-width: 1200px) and (max-width: 1311px) {
	.right-list { min-height: 152px; }
}

.center-button {
	text-align: center;
	margin-bottom:50px;
}

.submit-button-educator {
	margin: auto;
	padding-left: 40px !important;
	padding-right: 40px !important;
	background: #07A5D8;
	color: #fff;
	border-style: none;
	font-size: 20px;
	font-family: Raleway;
	text-align: center;
	font-weight: 400;
	cursor: pointer;
	display: block;
	border-radius: 25px !important;
	text-transform: uppercase !important;
}

.custom-file-upload {
	display: inline-block;
	padding: 14px;
	background: #39D2B4;
	color: #fff;
	font-size: 20px;
	width: 250px;
	font-family: Raleway;
	text-align: center;
	border-radius: 25px;
	cursor: pointer;
	font-weight: 400;
}

.privacy {
	font-size: 14px;
	color: #07a5d8;	
}

#scan-note {
	font-size: 14px;
	text-align:left;
	display: block;
}

@media (max-width: 768px) {
	.custom-file-upload {
		width: 100%;

	}
}

/********************* End Student Educator Verify CSS. *******************/


/********************* Start Newsletter Unsubscribe CSS. *******************/
.unsub-email {
	width: 50% !important;
}

@media (max-width: 768px) {
	.unsub-email, .submit-button {
		width: 100% !important;

	}
}

/********************* End Newsletter Unsubscribe CSS. *******************/


/********************* Start Uninstall Feedback. *******************/
#uninstall_form {
	padding-left: 5%;
	padding-right: 5%;
}
#uninstall_form input,
#uninstall_form select {
	width: 100%;
	padding: 0 15px;
}
#uninstall_form span {
	color: #1d1d1d;
}
#uninstall_form textarea {
	width: 100%;
	padding: 8px 15px;
}

/********************* End Uninstall Feedback. *******************/

/********************* Start Raw Formats Form. *******************/
.error-container {
	visibility: hidden;
	background-color: #bf2d2d;
	padding: 14px 10px;
}
.error-container p {
	margin-bottom: 0 !important;
}
.raw-form-container {
	background-color: #000000;
	height: 200px;
	padding: 14px 10px;
}
.rawformat-file-label {
	/*
	content: url("https://res.acdsystems.com/assets/img/en/custom/raw-formats/ACDSee-SupportedFormats-Icon.png");
	*/
	display: inline-block;
}

.rawformat-file-label img {
    pointer-events: none;
}

#form_file {
	opacity: 0;
	padding: 1px 0;
	cursor: pointer;
	width: 15px;
	height: 0.1px;
	overflow: hidden;
	position: absolute;
}
.loader-container {
	padding-left: 49%;
}
#loader-message {
	visibility: hidden;
}
#loader {
	visibility: hidden;
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid grey;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 5s linear infinite; /* Safari */
	animation: spin 5s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#raw_form {
	text-align: center;
}

#raw_form .col-md-3,
#raw_form .col-md-4, {
	text-align: center;
}

#raw_form .raw-form-container {
	text-align: center;
	height: 230px !important;
    padding: 40px 10px !important;
}

#raw_form .raw-form-input {
	display: inline-block;
	width: 77%;
}

@media (max-width: 1078px) {
	#raw_form .raw-form-input {
		width: 100%;
	}
}

#raw_form .submit-bttn {
	margin: auto;
	width: 196px;
	height: 51px;
	background-color: #ef9121;
	margin-top: 40px;
	margin-bottom: 22px;
	border-style: none;
	font-size: 19px;
	text-align: center;
	font-weight: 300;
	cursor: pointer;
	display: block;
	border-radius: 25px !important;
	text-transform: uppercase;
    color: white;	
}

#raw_form #progressBar {
	width: 300px;
	margin-top: 60px;
}

#raw_form input[type="text"],
#raw_form #form_email {
	height: 55px;
    /* padding-left: 16px; */
    border-radius: 4px;
    background-color: #2d2d2d;
    border: none;
    font-size: 13px;
	padding: 6px;
    width: 100%;
}

#raw_form .browse {
	display: inline-block;
    color: #fff;
    top: 42px;
    font-size: 14px;
    font-weight: 300;
    position: relative;
	word-break: break-all;
}

#raw_form .rawformat-file-label {
    display: block;
    float: left;
    padding-left: 100px;
    top: 40px;
    position: relative;
}

@media (max-width: 350px) {
	#raw_form .rawformat-file-label {
		padding-top: 10px;
	}
}

@media (max-width:991px) {
	.file-label-container {
		height: 50px;
	}
	#raw_form .rawformat-file-label {
		top: 0px;
	}
	#raw_form #firstname,
	#raw_form #email,
	#raw_form #make,
	#raw_form #model {
		margin-bottom: 15px !important;
		width: 100% !important;
	}
	#raw_form .raw-form-container {
		text-align: center;
		height: 450px !important;
	}
	#raw_form .browse {
    	top: 10px;
	}
}
@media (max-width: 991px) and (min-width: 480px){
	#files {
		text-align: left;
		padding-left: 13%;
	}
}
@media (max-width: 620px) {
	#raw_form .rawformat-file-label {
		top: 0px;
		padding-left: 0;
	}
}

@media (max-width:440px) {
	#raw_form .raw-form-container {
		text-align: center;
		height: 450px !important;
	}
}


/********************* End Raw Formats Form. *******************/



/********************* Start Corporate Sales. EN *******************/

.salesforce_w2l_lead.sf_two_column .w2linput.text, .salesforce_w2l_lead.sf_two_column .w2linput.select, .salesforce_w2l_lead.sf_two_column .w2linput.date{
	width: 90% !important;
}

.salesforce_w2l_lead.sf_two_column .sf_type_email, .salesforce_w2l_lead.sf_two_column .sf_type_text, .salesforce_w2l_lead.sf_two_column .sf_type_select, .salesforce_w2l_lead.sf_two_column .sf_type_multi-select, .salesforce_w2l_lead.sf_two_column .sf_type_checkbox, .salesforce_w2l_lead.sf_two_column .sf_type_date{
	width: 90%;
	float: left;
}

.salesforce_w2l_lead .sf_field span.error_message {
    clear: left;
    display: inline-block;
    color: blue;
    font-size: 80%;
}


/********************* End Corporate Sales. EN *******************/

/********************* Start Upgrade Assurance. *******************/

#upgrade-assurance-form input[type="email"] {
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	padding: 14px !important;
	transition: all 0.15s linear;
}


#upgrade-assurance-form .col-md-12,
#upgrade-assurance-form .col-md-6 {
	padding-left: 30px !important;
	padding-right: 0px !important;
	padding-top: 35px !important;
	flex: 1 !important;
	line-height: 0 !important;
}

@media only screen and (max-width:991px) {
	#upgrade-assurance-form .col-md-12,
	#upgrade-assurance-form .col-md-6 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-top: 15px !important;
		flex: 1 !important;
		line-height: 0 !important;
	}
	#upgrade-assurance-form #submit_upgrade_assurance {
		padding-top: 110px !important;
	}
}

#upgrade-assurance-form select,
#upgrade-assurance-form input {
	height: 57px;
	border-radius: 5px !important;
}

input#submit-button-upgrade-assurance {
	height: 70px;
	border-radius: 25px !important;
}

#form_email, #form_phone, #form_url, #form_description {
	color: #ffffff !important;
	background-color: #2d2d2d;
	padding: 8px 11px !important;
	margin-right: 1% !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

#form_first_name, #form_last_name {
	color: #ffffff !important;
	background-color: #2d2d2d;
	padding: 8px 11px !important;
	padding-top: 0px;
	margin-right: 1% !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

#form_products, #form_industry {
	color: #ffffff !important;
	background-color: #2d2d2d;
	padding: 8px 7px !important;
	margin-right: 1% !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

#upgrade-assurance-form #form_description {
    /* width: auto; */
    height: 230px;
	color: #ffffff; 
	font-size: 14px;
    background-color: #2d2d2d;
    border-radius: 5px;
    color: #ffffff !important;
    border-radius: 5px;
    padding: 15px;
}

#submit-button-upgrade-assurance {
	margin: auto;
	height: 210px;
	width: 210px;
	background: #f69120;
	color: #fff;
	padding: 14px;
	margin-bottom: 30px;
	border-style: none;
	font-size: 28px;
	font-family: Raleway;
	text-align: center;
	font-weight: 500;
	cursor: pointer;
	display: block;
	border-radius: 25px !important;
}

#upgrade-assurance-form input::placeholder,
#upgrade-assurance-form textarea::placeholder{
  color: #ffffff !important;
}

.upgrade-assurance {
	background-color: #000000;
	padding: 47px;
	width: 776px;
	margin-right: auto;
    margin-left: auto;	
	 position: relative;
  	width: 100%; height: 100%;
}

#calendarColumn {
	background-color: #e89a22;
	font-weight:800;
	height: 145px;
	padding-top:25px;
	text-align:center;
}

#licenseKeyColumn {
	background-color: #bf1010;
	font-weight:800;
	height: 145px;
	padding-top: 30px;
	text-align:center;
}

#onlineSupportRow {
	background-color: #133f7e;
	font-weight:800;
	height:135px;
	padding-top: 35px;
	text-align:center;
}


.upgrade-assurance .yearsupport {
	font-size: 18px !important;
	color: #ffffff !important;
	font-weight: bold !important;
	display: inline-block !important;
	text-align: justify !important;
	padding-left: 11px !important;
	vertical-align: middle !important;
}

.upgrade-assurance .yearsupportKey {
	font-size: 18px !important;
	color: #ffffff !important;
	font-weight: bold !important;
	display: inline-block !important;
	text-align: justify !important;
	padding-left: 11px !important;
	vertical-align: middle !important;
	padding-top: 0px;
}

@media only screen and (max-width: 481px) {
	.upgrade-assurance .yearsupport,
	.upgrade-assurance .yearsupportKey {
		font-size: 12px !important;
		display: inline-block !important;
		text-align: center !important;
	}
}


.upgrade-assurance .yearsupport-section img {
	padding-top:15px !important;
}

.upgrade-assurance .onlinesupport-section img {
	padding-top:10px !important;
}

@media only screen and (max-width: 768px) {
	.upgrade-assurance .rowOnlineSupport {
		padding-top:0px !important;
		display: inline-block;
		text-align: center;
		width: 100%;
		height: 100%;
	}
	.upgrade-assurance .yearsupport-section {
		padding-top:20px;
		display: inline-block;
		text-align: center;
		width: 100%;
		height: 100%;
	}
	
	.upgrade-assurance .onlinesupport-section {
		padding-top:25px;
		display: inline-block;
		text-align: center;
		width: 100%;
		height: 100%;
	}
	
	.upgrade-assurance .yearsupport-section img,
	.upgrade-assurance .onlinesupport-section img {
		padding-top:0px !important;
	}
	
	.upgrade-assurance #onlineSupportRow {
		padding-top:65px !important;
	}
}


@media only screen and (min-width: 1001px) and (max-width: 1215px) {
	.upgrade-assurance .yearsupportKey {
		font-size: 12px !important;
		display: inline-block !important;
		text-align: center !important;
		padding-top: 10px;
		
	}
	.upgrade-assurance .yearsupport {
		 margin-top:15px;
		font-size: 12px !important;
		display: inline-block !important;
		text-align: center !important;

	}
}

@media only screen and (max-width: 768px) {
	.upgrade-assurance .yearsupport {
		display: block !important;
		text-align: center !important;
		padding-top: 20px;
	}
	
	.upgrade-assurance .yearsupportKey {
		display: block !important;
		text-align: center !important;
		padding-top: 0px;
	}

	.upgrade-assurance #onlineSupportRow,
	.upgrade-assurance #licenseKeyColumn,
	.upgrade-assurance #calendarColumn {
		height: 250px;
	}
}

.upgrade-assurance-heading .row {
	padding-bottom:30px;
}

.upgrade-assurance-heading img {
	float:left;
	padding-right:20px;
	padding-top:20px;
}

.upgrade-assurance-heading h1 {
	padding-left: 106px;
}

@media only screen and (max-width: 1200px) {
	.upgrade-assurance-heading h1,
	.upgrade-assurance-heading .yearsupport {
		padding-left: 0px;
		text-align:center;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 1000px) {
	.upgrade-assurance-heading {
		margin-right: 130px;
	}
}


@media only screen and (max-width: 1200px) {

	.upgrade-assurance-heading .row {
		float: none !important;
		text-align: center !important;
	}

	.upgrade-assurance-heading img {
		float: none;
		padding-right: 0px;
		padding-top:0px;
		text-align:center;
	}
}
/********************* End Upgrade Assurance. *******************/

/********************* Start UK Magazine Landing Page ***********/

#uk-form-subscribe input[type="email"] {
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	font-size: 14px;
	padding-bottom: 0px !important;
    padding-left: 15px !important;
	transition: all 0.15s linear;
}

#uk-form-subscribe input[type=text] {
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	font-size: 14px;
	padding-bottom: 0px !important;
    padding-left: 15px !important;
	transition: all 0.15s linear;
}

/********************* Start UK Magazine Landing Page ***********/