/* formular */
.formular {
    overflow: hidden;
}




/* formular-success */
.formular-success {
    display: none;
}

.formular-success h6 {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 100;
    color: #66cc99;
}

.formular-success p {
    margin: 1em 0 0 0;
    text-align: center;
    font-size: 0.75em;
    line-height: 1.25em;
    font-weight: 400;
    color: #333;
}

.formular-success p a {
    color: #3399ff;
    text-decoration: none;
}

.formular-success p a:hover {
    text-decoration: underline;
}





/* formular-text */
.formular .formular-text {
    display: block;
    margin: 0.25em 0;
    padding: 0.25em 0.5em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
}

.formular .formular-text.formular-error {
    border-color: #ff4d4d;
}

.formular .formular-text input[type="text"],
.formular .formular-text input[type="password"],
.formular .formular-text input[type="number"] {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: url(images/text.png) no-repeat 0 0 transparent;
    text-indent: 0.5em;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    color: #000;
}

.formular .formular-text input[type=number]::-webkit-inner-spin-button,
.formular .formular-text input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.formular .formular-text input[type="text"][size]
.formular .formular-text input[type="password"][size]{
    width: auto;
    background: transparent;
    text-indent: 0;
}

.formular .formular-text input[type="text"]:focus,
.formular .formular-text input[type="password"]:focus {
    background: transparent;
    text-indent: 0em;
}




/* formular-textarea */
.formular .formular-textarea {
    display: block;
    margin: 0.25em 0;
    padding: 0.25em 0.5em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
}

.formular .formular-textarea.formular-error {
    border-color: #ff4d4d;
}

.formular .formular-textarea textarea {
    float: left;
    width: 100%;
    height: 15em;
    outline: none;
    border: none;
    resize: none;
    background: url(images/textarea.png) no-repeat 0 0 transparent;
    word-wrap:break-word;
    text-indent: 0.5em;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    color: #000;
}

.formular .formular-textarea textarea:focus {
    background: transparent;
    text-indent: 0em;
}




/* formular-select */
.formular .formular-select {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 1.5em 0 0.5em;
    height: 1.625em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    background: url(images/select.png) no-repeat right center transparent;
    cursor: pointer;
}

.formular .formular-select:hover {
    background-color: #f9f9f9;
}

.formular .formular-select.formular-error {
    border-color: #ff4d4d;
}

.formular .formular-select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    border: 0;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-select > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.75em;
    line-height: 2.16666667em;
    font-weight: 400;
    color: #999;
}

.formular .formular-select.selected > span {
    color: #000;
}




/* formular-checkbox */
.formular .formular-checkbox {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 0 0 0.875em;
    height: 1.75em;
    overflow: hidden;
    background: url(images/checkbox.png) no-repeat 0 0 transparent;
}

.formular .formular-checkbox.formular-error {
    background-position: 0 -3.5em;
}

.formular .formular-checkbox.checked {
    background-position: 0 -1.75em;
}

.formular .formular-checkbox.checked.formular-error {
    background-position: 0 -5.25em;
}

.formular .formular-checkbox input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.875em;
    height: 100%;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    font-size: 1em;
}

.formular .formular-checkbox > span {
    display: block;
    margin-left: 0.66666667em;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.75em;
    line-height: 2.33333333em;
    font-weight: 400;
    color: #666;
}

.formular .formular-checkbox > span a {
    color: #3399ff;
    text-decoration: none;
}

.formular .formular-checkbox > span a:hover {
    text-decoration: underline;
}




/* formular-radio */
.formular .formular-radio {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 0 0 0.875em;
    height: 1.75em;
    overflow: hidden;
    background: url(images/radio.png) no-repeat 0 0 transparent;
}

.formular .formular-radio.formular-error {
    background-position: 0 -3.5em;
}

.formular .formular-radio.checked {
    background-position: 0 -1.75em;
}

.formular .formular-radio.checked.formular-error {
    background-position: 0 -5.25em;
}

.formular .formular-radio input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.875em;
    height: 100%;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    font-size: 1em;
}

.formular .formular-radio > span {
    display: block;
    margin-left: 0.66666667em;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.75em;
    line-height: 2.33333333em;
    font-weight: 400;
    color: #666;
}

.formular .formular-radio > span a {
    color: #3399ff;
    text-decoration: none;
}

.formular .formular-radio > span a:hover {
    text-decoration: underline;
}




/* formular-submit */
.formular .formular-submit {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 0.5em;
    height: 1.75em;
    overflow: hidden;
    background: #ccc;
    cursor: pointer;
}

.formular .formular-submit.formular-loader {
    text-indent: -9999px;
    background: url(images/ajax-loader.gif) no-repeat center center #000;
}

.formular .formular-submit:hover {
    background-color: #2f2f2f;
}

.formular .formular-submit input[type="submit"],
.formular .formular-submit input[type="button"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    border: 0;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-submit > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.75em;
    line-height: 2.33333333em;
    font-weight: 400;
    color: #fff;
}


/* [gst]: Sidebar Submit Buttons */
div#sidebar .formular .formular-submit {
  position: absolute; bottom: 0; left:0; width: 280px; background:#bbb;
}
div#sidebar .formular .formular-submit:hover {
    background-color: #66cc99;
}


/* formular-reset */
.formular .formular-reset {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 0.5em;
    height: 1.75em;
    overflow: hidden;
    background: #ccc;
    cursor: pointer;
}

.formular .formular-reset:hover {
    background: #000;
}

.formular .formular-reset input[type="reset"],
.formular .formular-reset input[type="button"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    border: 0;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-reset > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.75em;
    line-height: 2.33333333em;
    font-weight: 400;
    color: #fff;
}

/* formular-file */
.formular .formular-file {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 1.5em 0 0.5em;
    height: 1.625em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    background: url(images/file.png) no-repeat right center transparent;
    cursor: pointer;
}

.formular .formular-imgpreview {
    background: none;
}

.formular .formular-file:hover {
    background-color: #f9f9f9;
}

.formular .formular-file.formular-error,
.formular .formular-file.formular-error:hover {
    border-color: #ff4d4d;
}

.formular .formular-file input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    border: 0;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-file > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.75em;
    line-height: 2.16666667em;
    font-weight: 400;
    color: #999;
}

.formular .formular-file.selected > span:not(.icon-imagesequence) {
    color: #000;
}



/* formular-button */
.formular .formular-button {
    position: relative;
    min-width: 0.25em;
    height: 1.625em;
    display: block;
    margin: 0.25em 0;
    padding: 0 0.5em;
    overflow: hidden;
    border: 1px solid graytext;
    cursor: pointer;
}

.formular .formular-button > span > a {
 text-decoration: none;
}    
.formular .formular-button:hover {
   
    border:1px solid #d5d5d5;
}

.formular .formular-button.checked,
.formular .formular-button.checked:hover {
    border:2px solid red;
}

.formular .formular-button.checked > span,
.formular .formular-button.checked > span:hover {
    color: #000;   
}

.formular .formular-button.formular-error {
    border-color: #ff4d4d !important;
}

.formular .formular-button input[type="checkbox"],
.formular .formular-button input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-button button{

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border: 0;
    cursor: pointer;
    background: #ccc;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-button > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: 0.75em;
    line-height: 2.16666667em;
    font-weight: 400;
    color: #000;
    
}




/* transitions */
.formular .formular-select,
.formular .formular-file,
.formular .formular-submit,
.formular .formular-reset {
    -webkit-transition-property: -webkit-transform, background-color;
    -moz-transition-property: -moz-transform, background-color;
    -ms-transition-property: -ms-transform, background-color;
    transition-property: transform, background-color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
}



/* [gst] sidebar search form */

form[data-form="search"] .formular-text {
    display: block;
    margin: 0.25em 0;
    padding: 0.25em 0.5em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
}

form[data-form="search"] .formular-text.formular-error {
    border-color: #ff4d4d;
}

form[data-form="search"] .formular-text input[type="text"] {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: url(images/text.png) no-repeat 0 0 transparent;
    text-indent: 0.5em;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    color: #000;
}

form[data-form="search"] .formular-text input[type="text"][size] {
    width: auto;
    background: transparent;
    text-indent: 0;
}

 form[data-form="search"] .formular-text input[type="text"]:focus {
    background: transparent;
    text-indent: 0em;
}

.loadinggif{
    
    display:none;
    
}