/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 23 2025 | 08:53:42 */
/*----------------------------Marketo Form on Product Demo Page-----------------------------*/
.Demo-form form#mktoForm_1310 { width: 1120px !important; }
.Demo-form .mktoFieldWrap.mktoRequiredField { padding-left: 30px !important;}
.Demo-form .mktoForm .mktoLabel { float:none !important;}
.Demo-form span, .Demo-form label { color: #33475b !important; font-size: 14px !important; font-weight: 400 !important;}
.Demo-form input,  .Demo-form input:visited { border: 0 !important; border-radius: 0 !important; width: 510px !important; background: none !important; border-bottom: 2px solid #cad5e2 !important; }
.Demo-form input#ownerCheck__c { border: 1px solid #000 !important; border-radius: 0 !important; background: 0 0 !important; width: 0 !important; }
.Demo-form  .mktoGutter.mktoHasWidth {display: none !important; }
.Demo-form input#Phone { margin-top: -23px !important; }
.Demo-form select#Industry, .Demo-form select#Revenue__c { width: 1070px !important; height: 40px !important; padding: 9px 10px !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px !important; font-weight: normal; line-height: 22px !important; color: #33475b !important; border: 1px solid #cbd6e2 !important; box-sizing: border-box !important; background-color: #f5f8fa !important; margin-top: -15px !important; }
.Demo-form select#Revenue__c { margin-top: 5px !important; margin-left: 10px !important; }
.Demo-form .mktoForm .mktoButtonWrap.mktoSkip .mktoButton, .Demo-form .mktoForm .mktoButtonWrap.mktoSkip .mktoButton:hover { background: #131c3c; border-color: #131c3c; color: #fff; box-shadow: none !important; text-shadow: none !important; text-transform: capitalize !important; font-size: 18px !important; padding: 12px 64px !important; width: 140%; border-radius: 3px; border-style: solid; letter-spacing: normal !important; margin-left: 30px !important; margin-left: auto !important; margin-right: auto !important;
}
.Demo-form .mktoButtonRow { display: table !important; position: relative; margin-left: auto !important; margin-right: auto !important; }
.Demo-form input#FirstName, .Demo-form input#LastName, .Demo-form input#LastName, .Demo-form input#Company, .Demo-form input#Title { min-height: 0px !important; }
.Demo-form span.mktoButtonWrap.mktoSkip {margin-left: 10px !important; }
.Demo-form .mktoForm .mktoAsterix { float: left !important;}
.Demo-form .mktoForm .mktoRequiredField .mktoAsterix { display: inline-block; color: red !important;}
/*-----------------------Latest Supply Chain Disruptions Page Form---------------------------*/
.page-id-17680 input#form-field-field_f370e46 { border-color: #000; border-width: 1px 1px 1px; }
.page-id-17680 .elementor-17680 .elementor-element.elementor-element-8e8629f .elementor-button[type=submit] {
margin-top: 15px;}

/* Welcome back Message Global Css*/
h3.form-heading {color: #131C3C; font-family: "Roboto", Roboto; font-size: 26px; font-weight: 700; line-height: 35px; text-align: center; margin-bottom: 0px !important; }
h4.form-subheading { color: #131C3C; font-family: "Roboto", Roboto; font-size: 18px; font-weight: normal;line-height: 28px; text-align: center; }
.form-welcome-box .mktoTemplateBox { border: 3px solid #50be92; margin: 0px -50px 0px -50px !important;
padding-bottom: 30px !important; }
.welcomeform-button { margin-left: 90px !important; }
.welcomeformtest-button { text-align: center !important; padding-top: 15px !important; font-size: 22px; }
.form-welcome-box .mktoTemplateBox {border: 0px solid #50be92; margin: 0px -50px 0px -50px !important; padding-bottom: 30px !important;}
/*End Of Css*/
/*Global Forms*/
.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired.mktoInvalid { border: 0px solid; }
.mktoForm input[type=checkbox] + label:before, .mktoForm input[type=radio] + label:before { margin-top: -40px; }
/*Blue Bg Webinar Global Css*/
.Event-Blue-Bg .mktoForm label.mktoLabel { font-weight: bold;}
.Event-Blue-Bg label#LblownerCheck__c { width: 360px !important;}
.Event-Blue-Bg .welcomeform-button { margin: auto !important; text-align: center !important; }
.Event-Blue-Bg h3.form-heading, .Event-Blue-Bg h4.form-subheading, .Event-Blue-Bg .mktoForm label.mktoLabel, .Event-Blue-Bg a {color: #fff !important; }
.Event-Blue-Bg .mktoForm .mktoLabel { padding-top: 0px !important;}
.Event-Blue-Bg .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired { height: 0px !important; border: none; }
.Event-Blue-Bg .mktoForm div, .Event-Blue-Bg .mktoForm span, .Event-Blue-Bg .mktoForm label, .Event-Blue-Bg .mktoForm p { color: #fff !important; }
.Event-Blue-Bg .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton { background-image: linear-gradient(to bottom, #df8f23, #df8f23) !important; border: 1px solid #df8f23 !important; border-bottom: 1px solid #df8f23 !important; box-shadow: inset 0 1px 0 0 #df8f23 !important; width: 350px !important ; height: 40px !important ; border-radius: 10px !important; font-size: 16px !important ; }
.Event-Blue-Bg .mktoForm input.mktoField, .Event-Blue-Bg .mktoForm select.mktoField, .Event-Blue-Bg .mktoForm textarea.mktoField, .Event-Blue-Bg .mktoForm div.mktoLogicalField { height: 38px; }
.Event-Blue-Bg .mktoForm { width: 370px !important;  margin: auto !important; }
.Event-Blue-Bg .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix { float: right !important; }
.Event-Blue-Bg .mktoForm input[type=checkbox] + label:before { border-radius: 2px; z-index: 99; margin-left: -22px !important; }
/*End Of Webinar Global Css*/
/*Start Of Special Report Global Css*/
/*updated on 24-Feb-2025*/
body label#LblownerCheck__c {margin-left: 35px; margin-top: -10px;}
#LblownerCheck__c a{padding: 0 !important;}
#LblownerCheck__c span {font-size: 15px !important; line-height: 25px !important; font-weight: 400 !important; color: #131c3c; font-family: 'Roboto';
}
/*End updated on 24-Feb-2025*/
.special-rep-css label a, .Event-Blue-Bg a { color: #13aff0 !important; }
.white-paper-div .mktoForm{width: 370px !important; }
.special-rep-css label#LblownerCheck__c, .special-rep-css label#LblValidation_Check__c{ width: 328px !important; }
.special-rep-css .mktoForm label.mktoLabel { font-weight: bold;}
.special-rep-css .welcomeform-button { margin: auto !important; text-align: center !important; }
.special-rep-css body .welcomeform-button { margin-left: 0px !important;}
.special-rep-css span.mktoButtonWrap.mktoCupidGreen, .special-rep-css span.mktoButtonWrap.mktoRound, .special-rep-css span.mktoButtonWrap.mktoSkip { margin-left: 18px !important; }
.special-rep-css .mktoForm {margin: auto !important; width: 370px !important; }
.special-rep-css .mktoForm .mktoButtonWrap.mktoRound .mktoButton, .special-rep-css .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton, .special-rep-css .mktoForm .mktoButtonWrap.mktoSkip button.mktoButton, .special-rep-css .mktoForm .mktoButtonWrap.mktoSkip button.mktoButton {
background-image: linear-gradient(to bottom, #df8f23, #df8f23) !important; border: 1px solid #df8f23 !important; border-bottom: 1px solid #df8f23 !important; box-shadow: inset 0 1px 0 0 #df8f23 !important; width: 350px !important; height: 40px !important; border-radius: 10px !important; font-size: 16px !important; text-shadow: none;
}
.special-rep-css .mktoForm input.mktoField, .special-rep-css .mktoForm select.mktoField, .special-rep-css .mktoForm textarea.mktoField, .special-rep-css .mktoForm div.mktoLogicalField { height: 38px; } 
.special-rep-css .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix { float: right !important; }
.special-rep-css .mktoForm input[type=checkbox] + label:before, .special-rep-css .mktoForm input[type=radio] + label:before { margin-top: -19px; margin-left: -1.9em !important;}
.special-rep-css .mktoForm div.mktoLogicalField.mktoInvalid { border: 0px solid transparent; }
/*End Of Special Report Global Css*/

/*@media only screen and (max-width: 767px) Updated on 28 Feb 2025*/ 
@media (max-width: 480px) and (min-width: 0px) {
.special-rep-css .mktoForm { margin: auto !important; width: 330px !important;
}	
.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField, .special-rep-css .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton {
width: 300px !important;	
	}	
.mktoForm .mktoFormRow .mktoFormCol, .mktoForm .mktoFormRow { width: fit-content !important;
}	
.special-rep-css span.mktoButtonWrap.mktoCupidGreen, .special-rep-css span.mktoButtonWrap.mktoRound, .special-rep-css span.mktoButtonWrap.mktoSkip {
margin-left: 0px !important;
}	
}

@media only screen and (max-width: 500px) {
}

@media only screen and (max-width: 767px) {
	
}

@media only screen and (max-width: 600px) {
/*Start Of Webinar Css*/
.bg-light-over-m .elementor-background-overlay{ opacity: 0.7!important; }	
.Event-Blue-Bg label#LblownerCheck__c, .special-rep-css label#LblownerCheck__c { width: auto !important; }
.Event-Blue-Bg .mktoForm input[type=checkbox] + label:before { border-radius: 2px; margin-top: -40px; margin-left: -22px !important; }
.Event-Blue-Bg label { width: unset !important; }
.Event-Blue-Bg .mktoForm {width: 340px !important; }
.Event-Blue-Bg .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton { width: 285px !important; margin-left:0px !important; width: 280px !important; }
/*End Of Webinar Css*/
/*Start Of Special Report Css*/
.special-rep-css .mktoForm input[type=checkbox] + label:before { border-radius: 2px; margin-top: -40px; margin-left: -22px !important; }
.special-rep-css span.mktoButtonWrap.mktoCupidGreen, .special-rep-css span.mktoButtonWrap.mktoRound, .special-rep-css span.mktoButtonWrap.mktoSkip { 
  width: 285px !important;
}	
/*.special-rep-css .mktoForm .mktoButtonWrap.mktoRound .mktoButton, .special-rep-css .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton, .special-rep-css .mktoForm .mktoButtonWrap.mktoSkip button.mktoButton, .special-rep-css .mktoForm .mktoButtonWrap.mktoSkip button.mktoButton { width: 285px !important; margin-left:-16px; }*/
.special-rep-css .mktoForm .mktoFormCol .mktoLabel { width: fit-content !important; }
/*End Of Special Report Css*/	
}
/*----------------------------Ipad CSS Start----------------------------------------*/
@media (max-width: 1023px) and (min-width: 768px){
.Demo-form form#mktoForm_1310 {width: 1015px !important;}
.Demo-form select#Industry, .Demo-form select#Revenue__c { width: 670px !important;  }
.Demo-form select#Revenue__c { margin-right: 80px !important; margin-top: 12px !important;}
.Demo-form #LblRevenue__c { float: left !important; }
.Demo-form .mktoButtonRow { display: inline-block !important; }
.Demo-form .mktoForm .mktoButtonWrap.mktoSkip .mktoButton, .Demo-form .mktoForm .mktoButtonWrap.mktoSkip .mktoButton:hover  { margin-left: 30px !important; }
.Demo-form input { width: 330px !important; } 
}
/*----------------------------Mobile CSS Start----------------------------------------*/
@media (max-width: 767px) and (min-width: 20px) {
body .special-rep-css label#LblownerCheck__c, body .special-rep-css label#LblownerCheck__c {
width: 280px !important;
}
body label#LblownerCheck__c { margin-left: 22px !important; margin-top: 1px !important;
}
.special-rep-css .mktoForm input[type=checkbox] + label:before, .special-rep-css .mktoForm input[type=radio] + label:before { margin-top: -51px !important;
}	
.Demo-form form#mktoForm_1310 { width: 360px !important; }  
.Demo-form input, .Demo-form input:visited { width: 370px !important; }
.Demo-form select#Industry, .Demo-form select#Revenue__c { width: 370px !important; }
.Demo-form .mktoFieldWrap.mktoRequiredField { padding-left: 0px !important; }
.Demo-form span.mktoButtonWrap.mktoSkip { margin-left: 0px !important; }
.Demo-form .mktoForm .mktoButtonWrap.mktoSkip .mktoButton, .Demo-form .mktoForm .mktoButtonWrap.mktoSkip .mktoButton:hover { margin-left: 0px !important; width: 110%; font-size: 14px !important; padding: 12px 24px !important; }
}
