JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<div class="clickdform mainDiv" style="padding-top:0px;padding-left:5px;padding-bottom:0px;padding-right:0px;">
        <form id="clickdimensionsForm" name="clickdimensionsForm" method="post" accept-charset="utf-8" enctype="multipart/form-data"
            action="https://analytics-eu.clickdimensions.com/forms/?visitor=lead">
            <input type="HIDDEN" name="cd_accountkey" id="cd_accountkey" value="aH5FZiEBjpkSrmbriYEsXU" />
            <input type="HIDDEN" name="cd_domain" id="cd_domain" value="kerenhagshama.co.il" />
            <input type="HIDDEN" name="cd_visitorkey" id="cd_visitorkey" value="" />
            <input type="HIDDEN" name="cd_visitoremail" id="cd_visitoremail" value="" />
            <input type="HIDDEN" name="cd_timezone" id="cd_timezone" value="" />
            <input type="HIDDEN" name="cd_domainalias" id="cd_domainalias" value="web.kerenhagshama.co.il" />
            <input type="HIDDEN" name="cd_postsettings" id="cd_postsettings"...

CSS

/*--- BODY STYLE ---*/
body
{
margin:0px;
padding:0px;
-webkit-text-size-adjust: 100%;
background: transparent url(https://app-eu.clickdimensions.com/blob/cogresscapitalcom-ah5fz/files/manhattenbig.jpg?1533559836216) no-repeat 0 0;
    background-size: cover;
}

/*--- FORM CONTAINER STYLE ---*/
.mainDiv
{
margin:auto;
direction: rtl;
}

/*--- FIELD INPUT STYLE ---*/
.clickdform input[type='text'],
.clickdform textarea,
.clickdform select
{
    font-family:"Verdana" !important;
    font-size:13px !important;
    color:#333;
    margin:0;
    padding:2px 0;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
}

/*--- LIST DROPDOWN STYLE ---*/
.clickdform select
{
	height:26px;
}

/*--- SUBMIT BUTTON STYLE ---*/
#btnSubmit
{
    margin: 15px 0 0 0;
    font-family:Verdana;
    font-size:13px;
    clear:both;
}

/*--- PREVIOUS BUTTON STYLE ---*/
.clickdform .WizardPrevButton{
    margin: 15px 10px 0 0;
    font-family:Verdana;
    font-size:13px;
    float:left;
}

/*--- NEXT BUTTON STYLE ---*/
.clickdform .WizardNextButton
{
    margin: 15px 0px 0 0;
    font-family:Verdana;
    font-size:13px;
    float:right;
    clear:both;
}
.alignBottom {
   
}
.alignBottom .input-field {
    float: right;
    background-color: red;
    display: inline-block;
}
input[type=checkbox] {
float: right !important;
    font-size: 1.1em;
    transform: scale(1.5);
    margin-left: 10px;
}
input[type=button] {
border:0;
padding:10px 5px 10px 10px;
border-radius:3px;
cursor:pointer;.
}
input[type=text] {
    padding: 5px !important;
    width: 280px;
    /*min-width: 280px !important;*/
}
.clickdform .maxSize1 {
font-size:15px;
max-width:280px !important;
/*width:280px;*/
width:100%;
padding:0;
}
#clickdimensionsForm1 {
width:431px;
background-color:#fff !important;
opacity:.9;
margin-right:35px;
padding:20px;
}

#clickdimensionsForm {
    /*width: 350px;*/
   width:auto;
max-width:280px;
   ...

JavaScript

$("#clickdimensionsForm div:nth-child(1)").css("background-color","red");
$("#clickdimensionsForm div:nth-child(1)").css("padding","0px");
$("#clickdimensionsForm div:nth-child(1)").css("margin","0px");
$(".emptyCell").css("background-","none");