.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
background-color: rgb(21, 124, 220);
border: 1px solid rgb(75, 81, 85);
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: rgb(255, 255, 255);
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: rgb(255, 151, 20);
}
.ui-widget-header {
background-color: rgb(222, 222, 222);
border: 1px solid rgb(75, 81, 85);
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
color: rgb(255, 151, 20);
font-weight: bold;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-radius: 4px;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
color: rgb(255, 151, 20);
font-weight: bold;
}
#datepicker {
left: 10px;
position: absolute;
top: 100%;
z-index: 40000;
}
.ui-datepicker-trigger {
margin: 3px 0 0 10px;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default {
display: block;
height: 29px;
width: 31px;
}
.ui-widget-content a {
color: rgb(255, 255, 255);
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active {
background-color: rgb(141, 147, 151);
}
.ui-state-default, .ui-widget-content .ui-state-default, .slidePopRhtScroll .library_content .ui-state-default {
background: rgb(85, 85, 85) none repeat scroll 0 0;
border: 1px solid rgb(102, 102, 102);
color: rgb(238, 238, 238);
font-weight: bold;
outline: medium none;
padding: 5px;
font-size: 16px;
line-height: 15px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: 0.6em;
text-align: right;
text-decoration: none;
}
.ui-datepicker-calendar td {
margin: 0;
padding: 0;
}
.ui-datepicker th {
border: 0 none;
font-weight: bold;
padding: 0.7em 0.3em;
text-align: center;
}
.ui-datepicker .ui-datepicker-header {
padding: 0.2em 0;
position: relative;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
height: 1.8em;
position: absolute;
top: 2px;
width: 1.8em;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
left: 50%;
margin-left: -8px;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-datepicker .ui-widget-header {
background-color: rgb(233, 233, 233);
}
.ui-datepicker-title {
color: rgb(0, 0, 0);
font-weight: bold;
}
#ui-datepicker-div {
background: rgb(77, 77, 77) none repeat scroll 0 0;
border: medium none;
color: rgb(255, 255, 255);
font-size: 14px;
line-height: 14px;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active {
background-color: rgb(141, 147, 151);
}
.ui-datepicker .ui-widget-header .ui-icon {
background-image: url("../formbuilder/images/ui-icons_444444_256x240.png");
}
.ui-datepicker .ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-datepicker .ui-icon {
background-repeat: no-repeat;
display: inline-block;
height: 16px;
margin-top: -0.25em;
overflow: hidden;
position: relative;
text-indent: -99999px;
vertical-align: middle;
width: 16px;
}
.ui-datepicker .ui-datepicker-title {
line-height: 1.8em;
margin: 0 2.3em;
text-align: center;
}
.ui-state-highlight {
background-color: #AAAAAA !important;
border-bottom: 2px solid rgb(51, 153, 255);
border-radius: 0;
border-top: 2px solid rgb(51, 153, 255);
}
.ui-state-highlight-hide {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: medium none;
border-top: medium none;
}

.captcha{
display: table;
margin: 15px 0;
position: relative;
width: 100%;
}

.captcha span {
display: block;
margin-left: 39px;
font-size: inherit;
color: inherit !important;
}
.captcha .check {
position: absolute;
top: 52%;
transform: translateY(-50%);
left: 0;
height: 25px;
width: 25px;
background-color: #F4F4F4;
border: 1px solid #939393;
border-radius: 4px;
}
.form1 .captcha .check:hover {
background-color: #ABABAB;
}
.form1 .captcha .check.cchecked {
background-color: #565656;
}
.form1 .captcha .check.cchecked:after {
content: "";
position: absolute;
display: none;
}
.form1 .captcha .check.cchecked:after {
display: block;
}
.form1 .captcha .check.cchecked:after {
left: 8px;
top: 4px;
width: 7px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/*Styles for check animation*/
.check .wrapper {
  width: 25px;
  display: inline;
  margin: 4em auto 0;
}

.check .checkmark {
  stroke: green;
  stroke-dashoffset: 745.74853515625;
  stroke-dasharray: 745.74853515625;
  -webkit-animation: dash 2s ease-out forwards;
          animation: dash 2s ease-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.container:not(.containermax) {
    margin: initial auto;
    max-width: 1200px;
}
.container.containermax {
    height: 100%;
    padding-left:0;
    padding-right:0;
}
.stsavebut {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-top: 1px solid;
    bottom: 0;
    display: block;
    font-family: 'Open Sans',sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    width: 100%;
    z-index: 10009;
    height:56px;
}

.stsavebutbg {
    display: table;
    height: 56px;
    width:100%;
}
#formNavtop hr {
    margin: 0;
    padding: 0;
}
#formNavtop h3 {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 27px;
    line-height: 65px;
}
.logo-wrapper h4 b {
    font-family: 'Open Sans',sans-serif;
}
#page-loader {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999; }
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.is-sidebar-content .nice-select,.nice-select.wide, .nice-select.form-control {
width: 100%; }
.is-sidebar-content .nice-select .list, .nice-select.form-control .list, .nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: inherit;
border-radius: 5px;
border: inherit;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-size: inherit;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
/*background-color: #f6f6f6; */
background-color: rgba(68, 68, 68, 0.29);
}
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.is-sidebar-content .nice-select .option {
line-height: 32px;
min-height: 34px;
}

select::-ms-expand {
  display: none;
}
select,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="select"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none !important;
}
#fileCover {
z-index: -10;
}
.fb-text-label, .fb-checkbox-group-label, .fb-date-label, .fb-number-label, .fb-radio-group-label, .fb-radio, .fb-radio > label, .fb-checkbox > label, .fb-select-label, .fb-textarea-label {
font-size: inherit !important;
margin-bottom: 0;
}
.form-control {
line-height: 150%;
}
input::-webkit-input-placeholder {
color:inherit !important;
}
.nice-select.form-control {
font-size: 14px;
border-radius: 4px;
display: block;
height: 34px;
line-height: 150%;
padding: 6px 12px;
margin-bottom: 20px;
}
.form-no-button .fb-checkbox {
display: block;
position: relative;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.form-no-button .fb-checkbox-group input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 26px;
width: 50px;
left: -19px;
z-index: 1000;
}
/* Create a custom checkbox */
.form-no-button .fb-checkbox-group .checkmark {
position: absolute;
top: 52%;
transform: translateY(-50%);
left: 0;
height: 25px;
width: 25px;
background-color: #F4F4F4;
border: 1px solid #939393;
border-radius: 4px;
}
/* On mouse-over, add a grey background color */
.form-no-button .fb-checkbox:hover input ~ .checkmark {
background-color: #ABABAB;
}
/* When the checkbox is checked, add a blue background */
.form-no-button .fb-checkbox-group input:checked ~ .checkmark {
background-color: #565656;
}
/* Create the checkmark/indicator (hidden when not checked) */
.form-no-button .fb-checkbox-group .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.form-no-button .fb-checkbox-group input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.form-no-button .fb-checkbox-group .checkmark:after {
left: 8px;
top: 4px;
width: 7px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.form-no-button .fb-radio {
display: block;
position: relative;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.form-no-button .fb-radio-group input {
cursor: pointer;
height: 30px;
left: -2px;
opacity: 0;
position: absolute;
top: -3px;
width: 23px;
z-index: 1000;
}
.form-no-button .fb-radio-group .checkmark {
position: absolute;
top: 52%;
transform: translateY(-50%);
left: 0;
height: 25px;
width: 25px;
background-color: #F4F4F4;
border: 1px solid #939393;
border-radius: 50%;
}
.form-no-button .fb-radio:hover input ~ .checkmark {
background-color: #ABABAB;
}
.form-no-button .fb-radio-group input:checked ~ .checkmark {
background-color: #565656;
}
.form-no-button .fb-radio-group .checkmark:after {
content: "";
position: absolute;
display: none;
}
.form-no-button .fb-radio-group input:checked ~ .checkmark:after {
display: block;
}
.form-no-button .fb-radio-group .checkmark:after {
top: 8px;
left: 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}

.form-no-button.fnbsmall .fb-radio-group .checkmark::after {
left: 5px;
top: 5px;
}
.form-no-button.fnbsmall .fb-radio-group .checkmark {
height: 20px;
width: 20px;
}
.form-no-button.fnbsmall .fb-checkbox-group .checkmark, .form1 .captcha.fnbsmall .check {
height: 20px;
width: 20px;
}
.form-no-button.fnbsmall .fb-checkbox-group .checkmark::after, .form1 .captcha.fnbsmall .check.cchecked::after {
left: 6px;
top: 2px;
}
.fb-button .btn {
font-family: inherit;
}
.fb-button .btn.btn-primary:hover {
border: 1px solid transparent;
}
.fb-button .btn {
-moz-user-select: none;
background-image: none;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
padding: 6px 15px;
text-align: center;
touch-action: manipulation;
white-space: nowrap;
letter-spacing: 0;
}
.is-dark-text *:not(.form1):not(.form-no-button):not(.rendered-form):not(.form-group):not(.fb-text-label):not(.fb-checkbox-group-label):not(.fb-date-label):not(.fb-number-label):not(.fb-radio-group-label):not(.fb-select-label):not(.fb-textarea-label):not(.current):not(.option):not(.list):not(.captcha):not(span):not(.btn):not(i):not(a) {
color: rgb(0, 0, 0);
}
.nice-select .option {
color: inherit;
}
.form1 {
padding: 20px;
text-align: left;
}
.form1 input[type="number"], .form1 input[type="date"], .form-control.datepicker {
width: 175px;
}
.form-control:focus {
box-shadow: none;
}
.rendered-form .nice-select.form-control {
width: 100%;
}
.form1 .fb-select-label {
width: 100%;
}
.form-no-button label {
padding-left: 5px;
}
.fb-button.form-group {
display: table;
width: 100%;
}
.rendered-form .form-group {
display: block;
margin-bottom: 15px;
margin-left: 0;
width: 100%;
}
.form-no-button.rformall50 .rendered-form > div {
float: left;
width: 50%;
}
.form-no-button.rformall50 .rendered-form > div:nth-child(odd) {
padding-right: 20px;
}
.form-no-button.rformall50 .rendered-form > div:nth-child(even) {
padding-left: 20px;
}
.form-no-button.rformall50ta .rendered-form > div {
float: left;
width: 50%;
}
.form-no-button.rformall50ta .rendered-form .fb-textarea.form-group {
display: table;
float: none;
width: 100%;
}
.form-no-button.rformall50ta .fblayoutmar {
padding-left: 20px;
}
.form-no-button.rformall50ta .fblayoutmara {
padding-right: 20px;
}
.form-no-button.rform52 .rendered-form> div:first-child {
float: left;
width: 50%;
padding-right: 20px;
}
.form-no-button.rform52 .rendered-form > div:nth-child(2) {
float: left;
width: 50%;
padding-left: 20px;
}
@media only screen and (max-width:960px) {
.form-no-button.rformall50 .rendered-form > div, .form-no-button.rformall50ta .rendered-form > div, .form-no-button.rform52 .rendered-form> div:first-child, .form-no-button.rform52 .rendered-form> div:nth-child(2) {
width: 100%;
}
.form-no-button.rformall50 .rendered-form > div:nth-child(odd), .form-no-button.rformall50 .rendered-form > div:nth-child(even), .form-no-button.rformall50ta .rendered-form > div:nth-child(odd):not(.fb-textarea), .form-no-button.rformall50ta .rendered-form > div:nth-child(even):not(.fb-textarea), .form-no-button.rform52 .rendered-form> div:first-child, .form-no-button.rform52 .rendered-form> div:nth-child(2) {
padding-left: 0;
padding-right: 0;
}
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
box-shadow: none;
cursor: not-allowed;
opacity: 0.65;
}

input:not([type="file"]).error,
textarea.error,
select.error {
  border: 1px solid red !important;
}

.form-no-button .fb-checkbox-group .checkmark.error, .form-no-button .radio-group .checkmark.error, .nice-select.form-control.error, .form1 .captcha .check.error {
border: 1px solid red !important;
}

input:not([type="file"]).no-error,
textarea.no-error,
select.no-error {
  //border: 1px solid transparent !important;
  //border:inherit;
}
.fbuser {
display: none;
}
.emconfirm {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0:
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.56); 
z-index: 100; 
cursor: pointer;
}
.emconfirm img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}

div.error-field {
  color: red;
  font-size: small;
}