/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
.row.content {
	background-color: white;
	height: 1500px}

/* Set gray background color and 100% height */
.sidenav {
	background-color:white;
	height: 100%;
}

/* Set black background color, white text and some padding */
footer {
	background-color: white;
	color: white;
	padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width:720px) {
.sidenav {
	background-color: white;
  height: auto;
  padding: 15px;
}
.row.content {height: auto;

background-color: white;
}
}
.spike{min-width:800px;height:1px;position:absolute;left:0;}

/*-------------------- navbar -------------------------*/
.navbar-custom {
	background-color: #4b9173;
	border-color: #407b62;
}
.navbar-custom .navbar-brand {
	color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
	color: #e6e6e6;
	background-color: transparent;
}
.navbar-custom .navbar-text {
	color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
	border-right: 1px solid #407b62;
}
.navbar-custom .navbar-nav > li > a {
	color: #ffffff;
	border-left: 1px solid #407b62;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #407b62;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
	color: #cccccc;
	background-color: transparent;
}
.navbar-custom .navbar-toggle {
	border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
	background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
	background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
	border-color: #3f7960;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
	background-color: #407b62;
	color: #ffffff;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}
@media (max-width: 767) {
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
		background-color: transparent;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ffffff;
		background-color: #407b62;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #cccccc;
		background-color: transparent;
	}
}
.navbar-custom .navbar-link {
	color: #ffffff;
}
.navbar-custom .navbar-link:hover {
	color: #ffffff;
}

.symbol_img {
	width: 168px;
	height: 168px;
	zoom: 0.3;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	vertical-align: middle!important;
}

.sortable {
	cursor:move;
}

.sortable .well:hover {
	border-color:red;
}

.margin-5{
	margin: 5px;
}

/*таблиця супер агент*/
.custom-header{
	background: #D9DBEF;
}
.table-credits{
	background: #FEFEF0;
}
.difference_1{
	 background: #DDF8F8;
 }
.difference_2{
	background: #CEF4CE;
}
.table_super_agent{
	background: #CAA0DE;
}
.table_agent{
	background: #E4B0A4;
}

.table_hall{
	background: #EEEEEE ;
}

.table_agent_1{
	background: #F2E9CA;
}

#table_in_tree{
	border: 1px solid black;
}


.border_for_table{
	border: 1px solid black;
}

#list_personal, #list_button{
	text-decoration: underline;
}

#list_button:hover{
	cursor: pointer;
}
#list_personal, #list_button :hover{
	cursor: pointer;
}

#content_list_personal, #content_button{
	display: none;
}

#submenu1{
	margin-left: 20px;
}

.online_client{
	color: #0B61A4;
	font-weight: bold;
}

.table-danger{
	background: #F2DEDE;
}

.table-today{
	background: #D9EDF7;
}



#display_drums_2{
	display: none;
	opacity: 0.8;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 16px;
	background-color: rgba(1, 1, 1, 0.725);
	z-index: 100;
	overflow: auto;
}

#display_drums{
	width: 530px;
	height: 330px;
	margin: 50px auto;
	display: none;
	background: #fff;
	z-index: 200;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 16px;
}

.close{
	margin-left: 364px;
	margin-top: 4px;
	cursor: pointer;
}