.panel-collapse.on.collapse.show{
    padding-right: 0;
}


/*СТИЛИ ФОРМЫ ВХОДА В ПРИЛОЖЕНИЕ*/
.container-loginform{
    width: 96%;
    color: #01577c;
}

.forgot-password{
    font-size: 14px;
    color: grey;
    text-align: right;
    margin-left: 20%;
    margin-top: 5px;
}

.btn-forgot{
    width: 40%;
    height: 35px;
    font-size:15px;
    color:white;
    background: #01577c;
    border: none;
    border-radius:30px;
    padding:5px 5px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline-block;
    margin-left: 5%;
}

.btn-forgot2{
    width: 40%;
    height: 35px;
    font-size:15px;
    color:white;
    background: #01577c;
    border: none;
    border-radius:30px;
    padding:5px 5px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline-block;
    margin-left: 10%;
}

.margins-top-content{
    margin-top: 185px;
}

.modal{
    position: relative;
    z-index: 9999999999999999;
    border-radius: 50px 50px 50px 50px;
}

.modal.fade.on-password{
    border:none;
    color: white;
}

.margins-top-content-02{
    margin-top: 25px;
    text-align: center;
    color: #01577c;
}
.text-center-cont22{
    color: #01577c;
    text-align: center;
    line-height: 17px;
}

.modal-content-password{
    border:none;
    color: white;
    border-radius: 0 0 0 0;
    line-height: 20px;
    height:700px;
    margin-top: -6px;
}
.forgot-password-text{
    color: #005b7e;
    text-align: center;
    line-height: 18px;
    margin: 0 0 0 0;
}
.modal-dialog-password{
    background-color: #ffffff;
    border-color:white;
    color: #005b7e;
    border-radius: 0 0 0 0;
}




/*СТИЛИ СМЕНЫ ПАРОЛЯ*/

.modal.fade.on-password2{
    border:none;
    color: white;
    position: relative;
    z-index: 999999999999;
    height: 900px;
    background-color: white;

}

.modal-content-password2{
    border:none;
    color: white;
    border-radius: 0 0 0 0;
    line-height: 20px;
    height:730px;
    margin-top: -6px;

}

.modal-content-password2-edit{
    border:none;
    color: white;
    border-radius: 0 0 0 0;
    line-height: 20px;
    height:790px;
    margin-top: -6px;

}
.forgot-password-text2{
    color: #005b7e;
    text-align: center;
    line-height: 18px;
    margin: 0 0 0 0;

}
.modal-dialog-password2{
    background-color: #ffffff;
    border-color:white;
    color: #005b7e;
    border-radius: 0 0 0 0;

}









.btn-login-form{
    text-align: center;
}

.color-of-a{
    color: grey;
}

.body {
    background-color: rgba(0, 67, 92, 0.12);
    text-align: center;
}
.form-horizontal{
    margin-left: 7px;
    background: #fff;
    padding-bottom: 20px;
    border-radius: 15px;
    text-align: center;
    width: 100%;
}
.form-horizontal .heading{

    font-size: 35px;
    padding: 30px 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px;
}
.container {
    border-radius: 50px;
    text-align: center;
    margin-top: 10px;

}

.form-horizontal .form-group{
    padding: 0 30px;
    margin: 0 0 25px 0;
    position: relative;
}
.form-horizontal .form-control{

    background: #f0f0f0;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    padding: 0 20px 0 45px;
    height: 40px;
    transition: all 0.3s ease 0s;
}
.form-horizontal .form-control:focus{
    background: #e0e0e0;
    box-shadow: none;
    outline: 0 none;
}
.form-horizontal .form-group i{
    position: absolute;
    top: 12px;
    left: 50px;
    font-size: 17px;
    color: #c8c8c8;
    transition : all 0.5s ease 0s;
}
.form-horizontal .form-control:focus + i{
    color: #005b7e;
}

.form-horizontal .fa-question-circle:hover{
    color: #000;
}
.form-horizontal .main-checkbox{
    -webkit-appearance: none;
    float: left;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    position: relative;
    margin: 5px 0 0 5px;
    border: 1px solid #005b7e;
}
.form-horizontal .main-checkbox label{
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.form-horizontal .main-checkbox label:after{
    content: "";
    width: 10px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 4px;
    border: 3px solid #005b7e;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.form-horizontal .main-checkbox input[type=checkbox]{
    -webkit-appearance: none;
    visibility: hidden;
}
.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
    opacity: 1;
}
.form-horizontal .text{
    float: left;
    margin-left: 7px;
    line-height: 20px;
    padding-top: 5px;
    text-transform: capitalize;
}
.form-horizontal .btn{
    float: right;
    font-size: 14px;
    color: #fff;
    background: #005b7e;
    border-radius: 30px;
    padding: 5px 25px;
    border: none;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
    width:180px;
}
.icon{

    text-align: center;
}
.center {
    vertical-align: center;
    text-align: center;
}
.btngroup {
    text-align: center;
}

.btn.btn-primary {
    background-color: #ebebeb;
    color: #01577c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #00658b;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 2px 0;
    padding: 0 0 0 0;
}
h1 {
    font-size: 30px;
    line-height: 45px;
}
h2 {
    font-size: 25px;
    line-height: 40px;
}
h3 {
    font-size: 22px;
    line-height: 37px;
}
h4 {
    font-size: 18px;
    line-height: 33px;
}
h5 {
    font-size: 15px;
    line-height: 30px;
}
h6 {
    font-size: 13px;
    line-height: 28px;
}
p {
    margin: 2px ;
    padding: 0;
    margin-bottom:5px;
    line-height:28px;
}
a{
    text-decoration: none;
    color: #777;
}
a:hover,a:active,a:focus {
    outline: 0;
    text-decoration: none;
    color: #999;
}
hr {
    margin: 10px 0;
    padding: 0 0 0 0;
    border-top: 0;
    border-bottom: 1px solid #eee;
}
:focus {
    outline:none;
}
::-moz-focus-inner {
    border:0;
}


#content {
    width: 100%;
    height: 100vh;
    margin: 0;
}

.equ-menu-container {
    width: 100%;
    padding-bottom: 20px;
}
.equ-menu-container .btn-new-device {
    margin: auto !important;
    display: block !important;
}

.map {
    width: 100%;
    height: calc(100vh - 50px);
    position: fixed;
    top: 50px;
}




.app-top-content {
    width:100%;
    min-height: 100%;
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    background-color: #ffffff;
    display: none;
}

.panel-body2-pan{
    position: fixed;
}
.cd-bouncy-nav-modal.fade-in.is-visible{
    width:100%;
    position: fixed;
}

.row-content {
    margin: 15px 0 0 0;
}

.owl-carousel
{
    display: inline-block;
    touch-action: manipulation;
}

.owl-carousel.owl-destroy {
    display: flex!important;
    flex-direction: column;
}
.testimonial.rr {
    display: flex;
    flex-direction: column;
}

.decoration-device-name .row {
    margin: 0!important;
}

.slider-toggler {
    font-size: 22px;


}

.slider-toggler.hidden {
    display: none;
}

.last-time {
    line-height: 9px;

}

.name-underline {
    text-decoration: underline;

}

.dev-info-table p {
    padding-left: 10px;
    padding-right: 10px;
}

/*    display: inline-block;
    padding: 5px 15px;
    border-bottom: 1px solid white;
    width: 100%;
    line-height: 1.4em;*/

input.report-date {
    color: #01577c;
    background: #ffffff;
    border: none;
    border-radius: 20px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 10px 0 rgba(49, 131, 168, 0.19);
}
input.report-date:focus{
    background: #ffffff;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}
.no-padding {
    padding: 0!important;
}

.report-section.title img {
    width: 20px!important;
    height: auto;
}
.info-mode-1 .report-section {
    width: 100%;
    padding: 3px 3px 3px 3px;
    display: flex;
}
.info-mode-1 .report-section.title {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}


.report-section.title2 {
    border: none;
    width: 100%;
    font-size: 14px;

}

.report-section.title244{
    border-radius: 25px;
    width: 100%;
    font-size: 14px;
    background-color: rgba(170, 170, 170, 0.13);
    padding: 0 0 0 0;

}

.cd-bouncy-nav{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
}


.info-mode-1 .report-indication {
    float: right;
    display: flex;
    padding: 0 0 0 0;
    text-align: center;

}
.info-mode-1 .report-content {
    float: left;
    padding: 0 0;
    width: 100%;
}

.report-content02{
    float: left;
    padding: 0 5px;
    width: 100%;
    font-size: 16px;
}

.sec-underline {
    border-bottom: 1px solid rgb(255, 255, 255);
}
.report-loading {
    width: 100%;
    text-align: center;
    padding-top: 20%;
    font-size: 1.4em;
}
.report-loading i {
    font-size: 1.8em;
}

.speed-loading {
    width: 100%;
    text-align: center;
    padding-top: 20%;
    font-size: 1.4em;
}
.speed-loading i {
    font-size: 1.8em;
}

/** Styles for name animation **/
.device-name {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.device-name span {
    display: inline-block;
    position: relative;
    animation: 6s linear 4s infinite alternate advanced;
}
.device-name span:hover {
    animation-play-state: paused
}
@keyframes advanced {
    0%, 25% {
        transform: translateX(0%);
        left: 0;
    }
    75%,
    100% {
        transform: translateX(-100%);
        left: 100%;
    }
}

#toastContent {
    position: fixed;
    top: 20px;
    left: 40px;
    z-index: 1000000;
    margin-right: 40px;
}

#toastContent .toast {
    font-size: 1.2rem;
}

.toast-fade.danger {
    background-color: red;
}

.toast-fade.info {
    background-color: blue;
}

.toast-fade.warning {
    background-color: orange;
}

.toast-fade.success {
    background-color: green;
}




/** ===================================================== */

.col-md-12 {
    background-color: #bbbbbb;
    height: 80px;
    text-align: center;

}

.container {
    margin: 0 0 0 0;
    text-align: center
}

.knopka {
    text-align: right;
    margin-right: 25px
}

.all {
    background-color: #19692c;
}

.body {
    margin: 0;
    text-align: center;
}

.navbar .navbar-inverse .navbar-fixed-top
{
    background-color: #0c5460;
    height: 50px;
}

.navbar-header
{
    width: 150px;
}

.col-md-12 navbar-nav menu
{
    text-align: center;
    width: auto;
}

.btn btn-primary btn-lg btn-block {
    background-color: #01628e;
    color: white;
    font-size: 20px;
    padding: 3px;
    width: 360px;
    height: 70px;
    text-align: center;
    border-radius: 50px;
}

.st0
{
    fill:none;
    stroke:#E0E0E0;
    stroke-width:2;
    stroke-miterlimit:10;
}

.st1
{
    opacity:0.96;
    fill: #f5f5f5;
}

.st2
{
    fill:#205789;
}

.st3
{
    font-family:'Calibri';
}

.st4
{
    font-size:80.4191px;
}

.st5
{
    fill:#45E54C;
}

.st6
{
    fill: #f5f5f5;
}

.st7
{
    font-size:42px;
}

.st8
{
    font-size:28.822px;
}

.st9
{
    fill: #00658b;
}

.st10
{
    font-size:63.6305px;
}

.st11
{
    fill:#B2B2B2;
}

.card-footer
{
    position: fixed;
    left: 0; bottom: 0;
    padding: 10px;
    color: #fff;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    border: none;
}

.card-footer.search-active {
    height: 87vh;
    overflow-y: auto;
    top: 13vh;
}

.app-search-addon {
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 111;
    font-size: 16px;
    background-color: white;
    border: none;
    border-radius: 10px;
    color: grey;
    padding: 4px 7px;
}

.card-footer.slider-active {
    overflow-y: hidden;
}

.top
{
    margin: 0;
    background-color: rgb(255, 255, 255);
}
.nav
{
    text-align: center;

}
.menu
{
    background-color: #014f73;
    height: 30px;
}

.ter
{
    background-color: #01628e;
    color: white;
    font-size: 20px;
    padding: 3px;
    width: 360px;
    height: 70px;
    text-align: center;
    border-radius: 50px;
}

/* Form Style */
a:hover,a:focus
{
    text-decoration: none;
    outline: none;
}

#accordion .panel
{

    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 5px;
}

#accordion .panel-heading
{
    padding: 0;
    border-radius: 0;
    text-align: center;
    border: none;

}


#accordion .panel-title a
{
    transition: all 0.3s ease 0s;
}



#accordion .panel-body
{
    font-size: 14px;
    background-color: rgba(1, 50, 73, 0.58);
    padding: 15px 20px;
    line-height: 25px;
    border: none;
    position: relative;
}


#accordion .panel-body:after
{
    content: "";
    position: absolute;
    top: -30px;
    left: 40px;
    border: 15px solid transparent;
}






.st0{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.st2{fill:#45E54C;}
.st3{fill:none;stroke:#E0E0E0;stroke-width:2;stroke-miterlimit:10;}
.st4{fill:#FFFFFF;}
.st5{fill:#00658B;}
.st6{font-family:'Calibri';}
.st7{font-size:63.6305px;}
.st8{fill:#B2B2B2;}
.st9{font-size:42px;}










.table{
    color: #ffffff;
    margin-top: -3px;
}


.st02
{
    opacity:0.96;
    fill:#FFFFFF;
    enable-background:new
;}

.st12
{
    fill:none;
    stroke:#FFFFFF;
    stroke-miterlimit:10;
}

.st22
{
    fill:none;
    stroke:#FFFFFF;
    stroke-width:2;
    stroke-miterlimit:10;
}

.st32
{
    fill:#45E54C;
}

.st42
{
    fill:#00658B;
}

.st52
{
    font-family:'Calibri';
}

.st62
{
    font-size:75px;
}

.st72
{
    fill:#00894B;
}

.st82
{
    fill:#FFFFFF;
}

.st92
{
    enable-background:new
;}

.st102
{
    font-size:65.5868px;
}

.st112
{
    font-size:33.7561px;
}




.graf-share-device
{
    overflow: scroll;
    height: 300px;
    border-radius: 50px 50px 50px 50px;

}


.graf
{
    background-color: rgba(3,72,102,0.67);
    overflow: scroll;
    height: 350px;
}


.rer {
    color: #ffffff;
    margin-top: -3px;

}
.tabl {
    color: #ffffff;
    margin-top: -3px;
}


.st03{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.st23{fill:#45E54C;}



.logo-container {
    position: fixed;
    top: 0;
    height: 50px;
    background-color: #1A5C80;
    width: 100%;
    padding: 0;
    text-align: center;
    z-index: 5;
}

.top-content-back {
    float: left;
}
.top-content-back img {
    width: 50px;
    height: auto;
}
.top-content-old {
    float: right;
    margin-right: 67px;
}
.top-content-old img {
    width: 60px;
    height: auto;
    margin-right: -10px;
    position: relative;
}

.col-img {
    float: left;
    margin: 0 10px;
}
.col-img img {
    max-height: 30px;
    margin: 10px 0;
}







a.cd-close {
    color: #ffffff;
    text-decoration: none;
}

menu-prev1{

}

ul.cd-bouncy-nav {
    list-style:none;
}

/* open button position */
.cd-section {
    top:5px;
    right:5px;
    position:fixed;
    z-index:6;
}
.cd-bouncy-nav-trigger {
    /* button style */
    background: rgb(0, 101, 139);
    color: #ffffff;
    padding: 1.2em 1em;
    border-radius: 10em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 10px rgba(23, 23, 24, 0.55);
    outline: none;
    border: none;
}

.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background-color:#fff;
    border-radius: 1px;
}
.icon-bar+.icon-bar {
    margin-top: 4px;
}
.no-touch .cd-bouncy-nav-trigger:hover {
    background: #ffffff;
}
.cd-bouncy-nav-modal {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
    -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
    transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
}
.cd-bouncy-nav-modal.fade-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.1s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.1s 0s, visibility 0s 0s;
    transition: opacity 0.1s 0s, visibility 0s 0s;

}

.cd-bouncy-nav-modal .cd-close {
    display: block;
    position: fixed;
    top:20px;
    right: 5%;
    width: 44px;
    height: 44px;
    /* image replacement */

}
.cd-bouncy-nav-modal.fade-in .cd-close {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
    transition: transform 0.3s 0s, visibility 0.3s 0s;
}
@media only screen and (min-width: 1170px) {
    .cd-bouncy-nav-modal .cd-close {
        top: 100px;
    }
}

.cd-bouncy-nav {
    position: absolute;
    left: 50%;
    top: 47vh;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 190%;
    max-width:288px;

}
.cd-bouncy-nav li {
    width: 50%;
    float: left;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    -o-transform: translateY(100vh);
    transform: translateY(100vh);
    text-align: center;
    margin-top: 9px;
}
.is-visible .cd-bouncy-nav li {
    /* used to assign a tranlsateY value when the animation is over */
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.fade-in .cd-bouncy-nav li {
    -webkit-animation: cd-move-in 0.4s;
    -moz-animation: cd-move-in 0.4s;
    animation: cd-move-in 0.4s;
}
.fade-out .cd-bouncy-nav li {
    -webkit-animation: cd-move-out 0.4s;
    -moz-animation: cd-move-out 0.4s;
    animation: cd-move-out 0.4s;
}
.fade-in .cd-bouncy-nav li, .fade-out .cd-bouncy-nav li {
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(3), .fade-out .cd-bouncy-nav li:nth-of-type(3) {
    -webkit-animation-delay: 0.15s;
    -moz-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(6), .fade-out .cd-bouncy-nav li:nth-of-type(6) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}



.fade-in .cd-bouncy-nav li:nth-of-type(7), .fade-out .cd-bouncy-nav li:nth-of-type(7) {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}


.fade-in .cd-bouncy-nav li:nth-of-type(8), .fade-out .cd-bouncy-nav li:nth-of-type(8) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
}




.cd-bouncy-nav a {
    display: inline-block;
    position: relative;
    padding: 0 0 0;
    margin-bottom: 0;
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
    color: #fff!important;
}
.cd-bouncy-nav a:hover {
    color: #005d73 !important;
}



.no-touch .cd-bouncy-nav a:hover::before {
    background-color: #ffffff;
}
.cd-bouncy-nav li:nth-of-type(2) a::before {
    background-position: -80px 0;
}
.cd-bouncy-nav li:nth-of-type(3) a::before {
    background-position: -160px 0;
}
.cd-bouncy-nav li:nth-of-type(4) a::before {
    background-position: -240px 0;
}
.cd-bouncy-nav li:nth-of-type(5) a::before {
    background-position: -320px 0;
}
.cd-bouncy-nav li:nth-of-type(6) a::before {
    background-position: -400px 0;
}
@media only screen and (min-width: 568px) {
    .cd-bouncy-nav {
        max-width: 450px;
    }
    .cd-bouncy-nav li {
        width: 33.33%;
        float: left;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(1), .fade-out .cd-bouncy-nav li:nth-of-type(1) {
        -webkit-animation-delay: 0.1s;
        -moz-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
        -webkit-animation-delay: 0.25s;
        -moz-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }



}

@-webkit-keyframes cd-move-in {
    0% {
        -webkit-transform: translateY(100vh);
    }
    65% {
        -webkit-transform: translateY(-1.5vh);
    }
    100% {
        -webkit-transform: translateY(0vh);
    }
}
@-moz-keyframes cd-move-in {
    0% {
        -moz-transform: translateY(100vh);
    }
    65% {
        -moz-transform: translateY(-1.5vh);
    }
    100% {
        -moz-transform: translateY(0vh);
    }
}
@keyframes cd-move-in {
    0% {
        -webkit-transform: translateY(100vh);
        -moz-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        -o-transform: translateY(100vh);
        transform: translateY(100vh);
    }
    65% {
        -webkit-transform: translateY(-1.5vh);
        -moz-transform: translateY(-1.5vh);
        -ms-transform: translateY(-1.5vh);
        -o-transform: translateY(-1.5vh);
        transform: translateY(-1.5vh);
    }
    100% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
    }
}
@-webkit-keyframes cd-move-out {
    0% {
        -webkit-transform: translateY(0vh);
    }
    100% {
        -webkit-transform: translateY(-100vh);
    }
}
@-moz-keyframes cd-move-out {
    0% {
        -moz-transform: translateY(0vh);
    }
    100% {
        -moz-transform: translateY(-100vh);
    }
}
@keyframes cd-move-out {
    0% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
    }
    100% {
        -webkit-transform: translateY(-100vh);
        -moz-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
        -o-transform: translateY(-100vh);
        transform: translateY(-100vh);
    }
}

@keyframes cd-move-out {
    0% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
    }
    100% {
        -webkit-transform: translateY(-100vh);
        -moz-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
        -o-transform: translateY(-100vh);
        transform: translateY(-100vh);
    }
}

@keyframes cd-move-out {
    0% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
    }
    100% {
        -webkit-transform: translateY(-100vh);
        -moz-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
        -o-transform: translateY(-100vh);
        transform: translateY(-100vh);
    }
}

/*КНОПКА НАЗАД В ГЛАВНОМ МЕНЮ*/




.padding-main-menuSecond {
    margin-top: -1px;
    text-align: left;
    margin-left: -10px;
    width: 273px;
    opacity: 1;
    visibility: visible;
    transition: opacity 1s, visibility 0s;
}

.fa.fa-chevron-left {
    color: #01577c;
}

.prew-main-menu{
    color: #01577c;
    margin-left: 10px;
    font-size: 16px;
}

.prew-main-menu:hover, .prew-main-menu:focus{
    text-decoration: none;
    outline: none;
    color: white;

}


a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
#accordion{
    padding-left: 33px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#accordion:before{
    content: "";
    width: 1px;
    height: 100%;
    background: #01577c;
    position: absolute;
    top: 0;
    left: 22px;
    z-index: -1;
}
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
}
#accordion .panel-heading{
    padding: 0;
    border-radius: 0;
    border: none;

}
#accordion .panel-title a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #01577c;
    padding: 10px 30px 15px 0;
    background: #fff;
    position: relative;
    transition: all 0.5s ease 0s;

}

#accordion .panel-title a.collapsed:before{
    color: #08678d;
    background: #fff;
}
#accordion .panel-body{
    font-size: 14px;
    color: #487677;
    line-height: 25px;
    padding: 5px 5px 5px 0;
    border: none;
}




.header {
    background-color: #00658b;
    height: 80px;
    text-align: center;
    color: white;
    align-items: center;
    font-family: Calibri;
}


.button1 {
    height: 40px;
    text-align: center;
    color: white;
    align-items: center;
    font-family: Calibri;
    padding: 0 0!important;
}

.kor {
    margin-top: -31px;
    text-align: left;
    margin-left: 10px;
    padding: 0 0!important;
}

.txt {
    color: #01577c;
    margin: 10px;
    text-align: left;
    font-family: "Calibri"
}

.panel-body2 {
    color: #01577c;
    text-align: left;
    width: content-box;
}
.rof {
    color: #01577c;
}
.table-hover2 {
    color: #01577c;
    background-color: white;

}

/** перенесенные из svg стили */

.st05{
    fill: rgba(248, 255, 253, 0.31);
    stroke: rgba(1, 87, 124, 0.87);
    stroke-width:3;
    stroke-miterlimit:10;
}

.st15{
    fill:#15668C;
}

.st25{
    font-family:'Calibri';
}

.st35{
    font-size:51.518px;
}

.st45{
    fill:#15668C;
    stroke: #01577c;
    stroke-miterlimit:10;
}

.st050{
    fill: rgba(248, 255, 253, 0.31);
    stroke: rgba(1, 87, 124, 0.87);
    stroke-miterlimit:10;
    stroke-width:3;
}

.st150{
    fill:#15668C;
}

.st250{
    font-family:'Calibri';
}

.st350 {
    font-size: 51.518px;
}



.st06{
    fill: rgba(248, 255, 253, 0.31);
    stroke: rgba(1, 87, 124, 0.87);
    stroke-width:3;
    stroke-miterlimit:10;
}

.st16{
    fill:#15668C;
    stroke:#01577c;
    stroke-miterlimit:10;
}

.st26{
    fill:#15668C;
}

.st36{
    font-family:'Calibri';
}

.st46{
    font-size:51.518px;
}

.st04{
    fill: rgba(248, 255, 253, 0.31);
    stroke: rgba(1, 87, 124, 0.87);
    stroke-width:3;
    stroke-miterlimit:10;
}

.st14{
    fill:#15668C;
}

.st24{
    font-family:'Calibri';
}

.st34{
    font-size:51.518px;
}

.st44{
    fill:#15668C;
    stroke:#15668C;
    stroke-miterlimit:10;
}

.st08{
    fill: rgba(248, 255, 253, 0.31);
    stroke: rgba(1, 87, 124, 0.87);
    stroke-width:3;
    stroke-miterlimit:10;
}

.st18{
    fill:#15668C;
}

.st28{
    font-family:'Calibri';
}

.st38{
    font-size:51.518px;
}

.st48{
    fill:#15668C;
    stroke:#15668C;
    stroke-miterlimit:10;
}

.st009{
    fill: rgba(248, 255, 253, 0.31);
    stroke: rgba(1, 87, 124, 0.87);
    stroke-width:3;
    stroke-miterlimit:10;
}

.st109{
    fill:#15668C;
}

.st209{
    font-family:'Calibri';
}

.st309{
    font-size:51.518px;
}

.st409{
    fill:none;
    stroke:#15668C;
    stroke-width:3;
    stroke-miterlimit:10;
}

.st004{
    fill: rgba(248, 255, 253, 0.31);
    stroke: rgba(1, 87, 124, 0.87);
    stroke-width:3;
    stroke-miterlimit:10;
}

.st104{
    fill:#15668C;
}

.st204{
    font-family:'Calibri';
}

.st304 {
    font-size:51.518px;
}

.st404 {
    fill:#15668C;
    stroke:#15668C;
    stroke-miterlimit:10;
}






/* Badges */

.badge {
    min-width: 10px;
    padding: 3px 7px !important;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    display: inline-block;
    color: #fff;
    border-radius: 15px;
}

.badge.badge-red {
    color: #ffffff;
    background: #ed5441;
}



/* Item */
.panel-heading6{
    max-width:600px;
    margin:0 auto;
    border:1px solid rgba(0, 101, 139, 0.61);
    border-bottom:0;
    border-radius: 15px;
    background:#fcfcfc;
    font-size:13px;
    line-height:23px;
    font-weight:600;
    color: #004b68;
}

.panel-heading6{
    background-color: white;
    border-bottom:1px solid #e8e8e8;
    border-radius: 15px;
}


/* текст */
.panel-heading06{
    padding:5px 8px;
    display:block;
    border-radius: 15px;
    color: #004b68;
}
@media(max-width: 360px){
    .panel-heading06{
        padding:5px 10px 10px;
    }
}
/* Left */
.ui-179 a.ui-heading span.ui-left{
    margin:3px 0;
    display:inline-block;
    font-size:13px;
    line-height:23px;
    font-weight:600;
    color: rgba(27, 109, 133, 0.15);
}

@media(max-width: 481px){
    .ui-179  a.ui-heading span.ui-left{
        margin:5px auto 12px;
    }
}
@media(max-width: 360px){
    .ui-179 a.ui-heading span.ui-left{
        width:100%;
        font-size:12px;
        line-height:22px;
    }
}
/* Badge */
.ui-179 a.ui-heading span.ui-left span.badge{
    background-color: white;
    margin:0 5px;
    font-weight:600;
}
/* Right */
.ui-179 a.ui-heading span.ui-right{
    float:right;
    width:130px;
}
@media(max-width: 481px){
    .ui-179 a.ui-heading span.ui-right{
        float:none;
    }
}



/* Heading  */
.panel-panel-default4{
    background-color: white;

}
@media(max-width: 300px){
    .ui-179  a.ui-heading span.ui-right span.ui-heading{
        font-size:16px;
        color: #0c5460;
        line-height:22px;
    }
}
/* Icon */
.fa-fa-angle-down{
    float:right!important;
    text-align: right;
    position: relative;
    width:21px;
    height:21px;
    line-height:21px;
    border-radius:100%;
    font-size:14px;
    margin:4px 0;
    border:1px solid #015277;
    background:#fafafa;
    color: #015277;
}

.er {
    background-color: white;
    color: #0c5460;
    font-family: Calibri;
    font-size: 16px;
    text-align: left;
    padding: 5px 5px 5px 5px;

}
.hr1 {
    border: solid 1px rgba(27, 109, 133, 0.4);
}
.status-button {
    background-color: #0c5460;
}


.carousel {
    position: absolute;
    width: 1000px;
}







/* СТИЛИ КНОПОК ПЕРЕКЛЮЧАТЕЛЕЙ ВНУТРИ КАРУСЕЛИ */

.arrow:focus {
    outline: none;
}

.arrow:hover {
    background: #ccc;
    cursor: pointer;
}

.prev {
    left: 7px;
}

.next {
    right: 7px;
}

.gallery {
    width: auto;
    overflow: hidden;
}

.gallery ul {
    height: 250px;
    width: auto;
    margin: 0;
    padding: 0;

}

.gallery li {
    display: inline-block;
}

.btn-group{
    background-color: rgba(255, 255, 255, 0);
    border: none;
    margin-top: -87.5px;
}

.cd-bouncy-nav-trigger{
    width: 40px;
    height: 40px;
}
.icon-bar{
    margin-left: -5px;
    margin-top: -3px;
}


.carousel {
    max-width: 1000px;
}

.carousel-new{
    width: 500px;
}



.arrow:focus {
    outline: none;
}

.arrow:hover {
    background: rgba(2, 77, 124, 0.12);
    cursor: pointer;
}

.prev {
    width: 55px;
    height:25px;
    margin-left: 10px;
    background-color: rgba(24, 65, 80, 0.86);
    border: none;
    border-radius: 86px
}

.next {
    width: 55px;
    height:25px;
    background-color: rgba(24, 65, 80, 0.86);
    border: none;
    border-radius: 86px;
    margin-left: 5px
}

.gallery {
    width: auto;
    overflow: hidden;
}

.gallery ul {
    height: 650px;
    width: 9999px;
    margin: 0;
    padding: 0;

}

.gallery li {
    height: 200px;
    display: inline-block;
}

.white{
    height: 15px;
}

.white-top{
    height: 10px;
}


.rer {
    color: #ffffff;
    margin-top: -3px;
}

.tabl {
    color: #ffffff;
    margin-top: -3px;
}

.btn.btn-default3{
    width: 250px;
    height: 39px;
    font-size:15px;
    color:#fff;
    background:#01577c;
    border-radius:30px;
    padding:5px 5px;
    margin-left:3px;
    cursor:pointer;
    display:inline-block;
}


.support-new{
    color: #1A5C80;
    text-align: center;
}



/* СТИЛИ КНОПОК ПЕРЕКЛЮЧАТЕЛЕЙ ВНУТРИ КАРУСЕЛИ
.{
    width: fixed;
}
.{
    widows: fixed;
}
*/


.msgStyle{
    width: 200px;
    text-align: center;
}

.form-group-mobile-main{
    width: content-box;
    text-align: center;
    margin: 0 0 0;
    border-radius: 15px;
}

.container-btn{
    color: #1A5C80;
    text-align: center;
    margin: 0;
}

.main-txt-form{
    padding: 10px;
}

.radio-btn-add{
    border-radius: 30px;
    background-color: #0c5460;
    color: white;
}

.viewDevicep{
    margin-left: 35px;
    color: #01577c;
    text-align: left;
}

.btn-edit{
    width: 90px;
    height: 30px;
    background-color: #ffffff;
    border: none;
    border-radius: 15px;
    color: #01577c;
}

.white-botton{
    height: 13px;
}


/********************************************************************************************************************/
/*ИМПОРТИРОВАНЫЕ СТИЛИ С ДЕСКТОПА - УБРАЛА СТИЛЬ КАРД ФУТТЕРА (CARD FOOTER) ЗЕТ ИНДЕКС*/
/*отфильтровать в файлике десктоп нужные стили и перелить в этот файлик: можно заменить */


.panel-heading{
    z-index: 1000;
    position: relative;
}

.form-control{
    background: #f0f0f0;
    border: solid 1px;
    border-color: rgba(13,27,36,0.17);
    border-radius: 20px;
    box-shadow: none;
    padding: 0 20px 0 25px;
    height: 37px;
    transition: all 0.3s ease 0s;
}

.form-control:focus{
    background: #e0e0e0;
    box-shadow: none;
    outline: 0 none;
}

.white{
    height: 100px;
    width: auto;
}

.btn.btn-default2{
    width: 100px;
    background-color: #0c5460;
    border-radius: 15px;
    color: white;

}

.btn.btn-default22{
    width: 100px;
    height: 34px;
    background-color: #0c5460;
    border: none;
    border-radius: 15px;
    color: white;
}


.txt-device{
    text-align: center;
}

.button{
    text-align: center;
}
.btn.btn-default27{
    width: 140px;
    background-color: #0c5460;
    border-radius: 15px;
    color: white;
}





/* СТИЛИ ДЛЯ Е-ИНСТРУКЦИИ В МОБ.ПРИЛ. */

.imgsvg-logo{
    width: 125px;
    margin-top: 2px;
    text-align: center
}




/* СТИЛИ ДЛЯ НАСТРОЙКИ ФОРМЫ УСТРОЙСТВ */

.inputsadd{
    text-align: center;
    margin-top: 7px;
}

.select-style-new{
    padding: 8px;
    border-radius: 80px;
    border-color: #bfbfbf;
    color: #01577c;
    width: 320px;
}

.select-style-new-add-geozones{
    padding: 8px;
    border-radius: 80px;
    border-color: #bfbfbf;
    color: #01577c;
    width: 189px;
}

.padding-geozone{
    padding-left: 15px;
    width: 600px;
}

.input-disabled{
    background-color: white;
    border: none;
}

.btntwice{
    width: 100%;
}

.btn.btn-default2{
    padding: 9px;
    background-color: #01577c;
    border: none;
}

.btn.btn-default29{
    width: 200px;
    padding: 9px;
    background-color: #01577c;
    border: none;
    color: white;
    border-radius: 50px;
    margin-left: -30px;
}

.log{

    color: #b1b1b1;
}


.small-hr{
    color: rgba(1, 87, 124, 0.26);
    background-color: rgba(1, 87, 124, 0.26);
}


#button-3 .knobs:before
{
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 9px 4px;
    background-color: #66d175;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-3 .checkbox:checked + .knobs:before
{
    content: '';
    left: 22px;
    background-color: #F44336;
}



#button-4 .knobs:before
{
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 9px 4px;
    background-color: #66d175;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-4 .checkbox:checked + .knobs:before
{
    content: '';
    left: 22px;
    background-color: #F44336;
}





#button-5 .knobs:before
{
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 9px 4px;
    background-color: #66d175;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-5 .checkbox:checked + .knobs:before
{
    content: '';
    left: 22px;
    background-color: #f44336;
}




.button-cover
{
    margin: 10px;
    background-color: #fff;
    box-shadow: 0 3px 0 #e7efef;
}
.button-cover:before
{
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #e7efef;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}
.button-cover, .knobs, .layer
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.button
{
    position: relative;
    width: 54px;
    height: 36px;
    margin: -20px auto 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}
.button.r, .button.r .layer
{
    border-radius: 100px;
    position: relative;
    z-index: 0;
    border: solid 1px;
    border-color: #01577c;
}

.button.b2
{
    border-radius: 2px;
}

.knobs
{
    z-index: 2;
}

.layer
{
    width: 100%;
    background-color: #ebf7fc;
    z-index: 1;
}


.table.table-bordered{
    width: 373px;
}

.form-control{
    border-radius: 50px;
    background-color: white;
    width: 320px;
    color: #01577c
}

.main-container-device{
    color: #01577c
}

.text-main-checked{
    text-align: center;
    padding-left: 10%;
}

.height-of-editDevice{
    height: 22px;
}

.height-of-editDevice-edit{
    height: 19px;
}

.button.r{
    width: 55px;
}

.newstyle{
    text-align: left;
    padding-left: 30px;
}

.newstyle3{
    text-align: left;
    padding: 0 0 0 0;
    margin-left: 30px;
    margin-top: -25px;
    font-size: 16px;
}



.checkbox {
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.size-of-checked{
    margin-left: 260px;
    margin-top: -61px;
}



.ramka{
    margin-left: 10px;
    margin-top: 40px;
    border: solid 1px;
    border-radius: 30px;
    border-color: rgba(101, 101, 101, 0.58);
    padding-bottom: 7px;
    width: 354px;
}

.data-service{
    margin-left: 220px;
    margin-top: -40px;
}

.height-of-editDevice-small{
    height: 11px;
}

.edit-checkbox{
    -webkit-appearance: none;
    margin-left: 260px;
    margin-top: -50px;
}

.edit-checkbox-delete{
    -webkit-appearance: none;
    margin-left: 280px;
    margin-top: -30px;
}

.carservice-style{
    text-align: left;
    padding-left: 30px;
}

.style-of-chacked{
    margin-left: -40px;
}

.zones-style{
    text-align: center;
    margin-top: 20px;
}

.btn.btn-default2-zones{
    width: 180px;
    height: 34px;
    background-color: #01577c;
    border: none;
    border-radius: 15px;
    color: white;
}

.center-of-sos{
    text-align: center;
}

.top-content-geozones{
    width: 400px;
}

.map-position{
    width: 100%;
    height: 100%;
    position: fixed;
    margin-top: 45px;
}


.b-container{
    margin-left: 205px;
    margin-top: -37px;
    padding: 8px;
    text-align: center;
    border-radius: 80px;
    height: 19px;
    border: solid 1px;
    border-color: #bfbfbf;
    color: #01577c;
    width: 120px;
}
.b-popup{
    width:700px;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0;
    margin-left: -30px;
}
.b-popup .b-popup-content{
    margin:130px 110px 110px 70px;
    width:255px;
    height: 80px;
    padding:10px;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0 0 10px #000;
}
.b-popup-content-drivers{
    height: 260px;
    margin:130px 110px 110px 70px;
    width:255px;
    padding:10px;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0 0 10px #000;
    z-index: 1;
}

.b-popup-content-notification{
    height: 100px;
    margin:130px 110px 110px 70px;
    width:255px;
    padding:10px;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0 0 10px #000;
    z-index: 1;
}

.b-popup-content-notification2{
    height: 100px;
    margin:130px 110px 110px 70px;
    width:255px;
    padding:10px;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0 0 10px #000;
    z-index: 1;
}

.b-popup-content-service{
    height: 360px;
    margin:150px 110px 110px 70px;
    width:255px;
    padding:10px;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0 0 10px #000;
}


.popup-style{
    text-align: center;
    margin-top: 7px;
}

.drivers{
    color: #01577c;
    text-align: left;
    margin-left: 15px;
}

.drivers-part2{
    text-align: left;
    margin-left: 145px;
    margin-top: -96px;
}

.select-style-new-add-geozones{
    background-color: white
}

.input.file-upload-button{
    background-color: #01577c ;
}

.style-of-chacked-sos{
    margin-left: -50px;
}


/* СТИЛИ ДЛЯ ОПОВЕЩЕНИЙ В МЕНЮ */
.red-danger{
    color: #01577c;
}

.txt-notification{
    text-align: left;
}

.style-of-chacked{
    margin-left: -160px;
    margin-top: -31px;
}

.blue{
    text-align: left;
    padding-left: 30px;
}

.one-line{
    margin-top: -50px;
    margin-left: 130px;

}
.style-of-chacked2{
    margin-left: 10px;
    margin-top: -31px;
}

.text-main-checked{
    color: #01577c;
}

.blue{
    color: #01577c;
}
.style-of-chacked6{
    margin-left: -60px;
}

.style-of-chacked-drivers{
    margin-left: -54px;
}
.margin-top-style{
    margin-top: 40px;
}















/* СТИЛИ ДЛЯ КАЛЕНДАРЯ В РАЗДЕЛЕ ОПЛАТЫ*/

.datepicker--cells{
    display:-webkit-flex;
    display:-ms-flexbox;display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.datepicker--cell{
    border-radius:4px;
    box-sizing:border-box;
    cursor:pointer;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:32px;
    z-index:1
}
.datepicker--cell.-focus-{background:#f0f0f0}
.datepicker--cell.-current-{color:#4EB5E6}
.datepicker--cell.-current-.-focus-{color:#4a4a4a}
.datepicker--cell.-current-.-in-range-{color:#4EB5E6}
.datepicker--cell.-in-range- {
    background:rgba(92,196,239,.1);
    color:#4a4a4a;
    border-radius:0
}
.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}
.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}
.datepicker--cell.-disabled-.-focus-{color:#aeaeae}
.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}
.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}
.datepicker--cell.-range-from-{
    border:1px solid rgba(92,196,239,.5);
    background-color:rgba(92,196,239,.1);
    border-radius:4px 0 0 4px
}
.datepicker--cell.-range-to-{
    border:1px solid rgba(92,196,239,.5);
    background-color:rgba(92,196,239,.1);
    border-radius:0 4px 4px 0
}
.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}
.datepicker--cell.-range-from-.-range-to-{border-radius:4px}
.datepicker--cell.-selected-{border:none}
.datepicker--cell.-selected-.-focus-{background:#45bced}
.datepicker--cell:empty{cursor:default}
.datepicker--days-names{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:8px 0 3px
}
.datepicker--day-name{
    color: #006287;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-flex:1;-ms-flex:1;flex:1;
    text-align:center;
    text-transform:uppercase;
    font-size:.8em
}
.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}
.datepicker--cell-day{width:14.28571%}
.datepicker--cells-months{height:170px}
.datepicker--cell-month{width:33.33%;height:25%}
.datepicker--cells-years,.datepicker--years{height:170px}
.datepicker--cell-year{width:25%;height:33.33%}
.datepickers-container{position:absolute;left:0;top:0}
@media print{.datepickers-container{display:none}}
.datepicker{
    background:#fff;
    border:1px solid #dbdbdb;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    border-radius:4px;
    box-sizing:content-box;
    font-family:Tahoma,sans-serif;
    font-size:14px;
    color:#4a4a4a;
    width:250px;
    position:absolute;
    left:-100000px;
    opacity:0;
    transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;
    transition:opacity .3s ease,transform .3s ease,left 0s .3s;
    transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;
    z-index:100
}
.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}
.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}
.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}
.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}
.datepicker.active{
    opacity:1;
    -webkit-transform:translate(0);
    transform:translate(0);
    transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;
    transition:opacity .3s ease,transform .3s ease,left 0s 0s;
    transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease
}
.datepicker-inline .datepicker{
    border-color:#d7d7d7;
    box-shadow:none;
    position:static;
    left:auto;right:auto;
    opacity:1;
    -webkit-transform:none;
    transform:none
}
.datepicker--content{box-sizing:content-box;padding:4px}
.datepicker--pointer{
    position:absolute;
    background:#fff;
    border-top:1px solid #dbdbdb;
    border-right:1px solid #dbdbdb;
    width:10px;
    height:10px;
    z-index:-1
}
.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}
.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{
    top:calc(100% - 4px);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg)
}
.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{
    right:calc(100% - 4px);
    -webkit-transform:rotate(225deg);
    transform:rotate(225deg)
}
.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{
    bottom:calc(100% - 4px);
    -webkit-transform:rotate(315deg);
    transform:rotate(315deg)
}
.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{
    left:calc(100% - 4px);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}
.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}
.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}
.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}
.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}
.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}
.datepicker--body.active{display:block}
.datepicker--nav{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-bottom:1px solid #efefef;
    min-height:32px;
    padding:4px
}
.-only-timepicker- .datepicker--nav{display:none}
.datepicker--nav-action,.datepicker--nav-title{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.datepicker--nav-action{
    width:32px;
    border-radius:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.datepicker--nav-action.-disabled-{
    visibility:hidden
}
.datepicker--nav-action svg{
    width:32px;
    height:32px
}
.datepicker--nav-action path{
    fill:none;
    stroke:#9c9c9c;
    stroke-width:2px
}
.datepicker--nav-title{
    border-radius:4px;
    padding:0 8px
}
.datepicker--buttons,.datepicker--time{
    border-top:1px solid #efefef;
    padding:4px
}
.datepicker--nav-title i{
    font-style:normal;
    color:#9c9c9c;
    margin-left:5px
}
.datepicker--nav-title.-disabled-{
    cursor:default;
    background:0 0
}
.datepicker--buttons{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.datepicker--button{
    color:#4EB5E6;
    cursor:pointer;
    border-radius:4px;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;height:32px
}

.datepicker--button:hover{
    color:#4a4a4a;
    background:#f0f0f0
}
.datepicker--time{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex:0 1 138px;
    -ms-flex:0 1 138px;
    flex:0 1 138px;
    max-width:138px
}
.-only-timepicker- .datepicker--time{
    border-top:none
}
.datepicker--time-sliders{
    -webkit-flex:0 1 153px;
    -ms-flex:0 1 153px;
    flex:0 1 153px;
    margin-right:10px;
    max-width:153px
}
.datepicker--time-label{
    display:none;
    font-size:12px
}
.datepicker--time-current{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-flex:1;-ms-flex:1;
    flex:1;font-size:14px;
    text-align:center;
    margin:0 0 0 10px
}
.datepicker--time-current-colon{
    margin:0 2px 3px;
    line-height:1
}
.datepicker--time-current-hours,.datepicker--time-current-minutes{
    line-height:1;
    font-size:19px;
    position:relative;
    z-index:1
}
.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{
    content:'';
    background:#f0f0f0;
    border-radius:4px;
    position:absolute;
    left:-2px;
    top:-3px;
    right:-2px;
    bottom:-2px;
    z-index:-1;
    opacity:0
}
.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{
    opacity:1
}
.datepicker--time-current-ampm{
    text-transform:uppercase;
    -webkit-align-self:flex-end;
    -ms-flex-item-align:end;
    align-self:flex-end;
    color:#9c9c9c;
    margin-left:6px;
    font-size:11px;
    margin-bottom:1px
}
.datepicker--time-row{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:11px;
    height:17px;
    background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat
}
.datepicker--time-row:first-child{margin-bottom:4px}
.datepicker--time-row input[type=range]{
    background:0 0;
    cursor:pointer;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    height:100%;
    padding:0;
    margin:0;
    -webkit-appearance:none
}
.datepicker--time-row input[type=range]::-ms-tooltip{
    display:none
}
.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{
    border-color:#b8b8b8
}
.datepicker--time-row input[type=range]:hover::-moz-range-thumb{
    border-color:#b8b8b8
}
.datepicker--time-row input[type=range]:hover::-ms-thumb{
    border-color:#b8b8b8
}
.datepicker--time-row input[type=range]:focus{
    outline:0
}
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{
    background:#5cc4ef;border-color:#5cc4ef
}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb{
    background:#5cc4ef;border-color:#5cc4ef
}
.datepicker--time-row input[type=range]:focus::-ms-thumb{
    background:#5cc4ef;border-color:#5cc4ef
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    box-sizing:border-box;
    height:12px;
    width:12px;
    border-radius:3px;
    border:1px solid #dedede;
    background:#fff;
    cursor:pointer;
    transition:background .2s;
    margin-top:-6px
}
.datepicker--time-row input[type=range]::-moz-range-thumb{
    box-sizing:border-box;
    height:12px;
    width:12px;
    border-radius:3px;
    border:1px solid #dedede;
    background:#fff;
    cursor:pointer;
    transition:background .2s
}
.datepicker--time-row input[type=range]::-ms-thumb{
    box-sizing:border-box;
    height:12px;
    width:12px;
    border-radius:3px;
    border:1px solid #dedede;
    background:#fff;
    cursor:pointer;
    transition:background .2s
}

.datepicker--time-row input[type=range]::-moz-range-track{
    border:none;
    height:1px;
    cursor:pointer;
    color:transparent;
    background:0 0
}
.datepicker--time-row input[type=range]::-ms-track{
    border:none;
    height:1px;
    cursor:pointer;
    color:transparent;
    background:0 0
}
.datepicker--time-row span{
    padding:0 12px
}

.datepicker--time-icon{
    color:#9c9c9c;
    border:1px solid;
    border-radius:50%;
    font-size:16px;
    position:relative;
    margin:0 5px -1px 0;
    width:1em;
    height:1em
}
.datepicker--time-icon:after,.datepicker--time-icon:before {
    content:'';
    background:currentColor;
    position:absolute
}
.datepicker--time-icon:after{
    height:.4em;
    width:1px;
    left:calc(50% - 1px);
    top:calc(50% + 1px);
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.datepicker--time-icon:before {
    width:.4em;
    height:1px;
    top:calc(50% + 1px);
    left:calc(50% - 1px)
}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
    color:#dedede
}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{
    color:#c5c5c5
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{
    color:#dedede
}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{
    color:#fff;background:#a2ddf6
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{
    background:#8ad5f4
}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{
    background-color:rgba(92,196,239,.1);color:#ccc
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{
    background-color:rgba(92,196,239,.2)
}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{
    background:0 0;border:none
}









/*TOOLTIP СТИЛЬ ДЛЯ ВСПЛЫВАЮЩИХ ПОДСКАЗОК */
.margin-popup{
    margin-top: 2px;
    margin-left: -393px;
}

.tooltip {
    margin-top: 2px;
    margin-left: -230px;
    visibility: hidden;
    opacity: .40;
    width: 220px;
    height: 43px;
    padding: 0 12px ;
    background: rgba(0, 75, 103, 0.75);
    color: #ffffff;
    border-radius: 9px;
    font-size: 12px;
    box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
}

.con-tooltip:hover .tooltip{
    visibility: visible;
    transform: translateY(-5px);
    opacity: 1;
    transition: .3s linear;
    animation: odsoky 1s ease-in-out infinite  alternate;

}
.left .tooltip { top:-20%; left:115%; }



.con-tooltip.left{
    margin-left: 230px;
    margin-top: -20px;
}



/*СТИЛИ ПАЛИТРЫ ЦВЕТОВ ДЛЯ СЛЕДА*/
#color-picker{
    margin:25px auto;
    width:450px;
}
#color-values{
    display:block;
    list-style:none;
    color:#222;
    float:left;

    padding: 5px;
    text-align:left;
}
#pcr_bg{
    border-radius: 100px;
    height:30px;
    width: 244px;
}
.center-style{
    margin-top: 190px;
    margin-left: -245px;
}
.picker-wrapper,
.pcr-wrapper {
    position: relative;
    float: left;
}
.picker-indicator,
.pcr-indicator {
    position: absolute;
    left: 0;
    top: 0;
}
.picker,
.pcr {
    cursor: crosshair;
    float: left;
}
.cp-default .picker {
    width: 200px;
    height: 200px;
}
.cp-default .pcr {
    width: 30px;
    height: 200px;
}
.cp-default .pcr-wrapper {
    margin-left: 10px;
}
.cp-default .picker-indicator {
    width: 5px;
    height: 5px;
    border: 2px solid darkblue;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    background-color: white;
}
.cp-default .pcr-indicator {
    width: 100%;
    height: 10px;
    left: -4px;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);
    border: 4px solid lightblue;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: white;
}
.form-control{
    color: #01577c;
}


/*КНОПКА БЛОКИРОВКИ ДВИГАТЕЛЯ*/
.size-of-btn{
    width: 50px;
}
.size-of-btn-off{
    width: 50px;
}
.width-of-container{
    width: 300px;
}
.b-popup-content-service2{
    height: 125px;
    margin:150px 110px 110px 70px;
    width:255px;
    padding:10px;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0 0 10px #000;
}
.text-left-block{
    padding-left: 15px;
    text-align: left;
}
.style-of-block-btn{
    margin-left: 150px;
}

#button-6 .knobs:before
{
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 9px 4px;
    background-color: #c5c5c5;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-6 .checkbox:checked + .knobs:before
{
    content: '';
    left: 22px;
    background-color: #66d175;
}



/*СТИЛИ КНОПКИ SOS*/
.site-preloader-wrap .cssload-loader {
    left: 50%;
    margin: -75px 0 0 -75px;
    position: absolute;
    top: 50%;
    width: 146px;
    height: 146px;
    line-height: 146px;
    box-sizing: border-box;
    text-align: center;
    z-index: 0;
    text-transform: uppercase;
    -o-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
}
.cssload-loader:before,
.cssload-loader:after {
    opacity: 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    content: "\0020";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 49px rgb(191, 50, 51), inset 0 0 49px rgb(191, 50, 51);
}

.cssload-loader:before {

    animation: cssload-gogoloader 2s infinite;
    -o-animation: cssload-gogoloader 2s infinite;
    -ms-animation: cssload-gogoloader 2s infinite;
    -webkit-animation: cssload-gogoloader 2s infinite;
    -moz-animation: cssload-gogoloader 2s infinite;
}
@keyframes cssload-gogoloader {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-o-keyframes cssload-gogoloader {
    0% {
        -o-transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -o-transform: scale(1);
        opacity: 0;
    }
}
@-ms-keyframes cssload-gogoloader {
    0% {
        -ms-transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -ms-transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes cssload-gogoloader {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}
@-moz-keyframes cssload-gogoloader {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0;
    }
}
.Btn-Sos{
    margin-top: -62px;
}
.sos-name{
    color: #01577c;
}

.b-popup-content-service-sos{
    height: 208px;
    margin:150px 110px 110px 70px;
    width:255px;
    padding:10px;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0 0 10px #000;
}
.b-popup-content-service-sos2{
    height:50px;
    margin:150px 110px 110px 70px;
    width:255px;
    padding:10px;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0 0 10px #000;
}


/*СТИЛИ ДЛЯ НАСТРОЕК ОПОВЕЩЕНИЙ*/
.input-btn-check{
    margin-left: 218px;
    margin-top: -42px;
}


/*СТИЛИ ЛИЧНОГО КАБИНЕТА ПОЛЬЗОВАТЕЛЯ*/

.equ-menu-container{
    padding: 2px 0;
}

.Main-information {
    color: #01577c;
    padding: 5px 5px 5px 15px;
    text-align: left;
}
.square{
    margin: -50px 0 0 0;
    padding: 5px 5px 5px 5px;
    width: content-box;
    height: 699px;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(255, 255, 255);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 50px 50px 0 0;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 3;
}




.Account-style{
    padding: 5px 5px 5px 5px;
}
.Account-style2{
    padding: 5px 5px 5px 5px;
    margin-top: 5px;
}

.square2{
    position: relative;
    z-index: -5;
    margin: 12px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 50px 50px 0 0;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);

}


.square3{
    margin: 0 0 0 0;
    width: content-box;
    height: 110px;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 0 0;
}
.square3.sflex{
    height: auto;
}

.Edit-Users-account{
    border: none;
    background-color: rgba(255, 255, 255, 0);
    text-align: right;

    position: relative;
    z-index: 10;
}


.container-Main{
    font-size: 15px;
    /*background-color: rgba(59, 127, 172, 0.11);*/
    margin-top: 10px;
}

.container-Main-contentData{
    font-size: 15px;
    margin-top:-100px;
    background-color: rgb(255, 255, 255);
}
.new-menu2{
    height: 100px;
    background-color: white;
    position: relative;
    z-index: 999999999;
}


.p1{
    margin-top: -15px;
    color: rgba(42, 100, 133, 0.86);

}
.p01{
    margin-top: -18px;
    color: rgba(42, 100, 133, 0.71);
    margin-bottom: 0;

}

.widthOfTd{
    width: 30px;
}

.hr{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.table.table-hover2{
    width: max-content;
    margin-left: 20px;
    margin-right: 20px;
    background-color: rgba(116, 252, 255, 0);
}

.paddings{
    margin-top: 5px;

}


.text-editInformation{
    margin-top: -23px;
    margin-left: 295px;
}

.img-size-new{
    width: 25px;
}
.img-t-ava {
    width: 45px;
    border-radius: 100%;
    margin: 5px 10px 5px 5px;
}

.table.or{
    width: 100%;
    color: white;
}

.table.or.td {
    width: 40%;
}


/**  СТИЛИ В РАЗДЕЛЕ МЕНЮ УСТРОЙСТВ **/
.wid{
    color: rgba(255, 255, 255, 0);
}



.square4{
    padding: 5px 5px 2px 0;
    margin: 50px 0 0 0;
    width: content-box;
    height: 105%;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0 0 0 0;
    position: relative;
    z-index: 9999;
}
.square4-new{
    padding: 5px 5px 2px 0;
    margin: 0 0 0 0;
    width: content-box;
    height: 100%;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0 0 0 0;
    position: relative;
    z-index: 999999;
}


.form-control-device.price{
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(42, 100, 133, 0.08);
    -webkit-box-shadow: 0 0 10px 0 rgba(42, 100, 133, 0.16);
}

.square4-down{
    padding: 5px 5px 2px 0;
    margin: -305px 0 0 0;
    width: content-box;
    height: 100%;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}


.text-editInformation-new{
    margin-top: 279px;
    margin-left: 160px;
    color: white;
}
.text-editInformation-new2{

    color: white;

}


.addNew{
    margin-left: 5%;
}

.square4-down-7{
    padding: 5px 5px 2px 0;
    margin: 0 0 0 0;
    width: content-box;
    height: 50px;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
    position: relative;
    z-index: -1;
}

.text-editInformation-7{
    margin-top: 20px;
    margin-left: 160px;
    color: white;

}
.square-add{
    margin: 50px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 50px 50px 0 0;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);

}

.equ-menu-container{
    width: content-box;
}

.btn.btn-default3.btn-new-device{
    background-color: #01577c;
    color: white;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}

.btn.btn-default3.btn-Noticeone{
    margin: 5%;
    background-color: #01577c;
    color: white;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}







.btn.btn-default3.btn-new-device.exit{
    background-color: rgba(1, 87, 124, 0.63);
    color: white;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}

.btn.btn-default3.Notice1{
    background-color: rgba(1, 87, 124, 0.63);
    color: white;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
    width: 100%;
}

.space-geozone{
    height: 20px;
}
.form-control-add-device2{
    -webkit-appearance: none;
    position: relative;
    background: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 0 10px 0 25px;
    width:65%;
    height: 40px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.02),
    0 3px 13px -2px rgba(0, 0, 0, 0.03),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);

    -webkit-box-shadow:  0 3px 10px 0 rgba(0, 0, 0, 0.02),
    0 3px 13px -2px rgba(0, 0, 0, 0.03),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);
}
.form-control-add-device2:focus{
    -webkit-appearance: none;
    background: #ffffff;
    box-shadow:  0 3px 10px 0 rgba(0, 0, 0, 0.02),
    0 3px 13px -2px rgba(0, 0, 0, 0.03),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);

    -webkit-box-shadow:  0 3px 10px 0 rgba(0, 0, 0, 0.02),
    0 3px 13px -2px rgba(0, 0, 0, 0.03),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);
}
.form-control-add-device2:focus + i{
    color: #005b7e;
}



.form-control-add-device{
    -webkit-appearance: none;
    position: relative;
    background: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 0 10px 0 25px;
    width: 330px;
    height: 40px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);

    -webkit-box-shadow:  0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);
}
.form-control-add-device:focus{
    -webkit-appearance: none;
    background: #ffffff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);

    -webkit-box-shadow:  0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 10px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);
}

.form-control-add-device:focus + i{
    color: #005b7e;
}

.heightheight{
    height: 100px;
}



.form-control-Notice4{
    -webkit-appearance: none;
    position: relative;
    background: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 0 10px 0 15px;
    width: 100%;
    height: 40px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);

    -webkit-box-shadow:  0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);
}
.form-control-Notice4:focus{
    -webkit-appearance: none;
    background: #ffffff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);

    -webkit-box-shadow:  0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.04);
}

.form-control-Notice4:focus + i{
    color: #005b7e;
}


.exit-container{
    text-align: right;
    margin-top: -30px;
    margin-right: 5%;
}

.edit-second-container{
    margin-top: -27px;
    margin-left: 280px;
    width: 10%;
}

.form-control-add-device-7{
    border: none;
    border-radius: 20px;
    padding: 0 10px 0 25px;
    width: 100%;
    height: 40px;
    transition: all 0.3s ease 0s;
    background-color: #ffffff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.22);

    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.22);

}
.text-center-m7{
    text-align: center;
    position: relative;
    z-index: 999999;
}
.form-control-add-device-7:focus{
    background-color: #ffffff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.22);

    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.22);
}

.form-control-add-device-7:focus + i{
    color: #005b7e;
}



/*СТИЛИ О НАС*/
.square-about{
    margin: -85px 0 0 0;
    padding: 0;
    width: content-box;
    height: 100%;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(1, 87, 124, 0);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 9999;
}

.square-about-second{
    margin: 20px 0 0 0;
    padding: 0;
    width: content-box;
    height: 100%;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(1, 87, 124, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 9999;
}

.panel-body2-pan{
    font-size: 16px;
    text-align: center;

    color: #01577c;
}

.text-inside{
    padding: 0;
    width: 340px;
}


/*СТИЛИ ИНСТРУКЦИЙ*/
.square-instr{
    margin: 180px 0 0 0;
    padding: 0;
    width: content-box;
    height:285px;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(1, 87, 124, 0);
    border-radius: 50px 50px 0 0;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 9999;
}

.square-instr-html{
    margin: 0 0 0 0;
    padding: 0;
    width: content-box;
    height:320px;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(1, 87, 124, 0);
    border-radius: 50px 50px 0 0;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 9999;
}


.Card-menu-main{
    border-radius: 50%;!important;
    background-color: rgba(255, 255, 255, 0);
    position: relative;
    z-index: 9999;
    padding: 0 0 0 0;

}
.Card-menu-main .Devices{
    border-radius: 50%;!important;
    background-color: rgba(255, 255, 255, 0);
    position: relative;
    z-index: 9999;
    padding: 0;
    margin-left: 10%;
}

.Card-menu-main-second2{
    width: 100%;
    border-radius: 50%;!important;
    background-color: rgba(255, 255, 255, 0);
    position: relative;
    z-index: 9999;
    padding: 0 0 0 0;
    box-shadow: 6px 0 6px -4px rgba(42, 100, 133, 0.17) , -6px 0 6px -4px rgba(42, 100, 133, 0.17);

}


.Card-menu-main-bluee{
    border-radius: 50%;!important;
    background-color: rgba(166, 200, 229, 0.16);
    position: relative;
    z-index: 9999;
}

.editing{
    display: inline;
    color: #01577c;
    margin-top: 1px;
    text-align: center;
    height: auto;
}


.form-control-device{
    background-color: #ffffff;
    border: solid 1px rgba(155, 155, 155, 0.21);
    border-radius: 20px;
    padding: 0 10px 0 25px;
    width: 320px;
    height: 40px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.03);
}


.form-control-device:focus {
    background-color: #ffffff;
}

.form-control-device:focus + i{
    color: #005b7e;
}





/*РАЗДЕЛ РЕДАКТИРОВАНИЯ ДАНЫХ УСТРОЙСТВ*/

.Card-menu-main{
    position: relative;
    z-index: 999;
    background-color: white;
}
.height-of-editDevice002{
    height: 95px;
}

.square-top-editing{
    padding: 5px;
    margin: 5px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
}

.blue-back-devicee{
    padding: 8px;
    margin: 10px 0 0 0;
    width: 100%;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 0 0;
    box-shadow: 0 -2px 15px 0 rgba(48, 115, 153, 0.17);
}

.blue-back-devicee2{
    padding: 5px;
    margin: 0 0 0 0;
    width: 100%;
    height: 40px;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0 0 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
}
.back-whte{
    padding: 18px;
    margin: 0 0 0 0;
    width: 100%;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(255, 255, 255);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0 0 30px 30px;
    box-shadow: 0 5px 22px 0 rgba(54, 130, 172, 0.14);
}

.square-top-editing2{
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    width: content-box;
    height: 300px;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
}

.table.table-hover2{
    width: 100%;
    background-color: rgba(116, 252, 255, 0);
    margin-left: 7px;!important;
}

.square-menu-editDevices{
    margin: 50px 0 0 0;
    padding: 8px;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 50px 50px 0 0;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: -9999;
}
.btn.btn-block.btn-success{
    border-radius: 25px;
    margin-top: 1px;
}
.square-menu-editDevices22{
    text-align: center;
    margin: 20px 0 0 0;
    padding: 5px 5px 5px 5px;
    width: content-box;
    height: 65px;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 50px 50px 0 0;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: -9999;
}

.form-group-mobile-main{
    width: content-box;
    text-align: center;
    margin: 0 0 0;
    border-radius: 15px;
}

.form-group-mobile-main.M{
    position: center;
    width: content-box;
    text-align: center;
    margin: 0 5px 22px 5px;
    border-radius: 15px;
}

.form-control-add-device{
    font-size: 16px;
    color: #01577c;
    background-color: #ffffff;!important;
    border: solid 1px rgba(155, 155, 155, 0.21);
    border-radius: 20px;
    padding: 0 10px 0 25px;
    width: 330px;
    height: 40px;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0 0 10px 0 rgba(49, 131, 168, 0.19);
}

.form-control-add-device:focus{
    background-color: #ffffff;!important;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}

.form-control-add-device:focus + i{
    color: #005b7e;
}


.form-control-shareNoticeDev{
    font-size: 16px;
    margin:5%;
    color: #01577c;
    background-color: #ffffff;!important;
    border: solid 1px rgba(176, 176, 176, 0.21);
    border-radius: 20px;
    padding: 0 10px 0 25px;
    width: 90%;
    height: 40px;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0 0 10px 0 rgba(60, 160, 205, 0.07);
}
.form-control-shareNoticeDev:focus{
    background-color: #ffffff;!important;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.12);
}

.form-control-shareNoticeDev:focus + i{
    color: #005b7e;
}






.form-control-add-device:focus{
    background-color: #ffffff;!important;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}

.form-control-add-device-sdmenu{
    font-size: 16px;
    color: #01577c;
    background-color: rgb(242, 250, 255);!important;
    border: solid 1px rgba(155, 155, 155, 0.21);
    border-radius: 20px;
    padding: 0 10px 0 25px;
    text-align: center;
    width: 100%;
    height: 40px;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0 0 10px 0 rgba(49, 131, 168, 0.19);
}

.form-control-add-device-sdmenu:focus{
    background-color: rgb(242, 250, 255);!important;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}

.form-control-add-device-sdmenu:focus + i{
    color: #005b7e;
}



.square-service{
    margin: 10px 0 0 0;
    width: content-box;
    height: 80px;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    -webkit-box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: -1500;
}

.square-share-device{
    margin: 10px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    -webkit-box-shadow: 0 0 20px 0 rgba(48, 114, 152, 0.17);
    box-shadow: 0 0 20px 0 rgba(48, 114, 152, 0.17);
    position: relative;
    z-index: -1500;
}

.new-style-center{
    text-align: center;
    padding: 10px 10px 10px 10px;
    color: #005b7e;
}

.new-style-center-w{
    text-align: center;
    color: white;
    margin: 50px 50px 50px 50px;
}

.square-share-device-white{
    margin: 10px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(48, 114, 152, 0.17);
    position: relative;
    z-index: -1500;
}


.square-history-device {
    margin: 85px 0 0 0;
    padding: 0;
    width: content-box;
    height: 100px;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);

}
/*СТИЛИ РАДИОКНОПКИ*/


.square-service2{
    margin: 10px 0 0 0;
    width: content-box;
    height: 150px;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 100;
}

.text-center{
    text-align: center;
}
.text-center-event{
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
}

/*СТИЛИ ОБСЛУГОВУВАННЯ АВТО*/
.square-car{
    margin: 10px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 100;
}

.margin-form{
    margin-left: 25px;
}


/*СТИЛИ ГЕОЗОНЫ*/
.square-location{
    text-align: -webkit-center;
    margin: 10px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 100;
}



.square-drivers{
    margin: 10px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 100;
}
.drivers-part2{
    text-align: left;
    margin-left: 145px;

}

.square-notifications{
    margin: 10px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 100;
}


.square-notifications{
    margin: 10px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 100;
}

.square-acc{
    margin: 10px 0 0 0;
    width: content-box;
    height: 80px;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 100;
}

.square-acc-second{
    margin: 40px 0 0 0;
    width: content-box;
    height: 80px;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 100;
}

.square-sos{
    margin: 1px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 100;
}

.text-main-checked{
    text-align: left;
    margin-left: 8px;
    font-size: 15.5px;
}

.text-main-checked-del{
    font-size: 14px;
    color: #01577c;
}

.inputsadd{
    text-align: center;
    margin-top: 7px;
}

.height-of-editDevice-small{
    height: 11px;
}

.sharelink{
    width: 25px;


}

.edit-checkbox{
    margin-left: 250px;
    margin-top: -30px;
}

.edit-checkbox22{
    margin-left: 270px;
    margin-top: -30px;
}

.button-share-Device{
    background-color: rgba(255, 255, 255, 0);
    border: none;
    margin-left:20px;
    position: relative;
    z-index: 50;
}
.button-share-Device2{
    background-color: rgba(255, 255, 255, 0);
    border: none;
    margin-left:-20px;
}

.check-main-btn{
    width: 100%;
}

.edit-checkbox-input{
    margin-left: 275px;
    margin-top: -33px;
}

.btntwice{
    position: relative;
    text-align: center;
}


/*БЕЛЫЙ ЯРЛЫК НА ГЛАВНОМ ЭКРАНЕ*/
.White-Top-Panel{
    background-color: white;
    width: content-box;
    height: 45px;
    color: #01577c;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 15px 15px 0 0;
    padding-top: 10px;
    line-height: 1em;
}


.White-Top-Panel-down{
    background-color: white;
    width: content-box;
    height: 45px;
    color: #01577c;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0 0 15px 15px;
}


.block-container-all{
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 10px 5px rgba(175, 175, 175, 0.36);
    font-size: 15.5px;
    margin-top: -6px;
}



.decoration-device-name{
    padding: 10px 0 0 0;
    font-size: 18px;
    text-align: center;


}
.destroySlider{
    margin-top: -31px;
    margin-left: 260px;
    size: 50px;
    font-size: 24px;

}

.txt-device-top1 {
    display: inline-block;


}
.events{
    width: content-box;

    line-height: 14px;
}

.batteryLevel{
    width: content-box;
    text-align: center;
    line-height: 14px;
}


.Main-information-deviceItem{
    width: auto;
    text-align: center;
}


.txt-device-top2{
    margin-left: 180px;
    margin-top: -29px;
    width: content-box;
}


.txt-device-top3{
    margin-left: 90px;
    margin-top: -32px;
    text-align: center;
    width: content-box;
}
.txt-device-top4{
    margin-left: 230px;
    margin-top: -28px;
    text-align: center;
    width: content-box;
}




.speedReal{
    width: 45px;
    line-height: 14px;
    margin: 0 0 0 0;

}

.distance{
    width: content-box;
}

.LineStatus{
    text-align: left;
    margin-left: 20px;
    margin-top: 10px;

}
.LineStatusr{
    text-align: left;
    width: 45px;
}

.colortext{
    font-size: 11px;
}
.colortext2{
    font-size: 11px;
    margin-top: -10px;
    position: relative;
    z-index: 100;
}

.lastTimeAbbr{
    position: relative;
    z-index: 999999;
    margin-left: 5px;
    margin-top: -85px;
    line-height: 9px;
    width: content-box;

}
.text-right0{

    margin-top: -62px;
    text-align: right;

}
.ttxxtt{
    margin-top: -3px;
}

.col-3{
    text-align: center;

}








/*СТИЛИ МЕНЮ УСТРОЙСТВ*/

.square-service{
    margin: 10px 0 0 0;
    width: content-box;
    height: 80px;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: -1500;
}

.newstyle{
    text-align: left;
    padding-left: 30px;
    padding-top: 25px;
    color: #01577c;
    font-size: 16px;
}


.newstyle-btn9{
    text-align: left;
    padding-left: 5%;
    padding-top: 25px;
    color: #01577c;
    font-size: 16px;
}

.newstyle-geo{
    text-align: center;
    margin-left: -50px;
    padding-top: 25px;
    color: #01577c;
    font-size: 16px;
}


.round {
    position: relative;
}

.round {
    top: 0;
    background-color: #fff;
    border: 1px solid #5980a0;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    width: 20px;
    left: -4px;

}

.round:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 9px;
    opacity: 0;
    top: 10px;
    transform: rotate(-45deg);
    width: 10px;
}





 input[type="checkbox"] {
     -webkit-appearance: none;/*убирает дефолтный стиль чекбокса*/
     border-color: #1b6d85;!important;
 }

input[type="checkbox"]:checked {
    -webkit-appearance: none; /*убирает дефолтный стиль чекбокса*/
    background-color: #5980a0;
    border-color: #5980a0;
}


 input[type="checkbox"]:checked + label {
    background-color: #5980a0;
    border-color: #5980a0;
}


 input[type="checkbox"]:checked + label:after {
     opacity: 1;
}



/* general styling */
html, body {
    height: 100%;
    margin: 0;
}

body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f2f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.container {
    margin: 0 auto;
}

.form-check-input:hover {
    position: relative;
    top: -45px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 35px;
    width: 35px;
    transition: all 0.15s ease-out 0s;
    background-color: #5980a0;
    border: solid 1px #1b6d85;
    border-radius: 50%;!important;
}

.form-control-add-devicer:focus + i{
    color: #005b7e;
}

.form-control-add-devicer{
    background-color: #ffffff;
    border: solid 1px rgba(155, 155, 155, 0.21);
    border-radius: 20px;
    padding: 0 10px 0 25px;
    width: 100%;
    height: 40px;
    transition: all 0.3s ease 0s;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.03);
}

.form-control-add-devicer:focus{
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.13);
}

.form-control-add-devicer:focus + i{
    color: #005b7e;
}

/*поділитися пристроєм з користувачем*/

.form-control-add-device-share{
    background-color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 0 10px 0 50px;
    width: 100%;
    height: 40px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 10px 0 rgba(49, 131, 168, 0.19);
}
.form-control-add-device-share:focus{
    background-color: #ffffff;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}

.form-control-add-device-share:focus + i{
    color: #005b7e;
}



.form-control-add-device-share2{
    background-color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 0 10px 0 25px;
    width: 100%;
    height: 40px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 10px 0 rgba(49, 131, 168, 0.19);
}
.form-control-add-device-share2:focus{
    background-color: #ffffff;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}

.form-control-add-device-share2:focus + i{
    color: #005b7e;
}



.form-control-add-device-6{
    background-color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 0 10px 0 25px;
    width:80%;
    height: 40px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 10px 0 rgba(49, 131, 168, 0.19);
}
.form-control-add-device-6:focus{
    background-color: #ffffff;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}

.form-control-add-device-6:focus + i{
    color: #005b7e;
}


/*СТИЛИ КНОПОК ДЛЯ ОТЧЁТОВ В БЕЛОМ ЯРЛЫКЕ*/
.th-style-width{
    width: 10px;

}
.text-td{
    margin-left: 5px;
}

.th-style-border{
    border-color: rgba(255, 255, 255, 0)!important;
}
.report-section.sec-underline{
    width: content-box;
    padding: 0 0 5px 5px;
    color: white;
}

.report-content{
    font-size: 14px;
}

.report-indication{
    font-size: 16px;
    width: 35px;
}

.report2{
    font-size: 15px;
    background-color: rgba(87, 139, 172, 0.75);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 3px 3px 3px 3px;
    width: 100%;

    box-shadow: 0 0 20px 0 rgba(23, 53, 71, 0.69);
}


.report-indication-speeding{
    font-size: 15px;
    width: 25%;
}
.report-indication-speeding-d{
    font-size: 16px;
    width: 40%;
}

.span-report-run{
    /*margin-left: 12%;*/
    margin-left: 7px;
    font-size: .85em;
}

.main-span001{
    margin-left:15px;
}

.col-xs-12.info-mode-1{
    padding-right:0;
    padding-left: 15px;
}

.number{
    font-size: 11px;
    background-color: #7fcb80;
    border: solid 1px;
    border-color: #e8fdff;
    padding: 2px 6px 0 6px;
    border-radius: 5px;
    color: white;
    margin-left: -6px;


}


/*КНОПКИ-ПЕРЕКЛЮЧАТЕЛИ ОТЧЁТОВ  В БЕЛОМ ЯРЛЫКЕ*/

.form-control.report-date{
    width: content-box;

    padding: 2px 10px 2px 10px;
    height: 28px;
    margin-top: 5px;
    border-radius: 10px;
    color: white;
    background:  rgba(87, 139, 172, 0.75);
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 10px 0 rgba(12, 30, 40, 0.49);
}
.form-control.report-date:focus{
    background: rgba(87, 139, 172, 0.88);
    box-shadow: 0 0 10px 0 rgba(12, 30, 40, 0.59);
}

.form-control.report-date:focus + i{
    color: #005b7e;
}


.col-xs-6.no-padding{
    text-align: center;
    margin: 0 0 0 0;!important;
    width: 80px;
    height: 40px;
}
.previous.round{
    text-decoration: none;
    padding: 6px 25px 6px 25px;
}

.previous.round:hover {
    background-color: #e8e8e8;
    color: black;
}

.next.round{
    text-decoration: none;
    padding: 6px 25px 6px 25px;
    margin-left: -10px;
}
.next.round:hover {
    background-color: #e8e8e8;
    color: black;
}


.previous {
    text-align: left;
    background-color: rgb(139, 186, 218);
    color: black;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.41);
}

.next {
    text-align: right;
    background-color: rgb(139, 186, 218);
    color: black;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.41);
}

.round {
    border-radius: 30%;
}

.container{
    margin-bottom: 11px;
}

.row{
    width: 100%;
    margin: 0 0 0 0;
}
.col-12.dev-info-table{
    width: 100%;
    padding-right: 0;
    padding-left: 15px;
}


.col-12.svg{
    width: 100%;
    padding-right: 0;
    padding-left: 13px;
}

.col-12{
    padding: 0 0 0 30px;
}

.form-control-add-device-color{
    background-color: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 50%;
    width: 45px;
    height: 45px;
}

input[type=color]
{
    width: 45px;
    height: 45px;
}

.form-control-add-device-color{
    color: #005b7e;
}

.color{
    margin-top: -42px;
    margin-left: 45%;
}


.image-device-icon-top{
    text-align: center;
    margin: 0 0 0 0;
    position: absolute;
}

.white-report-speed{
    color: #ffffff;
    font-size: 12px;
    margin-left: 126px;
}
.blck{
    color: white;
    text-align: center;
}
.speeding-report-select{
    padding: 3px;
    margin-left: 7px;
    color: #01577c;
    background-color: rgba(255, 255, 255, 0.91);
    border-color: rgba(255, 255, 255, 0);
    border-radius: 5px;
    width: 56px;
}
.speeding-report-select2{
    padding: 3px;
    margin-left: 17px;
    color: #01577c;
    background-color: rgba(255, 255, 255, 0.91);
    border-color: rgba(255, 255, 255, 0);
    border-radius: 5px;
    width: 56px;
}

/*СВГ ФАЙЛИК С ГРАФИКОМ СКОРОСТИ*/
.st0s{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st1s{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}

/*ПОЛЗУНОК ДЛЯ ГРАФИКА СКОРОСТИ*/
.filter {
    width: 150px;
    position: absolute;
    z-index: 1;
}
.filter>div {
    padding-top: -10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.filter>div>div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.filter .slider {
    margin-top: 10px;
    position: relative;
    height: 6px;
    background: #fff;
    border: 1px solid #000;
}
.filter .color-range {
    position: absolute;
    background: rgba(82, 193, 255, 0.71);
    border: none;
    width: 97%;
    border-color:rgba(82, 193, 255, 0.71);
    height: 5px;
    left: 15px;
}
.filter .block-min, .block-max {
    width: 15px;
    height: 25px;
    position: absolute;
    left: 0;
    top: -11.5px;
    background: #fff;
    border: none;
    border-radius: 4px;
    z-index: 1;
}
.filter .block-max{
    left: 97%;
}


.test{
    margin-left: 100px;
}

.report-speeding-th{
    margin-left: 20px;
}


/*КНОПКА БЛОКИРОВКИ ДВИГАТЕЛЯ*/
#checkbox-2:checked ~ .content{
    max-height: 350px;
    transition: max-height 500ms ease-in-out;
}

.option-block{
    margin-left: 70%;
    margin-top: -14px;
}

.bck-01{
    font-size: 16px;
    margin-left: 10%;
    margin-top: 32px;
}

.btn-class-block-device{
    width: 250px;
    height: 39px;
    font-size:15px;
    color:#fff;
    background:#01577c;
    border: none;
    border-radius:30px;
    margin-left:3px;
    cursor:pointer;
    display:inline-block;
}

.btntwice01{
    width: content-box;
    margin-top: -10px;
}
.btn.btn-default2-block{
    margin-left: 20px;
    width: 100px;
    background-color: #4f819a;
    border-radius: 15px;
    color: white;
    box-shadow: 0 0 30px 0 rgba(35, 79, 97, 0.42);
}

.btn.btn-default2-block2{
    margin-left: 10px;
    width: 100px;
    background-color: #4f819a;
    border-radius: 15px;
    color: white;
    box-shadow: 0 0 30px 0 rgba(35, 79, 97, 0.42);
}

.modal-title{
    font-size: 15px;
    color: #01577c;
    text-align: center;
}

.modal-body{
    font-size: 15px;
    color: #808080;
}
.margin{
    margin-top: 50px;
}

.modal{
    position: relative;
    z-index: 9999999999999999;
    border-radius: 50px 50px 50px 50px;
}

.modal-backdrop.fade.in {
    display: none;
}
.modal-dialog{
    background-color: #ffffff;
    border-color:white;
    color: white;
    border-radius: 0 0 30px 30px;
}
.modal.fade.on{
    border:none;
    color: white;
    border-radius: 30px 30px 30px 30px;
}
.modal-content{
    border:none;
    color: white;
    border-radius: 0 0 30px 30px;
    line-height: 20px;
    margin-top: -6px;
}
.headermodal{
    border:none;
    padding: 10px;
    border-radius: 0 0 30px 30px;
}

.modal-title{
    border:none;
}

.bodymodal{
}

.btnert{
    width: 105px;
    height: 39px;
    font-size:15px;
    color:#01577c;
    background:#fff;
    border: none;
    border-radius:30px;
    padding:5px 5px;
    margin-left:5px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.35);
    display:inline-block;
}

.btn-unblock{
    width: 105px;
    height: 39px;
    font-size:15px;
    color:white;
    background: #4f819a;
    border: none;
    border-radius:30px;
    padding:5px 5px;
    margin-left:5px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline-block;
}

.btn-block00{

    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline-block;
}

.square-block-device{
    color: #01577c;
    margin: -35px 0 0 0;
    padding: 15px 15px 15px 15px;
    width: content-box;
    height: content-box;
    font-size: 18px;
}

.square-block-device2 {
    color: #01577c;
    margin: 0 0 20px 0;
    padding: 5px 5px 5px 5px;
    width: content-box;
    height: 45px;
    border: none;
    border-bottom: none;
    background-color: rgb(255, 255, 255);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    text-align: center;
}

.report-loading{
    font-size: 15px;
}
/*стили для кнопок в разделе отчётов  */
.st0r{fill: rgba(105, 167, 146, 0.76);}
.st1r{fill:#FFFFFF;}
.st2r{font-family:'Calibri';}
.st3r{font-size:93.2003px;}


.st0r3{fill: rgba(105, 167, 146, 0.76);}
.st1r3{fill:#FFFFFF;}
.st2r3{font-family:'Calibri';}
.st3r3{font-size:54px;}

.content-color{
    background-color: rgba(105, 167, 146, 0.75);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 3px 3px 3px 3px;
    width: 100%;
    text-align: left;
    box-shadow: 0 0 20px 0 rgba(23, 53, 71, 0.69);
    font-size: 15px;
    float: left;
}

.content-color.mayak-num {
    margin-right: 4px;
    text-align: center;
    font-weight: bold;
}


.content-color2{
    background-color: rgba(87, 139, 172, 0.75);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 3px 3px 3px 3px;
    width: 99%;
    text-align: left;
    box-shadow: 0 0 20px 0 rgba(23, 53, 71, 0.69);
    font-size: 15px;
    height: 28px;
}

.content-color-second{
    background-color: rgba(105, 167, 146, 0.75);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 3px 3px 3px 3px;
    width: 97%;
    text-align: left;
    margin-left: 3%;
    box-shadow: 0 0 20px 0 rgba(23, 53, 71, 0.69);
    font-size: 15px;
    height: 28px;
}

.content-color-second2{
    background-color: rgba(105, 167, 146, 0.75);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 3px 3px 3px 8px;
    width: 100%;
    text-align: left;
    box-shadow: 0 0 20px 0 rgba(23, 53, 71, 0.69);
    font-size: 15px;
}

.textS{
    margin-left: 10px;
    font-size: 14px;
}

.textF{
    margin-left: 10px;
    font-size: 14px;
}

.col-2{
    margin-left: -5px;
}

.width-ed-dev{
    margin-left: 89.5%;
    height: 5px;
}

.ed-wdth{
    margin-top: -12%;
    margin-left: 86%;
    height: content-box;
}

.btn.btn-default-edit{
    width: auto;
    background-color: #01577c;
    border-radius: 15px;
    color: white;
}

.btn.btn-default-edit5{
    margin-left: 10px;
    height: 40px;
    width: auto;
    background-color: #01577c;
    border-radius: 15px;
    color: white;
    padding: 5px 5px 5px 5px;
}


.share-notification{
    margin-left: 25px;
}
.position{
    text-align: center;
}

.position3{
    margin-left: 5px;

}

.ed-wdth-02{
    margin-left: 75%;
    height: 5px;
}

.svg-btn{
    border: none;
    background-color: rgba(255, 255, 255, 0);
    padding: 0 0 0 0;
}

.svg-btn.active {
    border: 1px solid #1A5C80;
}




/*СТИЛИ ПОЛЗУНКА В ОТЧЕТАХ СКОРОСТИ*/
.range-slider{
    margin: 15px 0 0 20px;
    height:30px;
}
.range-slider input[type="range"]{
    background: rgba(225, 239, 242, 0.85);
    text-align: left;
    width: 100%;
    height: 10px;
    border: none;
    border-radius: 5px;
    outline: none;
    float: left;
    -webkit-appearance: none;
    position: relative;
}
.range-slider input[type="range"]::-webkit-slider-thumb{
    position: relative;
    z-index: 9999999;
    background: #3c5e79;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.15s ease-in-out 0s;
    -webkit-appearance: none;
    appearance: none;
}

.range-slider input[type="range"]::-webkit-slider-thumb:hover,
.range-slider input[type="range"]:active::-webkit-slider-thumb{
    width: 9px;
    box-shadow: 0 0 2px #fff inset, 0 0 1px #a6a6a6;
}

.range-slider input[type="range"]::-moz-range-thumb:hover,
.range-slider input[type="range"]:active::-moz-range-thumb{
    width: 9px;
    box-shadow: 0 0 3px #fff inset, 0 0 1px #ddd;
}

::-moz-range-track{
    background: transparent;
    border: 0;
}

.speed-report-text{
    margin-top: 15px;
    font-size: .9em;
    color: white;
    margin-left:20px;

}
.btn-block00-bl{
    width: 105px;
    height: 30px;
    font-size:15px;
    color:white;
    background:  rgba(87, 139, 172, 0.75);
    border: none;
    border-radius:10px;
    padding:0 0 0 0;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline-block;
    margin-left: 5%;
}


.btn-block00-d{
    width: 105px;
    height: 30px;
    font-size:15px;
    color:white;
    background:  rgba(87, 139, 172, 0.75);
    border: none;
    border-radius:10px;
    padding:0 0 0 0;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline-block;
    margin-left: 6%;
}

.position-spider{
    color: #01577c;
    margin-top: 9px;
}

.IMG{
    width: 10px;
}

.classofbuttons{
    width: 100%;
    text-align: center;
    padding: 10px 10px 10px 10px;
}



.square-speed-report{
    margin-left: 20px;
    margin-right: -10px;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    border: solid 1px;
    border-bottom: none;
    background-color: rgba(105, 146, 162, 0.43);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 30px 30px 0 0;
    box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.72);
    min-height: 25vh;
}
.square-speed-report.menu{
    margin-left: 20px;
    margin-right: -10px;
    padding: 0 0 0 0;
    width: 100%;
    height: content-box;
    border: solid 1px;
    background-color: rgba(105, 146, 162, 0.43);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.72);
    -webkit-box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.72);
}

.col-xs-6.dataCenter{
    text-align: center;
    padding-left: 1px;
}
.col-xs-6.timeCenter{
text-align: center;
    padding-left: 1px;
}
.col-xs-9.dataCenter{
    text-align: left;
    padding-left: 0px;
}
.col-xs-3.timeCenter{
    text-align: left;
    padding-top: 7px;
    padding-left: 0px;
}



/*ВЫСОТА БЛОКА ПЕРЕД ОТЧЕТАМИ СКОРОСТИ*/
.white-height-speed{
    height: 50px;
}

.form-control-device-speeding{
    background-color: #e0edf9;
    margin-left: 5px;
    border: none;
    border-radius: 10px;
    text-align: center;
    width: 35px;
    height: 35px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 10px 0 rgba(13, 21, 32, 0.55);
    color: #1A5C80;
}

.white-height-square{
    height: 15px;
}


.diagramSpeed{
    width: 60px;
    height: 8px;
    background-color: rgb(214, 199, 150);
    border-radius: 15px;
    margin: 0 0 0 0;
    margin-top: 6%;
}
.diagramSpeed2{
    width: 100px;
    height: 8px;
    background-color: rgb(214, 153, 140);
    border-radius: 15px;
    margin: 0 0 0 0;
    margin-top: 6%;
}


.report-indication-speeding-NUMBER2{
    width: 36%;
}

.report-indication-local{
    width: 18%;
}

.diagram-green{
    width: 30px;
    height: 8px;
    background-color: rgb(187, 226, 198);
    border-radius: 15px;
    margin: 0 0 0 0;
    margin-top: 6%;
}

.minus{
    margin-top: -2px;
}

.col-4.size2{
    text-align: left;
}

.col-2.first-margin{
    margin-left: 1px;
}

.progress{
    stroke-width: 5px;
    stroke: #fff;
    fill: none;
    stroke-linecap: round;
}

.count{
    text-anchor: middle;
    dy:7;
    font-size: 15px;
    fill: #ffffff;
}

.roundMain{
    text-align: center;
    margin-left: 30%;
    width: 40%;
    margin-top: 2px;
    color: rgba(255,255,255,0.36);
}

.content-batery-level{
    margin-top: 15px;
    color: white;
    text-align: center;
    font-size: 15px;
    line-height: 17px;
}

.diagram2 {
    width: 180px;
    height:180px;
    border-radius: 50%;
    background: #fffffe;
    position: relative;
    overflow: hidden;
}

.diagram2::before {
    content: '';
    display: block;
    position: absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border-radius: 50%;
    background: #ccc;
    z-index: 3;
    opacity: 1;
}
.diagram2 .piece2 {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    position: absolute;
}
.diagram2 .piece2::before {
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
}

.diagram2.over_50 .piece2.right2 {
    transform: rotate(360deg);
}
.diagram2 .left2::before {
    background: #059;
}
.diagram2.over_50 .left2::before {
    background: #f9f9f9;
}
.diagram2 .right2::before {
    background: #059;
}
.diagram2 .text2 {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.diagram2 .text2 b {
    font-size: 40px;
}
.diagram2 .text2 span {
    font-size: 16px;
    display: block;
}


/*ЗАРЯД АКБ*/
.st0b{fill:#FFFFFF;}
.st1b{font-family:'Calibri';}

.st2b{font-size:73.1279px;}
.st3b{opacity:0.6;}

.st4b{fill:none;
    stroke:#C8DCE2;
    stroke-width:15;
    stroke-linecap:round;
    stroke-miterlimit:10;}

.st5b{fill:none;
    stroke:#FFFFFF;
    stroke-width:15;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;}

.st6b{fill:#E3F8FF;}

.svgImage{
    overflow:visible;
    opacity:0.75;
    width:306px;
    height:306px;
}
.svgImageSecond{
    overflow:visible;
    opacity:0.75;
    width:173px;
    height:174px;
}
.svgImageThree{
    overflow:visible;
    opacity:0.75;
    width: 179px;
    height: 111px;
}


.square-batery-report{
    margin-left: 3%;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    border: solid 1px;
    border-bottom: none;
    background-color: rgba(105, 146, 162, 0.43);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 30px 30px 0 0;
    box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.72);
}

.batery-first{
    width: 60px;
    color:white;
    background:  rgba(87, 139, 172, 0.75);
    border: none;
    border-radius:10px;
    padding:4px 4px 4px 4px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline-block;
    font-size: 12px;
}

.batery-first.active {
    background:  rgba(255, 255, 255, 0.75);
    color: rgb(87, 139, 172);
}


.batery-firstw{
    width: 95px;
    color: #5283a1;
    background-color: #fffffe;
    border: none;
    border-radius:12px;
    padding:4px 5px 4px 5px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(40, 90, 111, 0.3);
    display:inline-block;
}
.width-of-mainText{
    width: 99%;
    padding: 8px;
    border-radius: 20px;


}
.batery-firstw2{
    width: 95px;
    color: #5283a1;
    background-color: rgb(242, 250, 255);
    border: none;
    border-radius:12px;
    padding:4px 5px 4px 5px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(40, 90, 111, 0.3);
    display:inline-block;
}



.col-3.batery{
    padding: 5px 5px 5px 5px;
}

.ellipse-baterylevel{
    fill: #A6CEE3;
}

.diagramofbatterylevel{
    width: content-box;
    height: auto;
    view-box: 0 0 374 277 ;
    fill: none;
}

.name-name{
    text-overflow: clip;
}
.col-8.eventsReport{
    padding: 1px 1px 1px 1px;
    text-align: left;
    margin-left: 4%;
}

.col-2.eventsReport2{
    padding: 0 0 0 0;
}

.square-event-report{
    margin-left: 4%;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    height: auto;
    border: solid 1px;
    border-bottom: none;
    background-color: rgba(105, 146, 162, 0.5);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 10px;
}



/*индикатор для непрочитаных сообщений*/
.indicator{
    background-color: rgba(255, 200, 191, 0.66);
    padding: 5px;
    border-radius: 20px;
}
/**/


.square-event2-report{
    width: 100%;
    height: 100%;
    border: solid 1px;
    border-bottom: none;
    background-color: rgba(105, 146, 162, 0.5);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.52);
    position: relative;
    z-index: 0;
}

.white-height-event{
    height: 15px;
}

.col-6.batery2{
    padding: 10px 0 0 0;
    width: 100px;
    height: 35px;
}
.add {
    cursor: pointer;
}
.form input {
    display: block;
}
.st0u{fill:#5283A1;}
.st1u{fill:#FFFFFF;}
.st2u{clip-path:url(#SVGID_5_);}
.st3u{clip-path:url(#SVGID_10_);}
.st4u{clip-path:url(#SVGID_11_);}

.btn-svg-absolute{
    width: 100%;
}

.padding-device-edit-second{
    margin-left: 20px;
}

.change-color{
    color: #01577c;
    margin-left: 4%;
}

/*СТИЛИ ДЛЯ ОПЦИИ СМЕНЫ ПАРОЛЯ*/

.text-editInformation-new-02{
    margin-top: 100px;
    margin-left: 46%;
    color: white;
}

.square4-down-editing-02{
    padding: 5px 5px 2px 0;
    margin: -97px 0 0 0;
    width: content-box;
    height: 140px;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.28);
}

.square-change-menu{
    text-align: center;
    color: #01577c;
    padding: 15px 5px 5px 0;
    margin: 30px 0 0 0;
    width: content-box;
    height: 55px;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    -webkit-box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.19);
    box-shadow: 0 0 30px 0 rgba(42, 100, 133, 0.19);
}
.height-menu{
    height: 13px;
}
.btn.btn-ui{
    position: relative;
    font-size: 16px;
    border: rgba(255, 255, 255, 0);
    text-align: center;
    width: content-box;
    color: #01577c;
    padding: 3px 5px 5px 0;
}

.form-control-devicepass{
    background-color: #ffffff;
    border: solid 1px rgba(155, 155, 155, 0.21);
    border-radius: 20px;
    padding: 0 10px 0 25px;
    width: 100%;
    height: 40px;
    transition: all 0.3s ease 0s;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
    0 3px 13px -2px rgba(0, 0, 0, 0.06),
    0 1px 10px 0 rgba(0, 0, 0, 0.03);
}

.form-control-devicepass:focus{
    background-color: #ffffff;
}

.form-control-devicepass:focus + i{
    color: #005b7e;
}



/*селектор для выбора типа устройства*/
select, option {

    display:-webkit-box;
    -webkit-appearance: none;
}
.select-wrapper {
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
}
select,
option {
    -webkit-appearance: none;
    background-color: rgba(229, 244, 255, 0.55);
    border-radius: 40px;!important;
    border: solid 1px white;
}
/**/

.copyelement{
    border: none;
    background-color: white;
    margin-left: 5px;
}



a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
#accordion3{
    text-align: center;
    padding-left: 15px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}


#accordion:before{
    content: "";
    width: 1px;
    height: 100%;
    background: #01577c;
    position: absolute;
    top: 0;
    left: 22px;
    z-index: -1;
}


#accordion3 .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
}
#accordion3 .panel-heading{
    padding: 0;
    border-radius: 0;
    border: none;

}
#accordion3 .panel-title a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #01577c;
    padding: 10px 30px 15px 0;
    background: #fff;
    position: relative;
    transition: all 0.5s ease 0s;
}

.collapseThreeg{
    background-color: rgba(240, 248, 255, 0);
}

.panel-body2-password {
    color: #01577c;
    text-align: center;
    margin-top: 55px;
}


.top-image{
    margin-top: -50px;
}

.img-width-top{
    width: 100px;
    margin-top: -19px;
}

.small-font-txt{
    font-size: 13px;
    line-height: 17px;
    color: grey;
}


/*ВИДЕО ИНСТРУКЦИЯ*/
.panel-collapse.collapse.on{
    padding-right: 10px;
}


/*ПРАВКИ ПО ГЛАВНОЙ ИНФОРМАЦИИ БЕЛОГО ЯРДЫКА*/
.right-data{
    width: 100%;
    text-align: right;
}
.zrp{
    width: 50px;
    border-color: rgba(255, 255, 255, 0);
}

.card.card-body{
    border: rgba(255, 255, 255, 0.29);
    height: content-box;
    width: 100%;
    text-align: center;
}

.plus-add-nav{
    width: 20px;
}

/*для добавления нового устройства - фиксация футера*/
.card-footer.dev{
    position: fixed;
    z-index: 99999;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.badge.badge-light{
    position: relative;
    z-index: 99;
    margin-left: 70px;
    margin-top: -115px;
}

.collapse.tools{
    text-align: left;
}

/* Конверт - непрочитанные сообщения */
.top-unread-warning {
    position: absolute;
    top: -15px;
    left: 0;
    padding: 10px 15px 10px 0;
}
.top-unread-warning img {
    width: 30px;
    height: auto;
}

/* Icon menu extended */
.status-head span {
    display: inline-block;
    padding: 2px;
    margin-left: 6px;
    border-radius: 50px;
    border: 1px solid white;
}
.status-head span.active {
    background-color: rgba(182, 232, 249, 0.44);
    border-color: #3e7398;
}
.status-head span img {
    width: 28px!important;
    height: auto;
}
.status-content {
    border-radius: 50px;
    border: none;
    width: 260px!important;
    margin-left: 12px;
    height: 40px;
}
.status-slide .dropdown-menu {
    text-align: center;
    width: content-box;
    height: content-box;
}


/* перезагрузка свойств. Специальные классы для отступов и т.п., чтобы не использовать основные */
.margin-v-100 {
    width: auto;
    margin-top: 30px !important;
    margin-bottom: 100px !important;
}

.public-hidden {
    display:none!important;
}

.margin-top-22 {
    margin-top: 22px!important;
}


/*высота пространства между полями в форме смены пароля и изменения даных*/
.heightOfChangedata{
    height: 28px;
}
/**/


.block-sqcv{
    vertical-align: middle;
    border: solid 1px;
    border-bottom: none;
    background-color: rgba(105, 146, 162, 0.43);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.72);
    -webkit-box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.72);
    margin: 0 4% 0 4%;
    padding: 2%;
    width: 90%;
    height: 100%;
    transition: all 0.3s ease 0s;

}
.col-xs-12.block{
    vertical-align: middle;
    height: max-content;
    padding: 0 0 0 0;
    color: #01577c;
}
.col-xs-6.block{
    vertical-align: middle;!important;
    height: 100%;
    padding: 0 0 0 0;
    color: white;
}
.left-block{
    margin-left: -5px;
}
.set-block{
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    padding: 0 0 0 0;
}
.col-3.block{
  padding: 0 0 0 0;
}
.col-2.block{
    vertical-align: center;
    padding: 0 0 0 0;
}
.rele-sz{
    width: 25px;
}
.batery-block{
    height: 100%;
    width: 187px;
    color:white;
    border: none;
    background-color: rgba(73,176,255,0);
    padding: 0 0 0 0;
    margin: -2px 0 0 0;
    display:inline-block;
}

.batery-block-map{
    width: content-box;
    margin-left: 13%;
    color:white;
    background-color:  rgba(87, 139, 172, 0.75);
    border: none;
    border-radius:10px;
    padding: 6px 6px 6px 6px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline;
}

.batery-block-map2{
    margin-left: 10%;
    color:white;
    background-color:  rgba(87, 139, 172, 0.75);
    border: none;
    border-radius:10px;
    padding: 6px 6px 6px 6px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline;
}

.Centr-class{
    margin-top: 10px;
    border-top: none;
    padding: 10px;
}

.col-3.block-btn-block00{
    height: 100%;
    width: 100%;
    border: none;
    background-color: rgba(87, 139, 172, 0);
    padding: 0 0 0 0;
    cursor:pointer;
    display:inline-block;
}

.height-33{
    height: 10px;
}
.height-addDev{
    height: 15px;
}

/** Икон меню **/

.icon-menu {
    position: fixed;
    z-index: 1;
    top: 50px;
    width: 100vw;
    text-align: center;
}

.icon-menu .btn.btn-secondary{
    background-color: rgba(255, 255, 255, 0);
    border: none;
    transition: all 2s ease-out;
}

.btn.btn-secondary:hover:hover {
    background-color: rgba(255, 255, 255, 0);
    border: none;
}

.text-center-rerey{
    text-align: center;
    position: fixed;
    z-index: 1;
}
.icon-menu .dropdown-menu {
    top: -60px;
    background-color: rgba(255, 255, 255, 0.66);
    border: none;
    border-radius:0 0 20px 20px;
    text-align: center;
    margin-left: calc(50vw - 120px);
    display: block;
    transition: all 0.4s ease-out;

}

.icon-menu .dropdown-menu.show{
    top: 0;
}
.icon-menu .icon-button-hide {
    opacity: 0;
}
.status-head{
    text-align: center;
    width: 100%;
    padding-right: 10px;
}

.status-head span {
    padding: 5px;
}

.status-head .rotate {
    transform: rotate(180deg);
}

/*правки по разделу смс*/
.table.table-hover2.message-container{
    width: 100%;
    padding: 0 0 0 0;
    margin: -22px 0 0 0;
}

.editee{
    padding: 8px 25px 8px 25px;
    border-radius: 25px;
    background-color: rgba(187, 226, 255, 0);
    color: #01577c;
    display: inline;
}

.position-theme{
    padding-left: 15px;
    background-color: rgba(255, 249, 246, 0.45);
}

.position-theme2{
    padding-left: 15px;
}

.top-header-msgs{
    padding: 12px;
    background-color: #ebf4fb;
    border-radius: 30px 30px 0 0;
}

.color-ind{
    color: rgb(1, 112, 161);
}

.message-more {
    background-color: #ebf4fb;
    cursor: pointer;
    padding: 12px;
    height: content-box;
    width: content-box;
    text-align: center;
    margin-top: -35px;
    border-radius: 0 0 30px 30px;
}

.mrgns-msgs{
    padding-left: 7px;
}

.editee2{
    color: rgb(1, 112, 161);
    text-align: left;
    border: none;
    font-size: 15px;
    width: 100%;
    border-radius: 20px;
    display: inline;
}

.editData22{
    color: #898989;
    padding: 8px;
    height: content-box;
    border: none;
    border-radius: 25px;
    width: 100%;
    font-size: 14px;
}

.datepicker-nav-action.message-time{
    margin-top: -23px;
    margin-right: 10px;
    padding: 3px;
    height: content-box;
    border: none;
    border-radius: 25px;
    color: #757575;
}


/*РАЗДЕЛ СООБЩЕНИЙ*/

.square-msg{
    margin: 5px 0 60px 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(38, 89, 118, 0.22);
}

.square-msg.v2 {
    border: solid 1px;
    border-bottom: none;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(17, 32, 45, 0.29);
    background-color: #ebf4fb;
}


.editData{
    background-color: rgba(254, 254, 254, 0.71);
    width: 83%;
    padding: 8px;
    height: content-box;
    border: none;
    border-radius: 25px;
}


.message-container {
    max-height: 200px;
    overflow: hidden;
    padding-right: 15px;
    width: 100%;
}

.message-container.opened {
    max-height: none;
    overflow: visible;
}

.message-time {
    position: absolute;
    right: 5px;
}



.square-msg-under{
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(255, 255, 255);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 50px 50px 0 0;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 9999;
}

.Main-information-msg{
    margin-top: -30px;
    width: 105%;
    margin-left: -10px;

}
.text-message-top{
    color: #01577c;
    margin-left: 25px;
    text-align: left;
    margin-top: -30px;
}

.datepicker-nav-action{
    text-align: right;
    margin-left: 55%;
}




/***/
@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
    .form-control-device{
        background-color: white;
        -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04),
        0 3px 13px -2px rgba(0, 0, 0, 0.06),
        0 1px 10px 0 rgba(0, 0, 0, 0.03);!important;
        -webkit-border-radius: 20px;
    }
}

.Main-information.device{
    padding: 0 0 0 0;
}

.btn.btn-info.small{
    margin-top: -33%;
    margin-left: 86%;
    position: relative;
    display: inline;
    border: rgba(27, 109, 133, 0.55);
    background-color: rgba(27, 109, 133, 0.55);
    width: 25px;
    padding: 0 0 0 0;
    height: 20px;
}




/** Модалы (общие для всего приложения) **/
.equ-modal-bkg {
    width: 100%!important;
    height: 100vh!important;
    z-index: 999999;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top:0;
    display: none;
    padding: 50px 30px;
}

.equ-modal-bkg.show {
    display: block;
}

.equ-modal-dismiss.btn.btn-danger{
    position: absolute;
    z-index: 999999999;
    top: 140px;
    right: 30px;
    background-color: #2b6185;
    border-color: #2b6185;
}

.equ-modal-dialog {
    text-align: center;
    margin-top: 90px;!important;
    border: solid 1px white;
    background-color: white;
    border-radius: 10px;
    padding:15px;
    width:100%;
    max-height: calc(100vh - 150px);
    overflow-y: scroll;
    overflow-x: hidden;

}

.equ-modal-dialog.op {
    opacity: .68;
    margin-top: 90px;

}

div.map-select {
    margin: 15px 0;
}


div.map-selected {
    border-radius: 25px;
    background-color: rgba(95, 147, 197, 0.86);
    color: white;
 }

.equ-modal-dismiss.btn.btn-danger.etr{
    margin-top: -101px;
}

.batery-block-change{

    width: 90%;
    padding: 8px 0 8px 0;
    background-color: rgba(105, 146, 162, 0.43);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.72);
    -webkit-box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.72);
}

.modal-content.block-cut{
    text-align: center;
    margin-top: 10px;
    border: solid 1px white;
    background-color: white;
    box-shadow: 0 0 10px 0 rgba(74, 181, 255, 0);
}

.col-7.block{
    width: 300px;
    padding: 2px;
}

.hght-second{
    height: 25px;
}



/**МЕНЮ АДМИНИСТРАТОРЫ УСТРОЙСТВА*/
.square-admin{
    padding: 5px;
    text-align: -webkit-center;
    margin: 10px 0 0 0;
    width: content-box;
    height: 200px;
    border: solid 1px;
    border-bottom: none;
    background-color: rgb(242, 250, 255);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 26px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);

}

.Name-Administrator{
    margin: 8px 0 0 30px;
    text-align: left;
    color: #01577c;
    font-size: 16px;
}

.col-xs-4.listLeft{
    text-align: left;

}
.col-xs-6.listLeft{
    text-align: left;
}
.col-xs-2.listLeft{
    text-align: left;
}
.checkList{
    display: inline;
    width: 50%;
    margin-left: 30px;
    text-align: left;
    color: #01577c;
    font-size: 14px;
}

.checkList-info{
    width: 50%;
    margin-left: 30px;
    text-align: left;
    color: #01577c;
    font-size: 14px;
}

ol{
    padding-left: 0;
}

.no-list{
    width: content-box;
    padding: 0 0 0 0;
    border: none;
    background-color: rgba(255, 255, 255, 0);
}

.btn-equ {
    background-color: #01577c;
    border: none;
    color: #fff;
}

img.equ-user-exit {
    width: 35px;
    float: right;
    margin: 0 15px;
}

.panel-group{

}

.Button-ChangeData{
    border: rgba(255, 255, 255, 0);
    text-align: center;
    width: 65px;
    height: 30px;
    margin-left: -65px;
    padding-left: 21px;
    margin-top: 5px;
    color:white;
    background:  rgba(87, 139, 172, 0.75);
    border: none;
    border-radius:10px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline-block;
}
.Button-ChangeMarkers{
    width: 115px;
    height: 28px;
    border: rgba(255, 255, 255, 0);
    text-align: center;
    color: #396778;
    background: rgba(255, 255, 255, 0.76);
    border: none;
    border-radius:25px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline-block;
    padding: 8px;

}
.Button-Changee{
    text-align: center;
    color:white;
    display:inline-block;
    padding: 8px;
    font-size: 17px;
}
.Button-Changee1{
    margin-left: -10px;
    width: 80%;
    padding: 5px 0 5px 0;
    background-color: rgba(105, 146, 162, 0.43);
    border-color: rgba(1, 87, 124, 0);
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.72);
    -webkit-box-shadow: 0 0 10px 0 rgba(31, 67, 83, 0.72);
}

.Button-Changee-sec {
    border: rgba(255, 255, 255, 0);
    text-align: center;
    color:white;
    background:  rgba(87, 139, 172, 0.75);
    border: none;
    border-radius:10px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    display:inline-block;
    padding: 8px;
    font-size: 17px;
}

.Button-Check{
    border: rgba(255, 255, 255, 0);
    text-align: center;
    color:white;
    background: white;
    border: none;
    border-radius:10px;
    cursor:pointer;
    box-shadow: 0 0 10px 0 rgba(35, 79, 97, 0.68);
    padding: 3px 3px 3px 10.5px;
    display:inline-block;
    width: content-box;
}

.position-check{
padding-left: 3px;
}

.col-xs-9.timeCenter{
    padding-left: 0;
}

.row.justify-content-center{
    padding: 0 30px 0 30px;
  margin-top: 50px;
}

/** map controls reload */
.ol-control {
    margin-top: 35px;
}

.round.viewDev{
    text-align: center;
    margin-top: 11px;
}

.divNamepow{
    color: #01577c;
    padding: 5px;
}

.NotificationText{
    line-height: 16px;
    font-size: 14px;
    color: #99959b;
    padding: 20px;
}

.Text-prew-ShareDevice{
    color: #01577c;
    line-height: 16px;
    font-size: 14px;
    padding: 20px;
}
.Text-prew-ShareDevice2{
    color: #01577c;
    line-height: 16px;
    font-size: 14px;
    padding: 20px 20px 0 20px;
    text-align: center;
}

.square-notifications222{
    margin: 10px 0 0 0;
    width: content-box;
    height: content-box;
    border: solid 1px;
    border-bottom: none;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgba(42, 100, 133, 0.17);
    position: relative;
    z-index: 100;
}

.label-Email-ShareDevice{
    color: #01577c;
    margin-left: 30px;
}

.Main-informationu{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.square003{
    text-align: center;
}
.form-control-devicepass{
    width: 90%;
}

/** NEW STYLES ADDED AFTER 2021-07 **/
.notice-settings-left {
    padding: 0;
    vertical-align: middle;
    text-align: left;
    color: #01577c;
    font-size: 16px;
}
.notice-settings {
    margin: 0!important;
}
.row-content.inactive .notice-settings-right {
    display: none!important;
}
.notice-settings-right {
    text-align: right;
    padding:0!important;
}
.notice-settings-right img {
    display: inline-block;
    margin-left: 12px;
}
.notice-settings-right img.inactive {
    opacity: .3;
}

.form-error {
    color: red;
    font-size: 10px;
    padding-left: 0;
}

.notice-settings-left .form-control-add-device {
    width: 100%;
}

.lchart-tooltip {
    padding: 10px 7px;
    background-color: rgba(255,255,255,.7);
    font-size: 11px;
    text-align: center;
    color: #1A5C80;
    border-radius: 10px;
}
.lchart-tooltip .lchart-value {
    font-size: 13px;
    font-weight: bold;
}

.battery-buttons {
    width: 100%;
    padding: 10px 5px;
    float: left;
}
.battery-buttons .batery {
    padding: 0;
}
.battery-load-result {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    font-size: 36px;
}

/** reload **/
.col-2.std {
    margin-left: 0;
}

.p-15 {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 0;
}

.mb-15 {
    margin-bottom: 15px;
}

.form-control.equ-select {
    border: solid 1px rgba(155, 155, 155, 0.21);
    border-radius: 20px;
    font-size: 16px;
    color: #01577c;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0 0 10px 0 rgb(49 131 168);
    background-color: rgb(247,247,249);
    text-align: center;
    padding-top: 5px;
}

.form-control.equ-select:disabled {
    background-color: rgb(255,150,150);
}

.btn.btn-equ {
    border-radius: 25px;
    margin-top: 0;
}

.mayak-batLevel {
    display: block;
    text-align: center;
    padding-top: 5px;
    font-size: 1.5em;
}

.warning-text {
    color: red;
    font-weight: 600;
}

.rep-m-row {
    background-color: rgba(105, 167, 146, 0.75);
    color: white;
    border: none;
    border-radius: 7px;
    padding: 3px;
    text-align: left;
    font-size: .85em;
    margin: 10px 3% !important;
    width: 96% !important;
}

.rep-m-address {
    font-size: .8em;
}

.rep-m-hr {
    margin: 8px 0;
    border-top: 1px solid gray;
}

.ml-0 {
    margin-left: 0!important;
}

.rep-m-address-button {
    margin-left: 6px;
    display: inline-block;
    width: 22px;
}

.rep-m-address-button .btn {
    padding: 1px 0!important;
}

.rep-m-type {
    font-size: .7em;
    display: inline-block;
}

.mayak-log-section {
    width: 100%;
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #787878;
}
.mayak-log-section.canceled {
    border: 1px solid #e03223;
}
.mayak-log-section.success {
    border: 1px solid #31920a;
}
.mayak-log-section.wait {
    border: 1px solid #EDB501;
}

.mayak-log-title {
    color: black;
}
.mayak-log-title.canceled {
    color: #e03223;
}
.mayak-log-title.success {
    color: #31920a;
}
.mayak-log-title.wait {
    color: #EDB501;
}

.content-section {
    width: 100%;
    margin: 0;
    padding: 0;
}

.svg-btn.rep-1-num {
    width: 90%;
    font-size: 0.9em;
    border-radius: 5px;
    background-color: rgba(87, 139, 172, 0.75);
}
.rep-1-parking-address {
    font-size: .85em;
}


#route-control {
    display: none;
}
#loadIndication {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    text-align: center;
    padding: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    z-index: 9999;
}
#loadIndication span {
    font-size: 60px;
    margin-top: calc(50vh - 30px);
    display: inline-block;
}

.report-panel {
    padding: 5px;
    background-color: white;
    border-radius: 10px;
    color: #1A5C80;
    position: fixed;
    bottom: 7px;
    width: 96%;
    margin: 0 2%;
}
.rp-bottom-line, .rp-top-line, .rp-middle-line {
    display: flex;
    flex: 1;
    padding: 5px;
    align-items: center;
    text-align: center;
}
.rp-top-line {
    position: relative;
}
.report-panel .rp-left {
    flex: 0;
    padding-right: 10px;
}
.report-panel .rp-center {
    flex: 1;
}
.report-panel .rp-right {
    flex: 0;
    padding-left: 10px;
}

.report-panel .rp-btn {
    background-color: #CBE5EA;
    border-radius: 3px;
    border: 1px solid #1A5C80;
    color: #1A5C80;
    font-size: 1.2em;
}

.rp-center .r-name {
    display: inline-block;
    background-color: #CBE5EA;
    font-weight: bold;
    width: 100%;
    padding: 4px 3px;
    border-radius: 3px;
    border: 1px solid #1A5C80;
}
.r-name .r-number {
    display: inline-block;
    float: left;
    padding: 0 6px;
    color: #fff;
}

.report-panel .rpt-left-button {
    display: inline-block;
    border: 1px solid #1A5C80;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    padding: 4px 0;
}
.report-panel .rpt-left-button.active {
    background-color: #1A5C80;
    color: white;
}
.report-panel .rpt-middle-button {
    display: inline-block;
    border: 1px solid #1A5C80;
    border-radius: 3px;
    padding: 2px 4px;
}
.report-panel .rpt-middle-button.x2 {
    font-size: 1.5em;
    padding: 0 10px;
}
.report-panel .rpt-right-button {

}


.report-control {
    position: fixed;
    top: 0;
    z-index: 6;
    width: 100%;
}
.report-control .rc-content {
    display: flex;
    background-color: #F5F5F5;
    align-items: center;
    color: #1A5C80;
}
.report-control .rc-left {
    flex: 1;
    text-align: center;
}

.report-control .rc-right {
    flex: 0;
    font-size: 3em;
}

.rp-right-options {
    position: absolute;
    right: 0;
    bottom: 55px;
}

.rp-right-options .rpo-btn {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    background-color: #70a3bf;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 30px;
    color: white;
    padding-left: 5px;
}
.rpo-btn.active {
    background-color: #1A5C80;
}