﻿/****************************************************************************************
	iOS styled popup (tab part) - 48px - padding 11px
****************************************************************************************/
.popup-form-tab-container {
    width: 1070px;
    height: 45px;
    border-bottom: 1px solid #C8C7CC;

    display: table;

    box-sizing: border-box;
}

.popup-form-tab-container .popup-form-tab-item {
    margin-top: 5px;
    height: 45px;

    display: table-cell;

    border-bottom: 2px solid #1E89FF;
    border-left: 1px solid #C8C7CC;

    box-sizing: border-box;
}

.popup-form-tab-container .popup-form-tab-item:first-child {
    border-left: 0;
}

.popup-form-tab-container .popup-form-tab-item.valid {
    border-color: #4CD964;
}

.popup-form-tab-container .popup-form-tab-item.invalid {
    border-color: #FF3B30;
}

.popup-form-tab-content-container {
    display: none;
}

.popup-form-tab-content-container.active {
    display: block;
}

.popup-form-tab-container .popup-form-tab-item.default {
    background: url('Images/ios-tab-default.png') center center no-repeat;
}

.popup-form-tab-container .popup-form-tab-item.company {
    background: url('Images/ios-tab-company.png') center center no-repeat;
}

.popup-form-tab-container .popup-form-tab-item.identity {
    background: url('Images/ios-tab-identity.png') center center no-repeat;
}

.popup-form-tab-container .popup-form-tab-item.address {
    background: url('Images/ios-tab-address.png') center center no-repeat;
}

.popup-form-tab-container .popup-form-tab-item.phone {
    background: url('Images/ios-tab-phone.png') center center no-repeat;
}

.popup-form-tab-container .popup-form-tab-item.coworker {
    background: url('Images/ios-tab-coworker.png') center center no-repeat;
}

.popup-form-tab-container .popup-form-tab-item.training {
    background: url('Images/ios-tab-identity.png') center center no-repeat;
}


.popup-form-tab-container .popup-form-tab-item.password {
    background: url('Images/ios-tab-password.png') center center no-repeat;
}

/****************************************************************************************
	iOS styled popup
****************************************************************************************/
.popup-form-default-block input, .popup-form-default-block textarea, .popup-form-default-block select,
.popup-form-list-block input, .popup-form-list-block textarea, .popup-form-list-block select {
   -webkit-appearance: none;
    color: #000;
}

#popup-window-window-wrapper .popup-form-error-list {
    width: 1045px;
    box-sizing: border-box;
    
    text-shadow: none;

    margin-bottom: 25px;

	background: #F9D3D1;
    border-left: 5px double #FD3A2D;

    display: none;
}

#popup-window-window-wrapper .popup-form-error-list.warning {
	background: #F9EEDB;
	border-left: 5px double #FDB02D;
    display: block;
}

#popup-window-window-wrapper .popup-form-error-list .title {
    margin: 5px 0 0 20px;
    padding-top: 5px;
}

#popup-window-window-wrapper .popup-form-error-list .errors {
    padding: 20px 10px 20px 10px;
    margin-left: 10px;
    list-style-type: none;
}

#popup-window-window-wrapper .key-value-list-buttons input[type="submit"] {
    display: none !important;
}

#popup-window-window-wrapper .key-value-list-buttons .delete-button {
    background-color: #FD3A2D;
    color: white;
    text-align: center;

    overflow: hidden;

    width: 1045px;
    height: 50px;
}

#popup-window-window-wrapper .key-value-list-buttons .delete-button span {
    display: block;
    padding-top: 15px;
}

#popup-window-window-wrapper .key-value-list-buttons .delete-button .delete-first {
    width: 1045px;
    height: 50px;

    -webkit-transition: margin .3s linear;
	-moz-transition: margin .3s linear;
	-o-transition: margin .3s linear;
	-ms-transition: margin .3s linear;
	transition: margin .3s linear;
}

#popup-window-window-wrapper .key-value-list-buttons .delete-button .delete-first.confirm {
    margin-top: -50px;
}

#popup-window-window-wrapper .key-value-list-buttons .delete-button .delete-second {
    width: 1045px;
    height: 50px;
}

.popup-form-default-block {
    width: 1025px;
    margin: 10px 0 45px 45px;
    overflow-x: hidden;

    font-family: Helvetica,Arial,sans-serif;

    color: #000;
}

.popup-form-default-block .jqte {
    max-width: 965px !important; /*jQuery text editor*/
}

.popup-form-default-block .contractData {
    width: 250px !important;
}

.popup-form-default-block .popup-form-row {
    width: 500px;
    height: 60px;

    float: left;

    border-bottom: 1px solid #C8C7CC;

    position: relative;

    margin-bottom: 5px;
}

.popup-form-default-block .popup-form-row.full-width {
    width: 1000px;
}

.popup-form-default-block .popup-form-row.tall {
    height: 90px;
}

.popup-form-default-block .popup-form-row.checkbox {
    height: auto;
}

.popup-form-default-block .popup-form-row.textarea {
    height: 126px;
}

.popup-form-default-block .popup-form-row.textarea-doubleheight {
    height: 258px;
}

/* Valamiért nem működik, de elegem van belőle...
.popup-form-default-block .popup-form-row:not(.hidden):nth-child(even) .popup-form-row-border {
    display: none;
}
*/

.popup-form-default-block .popup-form-row .popup-form-row-border {
    position: absolute;
    right: 0;
    top: 0;

    width: 1px;
    height: 60px;

    background: #c8c7cc; /* Old browsers */
    background: -moz-linear-gradient(top,  #c8c7cc 5%, #c8c7cc 35%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#c8c7cc), color-stop(35%,#c8c7cc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c8c7cc 5%,#c8c7cc 35%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c8c7cc 5%,#c8c7cc 35%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c8c7cc 5%,#c8c7cc 35%); /* IE10+ */
    background: linear-gradient(to bottom,  #c8c7cc 5%,#c8c7cc 35%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c7cc', endColorstr='#c8c7cc',GradientType=0 ); /* IE6-9 */
}

.popup-form-default-block .popup-form-row.textarea .popup-form-row-border {
    height: 126px;
}

.popup-form-default-block .popup-form-row.textarea-doubleheight .popup-form-row-border {
    height: 258px;
}

.popup-form-default-block .popup-form-row.checkbox .popup-form-row-border {
    height: 100%;
}

.popup-form-default-block .popup-form-row label {
    color: #009DE0;
    font-size: 15px;
    text-shadow: none;

    display: block;
    margin: 5px 0 0 15px;
}

.popup-form-default-block .popup-form-row.checkbox label {
    float: left;
    margin-top: 8px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 380px;
}

.popup-form-default-block .popup-form-row.checkbox .control {
    float: right;
    margin: 0 20px 5px 5px;
}

.popup-form-default-block .popup-form-row span.data {
    margin: 5px 0 0 10px;
    height: 25px;
    width: 95%;
    box-sizing: border-box;
    padding: 4px;
    display: block;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popup-form-default-block .popup-form-row input[type="text"],
.popup-form-default-block .popup-form-row input[type="file"],
.popup-form-default-block .popup-form-row input[type="password"],
.popup-form-default-block .popup-form-row input[type="date"],
.popup-form-default-block .popup-form-row input[type="datetime-local"] {
    margin: 5px 0 0 10px;

    height: 27px;
    width: 95%;
    box-sizing: border-box;

    padding: 4px;
}

.popup-form-default-block .popup-form-row textarea {
    resize: none;
    
    margin: 5px 0 0 10px;

    height: 90px;
    width: 95%;
    box-sizing: border-box;

    padding: 4px;
}

.popup-form-default-block .popup-form-row.textarea-doubleheight textarea {
    height: 222px;
}

.popup-form-default-block .popup-form-row input.shorter {
    width: 80%;
}

.popup-form-default-block .popup-form-row input[type="button"] {
    width: 24px;
    height: 24px;

    float: right;

    background: #4CD964;

    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;

    font-size: 18px;
    text-align: center;
    color: white;

    border: 0;

    margin: 5px 13px 0 0;
}

.popup-form-default-block .popup-form-row input[type="button"].person {
    background: #4CD964 url("Images/ios7-input-person.png") no-repeat center center !important;
}

.popup-form-default-block .popup-form-row input[type="button"].company {
    background: #4CD964 url("Images/ios7-input-company.png") no-repeat center center !important;
}

.popup-form-default-block .popup-form-row input[type="button"].edit {
    background: #1E89FF url("Images/ios7-input-edit.png") no-repeat center center !important;
}

.popup-form-default-block .popup-form-row input[type="checkbox"].ios-switch,
.popup-form-list-block .popup-form-list-row input[type="checkbox"].ios-switch {
    width: 75px;
    height: 30px;
}

.popup-form-default-block .popup-form-row input[type="checkbox"].bigswitch.ios-switch + div,
.popup-form-list-block .popup-form-list-row input[type="checkbox"].bigswitch.ios-switch + div {
    margin: 5px 0 0 10px;
}

.popup-form-default-block .popup-form-row input[type="text"].search {
    background: #E7E7E7 url("Images/ios7-input-search.png") no-repeat center right 10px !important;
    box-sizing: border-box;
    padding-right: 35px;
}

.popup-form-default-block .popup-form-row select {
    margin: 5px 0 0 10px;

    -webkit-appearance: none;
    -moz-appearance: none;
    background: #E7E7E7 url("Images/ios7-input-next.png") no-repeat center right 10px !important;

    height: 25px;
    width: 95%;
    box-sizing: border-box;
    padding: 0 35px 0 0;
}

.popup-form-default-block .popup-form-row input[type="text"],
.popup-form-default-block .popup-form-row input[type="file"],
.popup-form-default-block .popup-form-row input[type="password"],
.popup-form-default-block .popup-form-row input[type="date"],
.popup-form-default-block .popup-form-row input[type="datetime-local"],
.popup-form-default-block .popup-form-row select,
.popup-form-default-block .popup-form-row textarea {
    font-size: 100%;
    vertical-align: middle;
    font-weight: normal;

    display: inline-block;
    
    font-size: 15px;
    line-height: 18px;

    background-color: #E7E7E7 !important;
    border: 1px solid #E7E7E7;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.popup-form-default-block .popup-form-row input[type="text"],
.popup-form-default-block .popup-form-row input[type="file"],
.popup-form-default-block .popup-form-row input[type="password"],
.popup-form-default-block .popup-form-row input[type="date"],
.popup-form-default-block .popup-form-row input[type="datetime-local"],
.popup-form-default-block .popup-form-row select,
.popup-form-default-block .popup-form-row textarea {
    transition: border linear 0.2s,box-shadow linear 0.2s;
}

.popup-form-default-block .popup-form-row input[type="text"]:focus,
.popup-form-default-block .popup-form-row input[type="file"]:focus,
.popup-form-default-block .popup-form-row input[type="password"]:focus,
.popup-form-default-block .popup-form-row input[type="date"]:focus,
.popup-form-default-block .popup-form-row input[type="datetime-local"]:focus,
.popup-form-default-block .popup-form-row select:focus,
.popup-form-default-block .popup-form-row textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

.popup-form-default-block .popup-form-row input[type="text"].error,
.popup-form-default-block .popup-form-row input[type="file"].error,
.popup-form-default-block .popup-form-row input[type="password"].error,
.popup-form-default-block .popup-form-row input[type="date"].error,
.popup-form-default-block .popup-form-row input[type="datetime-local"].error,
.popup-form-default-block .popup-form-row select.error,
.popup-form-default-block .popup-form-row textarea.error {
    border-color: rgba(236, 82, 91, 0.8);
    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(236, 82, 91,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(236, 82, 91,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(236, 82, 91,.6);
}

.popup-form-default-block .popup-form-row select:focus {
    background: #E7E7E7 url("Images/ios7-input-next.png") no-repeat center right 10px !important;
}

.popup-form-default-block .popup-form-row select.error {
    background: #E7E7E7 url("Images/ios7-input-next.png") no-repeat center right 10px !important;
}

.popup-form-default-block .popup-form-row input[type="text"].search:focus {
    background: #E7E7E7 url("Images/ios7-input-search.png") no-repeat center right 10px !important;
}

.popup-form-default-block .popup-form-row input[type="text"].search.error {
    background: #E7E7E7 url("Images/ios7-input-search.png") no-repeat center right 10px !important;
}

.popup-form-default-block .popup-form-list-row .column-title span.title {
    color: #009DE0;
    text-shadow: none;
    float: left;
    width: 215px;
    margin-left: 5px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/****************************************************************************************
	Lists
****************************************************************************************/
.popup-form-list-block-title {
    width: 1045px;
    height: 35px;
    border-bottom: 1px solid #009DE0;
    padding-top: 30px;
}

.popup-form-list-block-title .circle-border {
    margin: 0 0 0 5px;

    width: 24px;
    height: 24px;

    float: left;

    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;

    border: 1px solid #009DE0;
}

.popup-form-list-block-title .circle {
    margin: 3px;

    width: 18px;
    height: 18px;

    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;

    background: #009DE0;
}

.popup-form-list-block-title span {
    color: #000;
    font-size: 15px;
    margin-left: 50px;
    padding: 5px 0 5px 0;
    display: block;
}

.popup-form-list-block {
    width: 1070px;
    margin: 0 0 45px 0;
    overflow-x: hidden;

    font-family: Helvetica,Arial,sans-serif;

    color: #000;
}

.popup-form-list-block .popup-form-list-row-separator {
    margin-left: 45px;
    width: 1000px;
    border-bottom: 1px solid #C8C7CC;
}

.popup-form-list-block .popup-form-list-row {
    width: 1045px;
    min-height: 45px;

    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;

    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-flex-align: center;
}

.popup-form-list-block .popup-form-list-row.highlited {
    background: #E0E0E0;
}

.popup-form-list-block .popup-form-list-row.single {
    height: 45px;
    max-height: 45px;
}

.popup-form-list-block .popup-form-list-row .column-button {
    margin-left: 5px;
    width: 40px;
}

.popup-form-list-block .popup-form-list-row .column-button .add {
    width: 24px;
    height: 24px;

    float: left;

    background: #4CD964;

    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;

    font-size: 18px;
    text-align: center;
    color: white;
}

.popup-form-list-block .popup-form-list-row .column-button .add:after {
    content: '+';
}

.popup-form-list-block .popup-form-list-row .column-button .remove {
    width: 24px;
    height: 24px;

    float: left;

    background: #FF3B30;

    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;

    font-size: 18px;
    text-align: center;
    color: white;
}

.popup-form-list-block .popup-form-list-row .column-button .remove:after {
    content: '-';
}

.popup-form-list-block .popup-form-list-row .column-content-wrapper {
    width: 1000px;

    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-flex-align: center;
}

.popup-form-list-block .popup-form-list-row .column-content-wrapper.alt {
	background: #EEEEEE;
}

.popup-form-list-block .popup-form-list-row .column-title {
    width: 230px;
}

.popup-form-list-block .popup-form-list-row.single .column-title {
    width: 1000px;
}

.popup-form-list-block .popup-form-list-row .column-title span.title {
    color: #009DE0;
    text-shadow: none;
    float: left;
    width: 215px;
    margin-left: 5px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popup-form-list-block .popup-form-list-row .column-title img {
    max-height: 110px;
    max-width: 210px;
    margin-left: 5px;
}

.popup-form-list-block .popup-form-list-row .column-title select.title {
    color: #009DE0;
    float: left;
    width: 220px;
    font-size: 15px;

    -webkit-appearance: none;
    -moz-appearance: none;
    background: #E7E7E7 url("Images/ios7-input-next.png") no-repeat center right 10px !important;
    box-sizing: border-box;
    padding-right: 35px;
    
    border: 1px solid #E7E7E7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    transition: border linear 0.2s,box-shadow linear 0.2s;
}

.popup-form-list-block .popup-form-list-row.highlited .column-title select.title {
    background-color: #E0E0E0 !important;
    border-color: #E0E0E0 !important;
}

.popup-form-list-block .popup-form-list-row .column-title select.title:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

    background: #E7E7E7 url("Images/ios7-input-next.png") no-repeat center right 10px !important;
}

.popup-form-list-block .popup-form-list-row.highlited .column-title select.title:focus {
    background-color: #E0E0E0 !important;
}

.popup-form-list-block .popup-form-list-row .column-title select.title.error {
    border-color: rgba(236, 82, 91, 0.8);
    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(236,82,91,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(236,82,91,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(236,82,91,.6);

    background: #E7E7E7 url("Images/ios7-input-next.png") no-repeat center right 10px !important;
}

.popup-form-list-block .popup-form-list-row.highlited .column-title select.title.error {
    background-color: #E0E0E0 !important;
}

/****************************************************************************************
	List's content
****************************************************************************************/
.popup-form-list-block .popup-form-list-row .column-content {
    width: 770px;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block {
    float: left;
    padding: 10px 20px 10px 20px;

    border-left: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc;

    box-sizing: border-box;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited {
    background: #F4EDDC;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block.noborder {
    border-bottom: 0;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block.padding-up {
    padding-top: 25px;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block.padding-down {
    padding-bottom: 25px;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="button"] {
    width: 24px;
    height: 24px;

    float: right;

    background: #4CD964;

    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;

    font-size: 18px;
    text-align: center;
    color: white;

    border: 0;

    margin: 0 13px 0 0;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="button"].person {
    background: #4CD964 url("Images/ios7-input-person.png") no-repeat center center !important;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="button"].company {
    background: #4CD964 url("Images/ios7-input-company.png") no-repeat center center !important;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="button"].edit {
    background: #1E89FF url("Images/ios7-input-edit.png") no-repeat center center !important;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block label {
    color: #009DE0;
    font-size: 15px;
    text-shadow: none;

    display: block;
    margin: 0 0 3px 15px;

    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block label.checkbox {
    margin-bottom: 0;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block span.data {
    display: block;
    height: 27px;

    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="text"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="file"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="password"] {
    margin: 0 0 0 10px;

    height: 27px;
    width: 95%;
    box-sizing: border-box;

    padding: 4px;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="date"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="datetime-local"] {
    margin: 0 0 0 10px;

    height: 27px;
    width: 95%;
    box-sizing: border-box;

    padding: 4px;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="text"].short,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="file"].short,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="password"].short,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="date"].short,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="datetime-local"].short {
    width: 93%;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="text"].shorter,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="file"].shorter,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="password"].shorter,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="date"].shorter,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="datetime-local"].shorter {
    width: 86%;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="text"].search {
    background: #E7E7E7 url("Images/ios7-input-search.png") no-repeat center right 10px !important;
    box-sizing: border-box;
    padding-right: 35px;
}

.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block input[type="text"].search {
    background-color: #E0E0E0 !important;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block textarea {
    resize: none;

    margin: 0 0 0 10px;

    height: 60px;
    width: 95%;
    box-sizing: border-box;

    padding: 4px;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block select {
    margin: 0 0 0 10px;

    -webkit-appearance: none;
    -moz-appearance: none;
    background: #E7E7E7 url("Images/ios7-input-next.png") no-repeat center right 10px !important;

    height: 27px;
    width: 95%;
    box-sizing: border-box;
    padding: 0 35px 0 0;
}

.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block select {
    background-color: #E0E0E0 !important;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="text"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="file"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="password"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="date"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="datetime-local"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block select,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block textarea {
    font-size: 100%;
    vertical-align: middle;
    font-weight: normal;

    display: inline-block;
    
    font-size: 15px;
    line-height: 18px;

    background-color: #E7E7E7 !important;
    
    border: 1px solid #E7E7E7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block input[type="text"],
.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block input[type="file"],
.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block input[type="password"],
.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block input[type="date"],
.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block input[type="datetime-local"],
.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block select,
.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block textarea {
    background-color: #E0E0E0 !important;
    border-color: #E0E0E0;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited input[type="text"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited input[type="file"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited input[type="password"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited input[type="date"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited input[type="datetime-local"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited select,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited textarea {
    background-color: #F4EDDC !important;
    border-color: #F4EDDC;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="text"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="file"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="password"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="date"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="datetime-local"],
.popup-form-list-block .popup-form-list-row .column-content .column-content-block select,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block textarea {
    transition: border linear 0.2s,box-shadow linear 0.2s;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="text"]:focus,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="file"]:focus,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="password"]:focus,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="date"]:focus,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="datetime-local"]:focus,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block select:focus,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="text"].error,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="file"].error,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="password"].error,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="date"].error,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="datetime-local"].error,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block select.error,
.popup-form-list-block .popup-form-list-row .column-content .column-content-block textarea.error {
    border-color: rgba(236, 82, 91, 0.8);
    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(236, 82, 91,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(236, 82, 91,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(236, 82, 91,.6);
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block select:focus {
    background: #E7E7E7 url("Images/ios7-input-next.png") no-repeat center right 10px !important;
}

.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block select:focus {
    background-color: #E0E0E0 !important;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited select:focus {
    background-color: #F4EDDC !important;
}


.popup-form-list-block .popup-form-list-row .column-content .column-content-block select.error {
    background: #E7E7E7 url("Images/ios7-input-next.png") no-repeat center right 10px !important;
}

.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block select.error {
    background-color: #E0E0E0 !important;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited select.error {
    background-color: #F4EDDC !important;
}


.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="text"].search:focus {
    background: #E7E7E7 url("Images/ios7-input-search.png") no-repeat center right 10px !important;
}

.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block input[type="text"].search:focus {
    background-color: #E0E0E0 !important;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited input[type="text"].search:focus {
    background-color: #F4EDDC !important;
}


.popup-form-list-block .popup-form-list-row .column-content .column-content-block input[type="text"].search.error {
    background: #E7E7E7 url("Images/ios7-input-search.png") no-repeat center right 10px !important;
}

.popup-form-list-block .popup-form-list-row.highlited .column-content .column-content-block input[type="text"].search.error {
    background-color: #E0E0E0 !important;
}

.popup-form-list-block .popup-form-list-row .column-content .column-content-block.highlited input[type="text"].search.error {
    background-color: #F4EDDC !important;
}

/****************************************************************************************
	Sub-list
****************************************************************************************/
.popup-form-sub-list-wrapper {
    border-left: 1px solid #c8c7cc;
    box-sizing: border-box;

    width: 770px;
}

.popup-form-sub-list-wrapper .popup-form-list-block-title {
    width: 770px;
}

.popup-form-sub-list-wrapper .popup-form-list-row {
    width: 770px;
}

.popup-form-sub-list-wrapper .popup-form-list-row-separator {
    width: 725px;
}

.popup-form-sub-list-wrapper .popup-form-list-row .column-content-wrapper {
    width: 725px;
}

.popup-form-sub-list-wrapper .popup-form-list-row .column-content {
    width: 495px;
}

/****************************************************************************************
	iOS checkbox
****************************************************************************************/
input[type="checkbox"].ios-switch { 
	position: absolute;
	opacity: 0;
}

/* Normal Track */
input[type="checkbox"].ios-switch + div {
	vertical-align: middle;
	width: 40px;	height: 20px;
	border: 1px solid rgba(0,0,0,.4);
	border-radius: 999px;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition-duration: .4s;
	-webkit-transition-property: background-color, box-shadow;
	box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
	margin: 15px 1.2em 15px 2.5em;
}

/* Checked Track (Blue) */
input[type="checkbox"].ios-switch:checked + div {
	width: 40px;
	background-position: 0 0;
	background-color: #3b89ec;
	border: 1px solid #0e62cd;
	box-shadow: inset 0 0 0 10px rgba(59,137,255,1);
}

/* Tiny Track */
input[type="checkbox"].tinyswitch.ios-switch + div {
	width: 34px;
    height: 18px;
}

/* Big Track */
input[type="checkbox"].bigswitch.ios-switch + div {
	width: 50px;
    height: 23px;
    margin: 3px 0 0 0;
}

/* Green Track */
input[type="checkbox"].green.ios-switch:checked + div {
	background-color: #00e359;
	border: 1px solid rgba(0, 162, 63,1);
	box-shadow: inset 0 0 0 10px rgba(0,227,89,1);
}

/* Normal Knob */
input[type="checkbox"].ios-switch + div > div {
	float: left;
	width: 18px; height: 18px;
	border-radius: inherit;
	background: #ffffff;
	-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: transform, background-color, box-shadow;
	-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-moz-transition-duration: 0.4s;
	-moz-transition-property: transform, background-color;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
	pointer-events: none;
	margin-top: 1px;
	margin-left: 1px;
}

/* Checked Knob (Blue Style) */
input[type="checkbox"].ios-switch:checked + div > div {
	-webkit-transform: translate3d(20px, 0, 0);
	-moz-transform: translate3d(20px, 0, 0);
	background-color: #ffffff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}

/* Tiny Knob */
input[type="checkbox"].tinyswitch.ios-switch + div > div {
	width: 16px;
    height: 16px;
	margin-top: 1px;
}

/* Checked Tiny Knob (Blue Style) */
input[type="checkbox"].tinyswitch.ios-switch:checked + div > div {
	-webkit-transform: translate3d(16px, 0, 0);
	-moz-transform: translate3d(16px, 0, 0);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}

/* Big Knob */
input[type="checkbox"].bigswitch.ios-switch + div > div {
	width: 21px;
    height: 21px;
	margin-top: 1px;
}

/* Checked Big Knob (Blue Style) */
input[type="checkbox"].bigswitch.ios-switch:checked + div > div {
	-webkit-transform: translate3d(25px, 0, 0);
	-moz-transform: translate3d(16px, 0, 0);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}

/* Green Knob */
input[type="checkbox"].green.ios-switch:checked + div > div {
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 162, 63,1);
}













.popup-form-list-block .popup-form-list-row .popup-form-list-content,
.popup-form-list-block .popup-form-list-row-button .popup-form-list-content {
    width: 1000px;
    min-height: 45px;

    float: left;

    border-bottom: 1px solid #C8C7CC;
}

.popup-form-list-block .popup-form-list-row .popup-form-list-content span.title,
.popup-form-list-block .popup-form-list-row-button .popup-form-list-content span.title {
    color: #1E89FF;
    display: block;
}

.popup-form-list-block .popup-form-list-row-button .popup-form-list-content span.title {
    margin-top: 15px;
}

.popup-form-list-block .popup-form-list-row .popup-form-list-content span.title {
    float: left;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popup-form-list-block .popup-form-list-row .popup-form-list-content .separator {
    float: left;
    width: 1px;
    height: auto;

    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 5%, #c8c7cc 35%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(35%,#c8c7cc));
    background: -webkit-linear-gradient(top, #ffffff 5%,#c8c7cc 35%);
    background: -o-linear-gradient(top, #ffffff 5%,#c8c7cc 35%);
    background: -ms-linear-gradient(top, #ffffff 5%,#c8c7cc 35%);
    background: linear-gradient(to bottom, #ffffff 5%,#c8c7cc 35%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c7cc',GradientType=0 );
}

/*
	
	Ios style dialog

*/
.iospopup {
	background-color: #fff;
	border-radius: 10px 10px 10px 10px;
	color: #111;
	min-width: 250px;
	display: none;
}

.iospopup .popupheader {
	text-align: center;
	font-weight: bold;
	margin: auto;
	padding: 10px;
	font-size: 17px;
}

.iospopup .popupinfo {
	text-align: center;
	margin: auto;
	padding: 5px 5px 15px 5px;
}

.iospopup ul {
	list-style-type: none;
}

.iospopup ul.inlinelist {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.iospopup ul li {
    display: block;
    border-top: 1px solid #c8c7cc;
    text-align: center;
    color: #1E89FF;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    cursor: pointer;
    padding: 8px;
    font-size: 16px;
}

.iospopup ul li:last-child {
    /*font-weight: bold;*/
}

.iospopup ul.inlinelist li:not(:last-child) {
	border-right: 1px solid #c8c7cc;
}

.popup-form-default-block .popup-form-row .minicolors input[type="text"],
.popup-form-default-block .popup-form-row .minicolors input[type="hidden"] {
    margin: -40px 0px 0px 30px;

    height: 25px;
    width: 100%;
    box-sizing: border-box;

    padding: 4px;
}

.popup-form-list-block .popup-form-list-row .column-title-row select.title {
    color: #009DE0;
    float: left;
    font-size: 15px;

    -webkit-appearance: none;
    -moz-appearance: none;
    background: #E7E7E7 url("Images/ios7-input-next.png") no-repeat center right 10px !important;
    box-sizing: border-box;
    padding-right: 35px;
    
    border: 1px solid #E7E7E7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    transition: border linear 0.2s,box-shadow linear 0.2s;
}

.popup-form-list-block.reduced {
    width: 1420px;
    margin: 0 0 45px 0;
    overflow-x: hidden;

    font-family: Helvetica,Arial,sans-serif;

    color: #000;

    zoom: 0.75;
    -moz-transform: scale(0.75);
}

.popup-form-list-block.reduced .popup-form-list-row .column-content-wrapper {
    width: 1350px;

    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-flex-align: center;
}

.popup-form-list-block.reduced .popup-form-list-row {
    width: 1390px;
    min-height: 45px;

    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;

    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-flex-align: center;
}

.popup-form-list-block.reduced .popup-form-list-row .column-content {
    width: 1120px;
}

.popup-form-list-block.reduced .popup-form-list-row .column-content-wrapper.alt {
	background: #EEEEEE;
}

.popup-form-list-block.reduced .popup-form-list-row-separator {
    margin-left: 45px;
    width: 1350px;
    border-bottom: 1px solid #C8C7CC;
}

.popup-form-list-block.reduced .popup-form-list-block-title {
    width: 1120px;
    height: 35px;
    border-bottom: 1px solid #009DE0;
    padding-top: 30px;
}

.popup-form-list-block.reduced .popup-form-list-row.single {
    zoom: 1.33;
    -moz-transform: scale(1.33);
}