html {
  width: 100%;
  height: 100%;
  min-width: 1366px;
  min-height: 768px; }

body {
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1em;
}
  body a:-webkit-any-link {
    text-decoration: none; }

ul, ol {
  padding: 0;
  margin: 0; }

.nav li, .menu-desplegable a li {
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  -moz-transition: background 0.2s ease, color 0.2s ease;
  -ms-transition: background 0.2s ease, color 0.2s ease;
  -o-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease; }

.opcion-activa, .menu:hover, .menu-desplegable a li:hover {
  background-color: rgba(0, 0, 0, 0.1); }

#header{
  display: flex;
  align-items: center;
  background-color: #FFF;
  font-size: 17px;
  height: 60px;
  justify-content: space-between;
  padding: 0 20px;
  color: #808080;
  border-bottom : 1px solid rgba(0, 0, 0, 0.1);
}


#header .title{
  flex:0.75;
  align-items: center;
  font-size: 20px;
  color: #808080;
  font-weight: 500;
}


#header .menu-wrapper{
  cursor: pointer;
}

#header .menu-wrapper .fa{
  margin-right: 10px;
}


#nombre-proyecto {
  width: 34%;
  height: 50px;
  float: left;
  line-height: 50px;
  cursor: pointer;
  text-decoration: none;
  color: #7f8c8d;
}
  #nombre-proyecto .titulo-proyecto {
    margin-left: 30px; }

#navbar {
  width: 66%;
  height: 50px;
  float: right;
}

.nav {
  float        : right;
  margin-right : 30px;
}
  .nav li {
    display: inline-block;
    line-height: 50px;
    padding: 0 15px; }

.menu {
  border-bottom: 1px solid transparent; }
  .menu:hover {
    cursor: pointer; }

.menu-desplegable {
  right: 30px;
  position: absolute;
  z-index: 10;
  display: none;
  margin-top: 1px;
  list-style: none;
  width: 190px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
  .menu-desplegable a li {
    width: 100%;
    text-decoration: none;
    color: #95a5a6;
    line-height: 40px !important; }

.menu-desplegable a li span{
  min-width: 20px;
  text-align: center;
}

.visible {
  display: block; }

[class^="icono-"]:before, [class*="icono-"]:before, [class^="icono-"]:after, [class*="icono-"]:after {
  font-family: Flaticon;
  font-style: normal;
  display: inline-block;
  width: 30px;
  font-size: 30px; }

.icono-bus:before {
  content: "\e000"; }

input:focus{
  outline    : rgba(52, 152, 219, 0.6) thin solid;
  transition : 0.2s ease, color 0.2s ease;
}

input[type="submit"] {
  padding: 10px 15px; }

.scrollbar::-webkit-scrollbar-track {
  background-color: rgba(242, 242, 242, 0.5); }

.scrollbar::-webkit-scrollbar {
  width: 5px; }

.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(204, 204, 204, 0.5); }

.negrita {
  font-weight: bold; }

.importante {
  border: 1px solid #e74c3c !important; }

.oculto {
  display: none; }

#icono-megafonia{
  margin-right: 30px;
  cursor          : pointer;
}

.icono-semaforo {
  background      : url("/common/img/semaphore.png") no-repeat left center;
  background-size : 19%;
  padding-left    : 30px !important;
  cursor          : pointer;
}

.cerrar-sesion{
  color       : #7f8c8d;
  margin-left : 5px;
}

[type=checkbox]{
  width          : 32px;
  height         : 32px;
  vertical-align : middle;
  -webkit-filter : opacity(0.5);
  outline        : 0!important;
}

.transicion{ transition: all 0.3s ease; }

#info-msj {
  height      : 40px;
  line-height : 40px;
  z-index     : 1001;
  position    : fixed;
  top         : -50px;
  border      : 0;
  padding     : 10px 15px;
  width       : 100%;
  color       : white;
}

.msj-ok { background-color : #27ae60; }
.msj-ko { background-color : #e74c3c; }

.megafonia-on{
    color:#23e76e;
}
.megafonia-off{
    color:#c0392b;
}
.megafonia-paused{
    color: #848285;
}
.megafonia-disbled{
    display: none;
}


#navbar-clock{
  display: inline-block;
  line-height: 50px;
  padding: 0 15px;
  font-size: 44px;
  width: 18%;
  text-align: center;
}

#navbar-clock img{
    width: 20px;
}