/* Start:/local/templates/applications/css/base.css?17615143178286*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    padding: 0;
    margin: 0 auto;
    max-width: 1920px;
    font-family: 'OpenSans';
}

p {
    margin: 0;
    padding: 0
}

ul.clear,
ol.clear {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

a,
button {
    outline: none;
    text-decoration: none
}

a,
button {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

a:after,
button:after {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

button,
input,
textarea {
    outline: none
}

button {
    cursor: pointer;
    outline: none;
    margin: 0;
    padding: 0;
    border: 0
}

.invisLink {
    position: relative;
    z-index: 1
}

.invisLink a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap
}

.cfix:after,
.list:after {
    content: " ";
    display: block;
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.over {
    overflow: hidden;
}

.container {
    /*width: 1200px;*/
    /*padding: 0 15px;*/
    margin: 0 auto;
}

.table {
    display: table;

}

.tableCell {
    display: table-cell;
    vertical-align: middle;
}

.secOne {
    color: #585858;
    font-size: 24px;
    display: block;
}

.secTwo {
    font-size: 18px;
    color: #585858;
    font-weight: 600;
}

.text {
    color: #585858;
    font-size: 14px;
    letter-spacing: .05px;
    line-height: 21px;
}

.logo {
    display: table;
}

.logo:hover {
    opacity: .5
}

.logo img {}

.bottomBlock {
    clear: both;
    width: 100%;
}

.bottomBlock p {
    color: #585858;
    font-size: 12px;
    letter-spacing: .2px;
}

.bottomBlock {
    clear: both;
    width: 100%;
}

.bottomBlock p {
    color: #585858;
    font-size: 12px;
    letter-spacing: .2px;
}

.blockWhite {
    background-color: #fff;
    /*padding: 34px 165px 36px 15px;*/
    /*padding: 10px 165px 36px 5px;*/
    padding: 15px 10px 36px 5px;
}

.linksLine {
    padding: 0 0 14px 5px;
    border-bottom: solid 2px #eff2f4;
}

.linksLine ul {
    display: flex;

    margin: 0 -6px;
}

.linksLine li {
    position: relative;
    padding: 15px 15px 18px;
    margin: 0 6px;
}

.linksLine li:hover:before {
    opacity: 1;
}

.linksLine li:before {
    content: "";
    background-color: #d6f0fc;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.linksLine li.active:before {
    opacity: 1;
}

.linksLine span {}

.linksLine img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.linksLine a {}

.linksLine p {
    color: #747474;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
}

.allPadding {
    margin-top: 28px;
    padding-left: 40px;
}

.quest {
    cursor: pointer;
    width: 18px;
    height: 18px;
    position: relative;
    border: solid 1px #3bb7e0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;

}

.quest:before {
    content: "?";
    text-align: center;
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
    height: 100%;
    color: #3bb7e0;
    font-size: 13px;
    font-weight: 600;
}

.quest:hover:before {
    color: #fff;
}

.quest:hover {
    background-color: #3bb7e0;

}

.quest:after {
    position: absolute;
    left: 25px;
    top: 0;
    width: 200px;
    padding: 15px;
    color: #585858;
    font-size: 12px;
    border: solid 1px #d9e4e7;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    z-index: 5;
    -webkit-box-shadow: 18px 18px 21px 0px rgba(29, 65, 84, .25);
    -moz-box-shadow: 18px 18px 21px 0px rgba(29, 65, 84, .25);
    box-shadow: 18px 18px 21px 0px rgba(29, 65, 84, .25);
}

.quest:hover::after {
    content: attr(data-title);
}

.btn {
    color: #fff;
    border: 0;
    outline: none;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    background-color: #3bc8f5;
    width: 210px;
    height: 52px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.btn:hover {
    opacity: .5
}

.circleBl {}


.circleBl input[type="checkBox"] {
    display: none;
}
.circleBl label {
    cursor: pointer;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    border: solid 1px #bebebe;
    width: 34px;
    height: 22px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.circleBl label:before {
    content: "";
    background-color: #bebebe;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #bebebe;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 1px;
    top: 1px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.circleBl input:checked + label {
    border-color: #36b5df;
    background-color: #36b5df;
}

.circleBl input:checked + label:before{
    background-color: #fff;
    right: 13px;
    border-color: #fff;
}

.circleBl .txt {
    color: #585858;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}

.circleBl .dop {
    padding-left: 119px;
    padding-top: 24px;
    position: relative;
}

.circleBl .dop:before {
    content: "";
    position: absolute;
    left: 91px;
    top;
    0;
    background-image: url("/local/templates/applications/css/../img/circledrop.png");
    height: 100%;
    width: 12px;
    top: 3px;
    height: 179px;
}

.circleBl .dop .circleBl + .circleBl {
    margin-top: 12px;
}

.selectric:hover:after {
    border-top-color: #36b5df;
}
.selectric:after {
    content: "";
    position: absolute;
    right: -7px;
    top: 7px;
    border-top: solid 5px #c7c7c7;
    border-bottom: solid 0px #c7c7c7;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    z-index: 1;
    display: block;
}

.selectric-items li:hover {
    background-color: #36b5df;
    color: #fff;
}

.selectric-items {
    border: solid 1px #bebebe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;

    overflow: hidden;
    -webkit-box-shadow: 8px 8px 25px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 8px 8px 25px 0px rgba(0,0,0,0.25);
    box-shadow: 8px 8px 25px 0px rgba(0,0,0,0.25);
    padding: 10px 0;
    background-color: #fff;
}

.selectric-items ul,
.selectric-items li {
    padding: 0!important;
    background-color: #fff;
    font-size: 14px;
    color: #585858;
    border: 0!important;

    overflow: hidden;
}

.selectric-items li {
    padding: 5px 15px !important;
}


.succes{
    color: #008005;
    padding: 15px 20px;
    font-size: 16px;
    background: #e8f8ed;
}
.errors{
    color: #800704;
    padding: 15px 20px;
    font-size: 16px;
    background: #f8e9ea;
}
.req{
    color: #e80003;
}
.contentShow
{
    padding-left: 3px;
}
.bottomBlock
{
    /*padding-left: 39px;*/
}
/* End */


/* Start:/local/templates/applications/css/developer.css?16578671391468*/
.listPic {
    margin: 26px 0 0;
    border-top: solid 1px #e1e1e1;
    padding-top: 28px;
}

.listPic ul {
    overflow: hidden;
    margin: 0 -8px;
}

.listPic li {
    float: left;
    margin: 0 8px;
}

.listPic li + li {
    margin-bottom: 8px;
}

.listPic li img + img {
    margin-left: 8px;
}

.listPic img {}

.developBl {

}

.developBl .in {

    padding-bottom: 67px;
}

.developBl .left {

    width: 595px;
    padding-top: 48px;
    padding-right: 54px;
}

.developBl .text {
    margin-top: 30px;
}

.developBl .right {
    width: 349px;
    padding-top: 25px;
}

.services {
    background-color: #eef2f4;
    padding: 45px 51px 51px;
}

.services .secTwo {}

.services ul {
    margin-top: 18px;
}

.services li {}

.services li + li {
    margin-top: 13px;
}

.services li a {
    font-size: 14px;
    color: #1ba1cd;
    font-weight: 600;
    text-decoration: underline;
}

.services li a:hover {
    opacity: .5
}

.services .text {
    font-size: 16px;
    margin-top: 41px;
    line-height: 24px;
}

.services .info {
    margin-top: 10px;
}

.services .info p {
    font-size: 14px;
    color: #585858;
    margin-top: 5px;
}

.services .info a {
    font-size: 24px;
    color: #585858;
    font-weight: 600;
}

.services .info a:hover {
    opacity: .5;
}

.services .info a.mail {
    font-size: 20px;
    font-weight: normal;
}



/* End */


/* Start:/local/templates/applications/css/responsive.css?16578671398731*/
@media (max-width:1199px) {
    .container {
        /*width: 992px*/
    }

    .blockWhite {
        padding: 30px 70px 36px 15px
    }

    .developBl .in {
        padding-bottom: 40px
    }

    .developBl .left {
        width: 550px;
        padding-top: 40px;
        padding-right: 15px
    }
    .wrapSevicesText {}
    .linksLine img {

        margin-right: 0;
    }
    .developBl .right {
        width: 280px
    }

    .services {
        padding: 25px 30px 30px;
        overflow: hidden;
    }

    .services ul {
        margin-top: 15px
    }

    .services li + li {
        margin-top: 10px
    }

    .services li a {
        font-size: 13px
    }

    .services .text {
        font-size: 14px;
        margin-top: 25px
    }

    .services .info a {
        font-size: 20px
    }

    .services .info a.mail {
        font-size: 18px
    }

    .modul {
        padding-top: 26px
    }
}

@media (max-width:991px) {
    .container {
        /*width: 768px*/
    }
    .wrapSevicesText {
        float: left;
        width: calc(100% - 250px);
    }
    .services .secTwo {
        display: block;
    }
    .services ul {
        width: 250px;
        float: left;
    }
    .tableLists .thead ul li:first-child {
        width: 194px;
    }
    .tableLists .thead ul li:nth-child(2) {
        width: 180px;
    }
    .blockWhite {
        padding: 15px
    }

    .linksLine {
        padding: 0 0 15px
    }

    .linksLine ul {
        margin: 0;
        /*justify-content: center*/
    }

    .secOne {
        font-size: 22px
    }

    .secOne br {
        display: none
    }

    .allPadding {
        padding: 0 15px;
        margin-top: 15px
    }

    .developBl .in {
        padding-bottom: 30px
    }

    .developBl .left {
        width: 100%;
        padding-top: 25px
    }

    .developBl .text {
        margin-top: 19px;
    }

    .developBl .right {
        width: 100%;
        padding-top: 28px
    }

    .circleBl .txt {
        font-size: 13px
    }

    .settings .settigRight,
    .settings .settigLeft {
        width: calc(50% - 15px)
    }

    .settingTable .tit {
        font-size: 16px
    }

    .tableLists thead tr td:first-child {
        width: 125px
    }

    .tableLists thead tr td:nth-child(2) {
        width: 165px
    }

    .tableLists tbody td {
        font-size: 13px
    }

    .selectric .label {
        font-size: 13px;
        width: calc(100% - 20px);
    }

    .settingModul .bigInput {
        width: 280px
    }
}

@media (max-width:767px) {
    .container {
        width: 100%
    }
    .tableLists .thead {
        display: none;
    }
    .tableLists .tbody .row-table .title-col {
        display: block;
        text-align: left;
        border: 0!important;
        font-size: 12px;
        color: #585858;
        font-weight: bold;
    }
    .selectric .label {
        margin: 0;
    }
    .tableLists .tbody .row-table > *{
        border-top:0;
        text-align: left;
    }
    .tableLists .tbody .col-table:before{
        display: none
    }
    .tableLists .tbody .col-table {

        flex-wrap: wrap;
    }
    .tableLists .tbody .col-table + .col-table{
        margin-top: 20px;
        border-top: dotted 1px #585858;
        padding-top: 15px;
    }
    .tableLists .tbody .row-table {
        width: 100%!important;
    }

    .tableLists .thead ul li:first-child {
        width: 204px;
    }
    .tableLists .thead ul li:nth-child(2) {
        width: 190px;
    }
    .tableLists .tbody .col-table:last-child .row-table > *{
        border-bottom: 0
    }
    .wrapSevicesText {}
    .blockWhite {
        padding: 10px
    }

    .linksLine {
        margin: 0;
        padding-bottom: 10px
    }

    .linksLine li {
        padding: 10px;
        text-align: center;
        width: 25%;
        margin: 0
    }

    .linksLine p {
        font-size: 9px;
        display: block;
        text-align: center;
        margin-top: 7px
    }

    .secOne {
        font-size: 20px
    }

    .secTwo {
        font-size: 16px
    }

    .logo img {
        width: 200px
    }

    .listPic {
        margin-top: 15px;
        padding-top: 15px;
    }

    .listPic li {
        margin: 0 2px;
        width: 100%;
        text-align: left;
    }

    .listPic li + li {
        margin-bottom: 0
    }

    .listPic li img + img {
        margin-left: 0
    }

    .allPadding {
        padding: 0 10px
    }

    .developBl .in {
        padding-bottom: 20px
    }

    .developBl .left {
        padding-top: 15px;
        padding-right: 0
    }

    .developBl .text {
        margin-top: 15px;
        font-size: 13px;
        line-height: 18px;
    }
    .services .info p {
        font-size: 13px;
        margin-top: 0px;
    }
    .services .info a {
        font-size: 18px;
    }
    .developBl .right {
        padding-top: 15px
    }

    .services {
        padding: 15px
    }

    .services li + li {
        margin-top: 5px
    }

    .modul {
        padding: 25px 20px
    }

    .settings .settigLeft .secOne:before,
    .settings .settigRight .secOne:before {
        right: -20px;
        top: 8px
    }

    .settingTable {
        margin-top: 20px
    }

    .settingTable .tit {
        font-size: 15px
    }

    .tableLists {
        margin-top: 0px;
    }

    .tableLists .tableBl {
        width: 100%;
        text-align: center;
    }

    .settingBl .btns {
        margin-top: 20px
    }

    .settingBl .bottomBlock {
        margin-top: 20px
    }

    .settingModul {
        margin-bottom: 50px
    }

    .settingModul label.tit {
        width: 150px;
        font-size: 13px
    }

    .settingModul input {
        width: calc(100% - 200px)
    }

    .settingModul .bigInput {
        width: calc(100% - 200px)
    }

    .settingModul .selectric-wrapper {
        width: calc(100% - 200px)
    }
}

@media (max-width:640px) {
    .settings .settigRight {
        margin-top: 20px
    }
    .wrapSevicesText {
        width: 100%;
    }
    .settings .settigRight,
    .settings .settigLeft {
        width: 100%
    }
    .services ul {
        width: 100%
    }
}

@media (max-width:479px) {
    .linksLine ul {}

    .linksLine li {
        width: 50%;
        padding: 12px 10px 14px;
    }
    .wrapSevicesText {}
    .secOne {
        font-size: 18px
    }

    .allPadding {
        padding: 0
    }

    .developBl {
        padding: 0
    }

    .developBl .text {
        line-height: 18px
    }

    .bottomBlock p {
        text-align: center
    }

    .modul {
        padding: 15px;
        margin-bottom: 15px
    }

    .modul .modulBl + .modulBl {
        margin-top: 15px
    }

    .modul .list .item {
        margin-bottom: 6px;
        display: block;
    }

    .modul .txtTit {
        width: 233px
    }

    .modul .txtCon {
        width: 100%;
        word-wrap: break-word;
        word-break: break-all;
        min-width: inherit;
    }

    .settings .settigLeft .secOne:before,
    .settings .settigRight .secOne:before {
        right: -18px;
        top: 7px
    }

    .settingTable .tit {
        font-size: 14px;
        line-height: 18px
    }

    .settingBl .btns {
        display: table;
        margin: 20px auto 0
    }

    .settingBl .bottomBlock {
        text-align: center
    }

    .settingModul {
        margin-bottom: 25px;
        margin-top: 25px
    }

    .settingModul .inptBl + .inptBl {
        margin-top: 10px
    }

    .settingModul label.tit {
        width: 100%;
        text-align: center
    }

    .settingModul .sensor {
        margin: 5px auto 0;
        display: table
    }

    .settingModul input {
        width: 100%;
        max-width: 320px;
        margin: 5px auto 0;
        display: block
    }

    .oko {
        display: none
    }

    .settingModul .smallInput {
        width: 100%;
        max-width: 320px;
        margin: 5px auto 0
    }

    .settingModul .bigInput {
        width: 100%
    }

    .settingModul .circleBl {
        display: table;
        margin: 5px auto 0
    }

    .settingModul .selectric-wrapper {
        width: 100%;
        max-width: 320px;
        margin: 5px auto 0;
        display: block
    }
    .linksLine p {
        display: none;
    }
}
/* End */


/* Start:/local/templates/applications/css/loader.css?16578671391041*/
#loader {
    animation: animate 1.5s linear infinite;
    clip: rect(0, 80px, 80px, 40px);
    height: 80px;
    width: 80px;
    position: absolute;
    left: calc(50% - 40px);
    top: calc(30% - 40px);
    background: rgb(255, 255, 255);
}
@keyframes animate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(220deg)
    }
}
#loader:after {
    animation: animate2 1.5s ease-in-out infinite;
    clip: rect(0, 80px, 80px, 40px);
    content:'';
    border-radius: 50%;
    height: 80px;
    width: 80px;
    position: absolute;
}
@keyframes animate2 {
    0% {
        box-shadow: inset #000 0 0 0 17px;
        transform: rotate(-140deg);
    }
    50% {
        box-shadow: inset #000 0 0 0 2px;
    }
    100% {
        box-shadow: inset #000 0 0 0 17px;
        transform: rotate(140deg);
    }
}
#loader_wraper{
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    z-index: 99;
    opacity: 0.6;
    display: none;
}
/* End */


/* Start:/local/templates/applications/css/description.css?1657867139989*/
.modul {
    background-color: #eef2f4;
    margin-top: 26px;
    max-width: 650px;
    padding: 45px 40px 38px;
    margin-bottom: 36px;
}

.modul .modulBl {}

.modul .modulBl + .modulBl {
    margin-top: 24px;
}

.modul .secTwo {}

.modul .secTwo .item {}

.modul .secTwo p {}

.modul .secTwo .quest {}

.modul .secTwo span {}

.modul .list {
    margin-top: 11px;
}

.modul .list .item {
    display: flex;
}

.modul .list p {
    font-size: 14px;
    color: #585858;
    display: inline-block;
    vertical-align: middle;
}

.modul .list .quest {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px;
}

.modul .list span {
    font-size: 14px;
    color: #585858;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
}

.modul .bottomBlock {}

.modul .bottomBlock p {}

.modul .txtTit {
    width: 177px;

}

.modul .txtCon {min-width: 287px;}


/* End */


/* Start:/local/templates/applications/css/settings.css?16578671393147*/
.settings {}

.settings .settigRight,
.settings .settigLeft {
    float: left;
    width: calc(50% - 86px);
}

.settings .settigLeft .secOne,
.settings .settigRight .secOne {
    position: relative;
    display: table;
}

.stelkaUp:before,
.stelkaDown:before {
    content: "";
    position: absolute;
    right: -23px;
    top: 11px;
    background-image: url("/local/templates/applications/css/../img/strtop.png");
    width: 10px;
    height: 13px;
    background-repeat: no-repeat
}

.stelkaDown:before {
    background-image: url("/local/templates/applications/css/../img/strbot.png");
}

.listCircle {
    margin-top: 20px;
}

.listCircle .item {}

.listCircle .item + .item {
    margin-top: 12px;
}

.settingTable {
    margin-top: 50px;
}

.settingTable .tit {
    font-size: 18px;
    color: #585858;
    font-weight: 600;
}

.tableLists {
    margin-top: 22px;
    max-width: 840px;
}

.tableLists .tableBl {
    border-collapse: collapse;
    width: 100%;
}

.tableLists .thead {
    font-size: 12px;
    color: #585858;
    font-weight: bold;
    background-color: #d6f1fb;
    width: 100%;
}
.tableLists .thead ul{
    overflow: hidden;
}
.tableLists .thead li{
    padding: 8px 15px;
    float: left;

}
.tableLists .thead ul li:first-child{
    width: 241px;
}
.tableLists .thead ul li:nth-child(2){
    width: 225px;
}
.tableLists .thead ul li:nth-child(3){
}
.tableLists .tbody {}

.tableLists .tbody {
    padding: 21px 0;
}



.tableLists .tbody .col-table{
    display: flex;
    position: relative;
}
.tableLists .tbody .col-table:before{
    content: "";
    position: absolute;
    left:15px;
    width: calc(100% - 36px);
    top:0px;
    opacity: 0;
    height: 100%;
}

.tableLists .tbody .col-table:hover:before{
    background-color: #eef2f4;
    opacity: 1;
}
.tableLists .tbody .row-table > *{
    display: block;
    width: 100%;
    position: relative;

    border-top: dotted 1px #585858;
    padding: 5px 0;
}

.tableLists .tbody .col-table:last-child .row-table > *{
    border-bottom: dotted 1px #585858;
}
.tableLists .tbody .row-table{
    font-size: 13px;
    color: #585858;

    padding: 0px 15px;
}
.tableLists .tbody .row-table .title-col{
    display: none;
}
.tableLists .tbody .row-table:nth-child(1){width: 242px;}
.tableLists .tbody .row-table:nth-child(2){width: 222px;}
.tableLists .tbody .row-table:nth-child(3){width: 370px;}

.sel {}

.sel .label {}

.sel .button {}

.selectric {
    background: transparent;
    border: 0;
    height: auto;
}

.selectric .label {
    padding: 0;
    font-size: 14px;
    color: #585858;
    background: transparent;
    line-height: inherit;
    height: auto;
}

.selectric .button {}


.settingBl .btns {
    margin-top: 34px;
}

.settingBl .bottomBlock {
    margin-top: 40px;
}
.tableLists .selectric-items{

    padding: 10px 0;
    left: -15px;
    width: calc(100% + 35px) !important;
    z-index: 2;
}
.tableLists .selectric::after {

    right: 7px;
    top: 9px;
}
.imp{
    color: #e82624;
}
.selectric .button {
    display: none;
}
/* End */


/* Start:/local/templates/applications/css/settings_modul.css?16578671392542*/
.settingModul {
    margin-top: 29px;
    margin-bottom: 30px;
}

.settingModul .item {}

.settingModul .item + .item {
    border-top: solid 1px #e1e1e1;
    margin-top: 38px;
    padding-top: 25px;
}

.settingModul .inptBl {}

.settingModul .inptBl + .inptBl {
    margin-top: 20px;
}

.settingModul label.tit {
    color: #585858;
    font-size: 14px;
    width: 291px;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.settingModul .sensor {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.settingModul .sensor.on {
    background-color: #64d608;

}

.settingModul .sensor.off {
    background-color: #b82727;

}


.settingModul input {
    display: inline-block;
    vertical-align: middle;
    border: solid 1px #bebebe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #585858;
    font-size: 16px;
    font-weight: 600;
    padding: 0 15px;
    height: 39px;
    width: 280px;
}

.oko {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background-image: url("/local/templates/applications/css/../img/oko.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 24px;
    background-position: center;
}

.oko.active {
    background-image: url("/local/templates/applications/css/../img/okovisible.png");

}

.settingModul .smallInput {
    width: 90px;
}

.settingModul .bigInput {
    width: 396px;
}

.settingModul .circleBl {
    display: inline-block;
    vertical-align: middle;
}

.settingModul .selectric-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 280px;
}

.settingModul .selectric {
    background: transparent;
    border: solid 1px #bebebe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.settingModul .label {
    color: #585858;
    font-size: 16px;
    font-weight: 600;
    padding: 0 15px;
    line-height: 39px;
    background: transparent;
}

.settingModul .button {
    top: 0px;
    display: none;
}

.settingModul .button:after {}

.settingModul .selectric::after {

    right: 9px;
    top: 17px;

}

.settingModul input:focus {
    border-color: #36b5df;
}
.settingBl .bottomBlock {
    margin-top: 40px;
}
/* End */


/* Start:/local/templates/applications/css/jquery.multiselect.css?16635690303474*/
.ms-options-wrap {
    position: relative;
}

.ms-options-wrap,
.ms-options-wrap * {
    box-sizing: border-box;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    position: relative;
    width: 100%;
    text-align: left;
    border: 1px solid #aaa;
    background-color: #fff;
    padding: 5px 20px 5px 5px;
    margin-top: 1px;
    font-size: 13px;
    color: #aaa;
    outline-offset: -2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-options-wrap > button[disabled] {
    background-color: #e5e9ed;
    color: #808080;
    opacity: 0.6;
}

.ms-options-wrap > button:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px;
}

.ms-options-wrap.ms-has-selections > button {
    color: #333;
}

.ms-options-wrap > .ms-options {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 20px;
    background: white;
    z-index: 2000;
    border: 1px solid #aaa;
    overflow: auto;
    visibility: hidden;
}

.ms-options-wrap.ms-active > .ms-options {
    visibility: visible
}

.ms-options-wrap > .ms-options > .ms-search input {
    width: 100%;
    padding: 4px 5px;
    border: none;
    border-bottom: 1px groove;
    outline: none;
}

.ms-options-wrap > .ms-options > .no-result-message {
    padding: 4px 5px;
    display: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
    display: inline-block;
    font-size: .9em;
    text-transform: lowercase;
    text-decoration: none;
}
.ms-options-wrap > .ms-options .ms-selectall:hover {
    text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
    margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ms-options-wrap > .ms-options > ul li.ms-hidden {
    display: none;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
    padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
    border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
    display: block;
    padding: 5px 0 0 0;
    font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 4px 4px 4px 20px;
    margin: 1px 0;
    border: 1px dotted transparent;
}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
    padding: 4px;
}

.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
    background-color: #efefef;
    border-color: #999;
}

.ms-options-wrap > .ms-options > ul li.selected label {
    background-color: #efefef;
    border-color: transparent;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin: 0 5px 0 0;
    position: absolute;
    left: 4px;
    top: 7px;
}

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
/* End */


/* Start:/local/templates/applications/template_styles.css?1759129043340*/
body {
    padding: 0;
    margin: 0 auto;
    max-width: 1920px;
    font-family: "OpenSans",sans-serif;
}

#apps24ateviby{
    width: calc(100% - 10px);
}

#apps24ateviby .bottomBlock {
    margin-top: 30px;
}

#apps24ateviby .linksLine .invisLink {
    margin-left: 0;
}
div.bx-session-message
{
    display: none;
}
/* End */
/* /local/templates/applications/css/base.css?17615143178286 */
/* /local/templates/applications/css/developer.css?16578671391468 */
/* /local/templates/applications/css/responsive.css?16578671398731 */
/* /local/templates/applications/css/loader.css?16578671391041 */
/* /local/templates/applications/css/description.css?1657867139989 */
/* /local/templates/applications/css/settings.css?16578671393147 */
/* /local/templates/applications/css/settings_modul.css?16578671392542 */
/* /local/templates/applications/css/jquery.multiselect.css?16635690303474 */
/* /local/templates/applications/template_styles.css?1759129043340 */