.btn-group-automat {
	margin:2px;
	/* display:none; */
}

.btn-automat-progress-label {
	float:left;
	width:80px;
	margin-left:10px;
	margin-right:10px;
}

.btn-automat-progress-bar {
	width:250px;
	float:left;
	height:14px;
	margin:5px;
}

.btn-automat-progress-label-right {
	min-width:40px;
	margin-left:10px;
}

.btn-automat-last-connect {
	font-size:80%;
}

.btn-automat-dropdown {
	min-width: 480px;
}

.div-automattable {
    min-height: 150px;
    width: 50%;
    float: left;
    margin:0px;
    max-width: 1024px;
}

.div-eventtable {
    /* width: 49%; */
	float: left;
    min-height: 150px;
    min-width: 50px;
    margin:0px;
    max-width: 1024px;
    /*margin-left: 72%;*/
}

.glyphicon-red {
	color: #C00000
}

.glyphicon-green {
	color: #006000
}

.glyphicon-yellow {
	color: #FFC000;
}

.glyphicon-grey {
	color: #C0C0C0;
}

.custom-icon-small
{
	position: relative;
	top: 4px;
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	/*float: left;*/
	/*display: block;  This is required */
	width: 18px;
	height: 18px;
}

.icon-wifi {
	background: url("/static/statartv/glyphicons/png/glyphicons-74-wifi.png");
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.icon-wifi-full {
	background: url("/static/statartv/img/wifi-full.png");
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.icon-wifi-medium {
	background: url("/static/statartv/img/wifi-medium.png");
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.icon-wifi-lowmedium {
	background: url("/static/statartv/img/wifi-low-medium.png");
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.icon-wifi-low {
	background: url("/static/statartv/img/wifi-low.png");
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.icon-wifi-very-low {
	background: url("/static/statartv/img/wifi-very-low.png");
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.icon-wifi-no-signal {
	background: url("/static/statartv/img/wifi-nosignal.png");
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}


/*
Для флагов
.dropdown-toggle, .dropdown-menu { width: 300px }
.btn-group img { margin-right: 10px }
.dropdown-toggle { padding-right: 50px }
.dropdown-toggle .glyphicon { margin-left: 20px; margin-right: -40px }
.dropdown-menu>li>a:hover { background: #f1f9fd }
.dropdown-header { background: #ccc; font-size: 14px; font-weight: 700; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; margin-bottom: 5px }
*/
#btn-group-flag img { margin-right: 5px }
#btn-group-flag { padding-top: 8px; }
#btn-flag { padding: 3px; background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); border-color: rgb(34, 34, 34); }

/* slider control */
.switch__container {
/*    display: flex; */
    justify-content: center;
}

.switch {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 24px;
/*    background-color: red; */
}

/* скрыть стандартный значок чекбокса */
.switch__input {
/*
    height: 0;
    width: 0;
    opacity: 0;*/
}

/* слайдер */
.switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #ccc;
    border-radius: 8px;
}

.switch__slider::before {
    content: "";
    position: absolute;
    cursor: pointer;
    top: 2px;
    height: 20px;
    left: 3px;
    width: 20px;
    background-color: white;
    border-radius: 10px;
}

/* фокус при наведении мышки */
.switch__input:focus + .switch__slider {
    box-shadow: 0 0 5px #2196f3;
}

.switch__input:checked + .switch_slider {
    background-color: blue;
}