@import url("default.css");

html, body {
    height: 100%;
    margin: 0;
    font-size: 16px;
    font-family: 'PT Sans',Tahoma;
    background-color: rgb(239, 248, 247);
}
/*
 * login-screen
 */
.background{display:block;margin:0;position:absolute;top:0;bottom:0;width:100%}


/*
 * main-layout
 */
#wrap {position:relative; width:600px; margin: 0 auto;}
header{margin:10px 0}
img{margin:0 auto;display:block}
p{text-align:justify;padding:10px}
button {
    padding: 4px !important;
    font-size: 16px !important;
}
footer{margin-top:30px}
.row {
    display: flex;
    justify-content: center;
}
.col {
    flex: 33%;
}
#left,
#right {
    margin: 40px 30px;
}
#left img,
#right img {
    margin-bottom: 25px;
}
#info-registration,
#form-registration {
    position: relative;
    border: #1da492 solid 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #e08800 !important;
    padding: 10px;
    padding-top: 40px;
    margin-top: 20px;
    background-color: #fff;
}
#info-registration .section-title,
#form-registration .section-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #e08800;
    color: #fff;
    letter-spacing:4px;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
}
#form-registration .section-header {
    font-size: 18px;
    letter-spacing: 1.2px;
    margin: 25px 20px 0 20px;
}
#info-registration .section-text {
    margin: 17px 20px;
}
#form-registration .section-note {
    margin: 17px 20px;
}
.section-info {
    position: relative;
    display: block;
    min-height: 20px;
    margin-left: 15px;
}
.win-info-header {
    background-color: #1da492;
    color: #fff;
}
.webix_dtable {
    margin-left: 10px;
}
.bold {
    font-weight: bold;
}
.right {
    text-align: right;
}
#section-summary-persons, 
#section-summary-invoice {
    margin: 5px 20px;
    border-top: #e1e1e1 solid 1px;
    border-bottom: #e1e1e1 solid 1px;
    padding: 3px 10px;
}
.section-summary-person-header {

}
.section-summary-person-content {
    padding-left: 20px;
}
/*
 * mobile
 */
@media only screen and (max-width: 600px) {
    #wrap {
        width: 100%;
    }
    #form-registration {
        border:0px;
        width: 95%;
    }
}


/*
 * webix-restyle
 */
.webix_el_colorpicker input, .webix_el_combo input, .webix_el_datepicker input, .webix_el_search input, .webix_el_text input,
.webix_el_colorpicker .webix_inp_static, .webix_el_datepicker .webix_inp_static, .webix_el_dbldatepicker .webix_inp_static, .webix_el_richselect .webix_inp_static,
.webix_el_colorpicker span.webix_input_icon, .webix_el_combo span.webix_input_icon, .webix_el_datepicker span.webix_input_icon, .webix_el_dbldatepicker span.webix_input_icon, .webix_el_richselect span.webix_input_icon,
.webix_el_button button, .webix_el_button input, .webix_el_toggle button, .webix_el_toggle input, .webixbutton,
.webix_custom_checkbox, .webix_el_textarea textarea, .webix_el_select select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.webix_el_select select {
    font-size: 16px;
    padding-left: 5px;
}

.webix_custom_checkbox {
    height: 16px;
    width: 16px;
}

.webix_popup_button div {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 6px;
    padding-left: 6px;
    padding-right: 6px;
}

.webix_layout_toolbar button {
    color: transparent !important;
    border: 0 !important;
    background: url('../img/ico-close.png') no-repeat;
    background-position: 50% 50%;
}

.webix_multilist .webix_selected {
    background-color: #e1e1e1 !important
}