.form-control, .is-focused .form-control {
    background-image: linear-gradient(0deg,#4caf50 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) !important;
}

.bootstrap-select .dropdown-item.active {
    background: #4caf50 !important;
}

.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu a:active, .dropdown-menu a:focus, .dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(41,176,39,.4);
    background-color: #4caf50 !important;
}

.pagination > .page-item.active > a, .pagination > .page-item.active > a:focus, .pagination > .page-item.active > a:hover, .pagination > .page-item.active > span, .pagination > .page-item.active > span:focus, .pagination > .page-item.active > span:hover {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
}

.greenbg {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px #4caf50 !important;
    background: linear-gradient(60deg,#4caf50,#4caf50) !important;
}

.gsInformer {
    width: 100% !important;
    border: none !important;
}

.gsLinks {
    visibility: hidden;
    display: none;
}

.flex-container {
    /*генерирует flex-контейнер уровня блока*/
    display: -webkit-flex;
    display: flex;
}

.btn.btn-just-icon2 {
    font-size: 26px;
    height: 25px;
    min-width: 25px;
    width: 25px;
    padding: 0;
    overflow: hidden;
    position: relative;
    line-height: 25px;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.hidden {
    visibility: hidden;
}
.hidden_display {
    visibility: hidden;
    display:none;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }
}

@media (min-width: 1174px) {
    .visible-lg {
        display: block !important;
    }
}


.activenav {
    background-color: #4caf50;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
    margin: 10px 15px 0;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: capitalize;
    padding: 0px 22px;
    text-align: center;
}

    .activenav .nav-link {
        color: white !important;
    }

.navn .nav-link {
    text-align: center;
}

.nav-mobile-menu {
    border-bottom: 1px solid #ccc;
}

.navn {
    padding-top: 8px;
}

.nav-mobile-menu .navn {
    padding-top: 0px !important;
}

.inp1 {
    width: 40px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #4caf50;
}

.hedercontrol {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
}

.cardbodyf {
    margin-top: 50px;
}

.card-title {
    font-size: 16px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.commentD {
    padding: 5px 5px 5px 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 100%;
}

.circle-sts {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: white;
    margin: 0 auto;
    padding: 5px;
    -webkit-box-shadow: -1px 3px 11px -5px rgba(0,0,0,0.76);
    -moz-box-shadow: -1px 3px 11px -5px rgba(0,0,0,0.76);
    box-shadow: -1px 3px 11px -5px rgba(0,0,0,0.76);
}

.online {
    margin: 0 auto;
    height: 15px;
    width: 15px;
    background-color: #4caf50;
    border-radius: 50%;
}

.offline {
    margin: 0 auto;
    height: 15px;
    width: 15px;
    background-color: #f44336;
    border-radius: 50%;
}

.eventbtn {
    float: right;
    margin-right: 5px;
    padding: 10px 20px !important;
}

.refbtn {
float:right;
padding: 10px 20px !important;
}

.dtype-select {
    float: left;
    width: 50%;
   margin-top: 12px;
}

#dtype-select {
    padding: 2px 10px 2px 10px;
    font-weight: bold;
    width:80%;
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
}

.center {
    display: table;
    margin: 0 auto !important;
}

.modal_adevh {
float:left;
width:100%;
}

.modala_btng {
float:right;
color:white !important;
}

#NewDev {
    text-align: center;
    float: left;
    width: 100%;
}
.modal-title{


    border-bottom: 1px solid #ccc;
}

.navbarDropdownMenuDevice{
    overflow-y: scroll;
    height: 250px;
    width: 250px;
}
.white-circle {
    height: 15px;
    width: 15px;
    padding: 3px;
    background: white;
    border-radius: 50%;
}
.status-circle {
    height: 9px;
    width: 9px;
    border-radius: 50%;
    display: flex;
    
}


.bg-green2 {
background-color:#4caf50;
}

.bg-red2 {
background-color:red;
}