.dataTables_filter
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.carousel-inner > .item > .carousel_helper > a > img, .carousel-inner > .item > a > img{
	max-height:657px !important;
	width:100%;
	margin:auto;
	vertical-align: middle;
}
.carousel_helper{
	vertical-align: middle;
   	display: table-cell;
   	width:100%;
}
.carousel-inner > .item{
	text-align:center;
	vertical-align: middle;
}
.widget-content.screenshots{
	text-align:center;
	 background-color: #000;
}
.flat .widget-box .widget-title{
-webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.actions i.fa, .actions i.icon-line{
	color: #535353;
	margin:5px 10px 0 0;
}

#light_list_wrapper .dataTables_filter,
#statistics_cards_wrapper .dataTables_filter,
#all_cards_wrapper .dataTables_filter,
#marker_list_wrapper .dataTables_filter,
#provide_acts_all_wrapper .dataTables_filter{
	margin: 4px 5px 0;
	position: absolute;
	right: 2px;
	top: 0px;
}
#light_list_wrapper .dataTables_paginate,
#statistics_cards_wrapper .dataTables_paginate,
#all_cards_wrapper .dataTables_paginate,
#marker_list_wrapper .dataTables_paginate,
#provide_acts_all_wrapper .dataTables_paginate{
	float:none;
	text-align:center;
	margin:10px 0;
}
#light_list_wrapper .fg-toolbar,
#statistics_cards_wrapper .fg-toolbar,
#all_cards_wrapper .fg-toolbar,
#marker_list_wrapper .fg-toolbar,
#provide_acts_all_wrapper .fg-toolbar{
	height:auto;
}
#light_list_wrapper .dataTables_paginate a.previous,
#statistics_cards_wrapper .dataTables_paginate a.previous,
#all_cards_wrapper .dataTables_paginate a.previous,
#marker_list_wrapper .dataTables_paginate a.previous,
#provide_acts_all_wrapper .dataTables_paginate a.previous{
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-left-width: 1px;
}
#light_list_wrapper .dataTables_paginate a.next,
#statistics_cards_wrapper .dataTables_paginate a.next,
#all_cards_wrapper .dataTables_paginate a.next,
#marker_list_wrapper .dataTables_paginate a.next,
#provide_acts_all_wrapper .dataTables_paginate a.next{
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-right-width: 1px;
}
#light_list_wrapper .user-info,
#all_cards_wrapper .user-info,
#marker_list_wrapper .user-info,
#provide_acts_all_wrapper .user-info{
	display: inline-block;
	margin-right:10px;
}
#light_list_wrapper .fa-play-circle-o,
#light_list_wrapper .fa-play{
	color:#83bd67;
}
#light_list_wrapper .fa-signal{
	color:#55acd2;
}

.cards th.ui-state-default, #light_list_history th.ui-state-default, .table-map th.ui-state-default, .service_provide th.ui-state-default{
	text-align:left;
}
.actions a.disabled{

}
.actions i.disabled{
	cursor: not-allowed;
	opacity:0.4;
}
th.sorting{
	cursor:pointer;
}
.gritter-item i.fa{
	margin-right:10px;
}
.gritter-item i.fa-check{
	color:#72c02c;
}
.gritter-item i.fa-times{
	color:#e74c3c;
}
.gritter-item i.fa-spinner{
	color:#428bca;
}
.time_holder i{
	display:inline-block
}
.time_holder{
	display: inline-block;
	margin:0 2px 10px 2px;
	position:relative;
}
.time_holder label{
	font-size:11px;
	font-style:italic;
	position:absolute;
	bottom:-14px;
	left:8px;
	margin:0;
	font-weight:normal;
}
.time_holder span{position:relative}
.time_holder select{
	width:52px;
	margin-bottom:0px;
	height:auto;
	padding-right:0px;
}
.btn-toolbar{
	margin:10px 0;
}
#datepickers{
	margin-bottom:10px;
}

@media (max-width: 840px) {
	#content-header .stat-boxes li{
		margin:0
	}
	#content-header .stat-boxes .left, #content-header .stat-boxes .right{
		padding:5px;
	}
}
@media (min-width: 992px) {
	.one-height-box{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.one-height-column{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-content:center
	}
	/*.one-height-column .widget-box h2, .one-height-column .widget-box h3, .widget-box h2.message, .widget-box h3.message{
		padding: 10px;
		margin:auto;
	}*/
	.one-height-column .widget-box h2 i.fa-hand-o-down:before, .widget-box h2.message i.fa-hand-o-down:before{
		  content: "\f0a4";
	}
	.empty_player_box{min-height:340px;}
	/*.widget-content.screenshots{
		height:657px
	}*/
}
@media (min-width: 1200px) {
	.one-height-box-lg{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.one-height-column-lg{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-content:center
	}
	/*.widget-content.screenshots{
		height:657px
	}*/
}

@media (max-width:1200px) {
	#light_list_wrapper .fg-toolbar{
		margin-top:0 !important;
	}
}

.widget-box{
	width:100%;
}
@media (min-width:450px) {
	.widget-box .flex{
		display: -webkit-flex;
		display: -ms-flexbox;
		display:flex;
	}
}
.one-height-column .widget-box h2, .one-height-column .widget-box h3, .widget-box h2.message, .widget-box h3.message{
	text-align:center;
	padding: 20px;
	margin:auto;
}
.widget-box i.fa-spinner{
	color:#428bca;
	font-size:2em;
}
.widget-content .alarm_log{
	/* max-height:369px; */
	overflow-x:auto;
}
.one-height-column .alarm_log{
	max-height:369px;
}
.alarm_log li.active{
	background-color:#eee;
}
div.viewall a{
	border-top: 1px dotted #AEBDC8;
}
.alarm-thumb {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
  overflow: hidden;
  color:#f39c12;
  height:75px;

  }
  .alarm-thumb img{
  padding-top:0px;
  height:62px;
  border-radius: 5px;
  }
  .is_zone p{
  	margin:0px;
  	font-size: 12px;
  	font-weight:800;
    word-break: break-all;
    max-height: 35px;
    overflow: hidden;
  }
.alarm-thumb .icon-font-danger{
	color:#e74c3c;
}
i.icon-font-blue,.actions i.icon-font-blue{
	color:#3498db;
}
i.icon-font-red,.actions i.icon-font-red{
	color:#e74c3c;
}
i.icon-font-orange,.actions i.icon-font-orange{
	color:#f39c12;
}
i.icon-font-success,.actions i.icon-font-success{
	color:#72c02c;
}
table.devices td.actions.text-center{
  text-align:center;
}
.label-grey, .badge-grey{
	background-color: #C3BFBF;
}
.settings_wrap:hover .label, .settings_wrap:focus .label{
	background-color: #34495e;
}
.select2-container .select2-choice .select2-chosen{
	font-size:15px;
}
.border-right-white{
	border-right: 1px solid #ffffff;
}
.border-left-grey{
  	border-left: 1px solid #eeeeee;
}
.border-bottom-grey{
	border-bottom: 1px solid #eeeeee;
}
.icheckbox_flat-blue{
	top:7px;
}
.settings_wrap{
	margin: 15px 0;
	padding:10px 20px;
	border:1px solid #eeeeee;
	background-color:#fff;
}
.tabs-bg-grey.tabbable.inline .nav-tabs > li.active > a, .tabs-bg-grey.tabbable.inline .nav-tabs > li.active > a:hover, .tabs-bg-grey.tabbable.inline .nav-tabs > li.active > a:focus{
	background-color: #fafafa;
}
.tabs-bg-grey.tabbable.inline .tab-content{
	background-color: #fafafa;
}
#device_edit_form input,#device_edit_form textarea{
	font-size:15px
}
.has-success .form-control {
	background: #f0fff0;
	  border-color: #bbb;
}

tr.for_delete td, tr.for_delete td i{
	color:#999999 !important;
	background:#eee !important;
}
tr.for_delete td i.icon-custom{
	color:#eee !important;
	background:#999999 !important;
}
tr.lightened td{
	background:#FEFFE5 !important;
}
.modal code{
	color:#345CDB;
	white-space: normal;
}
.modal-footer blockquote{
	margin-bottom:0
}
.modal-footer .alert{
	text-align:left
}
/*.tabs-bg-grey.tabbable.inline .nav-tabs > li > a:hover{
	  color: #666666;
}
/*#archive_chart_box,#archive_alarm_box, #archive_chart_box .chart{
	display:none;
}*/

.service-block-light, .service-block-default {
  background: #fff;
  border: solid 1px #eee;
}
.service-block {
  padding: 20px 30px;
  text-align: left;
  margin-bottom: 20px;
}
.service-block.active, .service-block.active:hover{
  	box-shadow: 0 0 10px rgba(90, 179, 255, 0.63)
}
.service-block-light p, .service-block-light h2, .service-block-default p, .service-block-default h2 {
  color: #555;
}
.service-block-default h2{
	margin:23px 0;
	font-size: 18px;
  	line-height: 24px;
}
.service-block-default:hover {
  box-shadow: 0 0 8px #eee;
}
.service-block img{
	max-width:70px;
	margin-right:20px;
}
@media (min-width: 1200px) and (max-width: 1415px) {
	.service-block-default h2{
		font-size: 14px;
	}
	.service-block {
	  padding: 20px 10px;
	}
	.service-block img{
		max-width:60px;
		margin-right:10px;
	}
}
@media (min-width: 768px) and (max-width: 773px) {
	.service-block-default h2{
		font-size: 14px;
	}
}
@media (max-width: 1200px){
	.service-block img{
		max-width:55px;
		margin-right:10px;
	}
	.service-block {
	  padding: 20px 10px;
	}
}
.pay_methods .service-block{
	cursor:pointer;
}
#money blockquote h3{
	margin:10px 0;
	color:#555;
}
.input-group-lg.input-icon.icon-lg.on-right .fa{
	left: auto;
  	right: 125px;
  	  top: 25px;
}

.input-group-lg .pay_input{
	padding-right:30px;
	position:relative;
}
.input-group-lg .input-group-btn.input-group-icon:before{
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f158";
	display:block;
	position: absolute;
	left: -25px;
  	right: auto;
  	top: 15px;
}
#card img, #promo img{
	max-height:300px;
	max-width:100%;
	margin-top: 10px;
}
#sidebar ul li i {
	width:14px;
	text-align:center;
}
.stat-boxes{
	margin-top:6px;
  	top: 0;
  	position: absolute;
  	right: 0;
}
.stat-boxes span.title{
	font-size: 18px;
}
.stat-boxes .left img{
	max-height:45px;
}
.stat-boxes .right strong{
	font-size: 18px;
	margin
}
table.control_panel td{
	padding:5px 10px;
	text-align:center;
}
table.control_panel i{
	color:#535353;
	cursor: pointer;
}
.drophover {
	background-color: #ffffff;
}
#drop_helper{
	position:absolute;
	opacity:0;
	z-index: 1;
}
object.drop{
	z-index: -1;
}
embed.drop{
	z-index: -2;
	padding:10px;
 	border: 3px solid #ffffff;
}
.widget-title a[type='button']{
	color:#ffffff;
	margin: 2px 5px;
}
th.text-left{
	text-align:left;
}
.table_pagination {
	position:absolute;
	bottom:0;
	padding:12px;
	right:5px;
}
#devices_wrapper{
  /* padding:6px; */
}
table.sky-form label{
	margin-bottom:0;
}
@media (max-width: 1150px){
	.table_pagination{
		position:relative;
	}
	.table_pagination .dataTables_paginate{
		float:none;
		text-align:center;
	}
}
div.actions{
	padding:0 10px 10px 10px;
	/*border-bottom:1px solid #d9d9d9;*/
}
div.actions i{
	margin-top:0;
}
.actions a.disabled{
	cursor: not-allowed;
  	opacity: 0.4;
}
.actions a.disabled i{
 color:#535353
}

.select2-results .select2-disabled{
	font-weight:bold;
}
.ui-datepicker-calendar td{
	text-align:center;
}

#code_content i.fa{
	line-height:inherit;
}
#code_content object, #code_content embed{
	height:100%;
}
@media (min-width: 992px) {
	table.devices.devices_fullcut td.actions{
		min-width:200px;
	}
  table.devices.devices_fullcut td.short_actions{
		min-width:75px;
		max-width:75px;
	}
}
@media (max-width: 1256px) {
	.hidden-1256{
		display:none;
	}
}
@media (max-width: 400px) {
	.widget-title .nav-tabs{
		font-size:0.8em;
	}
}

.panel i {
	padding-right: 10px;
	font-size:1.4em;
}
.downloads .panel-heading .btn-primary{
	margin-top:-40px;
}
.panel-heading .btn-primary, .panel .btn-primary:hover{
    color: #ffffff !important;
}
.downloads .panel-heading h4{
	padding-left: 38px;
	padding-right:140px;
}
.panel-heading img{
	width:28px;
	margin-right:10px;
	float:left;
	margin-top:10px;
}
.custom_select{
	width:100%
}
.panel-heading h4 small{
	display:block;
}
.firmware{
	margin-bottom:10px;
}
.firmware:not(:last-child){
	border-bottom: 1px solid #eee;
}
.firmware .alert{
	line-height:1.5em;
}
/*Rounded and Circle Classes
------------------------------------*/
.no-rounded { border-radius: 0 !important;}
.rounded { border-radius: 4px !important;}
.rounded-x { border-radius: 50% !important;}
.rounded-2x { border-radius: 10px !important;}
.rounded-3x { border-radius: 15px !important;}
.rounded-4x { border-radius: 20px !important;}
.rounded-sm { border-radius: 2px !important;}
.rounded-md { border-radius: 3px !important;}
.rounded-top { border-radius: 4px 4px 0 0 !important;}
.rounded-left { border-radius: 4px 0 0 4px !important;}
.rounded-right { border-radius: 0 4px 4px 0 !important;}
.rounded-bottom { border-radius: 0 0 4px 4px !important;}
.rounded-diagonal { border-radius: 0 6px 0 6px !important;}

/*Sub-user-devices page
------------------------------------*/
.sub-user-devices-label{
   	display: inline;
   	margin-left: 10px;
}
div.check-all-dev{
	margin-top: 20px;
}

/*Map page
------------------------------------*/
.ymaps-2-1-29-balloon__close+.ymaps-2-1-29-balloon__content {
    margin-right: 12px !important;
}


/*Profile page
------------------------------------*/
#light_list_history_wrapper .dataTables_filter{
	margin: 4px 5px 0;
	position: absolute;
	right: 2px;
	top: 0px;
}
#light_list_history_wrapper .dataTables_paginate{
	float:none;
	text-align:center;
	margin:10px 0;
}
#light_list_history_wrapper .fg-toolbar{
	height:auto;
}
#light_list_history_wrapper .dataTables_paginate a.previous{
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-left-width: 1px;
}
#light_list_history_wrapper .dataTables_paginate a.next{
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-right-width: 1px;
}
#light_list_history_wrapper .user-info{
	display: inline-block;
	margin-right:10px;
}
#light_list_history_wrapper .fa-play-circle-o, #light_list_history_wrapper .fa-play{
	color:#83bd67;
}
#light_list_history_wrapper .fa-signal{
	color:#55acd2;
}

.ui-datepicker {
    display: none;
    padding: 10px 12px;
    background: rgba(255,255,255,1);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    font: 13px/1.55 'Open Sans',Helvetica,Arial,sans-serif;
    text-align: center;
    color: #666
}

.ui-datepicker a {
    color: #404040
}

.ui-datepicker-header {
    position: relative;
    margin: -10px -12px 10px;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-size: 15px;
    line-height: 27px
}

.ui-datepicker-prev,.ui-datepicker-next {
    position: absolute;
    top: 0;
    display: block;
    width: 47px;
    height: 47px;
    font-size: 15px;
    line-height: 47px;
    text-decoration: none;
    cursor: pointer
}

.ui-datepicker-prev {
    left: 0
}

.ui-datepicker-next {
    right: 0
}

.ui-datepicker-calendar {
    border-collapse: collapse;
    font-size: 13px;
    line-height: 27px
}

.ui-datepicker-calendar th {
    color: #999
}

.ui-datepicker-calendar a,.ui-datepicker-calendar span {
    display: block;
    width: 31px;
    margin: auto;
    text-decoration: none;
    color: #404040
}

.ui-datepicker-calendar a:hover {
    background: rgba(0,0,0,0.05)
}

.ui-datepicker-calendar span {
    color: #bfbfbf
}

.ui-datepicker-today a {
    font-weight: 700
}

.ui-datepicker-calendar .ui-state-active {
    background: rgba(0,0,0,0.05);
    cursor: default
}

.ui-datepicker-inline .ui-datepicker-calendar {
    width: 100%
}

#range-dates .form-group {
	padding: 0px;
}

#statistics_cards tfoot th {
	font-size:12px;
}

#provide_acts_all td.num_service{
	width:20%;
}
#full_list .dropdown a.btn, #full_list ul.nav.navbar-nav>li>a, table.devices .dropdown a.btn, table.devices ul.nav.navbar-nav>li>a{
	border: 1px solid #bbb;
	height: 33px;
	padding: 6px 10px;
	font-size: 14px;
  color: #404040;
	width: 100%;
  border-radius: 0;
  background: #fff;
	text-align: left;
  font-weight: normal;
}
#full_list .dropdown a.btn i, #full_list ul.nav.navbar-nav>li>a i, table.devices .dropdown a.btn i, table.devices ul.nav.navbar-nav>li>a i {
		position: absolute;
		background: #fff;
		pointer-events: none;
    top: 14px;
    width: 9px;
    right: 13px;
    height: 6px;
}
#full_list .dropdown a.btn i:after, #full_list .dropdown a.btn i:before,#full_list ul.nav.navbar-nav>li>a i:after, #full_list ul.nav.navbar-nav>li>a i:before,
table.devices .dropdown a.btn i:after, table.devices .dropdown a.btn i:before,table.devices ul.nav.navbar-nav>li>a i:after, table.devices ul.nav.navbar-nav>li>a i:before {
    content: '';
    position: absolute;
    right: 10px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    top: 4px;
}
#full_list .dropdown a.btn i:before, #full_list ul.nav.navbar-nav>li>a i:before,
table.devices .dropdown a.btn i:before, table.devices ul.nav.navbar-nav>li>a i:before {
    top: 12px;
    border-bottom: 4px solid #404040;
}
#full_list .dropdown a.btn i:after, #full_list .dropdown a.btn i:before, #full_list ul.nav.navbar-nav>li>a i:after, #full_list ul.nav.navbar-nav>li>a i:before,
table.devices .dropdown a.btn i:after, table.devices .dropdown a.btn i:before, table.devices ul.nav.navbar-nav>li>a i:after, table.devices ul.nav.navbar-nav>li>a i:before  {
    top: 4px;
}
#full_list .dropdown a.btn i:before, #full_list ul.nav.navbar-nav>li>a i:before,
table.devices .dropdown a.btn i:before, table.devices ul.nav.navbar-nav>li>a i:before {
    top: -2px;
    border-bottom: 4px solid #404040;
}
#full_list .dropdown a.btn i:after, #full_list ul.nav.navbar-nav>li>a i:after,
table.devices .dropdown a.btn i:after, table.devices ul.nav.navbar-nav>li>a i:after {
    bottom: 12px;
    border-top: 4px solid #404040;
}
#full_list .dropdown a, #full_list .nav a,
table.devices .dropdown a, table.devices .nav a{
		font-size: 14px;
		color: #404040;
}
#full_list .dropdown-submenu>a:after,
table.devices .dropdown-submenu>a:after{
	border-left-color: #404040;
}
#full_list ul.nav.navbar-nav,#full_list ul.nav.navbar-nav>li,#full_list ul.nav.navbar-nav>li>a,
table.devices ul.nav.navbar-nav,table.devices ul.nav.navbar-nav>li,table.devices ul.nav.navbar-nav>li>a{
  width:100%
}
#full_list .navbar,
table.devices .navbar{
  padding-top:0px !important;
  min-height: 34px;
}
#full_list .navbar span.scroll-up, #full_list .navbar span.scroll-down,
table.devices .navbar span.scroll-up, table.devices .navbar span.scroll-down{
  background-color:#fff;
}

#full_list .navbar .dropdown-menu>.active>a,#full_list .navbar .dropdown-menu>.active>a:focus,#full_list .navbar .dropdown-menu>.active>a:hover,
table.devices .navbar .dropdown-menu>.active>a,table.devices .navbar .dropdown-menu>.active>a:focus,table.devices .navbar .dropdown-menu>.active>a:hover {
    background-color: #e1e3e9;
}

/*____Новая таблица устройств______*/

table.devices tfoot th{
    padding:5px;
}
table.devices.dataTable tfoot th, table.devices.dataTable tfoot td {
    border-top: 1px solid #707070;
    border-top-color: rgb(112, 112, 112);
}
table.devices.dataTable thead th, table.devices.dataTable thead td {
  border-bottom: 1px solid #707070;
  border-bottom-color: rgb(112, 112, 112);
}
table.devices_wrapper .dataTables_length {
    top: -37px !important;
}

table.devices .actions i.fa, table.devices .actions i.icon-line {
    margin: 0;
}
table.devices th:first-child{
  padding-left:10px;
}
table.devices th input[type="checkbox"]{
  font-size:1.5em;
}
.widget-title > .icon > #multi_edit.btn {
    padding: 0;
    background: none;
    margin: 0;
    line-height: 1;
}
@media (max-width: 1900px) {
  .dataTables_paginate {
      float: none !important;
  }
  .table_pagination {
    position: relative;
  }
}


table.devices td.actions {
  text-align: left;
}
/* .dataTables_filter {
  position: absolute;
  right: 2px;
  top: -37px;
} */
.dataTables_filter input{
  border-style:solid;
  border-color: #bbb;
  border-width: 1px;
  font: 14px/16px 'Open Sans', Helvetica, Arial, sans-serif;
  color: #404040;
  padding: 4px 6px;
  margin: 5px 5px 0;
  box-shadow: none;
  -ms-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
-webkit-transition: border-color 0.3s;

}
.dataTables_wrapper .table_pagination_center .dataTables_paginate{
  float:none;
  text-align:center;
  padding-bottom:0.25em;
}
table.devices .header_search.input{
  position:absolute;
  top:-36px;
  right:7px;
  color: #909090;
}
table.devices .header_search input{
  border-style:solid;
  border-color: #bbb;
  border-width: 1px;
  font: 14px/16px 'Open Sans', Helvetica, Arial, sans-serif;
  color: #404040;
  padding: 4px 6px;
  margin: 5px 5px 0;
  box-shadow: none;
  -ms-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
-webkit-transition: border-color 0.3s;

}
.ui-draggable{
  cursor: move;
}
span.hidden-link {
	color: #3d78d8; /*-цвет ссылки-*/
	cursor: pointer; /*-указатель в виде пальца-*/
}
span.hidden-link:hover {
	text-decoration: underline; /*-подчеркивание-*/
}

.accordion.panel-group .panel{
  border:0;
  border-radius:0;
}
.accordion .panel-heading, .panel-downloads .panel-heading, .panel-downloads>.panel{
  padding:0 !important;
  background-color: transparent;
  border-radius:0px;
  border:0;

}

.accordion .panel-heading>.panel-title>a{
  padding: 20px 15px;
  background-color:#999999;
}
.accordion .panel-heading>.panel-title>a, .panel-downloads>.panel>.panel-heading.panel-link>a{
  padding: 12px 35px 12px 15px ;
  color: #ffffff;
  font-weight:normal;
  background-color: #3d78d8;
  width:100%;
  display: inline-block;
  position: relative;
}
.accordion .panel-heading>.panel-title>a.collapsed, .panel-downloads>.panel>.panel-heading.panel-link>a{
  background-color:#999999;
}
.accordion .panel-heading>.panel-title>a:hover, .panel-downloads>.panel>.panel-heading.panel-link>a:hover{
  background-color: #3d78d8;
}
.accordion .panel-heading a:after {
    font-family: "FontAwesome";
    content: "\f147";
    position: absolute;
    right: 15px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    margin-top: -7px;
    top:50%;
}
.accordion .accordion .panel-heading a.collapsed:after {
	content: "\f196";
}
.accordion .panel-body{
  border: 1px solid #f0f0f0;
  border-top: none !important;
  background-color: #fafafa;
  color:#666666;
}
.panel-group {
    margin-bottom: 0px;
}

.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.dt-bootstrap .dataTables_length{
  position: relative;
}
.dt-bootstrap .dataTables_filter{
  position: relative;
  top:0;
}
.dt-bootstrap.dataTables_wrapper .dataTables_paginate .paginate_button{
  display:inline;
  padding:0
}
.dt-bootstrap .settings_options{
  margin: 5px 10px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  background-color: #384250;
  border-color: #242b36
}
.partners_link{
  position:relative;
  color: #6e6e6e;

}
.partners_link .fa{
  margin: 0 25px 0 0;
}
.label_type {
    background-color: #dedede;
    position: absolute;
    font-size: 12px;
    left: -15px;
    bottom: -2px;
}
.label-small{
  padding:2px 4px;
}
.display>tbody>tr.info td, .display>tbody>tr.info>th, .display>tbody>tr td.info, .display>tbody>tr>th.info, .display>tfoot>tr.info td, .display>tfoot>tr.info>th, .display>tfoot>tr td.info, .display>tfoot>tr>th.info, .display>thead>tr.info td, .display>thead>tr.info>th, .display>thead>tr td.info, .display>thead>tr>th.info {
    background-color: #d9edf7;
}
.display>tbody>tr.success td, .display>tbody>tr.success>th, .display>tbody>tr td.success, .display>tbody>tr>th.success, .display>tfoot>tr.success td, .display>tfoot>tr.success>th, .display>tfoot>tr td.success, .display>tfoot>tr>th.success, .display>thead>tr.success td, .display>thead>tr.success>th, .display>thead>tr td.success, .display>thead>tr>th.success {
    background-color: #dff0d8;
}
.text-success-new {
    color: #5db95f;
}
.text-warning-new {
    color: #f1992c;
}
.text-info-new {
    color: #3498db;
}
.flat .progress {
    background-color: #ececec;
    margin-bottom:0;
}
.progress-bar-default {
    background-color: #9fbbd8;
}
.pr-20 {
  padding-right:20px;
}
.pr-10 {
  padding-right:10px;
}
.pl-20 {
  padding-left:20px;
}
.select2-search__field{
  width: 100% !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] .text-muted {
    color: #cadeff;
}
.btn-primary-new{
  background-color: #9fbcd8;
  border:none;
}
.form-horizontal .form-group > [class*="col-"] > div > .row > [class*="col-"]:first-child {
    padding-left: 0;
}
.form-horizontal .form-group > [class*="col-"] > div > .row > [class*="col-"]:last-child {
    padding-right: 0;
}
#news_site_modal .modal-content {
  background: transparent;
  box-shadow: none;
  border: none;
}
#news_site_modal .modal-header {
  background: transparent;
  box-shadow: none;
  text-align: right;
  color: white;
  border: none;
  font-size: 20px;
}
#news_site_modal .modal-body {
  padding: 0;
}
#news_site_modal .modal-footer {
  border: none;
}
#news_site_modal button.close {
  position: absolute;
  right: -35px;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  text-shadow: none;
  top: -3px;
  z-index: 1;
  opacity: 1;
}
#news_site_modal button.close:focus,
#news_site_modal button.close:hover {
  color: #3d78d8;
}
.owl-controls .owl-buttons div {
  display: inline-block;
  zoom: 1;
  padding: 3px 10px;
  font-size: 12px;
  position: absolute;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#news_site_modal .owl-buttons div {
  background-color: #3d78d8;
  opacity: .3;
  color: #f1f1f1;
  top: 50%;
  margin-top: -15px;
}
.owl-prev {
  right: 100%;
}
.owl-next {
  left: 100%
}
.owl-controls .owl-buttons div:after {
  font-family: "fontello";
  font-size: 18px;
  line-height: 26px;
}
.owl-prev:after {
    content: "\e87c";
}
.owl-next:after {
    content: "\e87d";
}
#news_site_modal .owl-buttons div:hover {
  opacity: 1;
}
#news_site_modal .carousel-inner > .item > img {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
#news_site_modal .item_bg_blue_tr {
  background-color: rgba(61, 120, 216, 0.5);
}
#news_site_modal .item_bg_blue_tr img {
  box-shadow: 0 0 100px 100px rgba(100, 100, 100, 0.5);
}
.icon-color-dark {
  color: #535353;
}
@media screen and (min-width: 768px) {
  #news_site_modal .carousel-inner > .item {
    height: 315px;
  }
  #news_site_modal .item .carousel-caption {
    color: #4765a0;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    text-shadow: none;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_1,
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 {
    color: #FFFFFF;
    background-color: rgba(61, 120, 216, 0.5);
    width: 400px;
    height: 190px;
    margin-top: -95px;
    margin-left: -200px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 {
    height: 140px;
    margin-top: -70px;
  }
  #news_site_modal .item .carousel-caption p.modal_news {
    font-size: 14px;
    font-weight: 600;
  }
  #news_site_modal .item .carousel-caption h1.name_news {
    font-size: 50px;
    font-weight: 900;
    margin-top: 20px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_tr {
    padding: 0;
    width: 500px;
    height: 300px;
    margin-top: -150px;
    margin-left: -250px;
  }
  #news_site_modal .item .carousel-caption.caption_bottom_left {
    top: auto;
    left: 10px;
    bottom: 10px;
    margin: 0;
    height: 150px;
    width: 500px;
  }
  #news_site_modal .item .carousel-caption h2.title {
    font-size: 36px;
    font-weight: 900;
    margin-top: 20px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.7);
  }
  #news_site_modal .item .carousel-caption h3.title {
    font-size: 30px;
    font-weight: 900;
    padding: 15px;
    /*background-color: rgba(61, 120, 216, 0.6);*/
    background: transparent;
    color: #FFFFFF;
  }
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_white_tr,
  #news_site_modal .item .carousel-caption .modal_news_conclusion {
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 15px;
    margin: 0;
  }
  #news_site_modal .item .carousel-caption .modal_news_conclusion {
    background-color: rgba(61, 120, 216, 0.6);
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    width: 80%;
    margin: auto;
  }
  #news_site_modal .item .carousel-caption .modal_news_conclusion > #novelty-form {
    margin-top: 20px;
  }
  #news_site_modal .item .carousel-caption .modal_news_conclusion > #novelty-form button:first-child {
    margin-right: 25%;
  }
  #news_site_modal .item .carousel-caption p.modal_news.border_blue {
    font-weight: 400;
    border: 1px solid #4765a0;
  }
  #news_site_modal .carousel-caption p span {
    color: #e74c3c;
    font-weight: bolder;
  }
}
@media screen and (min-width: 992px) {
  #news_site_modal .carousel-inner > .item {
    height: 470px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_1,
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 {
    width: 600px;
    height: 250px;
    margin-top: -125px;
    margin-left: -300px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 {
    height: 150px;
    margin-top: -75px;
  }
  #news_site_modal .item .carousel-caption p.modal_news {
    font-size: 20px;
  }
  #news_site_modal .item .carousel-caption p.modal_news_1 {
    font-size: 30px;
  }
  #news_site_modal .item .carousel-caption h1.name_news {
    font-size: 80px;
    margin-top: 30px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_tr {
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    top: auto;
    left: auto;
    color: #fff;
  }
  #news_site_modal .item .carousel-caption h2.title {
    font-size: 50px;
    margin-top: 15px;
    background: transparent;
  }
  #news_site_modal .item .carousel-caption h3.title {
    font-size: 40px;
  }
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_white_tr,
  #news_site_modal .item .carousel-caption .modal_news_conclusion {
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #4765a0;
  }
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_tr {
    margin-bottom: 0;
    font-size: 18px;
    background: transparent;
    position: absolute;
    bottom: 0;
    padding:  8px 15px;
  }
  #news_site_modal .item .carousel-caption .modal_news_conclusion {
    font-size: 30px;
    margin: auto;
    margin-bottom: 10px;
    color: #fff;
  }
  #news_site_modal .item .carousel-caption.caption_bottom_left {
    height: 150px;
    width: 730px;
    margin: 0;
  }
  #news_site_modal .item .carousel-caption.caption_bottom_center {
    width: 670px;
  }
  #news_site_modal .item .carousel-caption.caption_bottom_center p.caption_margin_left {
    margin-bottom: 20px;
    margin-left: 135px;
    font-size: 16px;
  }
  #news_site_modal .item .carousel-caption.caption_bottom_center p.caption_margin_left img {
    height: 20px;
  }
}
@media screen and (max-width: 991px) {
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_white_tr br {
    content: " ";
  }
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_white_tr br:after {
    content: " ";
  }
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_white_tr.border_blue {
    font-size: 12px;
  }
}
#news_site_modal .carousel-control {
  left: auto;
  right: 100%;
  background-image: none;
  opacity: .1;
}
#news_site_modal .carousel-control.right {
  right: auto;
  left: 100%;
  background-image: none;
}
#news_site_modal .carousel-control:hover {
  opacity: .5;
}
#news_site_modal .carousel-control .glyphicon-chevron-left,
#news_site_modal .carousel-control .icon-prev {
  left: auto;
  margin-left: 0;
  right: 10px;
}
#news_site_modal .carousel-control .glyphicon-chevron-right,
#news_site_modal .carousel-control .icon-next {
  right: auto;
  margin-right: 0;
  left: 10px;
}
.vertical-align {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #news_site_modal.modal {
    background: rgba(0, 0, 0, 0.5);
  }
  #news_site_modal .modal-header {
    padding-right: 30px;
  }
  #news_site_modal button.close {
    right: 0;
  }
  #news_site_modal .carousel-inner > .item {
    height: 370px;
  }
  #news_site_modal .carousel-inner > .item > img {
    /*position: relative;
    margin: 0;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;*/
  }
  #news_site_modal .carousel-control {
    left: 0;
    right: auto;
    opacity: .2;
  }
  #news_site_modal .carousel-control.right {
    right: 0;
    left: auto;
  }
  #news_site_modal .carousel-control .glyphicon-chevron-left, #news_site_modal .carousel-control .icon-prev {
    left: 10px;
    right: auto;
  }
  #news_site_modal .carousel-control .glyphicon-chevron-right, #news_site_modal .carousel-control .icon-next {
    right: 10px;
    left: auto;
  }
  #news_site_modal .item .carousel-caption {
    color: #4765a0;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    text-shadow: none;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_1,
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 {
    color: #FFFFFF;
    background-color: rgba(61, 120, 216, 0.5);
    width: 400px;
    height: 190px;
    margin-top: -95px;
    margin-left: -200px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 {
    height: 140px;
    margin-top: -70px;
  }
  #news_site_modal .item .carousel-caption p.modal_news {
    font-size: 14px;
    font-weight: 600;
  }
  #news_site_modal .item .carousel-caption h1.name_news {
    font-size: 50px;
    font-weight: 900;
    margin-top: 20px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_tr {
    padding: 0;
    width: 500px;
    height: 300px;
    margin-top: -150px;
    margin-left: -250px;
  }
  #news_site_modal .item .carousel-caption.caption_bottom_left {
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    height: 150px;
    width: auto;
  }
  #news_site_modal .item .carousel-caption h2.title {
    font-size: 36px;
    font-weight: 900;
    margin-top: 20px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.7);
  }
  #news_site_modal .item .carousel-caption h3.title {
    font-size: 30px;
    font-weight: 900;
    padding: 15px;
    /*background-color: rgba(61, 120, 216, 0.6);*/
    background: transparent;
    color: #FFFFFF;
  }
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_white_tr,
  #news_site_modal .item .carousel-caption .modal_news_conclusion {
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px;
    margin: 0;
  }
  #news_site_modal .item .carousel-caption .modal_news_conclusion {
    background-color: rgba(61, 120, 216, 0.6);
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    width: 80%;
    margin: auto;
  }
  #news_site_modal .item .carousel-caption .modal_news_conclusion > #novelty-form {
    margin-top: 20px;
  }
  #news_site_modal .item .carousel-caption .modal_news_conclusion > #novelty-form button:first-child {
    margin-right: 25%;
  }
  #news_site_modal .item .carousel-caption p.modal_news.border_blue {
    font-weight: 400;
    border: 1px solid #4765a0;
  }
  #news_site_modal .carousel-caption p span {
    color: #e74c3c;
    font-weight: bolder;
  }
}
@media screen and (max-width: 699px) {
  #news_site_modal .carousel-inner > .item {
    height: 340px;
  }
}
@media screen and (max-width: 599px) {
  #news_site_modal .carousel-inner > .item {
    height: 290px;
  }
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_white_tr {
    font-size: 12px;
    padding: 5px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_tr {
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    top: auto;
    left: auto;
  }
  #news_site_modal .item .carousel-caption .modal_news_conclusion {
    width: 100%;
  }
  #news_site_modal .modal-footer.vertical-align {
    display: block;
  }
  #news_site_modal .modal-footer .col-xs-4 {
    width: 100%;
    margin-top: 50px;
    text-align: center;
  }
  #news_site_modal .modal-footer .col-xs-8 {
    width: 100%;
    margin-top: -100px;
    text-align: center;
  }
}
@media screen and (max-width: 499px) {
  #news_site_modal .carousel-inner > .item {
    height: 240px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_1,
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 {
    left: auto;
    margin-left: 0;
    margin-top: -75px;
    width: 100%;
    height: 150px;
    padding: 10px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 {
    height: 100px;
    margin-top: -50px;
  }
  #news_site_modal .item .carousel-caption p.modal_news {
    font-size: 13px;
  }
  #news_site_modal .item .carousel-caption p.modal_news br {
    content: " ";
  }
  #news_site_modal .item .carousel-caption p.modal_news br:after {
    content: " ";
  }
  #news_site_modal .item .carousel-caption h1.name_news {
    margin-top: 10px;
  }
  #news_site_modal .item .carousel-caption h2.title {
    margin-top: 10px;
    font-size: 24px;
  }
  #news_site_modal .item .carousel-caption h3.title {
    font-size: 22px;
    padding: 5px;
  }
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_white_tr.border_blue {
    font-size: 10px;
  }
  #news_site_modal .item .carousel-caption .modal_news_conclusion {
    font-size: 18px;
  }
  #news_site_modal .btn {
    padding: 4px 8px;
    font-size: 12px;
  }
  #news_site_modal .btn-lg {
    padding: 6px 12px;
    font-size: 14px;
  }
  #news_site_modal .modal-footer .col-xs-4 {
    margin-top: 38px;
  }
  #news_site_modal .modal-footer .col-xs-8 {
    margin-top: -76px;
  }
}
@media screen and (max-width: 399px) {
  #news_site_modal .carousel-inner > .item {
    height: 190px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_1,
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 {
    margin-top: -65px;
    height: 130px;
    padding: 5px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 {
    height: 100px;
    margin-top: -50px;
  }
  #news_site_modal .item .carousel-caption p.modal_news {
    margin-bottom: 0;
  }
  #news_site_modal .item .carousel-caption h1.name_news {
    font-size: 36px;
    margin-top: 5px;
  }
  #news_site_modal .item .carousel-caption h2.title {
    font-size: 20px;
  }
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_white_tr {
    font-size: 10px;
    font-weight: 400;
  }
  #news_site_modal .item .carousel-caption p.modal_news.caption_bg_white_tr.border_blue {
    font-size: 8px;
  }
  #news_site_modal .item .carousel-caption.caption_bg_blue_tr_2 p.modal_news {
    font-size: 12px;
  }
  #news_site_modal .item .carousel-caption .modal_news_conclusion {
    font-size: 16px;
  }
}
table.table_compact.dataTable thead th:not(:first-child), table.table_compact.dataTable thead td:not(:first-child) {
  padding-left:5px;
  padding-right:5px
}
table.table_icon_holder.dataTable td i.fa-lg {
  font-size: 23px;
  line-height: 23px;
}
.ui-datepicker {
    width: 22em;
}
.ui-datepicker .ui-datepicker-header {
    width: 284px;
}
.vis-item .vis-item-content{
  width: 100%;
  padding:0;
}
.vis-time-axis.vis-foreground{
  cursor:	move;
}
.vis-text{
  font-weight:bold;

}

.control_panel_btn{
    background-color: transparent;
    color: #e74c3c;
    font-family: Roboto, \"Open Sans\", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    border: none;
    font-size: 30px;
    cursor: pointer;
    text-transform: uppercase;
}
.control_panel_btn i{
    font-family: FontAwesome !important;
}
.media-control .control_panel{
    font-family: 'FontAwesome';
}
.ui-datepicker {
    width: 22em !important;
}
.ui-datepicker .ui-datepicker-header {
    width: 284px !important;
}
#removeActive > ul > li > a{
  padding-right:7px; padding-left:7px;margin-right:0;
}
#removeActive > ul > li > a > img{
  height:14px; padding-right:3px;opacity: 0.7
}
.nomargin{
  margin:0 !important
}
.analitic_object_amount{
  display:inline-block;
  margin-right:10px;
}
.popover .analitic_object_amount{
  display:block;
  margin-right:10px;
}
.first-uppercase-text{
  text-transform: lowercase;
}
.first-uppercase-text:first-letter {
  text-transform: uppercase;
}
button.analitic_object_amount{
  margin:0 10px 0 0;
  color:inherit;
  font-size:12px;
  padding:0
}
#devices td img, .devices td img{
  width:80px;
  height:60px;
}
.devices td.td_sshot{
  width: 63px;
  padding:0;
}
.devices td.td_group{
  min-width:120px;
}
#devices th:first-child, .devices th:first-child{
  width:20px !important
}
table td.actions.short_actions {
    min-width: 70px;
    max-width: 75px;
    width: 75px !important;
}

#play #player_wrapper{
  height: 300px;
  position:relative
}
table.devices.devices_shortcut td.actions{
  width: 130px;
}
table.devices .fa.glowAnimation:before{
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 3px #fff;
  }
  to {
    text-shadow: 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #e74c3c, 0 0 6px #e74c3c, 0 0 7px #e74c3c, 0 0 8px #e74c3c, 0 0 9px #e74c3c;
  }
}
.settings_options .dataTables_length{
  position:unset
}
#group_list_filter, #sub_user_list_filter{
  float:unset;
  text-align: unset;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(17, 17, 17);
}
.dataTables_wrapper .dataTables_info{
  float:unset;
  font-weight:normal !important;
}
.dataTables_wrapper .dataTables_info b{
  font-weight:normal !important;
}
.dataTables_wrapper .dataTables_paginate li.paginate_button{
  border:unset !important
}
.text-warning{
  color: #de9d2c;
}
#devices td a.recording_info img {
	height: 14px;
	width: auto;
	vertical-align: text-bottom;
}


.dahuazones{
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.dahuazones div{
  border: 1px solid rgba(156, 153, 153, 0.5);
}

.dahuazones div:hover{
  box-shadow: inset 0px 0px 5px 0px black;
}
.dahuazones div.active{
  background: rgba(255, 164, 1, 0.5);
}
.player_box .message-wrapper .before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.player_box .message-wrapper .inner {
    display: inline-block;
    vertical-align: middle;
    filter: drop-shadow(1px 1px 1px black);
}
.player_box {
    position: relative;
}
.player_box .message-wrapper {
    position: absolute;
    color: blanchedalmond;
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}
body[data-color="grey"].flat #header {
  display: none;
  background: #50aff9!important;
}

@media (max-width: 767px){
  body[data-color="grey"].flat #header {
      display: block;
  }
}


#devices_wrapper .flexi-row{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
#devices_wrapper .flexi-row .flex-action-group{
	border: none;
	width: 100%;
	max-width: 100%;
	display: flex;
	padding: 5px;
	justify-content: space-between;
	align-items: center;

}
#devices_wrapper .flexi-row .td_sshot{
	width:80px;
}
#devices_wrapper .flexi-row .play_div_class{
	width: calc(100% - 100px);
	max-width: 100%;
}
#devices_wrapper .flexi-row .flex-action-group .custom-default-btn{
	margin: 0;
	color: inherit;

}
#devices_wrapper .flexi-row .flex-action-group .custom-default-btn.btn-default{
	border: none;
	background: none;
}

/*table.dataTable.display tbody tr:hover #devices_wrapper .flexi-row .flex-action-group .custom-default-btn.btn-info{*/
/*	color: #fff;*/
/*}*/

#devices_wrapper .flexi-row .flex-action-group .custom-default-btn.btn-info{
	color: #fff;
	filter: none;
}
#devices_wrapper .flexi-row .flex-action-group .custom-default-btn.btn-info i{
	color: #fff;
	filter: none;

}

#devices_wrapper .flexi-row .flex-action-group .custom-default-btn img.ico{
	width: 15px;
	height: 26px;
}

#devices_wrapper .flexi-row .two-rows-span{
	line-height: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (min-width: 1580px),(min-width: 600px) AND (max-width: 1200px){
	#devices_wrapper .flexi-row{
		flex-wrap: nowrap;
	}
}

/*@media (min-width: 600px) AND (max-width: 1200px){*/
/*	#devices_wrapper .flexi-row{*/
/*		flex-wrap: nowrap;*/
/*	}*/
/*}*/