/* Base Styles */

body {
	background: #1d2a33;

}
margin-left
a:hover {
	color: rgba(49,176,213, .7);
}



table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
		font-size: 16px;
    padding: 15px;
		color:white;
}

tr:nth-child(even){background-color: #444}

tr:nth-child(odd){background-color: #666}

th {
    background-color: #333;
    color: white;
}

/* Component Styles */
ul.monitors {
    list-style-type: none;
    margin-top: 50;
    padding: 0;
    overflow: hidden;
}

li.monitors  {
		float: left;
		padding-left:6px;
}

/*   monitor button */

li.monitors  a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li.monitors a.active {
    background-color: #1A81C0;
}

li.monitors a {
    background-color: #333;
}

li.monitors a:hover {
    background-color: #18BAF3;
}

/*   remote command button */

li.remote  a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
		width:100px;
}


li.remote a.active {
    /*background-color: #1A81C0;*/
		background-color: #00A8E0 !important;
}

li.remote a {
	    /*background-color: #1A81C0;*/
			background-color: #0B5E7C !important;
}

li.remote a:hover {
    /*background-color: #18BAF3;*/
		background-color: 61C9EE !important;
}

/* #btnLogin{
	border:none;
	background-color: #0B5E7C !important;
}

#btnLogin:hover{

	background-color: orange;
} */
/*
background-color: #0B5E7C !important;
color: white;
font-size: 14px;
text-align: center;
padding: 14px 16px;
text-decoration: none;
border: 0px ; */


.btnLogin {
	 	margin-top:20px;
		width:100px;
		height: 48px;
		font-size: 14px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
		border:none;
		background-color: #0B5E7C !important;
}

.btnLogin:hover {
    background-color: 61C9EE !important;
    color: white;
}





.inputBgOpaque:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px white inset;
}

.makehidden {
  display: none;
}
input {
    -webkit-text-fill-color: black !important;
		font-size: 20px;
}
.form-login{

	background-color: orange !important;
	color:green !important;
}
/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #111;
}
.liveOn{
	background-color: red !important;
}
.liveOff{
	background-color: grey !important;
}

.menu-space-first{
	padding-left: 50px;
}
.menu-space{
	padding-right: 30px;
}
.menu-space-last{
	padding-right: 500px;
}

#navigationBar{
	float: left;
	width:100%;
	height:80px;
	background-color: #333
}

#imgLogo{
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}
.logo{
	width:50px;
	height:60px;

}
#company{
	margin-top:10px;
	margin-left:15px;
	float: left;
	font-size: 30px ;
	font-weight: bold;
	color:white;
	/*background-color: orange;*/
	padding:8px;
}
#menuBar{
	margin-top:6px;
	float: left;
	font-size: 20px ;
	padding:8px;
	/*background-color: cyan;*/
}
#pageInfo{
	clear:left;
	width:100%;
	height:40px;
	background-color: #444;
	position:relative;
}
#monitorBar{
clear:left;
background-color: red;
width:100%;
height:60px;
}
#videoContainer {
	margin-top:100px;
	display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;

}
#videoContainer.hidden{
	display:none;
}
.vodtitlebar{
	padding-top: 6px;
	height: 50px;
	width: 100%;
	background-color:#444;
	display:inline-block;
}

#choosevod{
	display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}

#missioncontainer{
	width:380px ;
	top:0px;
	background-color: #666;
	margin: 50px 0px 0px 20px;
	color:white;
	height: 100% ;
	display: inline-block;
}

#missionsearchcontainer{
		width:60% ;
		top:0px;
		margin: 50px 0px 0px 20px;
		color:white;
		background-color: #333;
		height: 100% ;
		display: inline-block;
}

.vodbox{
	margin-top:30px;
	width:400px;
}
#listadays{
	padding-top: 0px ;
	padding-bottom: 0px;
}
.menuBtn{
	width:100px;
	height: 48px;
	background-color: #0B5E7C !important;
	color: white;
	font-size: 14px;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	border: 0px ;
}
.menuBtn:hover{
	background-color: 61C9EE !important;


}

.menuBtnActive{
  background-color: #00A8E0 !important;
}
.menuBtnLiveOff{
	background-color: #222 !important;
}




ul{
	list-style: none;
}

li{
	margin-bottom: 20px;
}
#remotecmdContainer{
	  margin-top:50px;
		margin-left: calc(50% - 480px);
    background-color: orange;
		width:960px;
}
#remotecmdContainer.hidden{
	display:none;
}
#remotecmd{
	clear:center;
    list-style-type: none;
    overflow: hidden;
    background-color: #222;
	  clear:center;

    padding:8px;
}
li.remote  {
    float: left;
    height: 30px;
		padding-left:6px;
}

.newRemoteSection{
		padding-left:50px!important;
}

li.remote  a {
	  font-size: 12px ;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

h1.title{

	top:10px;

}


#video1,#video2{
	background-color: #222;
	float:left;
	/*1440x900 => diviso due 720 x 450 => con 8 di padding 736 e 466*/
	width:736px;
	height:466px;
	padding:8px;
	overflow:auto;
}
#videospace{
	width:12px;
}
 #videolive1,#videolive2
{
	height:100%;
	width:100%;
}/*
#video1,#video2
{
	height:100%;
	width:100%;
} */
#prefooter{
	clear:left;
	bottom:50px;
	width:100%;
	background-color: #444;
	margin-top:200px;
	height: 20px;
	display: block;
	position:fixed;
}
#footer {
	 clear:left;
   bottom:0;
   width:100%;
   height:40px;   /* Height of the footer */
   background-color: #333;
	 padding:0px;
	 height: 50px;
	 text-align: center;
	 color:#777;
	 font-size: 12px;
	 line-height: 40px;
	 position:fixed;
}
.navbar {
	padding: 1rem 0;
	background: rgba(0,0,0, .25);
}
.lead {
	margin-bottom: 2.5rem;
}
.main {
	color: #fff;
	min-height: calc(100vh - 34px);
}
.mainAbout,.mainLogin{
	color: #fff;
	margin-top: 100px;
}
.mainWelcome{
	text-align: center;
	color: #fff;
	margin-top: 100px;
	/* background-color: orange; */
}
.mainCbit{

		margin-top: 60px;
	color:white;
}
#cbitstatus{
}
h1.welcome{
	font-size: 78px;
	line-height: 150px;
}


.foot {
	font-size: .85rem;
	padding: .5rem 0;
	color: rgba(255,255,255, .6);
	bottom:10px;
}

/* Modifier Styles */

.nav-items .nav-link {
	margin: 0 1rem;
}
.navbar-brand {
	margin: 0;
}
.navbar .nav-link,
.navbar .btn {
	text-transform: uppercase;
	font-size: .95rem;
}
.list-group {
	color: initial;
}
.label {
	font-size: .88rem;
	vertical-align: top;
	margin: 3px 0 0 4px;
}

/* Button Styles */

.btn-primary {
	background: #417aba;
	border-color: #417aba;
}
.btn-info {
	background-color: #31b0d5;
	border-color: #2aabd2;
}
.btn-info:hover {
	background-color: #5bc0de;
	border-color: #5bc0de;
}
.btn-light {
	color: rgba(255,255,255, .75);
	background: rgba(255,255,255, .12);
}
.btn-light:hover {
	background: rgba(255,255,255, .2);
}
.active,
.btn {
	transition: .4s;
}

/* Icon Styles */

.icn-logo {
	margin: 3px 3px 0;
	float: left;
}
.icn-person {
	font-size: 50px;
	border-radius: 50%;
	border: solid 2px;
	padding: .5rem;
}
.avatar {
	width: 35px;
	margin-right: 18px;
	border: solid 2px rgba(255,255,255, .75);
}
.options {
	display: none;
}
.list-group-item:hover .options {
	display: block;
}
.options .material-icons {
	font-size: 1.25rem;
	cursor: pointer;
	margin-left: 1rem;
	color: rgba(0,0,0, .35);
}
.options .material-icons:hover {
	color: initial;
}

.favorite-book {
  margin-top: 30px;
}

/* Media Queries */
nav
@media (min-width: 0) and (max-width: 47em) {
	.navbar {
		background: #1d2a33;
	}
	.nav-items .nav-item {
		float: none;
	}
	.nav-items .nav-link  {
		padding: .65rem 0;
		display: block;
	}
	.nav-items {
		padding: 1rem 0;
		clear: left;
	}
	.navbar .btn {
		margin-left: 1rem;
	}
	.main {
		padding-top: 6rem;
	}
}

@media (min-width: 48em) {
	.navbar {
		min-height: 70px;
	}
	.navbar-nav .container {
		display: -webkit-flex;
		display: flex;
	}
	.nav-items {
		margin-right: auto;
		margin-left: auto;
	}
	.main {
		padding-top: 8rem;
	}
}


#choosevod.hidden {
	display: none;
}


#filterlabel {
	display: inline;
	margin-left: 20px;
}
#descript {
	display: inline;
	margin-left: 20px;
}

#filter {
	display: inline;
	margin-left:20px;
		background-color: #444;
}


.hidden {
	display: none;
}


.cbit_error {
	color: red;
}

.cbit_warning {
	color: orange;
}


.cbit.ALARM {

	background-color: red;
}

.cbit.WARNING {

	background-color: orange;
}
.cbit.OK {

	background-color: green;
}
.cbit{

	padding:4px;
	margin-left:5px;
	margin-right: 5px;
	/* line-height: 40px; */

}
.cbitcellstatus{
	width:310px ;
	margin:0px;
	padding:0px;
}

.logoleo {
	background-color: #fff;
	border: 10px;
	margin:0px;
	padding:20px;
}