select{font:inherit;-moz-box-sizing:border-box;box-sizing:border-box;padding:3px;border-width:1px;border-style:solid;-webkit-border-radius:0;border-radius:0}
textarea,.textinput,input[type=text],input[type=email],input[type=tel]{font:inherit;-moz-box-sizing:border-box;box-sizing:border-box;padding:4px;border-width:1px;border-style:solid;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}
select[disabled],textarea[disabled],.textinput[disabled],input[disabled]{cursor:not-allowed}
textarea,select:focus,.textinput:focus,input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus{outline:none}

.field {
    position: relative;
}

.required {
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px;
    width: 24px;
    background: white;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.required::after {
    content:'*';
    display: block;
}

.button{border-style:solid;border-width:2px;font:bold 14px/1.2 helvetica,arial,sans-serif;padding:7px 12px;text-align:center;position:relative}
input.button,button.button{cursor:pointer;margin:0;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}
input.button:focus,button.button:focus{outline:0;}
::-moz-focus-inner{border:0;margin:0;padding:0}
a.button,span.button{display:inline-block;text-decoration:none}
.button+.button{margin-left:6px}

.button-icon{padding-left:26px;height:1.2em}
.button-icononly{padding-left:7px;padding-right:7px;width:1.5em}
.button-icon .icon{position:absolute;top:50%;left:5px;margin-top:-8px;width:16px;height:16px;background-repeat:no-repeat;background-position:0 0}
.button-icononly .icon{left:50%;margin-left:-8px}

.chart-headline .button{margin-left:12px}

.form{position:relative}
.form .form-submit{margin-top:36px}
.form .form-submit .button{padding:15px 40px}
.form .form-submit .button-main{min-width:50%;}
.form .form-submit .button-main.loading:after{position:absolute;content:'';top:50%;right:12px;margin-top:-10px;width:20px;height:20px;}


.field-checkbox{padding:3px 0;display:inline-block;line-height:1.4}
.field-checkbox *{vertical-align:middle}
.nowrap {white-space:nowrap}

.field-radio{padding:3px 0;display:inline-block;line-height:1.4;position:relative;margin-right:24px}
.form .field .field-radio:first-child:last-child{display:block;margin-right:0}
.field-radio input[type=radio]{margin:0 3px 0 0;position:absolute;left:0px;top:0} /*for IE8*/
.field-radio input[type=radio] + label,.field-radio input[type=radio] + .label{display:block;margin:0 0 0 30px;position:relative;}
body:last-child .field-radio input[type=radio]{position:absolute;opacity:0;width:1.25em;height:1.25em;vertical-align:-0.3em;}
body:last-child .field-radio input[type=radio] + label:before,body:last-child .field-radio input[type=radio] + .label:before{border-width:2px;border-style:solid;width:1.25em;height:1.25em;display:inline-block;vertical-align:-0.3em;border-radius:1.25em;content:' ';position:absolute;left:-30px;top:0}
body:last-child .field-radio input[type=radio]:disabled + label:before,body:last-child .field-radio input[type=radio]:disabled + .label:before{opacity:0.5}

.radio-check {float:left;width:1.25em;height:1.25em;border-style:solid; border-width:2px; border-radius: 50%;background-repeat:no-repeat;background-position: 50% 50%}
.radio-check+*{margin-left:30px}
.radio-check.right{float:right}

.form .field-wrap .field-radiogrid {display: table}
.form .field-wrap .field-radiogrid > label {display:table-row;font-weight: normal;}
.form .field-wrap .field-radiogrid > label > span {display:table-cell;vertical-align:middle;padding:4px 0;}
.form .field-wrap .field-radiogrid > label > span + span {padding-left: 30px;}
.form .field-wrap .field-radiogrid > label > span:first-child {width:1px}
.form .field-wrap .field-radiogrid > label > span:first-child + span  {padding-left: 0}
.form .field-wrap .field-radiogrid > label .field-radio {margin-right: 0;padding:0}
body:last-child .form .field-wrap .field-radiogrid > label .field-radio input[type=radio] + .label {text-indent:-1em}
body:last-child .form .field-wrap .field-radiogrid > label .field-radio input[type=radio] + .label:after {content:'\00a0'}

.form .field .field-big{font-weight:normal;font-size:28px;}
.form .field .field-size2{font-weight:normal;font-size:18px;}
.form .field .text{padding:3px 0;line-height:1.4;overflow:hidden}

.form .row{width:100%;display:table;margin-bottom:12px}
.form .row.noflex{width:auto}
.form .field-wrap {display:table-cell;text-align:top}
.form .row .field-wrap+.field-wrap{padding-left:4%}
.form .field-wrap label{display:inline-block;margin-bottom:2px;font-weight:bold}
.form .field-wrap label .normal{font-weight:normal}
.form .field-wrap .field{display:block;vertical-align:top}
.form .field-wrap+.field-wrap{padding-left:4%}
.form .row .short{width:75px}
/*.form .row.half{min-width:300px}*/
.form .row.half,.form .row .half{width:50%}
.form .row.third,.form .row .third{width:33.33%}
.form .row.quoter,.form .row .quoter{width:25%}
.form .row.tiny{width:100px}
.form .field-wrap .field>select{display:block;width:100%}
.form .field-wrap .field>textarea,.field-wrap .field .textinput{display:block;width:100%}
.form .field-wrap .field>textarea{height:100px}
.form .field-wrap .field textarea.expanding{height:26px}
.form .field-wrap .fields{display:table;width:100%}
.form .field-wrap .fields .field{display:table-cell;}
.form .field-wrap .fields .field+.field{padding-left:4%}
.form .row p {margin: 0 0 6px 0}

.form .datetime{display:table;width:100%}
.form .datetime-date{display:table-cell;vertical-align:top;position: relative;}
.form .datetime-date .textinput{width:100%}
.form .datetime-time{display:table-cell;vertical-align:top;padding-left:12px;min-width:4.7em}
.form .datetime-time select{width:100%}
.form .datetime-text {display: table-cell;vertical-align: middle;padding-left: 14px;}

.form .field-wrap label.field-radio{font-weight:normal}

.form .rowlist > label{display:block;margin-bottom:5px;font-weight:bold}
.form .rowlist .row {border-bottom-style:solid;border-bottom-width:1px;margin:3px 0;position:relative}
.form .rowlist .row label {font-weight: normal}
.form .rowlist .row .field-wrap {padding:6px 0;vertical-align: top}
.form .rowlist .row .field-wrap+.field-wrap {padding-left: 12px}
.form .rowlist .row .rowaction {position:absolute;right:0;top:-4px;bottom:0;display:flex;width:32px;align-items: center}
.form .rowlist .row .rowaction ~ .field-wrap:last-child {padding-right: 44px}

.form .list .field .article {border-radius:0;border:0}
.form .article .text{margin:0;padding:4px;border-width:1px;border-style:solid;min-height:10em;margin:0}
.form .article .note, .form .article .system{margin:0;padding:4px;border-width:1px;border-style:solid;min-height:10em}
.form .article .text:focus,.form .article .note:focus, .form .article .system:focus{outline:none}

.form .field-image{position:relative}
.form .field-image .field-image-image{display:inline-block;width:150px;min-height:120px;margin:0 12px 0 0;position:relative;background:#e5e5e5}
.form .field-image .field-image-image img{width:100%}
.form .field-image *{vertical-align:middle}
.form .field-image .button *{vertical-align:top}
.form .field-image-big .field-image-image{display:block;width:auto;min-height:30px;margin:0 0 12px 0;position:relative}

.form .row-separator{border-width:2px;border-style:solid;height:0;margin:24px 0}
.form .space{height:24px;}

.form .list .photo .photo-in .photo-in2{position:relative}
.form .list .photo .photo-in .photo-in2 .button{position:absolute;top:0;right:0}

.form .field-media{position:relative}
.form .field-media *{vertical-align:middle}
.form .field-media .button *{vertical-align:top}


.form-anketa .buttons{margin-top:12px}
.form-anketa .buttons .button{padding-left:7px;padding-right:7px}
.form-anketa+.form-anketa{margin-top:24px;border-top-style:solid;border-top-width:2px;padding-top:24px}

.form-anketa .field-radio{display:block}

.form .anketa{margin:24px 0 0 0}
.form .anketa ul li{padding-right:60px}
.form .anketa ul li:before{top:4px}
.form .anketa ul li .button{position:absolute;right:0}

.form .list .item{margin:0 0 24px 0}
.form .list .item .view,.form .list .item .edit{padding:24px 3%;border-width:1px;border-style:solid ;border-bottom-width:2px;margin-bottom:6px;min-height:1px;overflow:hidden}
.form .list .item .view {cursor:pointer;}
.form .list .item .edit{display:none}
.form .list .item.open .view{display:none}
.form .list .item.open .edit{display:block}
.form .list .item .view .row:first-of-type:last-child{margin-top:12px}
.form .list .item .view .article{margin-top:48px}

.form .list .comments .item .view{border-style:none;padding:4px;margin:-4px 0 -4px -4px;position:relative}
.form .list .comments .item .view:hover{border-style:solid;margin:-5px 0 -6px -5px}

.form .contact .item{margin:0}
.form .contact .item .view{border-style:none;margin:0;padding:0;position:relative}
.form .contact .item .view .button{position:absolute;right:0;top:3px}
.form .contact .item .view .meta{height:40px}
.form .contact .item .view .meta .meta-value{padding-right:50px;padding-top:12px;white-space:pre-wrap}
.form .contact .item .view .meta .meta-label{padding-top:12px}
.form .contact .contact-name .item .view {min-height:40px}
.form .contact .contact-name .list:after{display:none}
.form .contact .contact-image .imagebuttons .button+.button{margin-left:0px}

.activities .list .item .view{position:relative;cursor:default;}
.activities .list .item .view .button{float:right;margin:-10px 0 0 0;}
.activities .list .item .view .button+.button{margin-right:5px}


.form .list .item h2,.form .list .item h3{margin-top:0}
.form .smallmetalist .item .remove{float:right;margin-top:-5px}

.grid {margin:0 0 12px 0;position:relative;}
.grid table{border:0!important;border-spacing:0!important;font-size:1em;width:100%;margin:0}
.grid-border{border-style:solid;border-width:2px}
.grid-border table tbody tr:last-child td {border-bottom:0}
.grid-clickable .grid-body .grid-row,
.grid-clickable table tbody tr td,
.grid-selectable table tbody tr td,
.grid-koselectable table tbody tr td,
.grid-multiselectable table tbody tr td{cursor:pointer}
.grid-multiselectable a{color:inherit;text-decoration:none}
.grid-clickable a.grid-link{text-decoration:none;color:inherit}
.grid .center{text-align:center}
.grid table td,.grid table th{text-align:left;border:0;border-bottom-width:1px;border-bottom-style:solid;padding:6px 20px}
.grid table td.grid-icon{width:16px;padding-right:0}
.grid .grid-icon .icon{display:block;width:16px;height:16px;background-repeat:no-repeat;background-position:0 0;line-height:16px}
.grid table td.grid-image{width:30px;vertical-align:middle;padding-right:0;padding-top:1px;padding-bottom:1px;text-align:center; }
.grid table td.grid-image .image{width:30px;height:30px;vertical-align:middle;line-height:30px;text-align:center}
.grid table td.grid-image .image img{max-width:30px;max-height:30px;vertical-align:middle;}
.grid table td.grid-action{width:16px;padding:2px;text-align:right}
.grid table td.grid-action .button {vertical-align: top;}

.grid table tr.media td.grid-icon,.grid table tr.media td.grid-image{width:36px}
.grid table td.grid-image{padding-top:4px;padding-bottom:5px;}
.grid table td.grid-image .image{width:36px;height:36px;line-height:36px;margin-left:-2px}
.grid table td.grid-image .image img{max-width:36px;max-height:36px}

.grid-nowrap td{white-space:nowrap}

.grid table thead td,.grid table th{font-weight:bold;font-weight:bold;padding-top:10px;padding-bottom:10px;}
.grid table th a{color:inherit}
.grid table thead+tbody tr:first-child td{border-top-width:2px;border-top-style:solid}

.grid .grid-head{border-bottom-width:2px;top:0;border-bottom-style:solid;white-space:nowrap;overflow:hidden}
.grid .grid-head table{table-layout: fixed}
.grid .grid-head+.grid-body{width:100%;overflow:auto;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;}
.grid .grid-head+.grid-body table thead.clone td {padding-top:0; padding-bottom:0}
.grid .grid-head+.grid-body table thead.clone td div {height:0;overflow: hidden}
.grid-search{width:250px;float:right;margin-top: 4px}
.grid-search .search{border-width:2px;border-style:solid;position:relative}
.grid-search .search .textinput{-moz-box-sizing:border-box;box-sizing:border-box;height:30px;background:transparent;border:0;display:block;width:100%;padding:8px 6px;font:inherit;}
.grid-search .search .button{width:26px;height:26px;position:absolute;right:2px;top:2px;border:0;padding:0;margin:0;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;font-size:0;}
.grid-search .search span.button{background-color:transparent}
.grid-search .search input.button{cursor:pointer}
.grid-search .search input.button:hover{background-color:transparent;}

.grid-empty {height:100%; display: table;width: 100%}
.grid-empty div {display: table-cell;text-align: center;vertical-align: middle}

.grid .grid-row {display: table; height:31px;width:100%;table-layout: fixed;border:0;border-bottom-width:1px;border-bottom-style:solid;}

.grid .grid-col {display: table-cell;vertical-align:middle;text-align:left;padding:6px 20px}
.grid .grid-icon {width:16px;padding-right:0}

.switch{border-width:2px;border-style:solid;height:30px}
.switch a,.switch strong{width:30px;height:30px;float:left;position:relative}
.switch strong{width:28px;height:28px;border-width:0 2px 2px 0;border-style:solid}
.switch a .icon,.switch strong .icon{position:absolute;width:16px;height:16px;left:50%;margin-left:-8px;top:50%;margin-top:-8px;background-repeat:no-repeat;background-position:0 0}
.switch a:hover .icon,.switch strong .icon{background-position:-16px 0}

.inlinecols {display: table; width:100%}
.inlinecols>.col{display: table-cell;}
.inlinecols>.col+.col{padding-left:16px}
.inlinecols>.col.size-half{width:50%}
.inlinecols>.col.size-third{width:33%}
.inlinecols>.col.size-quoter{width:25%}

@media (max-width: 1199px) {
}

@media (max-width: 1199px) and (min-width:959px) {
}

@media (max-width: 959px) {
    .grid table td,.grid table th,.grid table thead td,.grid table thead th{padding-left:6px;padding-right:6px}

    .form .contact .contact-image {float:none;width:auto;text-align:left}
    .form .contact .contact-image:after{content:'';clear:both;display:block;}
    .form .contact .contact-image .imagewrap{float:left}
    .form .contact .contact-image .imagebuttons{margin-left:98px;padding-top:20px}
    .form .contact .contact-main{margin-left:0}
    .form .contact .contact-name {padding-left:0;display:block;height:auto}
    .form .contact .contact-name .view{padding-right:50px;}
    .form .contact .item .view .meta{height:auto;min-height:40px}



    .grid table tr{display:block;border-bottom-width:1px;border-bottom-style:solid;overflow:hidden}
    .grid table td,.grid table th{display:block;border-bottom-width:0}
    .grid table td,.grid table th,.grid table thead td,.grid table thead th{padding:2px 6px}

    .grid table td.grid-image{padding-top:2px;padding-bottom:2px;}

    .grid table td.grid-icon,
    .grid table tr.media td.grid-icon,
    .grid table tr.media td.grid-image,
    .grid table td.grid-image{float:left}
    .grid table td.grid-icon ~ td,
    .grid table tr.media td.grid-icon  ~ td,
    .grid table tr.media td.grid-image  ~ td,
    .grid table td.grid-image  ~ td {padding-left: 50px}
        
    .grid thead td.grid-icon{display:none}
    .grid table thead+tbody tr:first-child td{border-top-width:0px}
    .grid table thead+tbody tr:first-child{border-top-width:2px;border-top-style:solid}
    .grid tbody td.grid-action{width:auto}
    .grid .grid-head+.grid-body table thead.clone {display: none}
    
    .grid .grid-row{display:block;height:auto;overflow:hidden;padding:6px;width:auto}
    .grid .grid-row .grid-col{display: block;padding: 0;word-break:break-all}
    .grid .grid-row .grid-icon{float:left}
    .grid .grid-row .grid-icon~.grid-col{margin-left:20px}

    .grid-nowrap td{white-space:normal}
    
    .gui-multiselect-gridmark{float:left}

    .inlinecols {display: block;white-space: normal}
    .inlinecols .col{display: block}
    .inlinecols .col+.col{padding-left:0}
    .inlinecols .col.size-half,
    .inlinecols .col.size-third,
    .inlinecols .col.size-quoter{width:auto}   
}

@media (max-width: 480px) {
    .form .field-image .field-image-image{width:100%;margin-right:0;margin-bottom:12px}
    .button,a.button,span.button,.form .form-submit .button {display:block;width:auto;min-width:0}
    button.button,.form .form-submit button.button{width:100%}
    .button+.button{margin-left:0;margin-top:6px}
    .form .row.half,.form .row .half,.form .row.third,.form .row .third,.form .row .quoter{min-width:0;width:100%;}
    .form .row .field-wrap+.field-wrap,.form .field-wrap+.field-wrap{padding-left:0}
    .form .field-wrap{display:block;margin-bottom:12px;width:auto!important}

    .form .rowlist .row .field-wrap {margin-bottom:0}
    .form .rowlist .row .field-wrap+.field-wrap{padding-left:0}
    .form .rowlist .row .rowaction ~ .field-wrap {padding-right:44px}
    .form .rowlist .row .rowaction .button-icononly{width:1.5em}

    .form .field-wrap .field-radiogrid {display: block}
    .form .field-wrap .field-radiogrid label {display:block; margin-top:4px; margin-bottom: 12px}
    .form .field-wrap .field-radiogrid label > span {display:block; padding-top:0; padding-bottom: 0}
    .form .field-wrap .field-radiogrid label > span:first-child {float:left}
    .form .field-wrap .field-radiogrid label > span:first-child + span {margin-left: 30px}
    

    .form .anketa ul li{padding-right:30px}
    .form .contact .contact-image .imagebuttons{padding-top:0px}

    .grid-search{width:100px}
}