/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 19 Dec, 2016, 5:53:49 PM
    Author     : mi-fe
*/

/* rate yo */
.jq-ry-container{position:relative;padding:0 5px;line-height:0;display:block;cursor:pointer;box-sizing:content-box}.jq-ry-container[readonly=readonly]{cursor:default}.jq-ry-container>.jq-ry-group-wrapper{position:relative;width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{position:relative;line-height:0;z-index:10;white-space:nowrap}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{display:inline-block}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{width:0;z-index:11;position:absolute;top:0;left:0;overflow:hidden}
/* rate yo */

.fm-radio-wrapper input[type="radio"],.formi-checkbox-bg-wrapper input[type="checkbox"]{
    position: absolute;
    margin: 0;
    padding: 0;
    width: 15px;
    height: 15px;
    font-size: 1em;
    opacity: 0;
    z-index: 100;
    top:1px;
    left: 1px;
    cursor: pointer;
}

.checkboxes input[type=checkbox]:not(old) + label{
    position: relative;
    left: 0;
    top: 0px;
    padding: 0px;
    margin: 0px;
    width: 17px;
    height: 17px;
}
.checkboxes input[type=radio]:not(old) + label{
    position: relative;
    left: 0;
    top: 0px;
    padding: 0px;
    margin: 0px;
    width: 17px;
    height: 17px;
}
.checkboxes input[type=checkbox]:not(old) + label > span,
.choices input[type=radio]:not(old) + label > span{
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #81b1de;
    border-radius: 1px;
    background: rgb(224,224,224);
    background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image: linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-size: cover; background-position: center; background-repeat: no-repeat;
    vertical-align: bottom;
}
.choices input[type=radio]:not(old) + label > span{
    box-shadow: 0px 0px 0px 1px #a0a5aa;
    position: relative;
    top: -3px;
    left: 1px;
    margin: 0px;
    padding: 0px;
    line-height: normal;
    -webkit-filter: grayscale(50%);
            filter: grayscale(50%);
    border-radius: 50%;
    top: 0px;
    left: 0px;
    float: left;
}
.checkboxes input[type=checkbox]:not(old) + label > span{
    box-shadow: 0px 0px 0px 1px #a0a5aa;
    position: relative;
    top: -3px;
    left: 1px;
    margin: 0px;
    padding: 0px;
    line-height: normal;
    -webkit-filter: grayscale(50%);
            filter: grayscale(50%);
    top: 0px;
    left: 0px;
    float: left;
}
.choices input[type=radio]:not(old):checked + label > span{
    background: #528fcc;
    box-shadow: 0px 0px 0px 1px #0080ff;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    position: relative;
    filter: grayscale(0%)!important;
    background-size: cover; background-position: center; background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    float: left;
}
.checkboxes input[type=checkbox]:not(old):checked + label > span{
    background: #528fcc;
    box-shadow: 0px 0px 0px 1px #0080ff;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%)!important;
    position: relative;
    background-size: cover; background-position: center; background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    float: left;
}
.formi-checkbox-bg-wrapper input[type=checkbox]:not(old):checked + label > span:before{
    content: '✓';
    display: block;
    width: 100%;
    color: #fff;
    font-size: 15px;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115,153,77);
    font-weight: bold;
    height: inherit;
    margin-top: 0px;
    margin-left: 8px;
    line-height: 13px;
}
.formi-checkbox-bg-wrapper input[type="checkbox"]:checked:not(old) + label > span.fm-check-bgimg::before{
    display:none;
}
.fm-radio-img-wrapper {
    text-align:  center;
    overflow: hidden;
    /*    margin-bottom: 5px;
        min-height: 1px;
    margin-left: 20px;*/
}

.fm-radio-wrapper{
    float: left;
    width: auto;
    position: relative;
    margin-left: 10px;
    margin-top: 4px;
}
.formi-checkbox-bg-wrapper{
    float: left;
    width: auto;
    position: relative;
    margin-left: 10px;
    margin-top: 4px;
}
.fm-radio-text-wrapper{
    float: left;
    position: relative;
    margin-top: 3px;
    margin-left: 10px;
    width: auto;
    line-height: 16px;
}
.fm-radio-text-wrapper>.fm-radio-heading{
    float:left;
    width:100%;
}
.fm-radio-text-wrapper>.fm-radio-sub-heading{
    float:left;
    width:100%;
    font-size: 0.8em;
    margin-top: 5px;
}

.fm-option-bg{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.radio, .checkbox {
    margin-left: 10px;
    float: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    margin-top: 10px;
}
.fm-radio-text-wrapper span{
    display: list-item;
    list-style-type: none;
}

.right-col #sortable-elements .form-element{
    float: left;
    width: 98%;
    margin: 10px 0px;
}

/* checkbox setting start */
.fm-bg-img-ctrl-wraper {
    float: left;
    width: 100%;
}
.fm-img-ctrl-wraper{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.fm-img-ctrl-wraper input[type='text'].fm-ctrl-img{
    float: left;
}
.fm-radio-wraper .formi-text-edit.one-column {
    width: 78% ! important;
    float: right;
    margin-top: 0px;
}
.fm-radio-wraper  .formi-text-edit.two-column {
    display: inline-block;
    width: 46% !important;
    margin-right: 4%;
    margin-top: 10px;
    float: left;
}
.fm-bg-img-ctrl-wraper  .formi-text-edit.two-column {
    display: inline-block;
    width: 46% !important;
    margin-right: 4%;
    margin-top: 10px;
    float: left;
}
.fm-img-ctrl-wraper  .formi-text-edit.two-column {
    display: inline-block;
    width: 46% !important;
    margin-right: 4%;
    margin-top: 10px;
    float: left;
}
.fm-radio-wraper>label>input{
    position: relative;
    top: 7px;
    left: 12px;
}
.fm-option-ctrl>button.button{
    float: left;
    margin-left: 5px;
    width: 31px;
    height: 31px;
    margin-top: 4px;
}
/* checkbox setting end */

/* dropdown setting Start*/
.formi-field-wrapper>select{
    width:100%;
}

.fm-dropdown-wrap .formi-text-edit.one-column {
    width: 73% ! important;
    float: right;
    margin-top: 0px;
}
.fm-dropdown-wrap{
    float: left;
    width: 100%;
    margin: 0px ! important;
}
.radio.fm-dropdown-wrap>label{
    float:left;
}
.fm-dropdown-wrap>label>input{
    margin-top: 12px;
}
.fm-dropdown-wrap>.fm-option-ctrl{
    width: initial;
    margin-top: 0px;
}
#field-bulk-option .field-option textarea{
    width: 100%;
    float: left;
}
#field-bulk-option .field-option select{
    color: #000;
    width: 50%;
}
#field-bulk-option .field-option{
    float:left;
    width: 100%;
    margin: 10px 0px;
}
#bulk-option{
    width:100%;
}
/* dropdown setting end*/

.left-col .section{
    width:100%;
    float: left;
}
.left-col .choice{
    float: left;
    width:100%;
}


.add-choice{
    float: left;
    width: 25px;
    height: 25px;
}
.remove-choice{
    float: left;
    width: 25px;
    height: 25px;
    margin-left: 2px;
}

.fm-option-ctrl{
    float: left;
    width: 100%;
    margin-top: 10px;
}

#formiImageCtrlSett>div>span{
    width:50%;
    float: left;
    position: relative;
}
#formiImageCtrlSett>div>span>input{
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.left-col .fm-dropdown-wrap input[type='text'] {
    float: left;
    margin-right: 10px;
}
.left-col .fm-dropdown-wrap label {
    float: left;
}

.fm-pg-br{
    width:100%;
}
.fm-pg-br label{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 0px;
}

.fm-pg-br .fa-arrow-left{
    margin-right: 30px;
}

.fm-pg-br .fa-arrow-right{
    margin-left: 30px;
}

/*   thumb rating  */
.fm-thumb-rating .formi-thumb-down{
    margin-left: 5%;
}

.fm-thumb-rating .formi-thumb-up{
    margin-right: 5%;
}

.fm-thumb-rating>div {
    display: inline-block;
    font-size: 49px;
    vertical-align: top;
    text-align: center;
    width: 45%;
    color: #666666;
    position: relative;
}

.fm-thumb-rating div input[type="radio"] {
  cursor: pointer;
  height: 1em;
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 45%;
  z-index: 9;
}
.fm-thumb-rating input + i {
    transform: translate3d(0px, 0px, 0px) scale(1);
    -webkit-transition:-webkit-transform 0.2s ease 0s;
    transition:-webkit-transform 0.2s ease 0s;
    transition:transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px) scale(1);
    -webkit-transition: transform 0.2s ease 0s;
    line-height: 1.2;
}
.fm-thumb-rating input:checked + i.fa-thumbs-o-up {
    color: #00ff00;
    transform: translate3d(0px, 0px, 0px) scale(1.1);
    -webkit-transform: translate3d(0px, 0px, 0px) scale(1.1);
}
.fm-thumb-rating input:checked + i.fa-thumbs-o-down {
    color: #ff0000;
    transform: translate3d(0px, 0px, 0px) scale(1.1);
    -webkit-transform: translate3d(0px, 0px, 0px) scale(1.1);
}
/*   thumb rating  */

/*   thumb rating  setting*/
#fmThumbVal span{
    float: left;
    margin-right: 5%;
    position: relative;
}

#fmThumbVal span>i{
    position: relative;
    top: 26px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    left: 5px;
}
#fmThumbVal .formi-text-edit{
    margin-top: 0px;
}
/*   thumb rating  setting*/


/* Star Rating  Start */

/*!
 * bootstrap-star-rating v4.0.2
 * http://plugins.krajee.com/star-rating
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2016, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-star-rating/blob/master/LICENSE.md
 */
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0;
    color: #fff;
    background: transparent url('../img/loading.gif') top left no-repeat;
    border: none;
}

.fm-star-rating{
    float: left;
    width: 97%;
    position: relative;
}
/*
 * Stars
 */
.rating-container .rating {
    cursor: default;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    height: 40px;
}

.rating-disabled .rating {
    cursor: not-allowed;
}

.rating-container .star {
    display: inline-block;
    margin: 0 3px;
    text-align: center;
}

.rating-container .empty-stars {
    width: 100%;
    font-size: 26px;
    height: 40px;
    float: left;
}

.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #fde16d;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-stroke: 1px #777;
    text-shadow: 1px 1px #999;
    font-size: 26px;
    height: 40px;
    float: left;
}

.rating-rtl {
    float: right;
}

.rating-animate .filled-stars {
    transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
}

.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
}

.rating-rtl.is-star .filled-stars {
    right: 0.06em;
}

.rating-rtl.is-heart .empty-stars {
    margin-right: 0.07em;
}

/**
 * Sizes
 */
.rating-xl {
    font-size: 4.89em;
}

.rating-lg {
    font-size: 3.91em;
}

.rating-md {
    font-size: 3.13em;
}

.rating-sm {
    font-size: 2.5em;
}

.rating-xs {
    font-size: 2em;
}

.rating-xl {
    font-size: 4.89em;
}

/**
 * Clear
 */
.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.rating-container .clear-rating {
    padding-right: 5px;
    display: none;
}

/**
 * Caption
 */
.rating-container .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
    margin-top: -0.6em;
}

.rating-container .caption {
/*    width: 100px;
    float: left;
    font-size: 11px;
    text-align: center;
    color: #fff;
    background: #72777c;
    padding: 8px 0px;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 15px;
    margin-top: -3px;*/
    display: none;
}

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0;
}

.rating-container{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 5px;
}
/**
 * Print
 */
@media print {
    .rating-container .clear-rating {
        display: none;
    }
}

/* Star Rating  End */

/*   star rating  setting*/
#fmStarMinMax span{
    float: left;
    margin-right: 10px;
}
#fmStarMinMax span>input{
    padding-left: 140px;
}

#fmStarVal span{
    float: left;
    margin-right: 5%;
}
/*   star rating  setting*/

/*  choice-matrix */
.choice-matrix .choice.checkbox
{
    width:100%;
    margin:10px 10px 10px 0px
}
.choice-matrix>ul{
    float:left;
    margin: 0px;
    width: 100%;
}
.choice-matrix>ul>li{
    float: left;
    padding: 10px;
    margin-bottom: 0px;
    text-align: center;
}
/*  choice-matrix */


/* time picker */
.ti_tx,
.mi_tx,
.mer_tx {
    width: 100%;
    text-align: center;
    margin: 2px 0;
}

.time,
.mins,
.meridian {
    width: 60px;
    float: left;
    margin: 0 10px;
    font-size: 20px;
    color: #2d2e2e;
    font-family: arial;
    font-weight: 700;
}

.prev,
.next {
    cursor: pointer;
    padding: 10px 20px;
    width: 28%;
    border: 1px solid #ccc;
    margin: auto;
    background: url(images/arrow.png) no-repeat;
    border-radius: 5px;
}

.prev:hover,
.next:hover {
    background-color: #ccc;
}

.next {
    background-position: 50% 105%;
}

.prev {
    background-position: 50% -11%;
}

.time_pick {
    position: relative;
}

.timepicker_wrap {
    padding: 5px;
    border-radius: 5px;
    z-index: 998;
    display: none;
    box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35);
    background: #f6f6f6;
    border: 1px solid #ccc;
    float: left;
    position: absolute;
    top: 27px;
    left: 0;
}

.arrow_top {
    position: absolute;
    top: -10px;
    left: 20px;
    background: url(images/top_arr.png) no-repeat;
    width: 18px;
    height: 10px;
    z-index: 999;
}
input.timepicki-input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    float: none;
    margin: 0;
    text-align: center;
    width: 70%;
}
a.reset_time {
    float: left;
    margin-top: 5px;
    color: #000;
}
/* time picker */

/* time picker setting */
#formiTimeValSett span{
    float: left;
    position: relative;
    margin-bottom: 5px;
    margin-right: 10px;
}
.fm-time-ctrl .formi-text-edit>span>input{
    padding-left: 140px;
}
#formiTimeValSett .two-column{
    margin-top:0px;
}
/* time picker setting */

/* field Label*/
.formi-text-edit{
    margin-top: 30px;
}

.formi-text-edit.one-column {
    display: inline-block;
    width: 95% !important;
}

.formi-text-edit.two-column {
    display: inline-block;
    width: 46% !important;
    position: relative;
    margin-right: 2%;
}

/*.formi-para-edit.one-column {
    display: inline-block;
    width: 95% !important;
}*/

.formi-para-edit.two-column {
    display: inline-block;
    width: 46% !important;
}

.form-element .formi-field-label{
    /*float: left;
    width:100%;
    z-index:1;
    transition: all .3s ease-in-out;
    text-indent: 1px;
    padding-left: 0px;*/
}
/* field Label*/

/* field description*/
/*.formi-para-edit{
    display: inline-block;
    width: 100% !important;
    float: left;
    position: relative;
    margin-top: 30px;
}*/
.formi-para-edit textarea {
    display: inline-block;
    height: 100px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 10px 10px 10px 100px;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    color: #000;
}

.formi-para-edit textarea + label {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    color: white;
    border-radius: 3px 0 0 3px;
    padding: 0 10px;
    background: #E03616;
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.formi-para-edit textarea:focus {
    padding: 10px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.formi-para-edit textarea:focus + label {
    -webkit-transform: translateY(-120%) translateX(0%);
    transform: translateY(-120%) translateX(0%);
    border-radius: 3px;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
/* field description*/


/* icon before setting*/
#icon_before_wrapper,#icon_after_wrapper{
    background-color: #fafafa;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    color: #656565;
    left: 0;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 215px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    height: 0;
    overflow-y: auto;
    z-index: 99;
}

#icon_before_wrapper i,#icon_after_wrapper i{
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    padding: 5px 0;
    text-align: center;
    vertical-align: top;
    width: 33px;
}
/* icon before after setting*/



/* icon before after*/
.response-field .section{
    margin: 0px 0px 10px 0px;
    float: left;
    width: 100%;
}

.formi-icon-after{
    top: 5px;
    right: 8px;
    z-index:1;
    font-size: 25px;
    position: absolute;
}
.formi-icon-before{
    top: 5px;
    left: 8px;
    z-index:1;
    font-size: 25px;
    position: absolute;
}
/* icon before after*/

/* paragraph */
.formi-field-wrapper textarea{
    width:100%;
}

/* paragraph */

input.formi-input {
    width:100%;
}

/* number */
.formi-field-wrapper input[type=number] {
    height:40px;
}
/* number */

/*  date Picker     */
#formiDateWrapSett{
    position: relative;
    float: left;
    width: 100%;
}
.two-column select{
    width: 100%;
    color: #000;
    min-height: 40px;
    margin-top: 5px;
    border-radius: 4px
}
#formiDateWrapSett .formi-text-edit.two-column{
    margin-right: 2%;
    float: left;
}
.ui-datepicker{
    z-index: 999 !important;
}
/*  date Picker     */


/* formi-element-container */
.formi-modal-content {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
}
.formi-effect.formi-show{
    float: left;
    width: 100%;
    position: relative;
}
/* formi-element-container */

/* formi-setting-container */
#formiReqValSett,#formiAllowSpacSett,#formiShowCharCountSett,#formiAutoResponderSett{
    margin-top: 25px;
    margin-bottom: 20px;
}

#formiCloseSettingTab{
    z-index: 1;
}
.formi-tab-pane .fomi-tab{
    display: none;
}
.formi-tab-pane>div.formi-show{
    display: block;
}
/*.fitinleft {
    padding: 0px 10px;
}*/
.section.two-column{
    display: inline-block;
    width: 50% !important;
    position: relative;
}
/* formi-setting-container */

/*  formi-styling */
.formi-styling-block {
    width:100%;
    float:left;
}
.formi-styling-block>.balloon{
    background: #928787;
    margin-right: 2%;
    width: 48%;
    height: 40px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 0px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #b3a1a1;
    cursor: pointer;
}
.formi-styling-block select{
    background: #928787;
    margin-right: 2%;
    width: 48%;
    height: 40px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 0px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #b3a1a1;
    padding-left: 8px;
}
.formi-styling-block textarea{
    background: #928787;
    margin-right: 2%;
    width: 98%;
    height: 80px;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #b3a1a1;
    padding-left: 8px;
}
.formi-styling-block>ul>li>.formi-select-label{
    margin-right: 2%;
    width: 48%;
    height: 40px;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 8px;
    text-indent: 0px;
}
.formi-styling-block .wp-picker-container{
    float: right;
    margin-top: 8px;
}
.formi-styling-block >ul>li{
    float: left;
    width: 100%;
    position: relative;
}
.formi-custom-color .formi-text-edit:nth-child(2) {
    margin-left: 5px;
    width:48%!important;
    margin-bottom: 10px;
}
.formi-styling-block .formi-bg-palette{
    width: 31%;
    margin-right: 2%;
    float: left;
}
.formi-styling-block .formi-bg-palette>img {
    width: 100%;
    height: 80px;
}
.formi-color-palettes{
    float: left;
    width:100%;
    position: relative;
}
.formi-color-palettes>.formi-color-palette{
    width: 23%;
    margin-right: 2%;
    float: left;
    height: 80px;
}
/*  formi-styling */


/* formi-placeholder */
.formi-align-right::-webkit-input-placeholder {
    text-align: right;
}

.formi-align-right::-moz-placeholder {
    text-align: right;
}

.formi-align-right:-ms-input-placeholder {
    text-align: right;
}

.formi-align-left::-webkit-input-placeholder {
    text-align: left;
}

.formi-align-left::-moz-placeholder {
    text-align: left;
}

.formi-align-left:-ms-input-placeholder {
    text-align: left;
}

.formi-align-center::-webkit-input-placeholder {
    text-align: center;
}

.formi-align-center::-moz-placeholder {
    text-align: center;
}

.formi-align-center:-ms-input-placeholder {
    text-align: center;
}
/* formi-placeholder */

/* formi-submit */
.formi-submit{
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    border-style: solid;
    border-color: transparent;
}
/* formi-submit */

/*      temp     */
.fitincenter{
    min-height: 200px;
}
.formi-element-setting label{
    text-indent: 0px;
}
.form-group>label{
    padding-left: 0px;
}
.margin-lb-1{
    margin-bottom: 1.5rem ! important ;
    margin-left: 1rem ! important;
}

/*.formi-field-label>span{
    display: inline-block;
    width: auto;
    position: relative;
    margin-right: 2px;
}*/
.topcorner{
    z-index:100;
}
/*.one-column {
    display: inline-block;
    width: 95% !important;
}*/
.one-column>label{
    padding-left: 0px;
}
.checkbox>label{

}
.description {
    font-size: 0.85rem;
    width: 100%;
    /*float: left;*/
}

hr.formi-hr
{
        border-top: 1px solid #000;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content
{
    overflow: visible !important;
}
/*      temp     */