.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}

/**
remember to change color #f6f6f6
**/
#smuzform-cont {

	
	margin: 0 auto;
	margin-top: 25px;
	border: 1px rgb(221, 221, 221) solid;
	max-width: 1048px;
	box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.5);
	background-color: #FFEBD1;
	

}


#smuzform-cont .navbar-header {
    width: 88% !important;
}

#smuzform-cont .navbar-header li{
	margin: 0;
	padding: 0;
}

.navBarActionsLi a{
	cursor: pointer;
	font-size: 18px;
	color: #000 !important;
	font-weight: 900;
}

.navBarActionsLi a:hover {
	color: #fff !important;
}

#smuzform-cont .container {

}


#inline-preview-cont {

	margin-top: 25px;
	margin-left: 10px;
}

.fieldWrap button {
	margin-left: 4px;
    padding: 4px 8px;
    position: relative;
    top: -3px;
    text-decoration: none;
    border: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f7f7f7;
    text-shadow: none;
    font-weight: 600;
    font-size: 13px;
    width: 120px;
}

.fieldWrap button:hover {
	color: #fff;
    -webkit-transition-property: border,background,color;
    transition-property: border,background,color;
    -webkit-transition-duration: .05s;
    transition-duration: .05s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background-color: #0073ab;
}

.mainnavbar { 

    background-color: #7F93A5;
	border-color: transparent;
	border-radius: 0px;
	margin-bottom: 0px;

}

.mainnavbar .navbar-brand {

	color: #fff;

}
.smuzform-settings {
	
	background-color: #FFEBD1;
    border-color: rgb(250, 235, 204);
    padding-right: 0;

}

.smuzform-preview {
	background: #fff;
	width: 655px;
}

#fields {

	list-style: none;
	margin-top: 15px;

}

#fields .field {

	width: 40%;
	float: left;
}

.form-group {
	padding: 5px;
}

li.selected {
	border: 2px dotted #5b9dd9;
	
	cursor: move;
}

.selected .removeMeField {

	display: block !important;
	width: 30px;

}

#noFieldsMessage p:after {
	content: "No Fields in the form. You should Add some fields by clicking on the field buttons.";
}

ul.collection-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  outline: none;
  cursor: pointer;
}

.form-inline .form-group{
   margin-right: 40px;
}

.form-inline .checkbox {
	display: block;
}


.field-cont-type label, .field-cont-size label, .field-cont-options-label, .form-cont-lang label, .form-cont-placement label {
	display: block;
}

label.required:after {
  content:"*";
  color:red;
}

.fieldLineBreakView {
	padding: 5px;
}

.fieldSize-small {
	width: 25%;
}

.fieldSize-medium {
	width: 50%;
}

.fieldSize-large {
	width: 100%;
}

.createFormBtn, .saveFormBtn {
	
	background-color: #ddd;
	padding: 0;
	margin: 0;
	width: 107%;
    margin-left: -25px;
    padding-bottom: 25px;
    padding-top: 25px;
}

#saveForm {
	text-align: center;
	width: 200px;
	height: 50px;
	line-height: 50px;
	position: relative;
	left: 35%;
	color: #000;
	background-color: #58927B;
	font-weight: bold;
	font-size: 16px;
}

#saveForm:hover {
	background-color: #6DA08B;
}

#serverModalCont {
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.8;
    z-index: 99999;
    display: none;
}

#serverModalCont p{
	position: relative;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
}

#wpfooter{
	margin-top: 25px;
	color: #000;
}

#wpcontent {
	background-color: #fff;
}

.nameFieldLabelInline {
	font-weight: normal;
	margin-top: -30px;
}

.nameFieldRow, .addressFieldRow {
	margin-right: 0px;
	margin-left: 0px;
}

.nameFieldRow .form-group {
	padding: 0px;
	margin-bottom: 0px;
	padding-right: 10px;
}

.addressFieldRow .form-group {
	padding: 0px;
	margin-bottom: 0px;
	padding-right: 10px;
}

#formFieldsCont input {
	cursor: pointer !important;
}

input[type=number], input[type=url] {
	height: 34px;
}

.headingFieldFeature {
	padding: 5px 0px 5px 0 ;
	clear: both;
}

.ruleInlineCont {
	margin-top: 10px;
}

.ruleInlineCont input, .ruleInlineCont select, .ruleInlineCont strong {
	margin-right: 5px;
}

#ruleFields, #ruleFieldAction {
	width: 45%;
}

#ruleFieldLogicValue {
	width: 60%;
}

#ruleFieldAction {
	width: 30%;
}

#fieldSettingsCont {
	margin-right: 4px;
}

#fieldSettingsForm input[type="text"], #fieldSettingsForm input[type="number"], #fieldSettingsForm input[type="select"]{
    font-size: 12px;
    height: 30px;
}

#formSettingsForm input[type="text"], #formSettingsForm input[type="number"], #formSettingsForm input[type="select"]{
    font-size: 12px;
    height: 30px;
}

#formShortcodeFunc, #formShortcode {
	font-family: Monaco,monospace;
}

#fieldRulesCont {
	margin-top: 15px;
}

textarea#customHtmlSource, #fieldCssClasses {
	font-family: Monaco,monospace;
}

.smuzform-settings .nav-tabs {
	margin-top: 15px;
}

.form-title{
	font-weight: bold;
}

.loadingSpinner {
	position: absolute;
    top: 46%;
    left: 60%;
}
.loadingSpinner .sk-child:before {
	background-color: #ffffff;
}