.loader {
    display: none;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 9999
}

.loading {
    border: 20px solid #ccc;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border-top-color: orange;
    border-left-color: cornflowerblue;
    border-right-color: palevioletred;
    border-bottom-color: #1ecd97;
    animation: spin 1s infinite ease-in;

}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.nscar-rect,.window,.clients_window{
    border: 1px solid #2788b1;
    border-radius: 3px;
    height: 10vh;
    margin: 1vh;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)
}
.clients_window{
    height: 85vh;
}
.window{
    height: auto;
    margin: 10vh;
    padding: 10vh;
    background: #F0FFF0;

}
td{
    color:royalblue;
    word-wrap: break-word;
    height: 30px !important;
    overflow: auto;
}
thead th {

    position: sticky; top: -1px;
    border-top: 1px solid #0d0d0d;

}
.table input{
    width: 100%;
}
.nscar-icon{
    width: 10%;
    margin-right: 1vh;
    cursor: pointer;

}
.nav-item{
    cursor: pointer;
    margin-top: 3vh;
}
.nav-item:hover{
    transform: scale(1.05)
}
.nscar-icon:hover{
    transform: scale(1.2)
}
.nav-item {
    text-align: left;
}
#close_window{
    width: 100%;
    border: 1px solid #2788b1;
    border-radius: 3px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)

}
.save_wialon_settings{
    border: 0;
    width: 100%;
    background: #d4e4eb;
}
.main-rectangle{
    border-top: 1px solid #2889b1;
    width: 100%;
    background: lightcyan;
}
.tab_button
{
    width: 250px;
    border-top-right-radius: 12px;
    border-top-left-radius:12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}
#avtograf{
    display: none;
}