.ui-form{
    position:relative;
    display:flex;
    flex-wrap:wrap;
}
.ui-form.column .ui-input{
    flex:1 1 auto;
    min-width:20%;
}
.ui-form.no-margin .ui-input{
    margin:0;
}
.ui-input{
    position:relative;
    margin:10px;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    align-items:center;
}
.ui-input input:focus{
    border:1px solid var(--action-element);
}
.ui-input textarea:focus{
    border:1px solid var(--action-element);
}
.ui-input .marker{
    position:Relative;
    width:40px;
    height:40px;
    background:rgba(0,0,0,0.1);
    display:flex;
    align-items:Center;
    justify-content:Center;
    font-size:25px;
    float:Left;
    font-family: "Font Awesome 5 Pro";
    color:var(--block-dark-title);
}
.ui-input input, select, textarea{
    height:40px;
    padding:5px;
    box-sizing:border-box;
    position:relative;
    display:inline-block;
    float:Left;
    width:100%;
    border:1px solid rgba(0,0,0,0.1);
    transition:0.3s;
}
.ui-input textarea{
    height:100px;
}
.ui-input > .marker + input, .marker + select{
    width:calc(100% - 40px);
}
.ui-input > .marker + .marker + input[widget="media"]{
    width:calc(100% - 80px);
}
.ui-input > .marker + input[widget="media"]{
    width:calc(100% - 40px);
}
.ui-input .label{
    position: relative;
    width: 100%;
    font-size: 12px;
    color: #999;
    margin: 0 0 10px 0;
    flex-basis: 100%;
}
.ui-full-width{
    width:100%;
    min-width:100%;
    flex-grow:3;
}
.ui-no-margin{
    margin:0 !important;
}
.ui-select-all{
    user-select: all;
}
.ui-button{
    position:relative;
    display:inline-block;
    padding:15px 20px 15px 20px;
    background:rgba(0,0,0,0.1);
    font-size:14px;
    margin:10px;
    cursor:pointer;
    transition:0.1s;
    border-radius:2px;
    text-align:center;
    box-sizing:border-box;
    min-width:150px;
}
.ui-button:hover{
    box-shadow:0 1px 2px 1px rgba(0,0,0,0.6);
}
.ui-button.save{
    color:White;
    background:var(--action-element);
}
.ui-button.save:before {
    font-family: "Font Awesome 5 Pro";
    margin: 0 5px 0 0;
    content: "\f0c7";
}
.ui-button.add{
    color:White;
    background:var(--action-element);
}
.ui-button.add:before {
    font-family: "Font Awesome 5 Pro";
    margin: 0 5px 0 0;
    content: "\f067";
}
.ui-alert-block{
    position:relative;
    background: var(--error-data);
    color: white;
    padding: 10px;
    font-size: 12px;
    box-sizing: border-box;
    display:inline-block;
    border-radius:3px;
}
.ui-info-block{
    position:relative;
    background: var(--info-element);
    color: white;
    padding: 10px;
    font-size: 12px;
    box-sizing: border-box;
    display:inline-block;
    border-radius:3px;
}
.ui-info-block:before{
    font-family: "Font Awesome 5 Pro";
    margin: 0 5px 0 0;
    content: "\f129";
    font-size:16px;
}
.ui-toolbar{
    position:Relative;
    display:flex;
    align-items:center;
    width:auto;
    flex-wrap:wrap;
}
.ui-toolbar.absolute-center{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.ui-toolbar.relative-center{
    width:100%;
    height:100%;
}
.ui-toolbar .button{
    position:Relative;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center; 
    cursor:pointer;
    color:white;
    font-family: "Font Awesome 5 Pro";
    font-size:20px;
    background:rgba(0,0,0,0.03);
    transition:0.1s;
}
.ui-toolbar .button:hover{
    background:rgba(0,0,0,0.06);
}
.ui-toolbar .button.edit i:before{
    content:'\f044';
    color:var(--edit-element);
}
.ui-toolbar .button.delete i:before{
    content:'\f1f8';
    color:var(--delete-element);
}
.ui-toolbar .button.add i:before{
    content:'\f067';
    color:var(--action-element);
}
.ui-toolbar .button.check i:before{
    content:'\f00c';
    color:var(--accept-green);
}
.ui-toolbar .button.action-end i:before{
    content:'\f274';
    color:var(--accept-green);
}
.ui-toolbar .button.settings i:before{
    content:'\f013';
    color:#688491;
}
.ui-toolbar .button.info i:before{
    content:'\f129';
    color:#688491;
}
.ui-toolbar .button.filter i:before{
    content:'\f0b0';
    color:#688491;
}
.ui-toolbar .button.hidden i:before{
    content:'\f070';
    color:#999999;
}
.ui-toolbar .button.review i:before{
    content:'\f06e';
    color:#3664a1;
}
.ui-toolbar .button.sortable i:before{
    content:'\f0dc';
    color:#3664a1;
}
.ui-toolbar .button.map i:before{
    content:'\f279';
    color:#3664a1;
}
.ui-toolbar .button.specification i:before{
    content:'\f0a3';
    color:#3664a1;
}
.ui-toolbar .button.file-code i:before{
    content:'\f1c9';
    color:#3664a1;
}
.ui-toolbar .button.report i:before{
    content:'\f080';
    color:#3664a1;
}
.ui-table{
    position:relative;
    width:100%;
    background:white;
    box-sizing:border-box;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
.ui-table thead{
    background:rgba(0,0,0,0.05);
    text-align:left;
}
.ui-table thead th{
    padding:20px 10px 20px 10px;
}
.ui-table tbody td{
    padding:10px 10px 10px 10px;
    border-left:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
}
.ui-marker-line{
    position:relative;
    padding:0 0 0 23px;
    margin:5px 0 5px 0;
}
.ui-marker-line.phone:before{
    font-family: "Font Awesome 5 Pro";
    content:'\f095';
    position:absolute;
    top:0;
    left:0;
}
.ui-marker-line.email:before{
    font-family: "Font Awesome 5 Pro";
    content:'\f0e0';
    position:absolute;
    top:0;
    left:0;
}
.ui-close-icon{
    position:absolute;
    z-index:9;
    top:10px;
    right:10px;
    color:var(--action-element);
    font-size:20px;
    padding:10px;
    cursor:pointer;
    transition:0.1s;
    font-family: "Font Awesome 5 Pro";
}
.ui-close-icon:before{
    content:'\f00d';
}
.ui-option-text{
    position:relative;
    font-size:14px;
    cursor:pointer;
    transition:0.1s;
    margin:10px 0 10px 0;
}
.ui-option-text:before{
    content:'\f0ad';
    font-family: "Font Awesome 5 Pro";
    margin:0 5px 0 0;
    font-size:16px;
}
.ui-option-text:hover{
    text-decoration:underline;
}