/** Messages **********************************************************************************************************/

ul.message {
    list-style: none;
    padding: 9px 10px 9px 36px;
    display: block;
    color: #444;
    border-radius: 4px;
    background: #ccccff url(../images/backend/info.png) no-repeat 10px 10px;
    /*box-shadow: inset 0 1px 2px #ffffff;*/
    margin: 0 0 15px 0;
    font-size: 1em;
}

ul.message li {
    line-height: 1.5em;
}

ul.message.error {
    background-color: #E94B35;
}

ul.message.success {
    background-color: #bbffbb;
    background-image: url(../images/backend/success.png);
}

ul.message h5 {
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 5px;
}

ul.message li p:first-child {
    margin-top: 0;
}

ul.message li p:last-child {
    margin-bottom: 0;
}

/** Reset form styles *************************************************************************************************/

form.form-builder fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
form.form-builder legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
form.form-builder button, form.form-builder input, form.form-builder select, form.form-builder textarea{margin:0;vertical-align:baseline;*vertical-align:middle}
form.form-builder button, form.form-builder input{line-height:normal}
form.form-builder button, form.form-builder input[type="button"], form.form-builder input[type="reset"], form.form-builder input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
form.form-builder button[disabled], form.form-builder input[disabled]{cursor:default}
form.form-builder input[type="checkbox"], form.form-builder input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
form.form-builder input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
form.form-builder input[type="search"]::-webkit-search-cancel-button, form.form-builder input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
form.form-builder button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
form.form-builder textarea{overflow:auto;vertical-align:top;resize:vertical;font-size: inherit;font-family: inherit}
form.form-builder .type-text input,
form.form-builder .type-email input,
form.form-builder .type-password input,
form.form-builder .type-captcha-dumb input,
form.form-builder .type-captcha-figlet input,
form.form-builder .type-captcha-image input,
form.form-builder textarea,
form.form-builder .type-select .select2-container .select2-choices {
    font-size: 0.9em;
    padding: 6px 12px;
    transition: all 0.2s;
    background: none repeat scroll 0 0 #e8ebed;
    border: 2px solid #e8ebed;
    box-shadow: none;
    border-radius: 4px;
}
form.form-builder .type-text input:focus,
form.form-builder .type-email input:focus,
form.form-builder .type-password input:focus,
form.form-builder .type-captcha-dumb input:focus,
form.form-builder .type-captcha-figlet input:focus,
form.form-builder .type-captcha-image input:focus,
form.form-builder textarea:focus,
form.form-builder .type-select .select2-dropdown-open .select2-choices {
    transition: all 0.2s;
    background: #ffffff;
    border: 2px solid #778899;
    box-shadow: none;
}

form.form-builder .type-select .select2-dropdown-open .select2-choices {
    border: 1px solid #a9a9a9;
    border-top: 1px solid #666;
}

/* Placeholder */

input.placeholder, textarea.placeholder {
    color:    #999;   ::-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}
::-moz-placeholder {
    color:    #999;
}
:-ms-input-placeholder {
    color:    #999;
}

}

/** Default output styles *********************************************************************************************/

form.form-builder select {
    margin-top: 2px;
}

form.form-builder {
    width: 100%;
}

/* Element description */

form.form-builder .element-info {
    font-size: 0.8em;
    color: #888;
}

form.form-builder .form-element .element-info {
    clear: left;
    float: left;
    margin: 0;
}

form.form-builder .form-element .label .element-info {
    float: none;
}

/* Inline errors */

form.form-builder .form-element .error-tooltip {
    margin: 0 0 0 6px;
    overflow: hidden;
    background: transparent url(../images/backend/alert.png) no-repeat 0 4px;
    width: 16px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

form.form-builder .form-element .error-tooltip  ul {
    display: none;
}

form.form-builder .form-element .error-inline {
    display: inline-block;
    vertical-align: top;
    background: transparent url(../images/backend/alert.png) no-repeat 6px 6px;
    margin: 0;
    width: 49%;
    padding: 5px 0 0 30px;
}

form.form-builder .form-element .error-inline li {
    display: inline;
}

#tiptip_holder .message {
    margin: 0;
    background: none;
    color: inherit;
}

/* Label */

form.form-builder .form-element {
    padding: 5px 0;
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
}

form.form-builder .form-element .label {
    width: 28%;
    margin: 0 1% 0 0;
    padding: 0 1% 0 0;
    line-height: 1.8em;
    color: #434f5b;
    font-size: 1em;
    text-align: left;
    display: block;
}

/* element */

form.form-builder .form-element .element {
    width: 70%;
    padding: 0;
}

form.form-builder .form-element .element textarea {
    width: 100%;
    height: 100px;
    min-height: 100px;
}

/* text */

form.form-builder .type-text input,
form.form-builder .type-email input,
form.form-builder .type-password input{
    width: 100%;
}

@media (min-width:650px){
    form.form-builder .type-text input,
    form.form-builder .type-email input,
    form.form-builder .type-password input{
        width: 50%;
    }
}

/* radio and checkbox groups */

form.form-builder .type-radio .element label,
form.form-builder .type-multiCheckbox .element label{
    float: left;
    clear: left;
    width: 87.4%;
    line-height: 1.8em;
}

form.form-builder .type-radio .element input,
form.form-builder .type-checkbox .element input,
form.form-builder .type-multiCheckbox .element input {
    margin-right: 5px;
}

/* single checkbox */

form.form-builder .type-checkbox .label {
    display: none;
}

form.form-builder .type-checkbox .element {
    width: 100%;
    line-height: 1.8em;
}

/* multi select */

form.form-builder .type-select .select2-container {
    width: 87%;
}

form.form-builder .type-select .select2-container .select2-choices {
    padding: 0;
}

.select2-result {
    font-size: 1.5em;
    padding: 0 0;
}

/* captcha */

form.form-builder .captcha-inner {
    display: block;
    margin-bottom: 5px;
}

form.form-builder .captcha-inner img {
    border: 1px solid #bbb;
}

form.form-builder .type-captcha-image input {
    width: 192px;
}

form.form-builder .type-captcha-image .refresh-image-captcha {
    position: absolute;
    margin: 3px 0 0 3px;
    display: block;
    height: 16px;
    width: 16px;
    text-indent: -500px;
    background: transparent url(../images/backend/refresh.png) no-repeat 0 0;
    overflow: hidden;
}

form.form-builder .type-mosterd {
    width: 0px;
    overflow: hidden;
    position: absolute;
    display: block;
}

/* form actions */

form.form-builder .form-actions {
    clear: left;
    padding: 20px 0 0;
}

form.form-builder .form-actions input {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    *margin-left: .3em;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #8BB569;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    border: none;
    transition: 0.2s all;
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 16px;
}

form.form-builder .form-actions input:hover {
    background-color: #64A330;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

form.form-builder .error label {
    color: #E94B35;
}

form.form-builder .error input,
form.form-builder .error textarea {
    border-color: #E94B35;
}

form.form-builder .error .select2-container .select2-choices {
    background: #ffeeee;
}

/** CMS output style **************************************************************************************************/

form.form-builder-backend-style .form-element .label {
    float: none;
    display: block;
}

form.form-builder-backend-style .form-element .element {
    float: none;
    display: block;
}

form.form-builder .required {
    padding-left: 0.5em;
    color: #999;
}

form.form-builder-backend-style .form-element .element-info {
    margin: 0;
    font-size: 0.8em;
    color: #888;
}

/*********************************************************************************************************************/
/* Uploader **********************************************************************************************************/

ul.uploader-files {
    border-top: 1px solid #ccc;
}

ul.uploader-files li {
    background: url(../images/backend/upload-pending.png) no-repeat scroll 0px 8px transparent;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 0 8px 30px;
    margin: 0;
}

ul.uploader-files li.done {
    background-image: url(../images/backend/upload-done.png);
}

ul.uploader-files li.error {
    background-image: url(../images/backend/upload-error.png);
}

ul.uploader-files li span.progressbar {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    clear: right;
    float: right;
    overflow: hidden;
    width: 150px;
    line-height: 0.01em;
    font-size: 0.01;
}

ul.uploader-files li span.progressbar span {
    background-color: #DBDE00;
    display: block;
    height: 2px;
    padding: 0;
    width: 0;
    border-right: 1px solid #aaa;
}

ul.uploader-files li span.status {
    float: right;
    margin: 0 0 3px;
}

ul.uploader-files li span.status a.delete {
    background: url(../images/backend/delete.png) no-repeat 18% 50% transparent;
    padding: 0 0 0 30px;
    color: #777;
    cursor: pointer;
}

ul.uploader-files li .error {
    color: #FF5555;
    display: none;
    padding: 8px 0 0;
}

ul.uploader-files li .edit-description {
    padding: 5px 0 0 0;
}

ul.uploader-files li .edit-description input {
    border: 1px solid transparent;
    color: #999;
    width: 400px;
    padding: 5px 24px 5px 0;
    background: transparent url(../images/backend/edit.png) no-repeat 100% 50%;
    cursor: pointer;
}

ul.uploader-files li .edit-description input.focus {
    border: 1px solid #BBBBBB;
    background: white none;
    cursor: default;
    padding: 5px;
    color: inherit;
    width: 400px !important;
    margin-left: -5px;
}