.modal-form {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
z-index: 90000;
display: none
}
.modal-form-active {
display: block
}
.modal-form-btnbar {
display: flex;
justify-content: space-between;
align-items: center
}
.modal-form .form-inputs {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px
}
.modal-form .form-inputs input {
flex: 1 0 90%;
max-width: 90%
}
.modal-form .modal-form-wrapper {
width: 80%;
height: 90%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #fff;
display: flex;
flex-flow: column nowrap;
z-index: 100000;
padding: 20px
}
.modal-form .modal-form-wrapper .modal-form-content {
flex: 1 1 100%;
color: #333;
display: flex;
flex-flow: column nowrap
}
.modal-form .modal-form-wrapper .modal-form-content .form-title {
margin: 0 0 20px;
font-size: 20px;
line-height: 22px
}
.modal-form .modal-form-wrapper .modal-form-content .form-choose {
flex: 1 0 auto;
overflow: auto;
position: relative
}
.modal-form .modal-form-wrapper .modal-form-content .form-choose .form-get-list {
position: absolute;
height: 100%;
width: 100%;
padding-left: 10px
}
.modal-form .modal-form-wrapper .modal-form-content .form-choose .form-get-list .post-item {
padding: 4px
}
.modal-form .modal-form-wrapper .modal-form-content .form-choose .form-get-list .post-item:not(:first-child) {
border-top: 1px dotted #cac9ca
}