/* General Styles */
body {
	font-family: 'Ubuntu', 'sans-serif';
	font-size: 14px;
	margin-top: 0px;
/*	background-color: #1e1e1e;*/
}
a:link { text-decoration: none; }
img { border-width: 0px; margin: 0px; }
:focus { outline: none !important; }
input, select, textarea, option, button {
	outline: none!important;
}
#tablaspots tr td { height: 22px; }
#tablaspots tr:nth-child(even) { background-color: #f2f2f2; }
#tablaspots tr:nth-child(odd) { background-color: #ffffff; }
#tablaspots tr:hover { background-color: #80000033 !important; cursor: pointer;}
#tblSearchCall tr:nth-child(even) { background-color: #f2f2f2; }
#tblSearchEnti tr:nth-child(even) { background-color: #f2f2f2; }
/* Header Styles */
.tblContainer {
	border-spacing: 0px;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 1217px;
	background-color: #c2c2c24d;
}
.tabla {
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}
#title {
	width: 1217px;
	text-align: left;
}
#logo { float: left; }
#clock {
	position: absolute;
	font-size: 28px;
	margin-left: 60px;
	color: #ffffff;
	text-shadow: 2px 2px 4px #000000;
}
/* RealTime Spot Styles */
.spotsheader {
	font-size: 16px;
	height: 20px;
	font-weight: bold;
	color: black;
	background-color: #b5dbffaf;
}
.spotsBusqueda {
	font-size: 16px;
	height: 22px;
	font-weight: bold;
	color: black;
	background-color: #b5dbffaf;
}
.qrg {
	width: 85px;
	text-align: right;
}
.modo {
	width: 42px;
	padding-left: 4px;
	text-align: left;
}
.call {
	width: 116px;
	font-weight: bolder;
	padding-left: 4px;
	text-align: left;
}
.memberOf {
	width: 31px;
	text-align: center;
}
.fecha {
	width: 76px;
	padding-left: 4px;
	text-align: left;
}
.date {
	width: 34px;
	padding-left: 4px;
	text-align: left;
}
.comment {
	width: 303px;
	padding-left: 4px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
	line-height: 22px;
	text-align: left;
}
.spotter {
	padding-left: 4px;
	width: 116px;
	text-align: left;
}
.spot-source-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}
.spot-source-hum {
	background-color: #198754;
}
.spot-source-dig {
	background-color: #dc3545;
}
.spot-source-cw {
	background-color: #fd7e14;
}
.moreinfo {
	width: 436px;
	text-align: center;
}
.ui-selectmenu-menu-item-header {
	display:block;
	font-weight: bold;
	color: blue;
}
.ui-selectmenu-menu-item-content {
	display:block;
	font-size: 12px;
}
.overflowEntidad {
	height: 247px;
}
.buttonCont {
	width: 21px;
	margin-right: 2px;
	display: inline-block;
	outline: 0px;
	padding: 2px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;		
	background-color: #0000000d;
	color: black;
	border: 1px solid #777777;
}
.buttonContAll {
	width: 42px;
	margin-right: 2px;
	display: inline-block;
	outline: 0px;
	padding: 2px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	background-color: #0000000d;
	color: black;
	border: 1px solid #777777;
}
.spandato {
	display: inline-block;
	background-color: #1d8eff0d;
	padding: 2px;
	border-radius: 2px;
	width: 130px;
	border: 1px solid #1d8eff;
	text-align: center;
	color: #1d8eff;
}
.spanSolarData {
	display: inline-block;
	background-color: #0000000d;
	border-radius: 2px;
	width: 80px;
	height: 44px;
	border: 1px solid #00000080;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	vertical-align: middle;
}
.spanMemberBig {
	display: inline-block;
	background-color: #0000000d;
	border-radius: 2px;
	width: 100px;
	height: 22px;
	border: 1px solid #00000080;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
}
.spanMember {
	display: inline-block;
	background-color: #0000000d;
	border-radius: 2px;
	width: 28px;
	height: 16px;
	border: 1px solid #00000080;
	text-align: center;
	font-size: 10px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 1px;
}
.spanDME {
	display: inline-block;
	background-color: #0000000d;
	border-radius: 2px;
	height: 54px;
	border: 1px solid #00000080;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
	margin-bottom: 3px;
	width: 178px;
	cursor: pointer;
}
.spanCommentTagsWords {
	display: inline-block;
	background-color: red;
	border-radius: 3px;
	height: 16px;
	border: 1px solid black;
	color: white;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 1px;
	margin-bottom: 3px;
}
.spanCommentTagsAwards {
	display: inline-block;
	background-color: #7bff00;
	border-radius: 3px;
	height: 16px;
	border: 1px solid black;
	color: black;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 1px;
	margin-bottom: 3px;
}
.spanCommentTagsModes {
	display: inline-block;
	background-color: #0085ff;
	border-radius: 3px;
	height: 16px;
	border: 1px solid black;
	color: white;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 1px;
	margin-bottom: 3px;
}
.spanCommentTagsContest {
	display: inline-block;
	background-color: #00ffff;
	border-radius: 3px;
	height: 16px;
	border: 1px solid black;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 1px;
	margin-bottom: 3px;
}
.spanCommentTagsUser {
	display: inline-block;
	background-color: #ffa048;
	border-radius: 3px;
	height: 16px;
	border: 1px solid #00000080;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 1px;
	margin-bottom: 3px;
}
.spanStats {
	display: inline-block;
	padding: 1px;
	border-radius: 2px;
	width: 21px;
	height: 20px;
	border: 1px solid black;
	background-color:#DADADA;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-top: 1px;
}
.spanrojo {
	background-color: #ff00000d;
	color: red;
	border: 1px solid red;
}
.spanamarillo {
	background-color: #ffff000d;
	color: #7a7a00;
	border: 1px solid yellow;
}
.spanverde {
	background-color: #00ff000d;
	color: green;
	border: 1px solid green;
}
.spanazul {
	background-color: #0000ff39;
	color: #0000ff;
	border: 1px solid #0000ff;
}
.buttons {
	display: inline-block;
	outline: 0px;
	background-color: #0000000d;
	color: black;
	padding: 2px;
	border-radius: 2px;
	border: 1px solid #777777;
	text-align: center;
	cursor: pointer;
}
.btnPulsado {
	background-color: #00ff000d;
	color: green;
	border: 1px solid green;
}
.btnPulsadoInverso {
	background-color: #ff00000d;
	color: red;
	border: 1px solid red;
}
.btnNOPulsado {
	color: blue; font-weight: bold;
	text-transform: uppercase;
	background-color: #0000000d;
	border: 1px solid #777777;
}
.btnError {
	background-color: #ff00000d;
	color: red;
	border: 1px solid red;
}
.btnBandSize { width: 46px; }
.btnModeSize { width: 104px; }
.btnSpotsSize { width: 97px; height: 61px; }
.btnSkim { width: 80px; }
.btnTag { width: 74px; }
.btnSaveTags { width: 74px; height: 54px; vertical-align: top; }
.btnColSpot { width: 96px; }
.selWAZSize { width: 64px; text-align-last: right; }
.selWAZSize option { direction: rtl; }
.selContSize { width: 84px;}
#selWAZ option { direction: rtl; }
.selEntiDXSize { width: 242px; }
.userTags {
	width: 377px;
	height: 48px;
	background-color: #e1e1e1;
	color: blue;
	margin-left: 117px;
	resize: none;
	font-weight: bold;
}
#tabsStats { 
	padding: 0px; 
	background: none; 
	border-width: 0px; 
} 
#tabsStats .ui-tabs-nav { 
	padding: 0px;
	background: transparent; 
	border-width: 0px 0px 1px 0px;
	border-color: black;
	border-radius: 0px;
	font-size: 10px;
} 
#tabsStats .ui-tabs-panel { 
	border-width: 0px;
	height: 288px;
	overflow-x: hidden;
	overflow-y: auto;
}
#tabsStats li { height: 20px; vertical-align: middle; line-height: 10px; }
#tabsStats li a { outline-color: transparent; }​
#tabsOpciones { 
	padding: 0px; 
	background: none; 
	border-width: 0px; 
} 
#tabsOpciones .ui-tabs-nav { 
	padding: 0px;
	margin: 0px;
	background: transparent; 
	border-width: 0px 0px 1px 0px;
	border-color: black;
	border-radius: 0px;
	font-size: 12px;
} 
#tabsOpciones .ui-tabs-panel {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	height: 200px;
}
#tabsOpciones li { height: 20px; vertical-align: middle; line-height: 10px; }
#tabsOpciones li a { font-weight: bold; outline-color: transparent; }​
#tabsInfo { 
	padding: 0px; 
	background: none; 
	border: 0px;
} 
#tabsInfo .ui-tabs-nav {
	padding: 0px;
	background: transparent; 
	border-width: 0px 0px 1px 0px;
	border-color: black;
	border-radius: 0px;
	font-size: 12px;
	width: 1209px;
}
#tabsInfo .ui-tabs-panel { 
	padding: 0px;
	margin: 0px;
	border-width: 0px;
}
#tabsInfo .ui-widget-content {
	background: none;
	background-color: transparent;
	border-width: 0px;
}
#tabsInfo li a { font-weight: bold; outline-color: transparent; }​
#tabsPropa { 
	padding: 0px; 
	background: none; 
	border: 0px;
} 
#tabsPropa .ui-tabs-nav {
	padding: 0px;
	background: transparent; 
	border-width: 0px 0px 1px 0px;
	border-color: black;
	border-radius: 0px;
	font-size: 12px;
	width: 970px;
}
#tabsPropa .ui-tabs-panel { 
	padding: 0px;
	margin: 0px;
	border-width: 0px;
}
#tabsPropa .ui-widget-content {
	background: none;
	background-color: transparent;
	border-width: 0px;
}
#tabsPropa li a { font-weight: bold; outline-color: transparent; }​
#tabsDiplomas { 
	padding: 0px; 
	background: none; 
	border-width: 0px;
} 
#tabsDiplomas .ui-tabs-nav { 
	padding: 0px;
	margin: 0px;
	background: transparent; 
	border-width: 0px 0px 1px 0px;
	border-color: black;
	border-radius: 0px;
	font-size: 12px;
	width: 1204px;
} 
#tabsDiplomas .ui-tabs-panel {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
}
#tabsDiplomas li { height: 20px; vertical-align: middle; line-height: 10px; }
#tabsDiplomas li a { font-weight: bold; outline-color: transparent; }​
/*
#tabsDiplomas { 
    position: relative; 
    padding-left: 6.5em;
    background: none;
    border: 0px;
} 
#tabsDiplomas .ui-tabs-nav { 
    position: absolute; 
    left: 0.25em; 
    top: 0em; 0.25em;
    bottom: 0em; 0.25em;
    width: 6em; 
    padding: 0.2em 0 0.2em 0.2em;
    background: transparent;
    border-width: 0px 1px 0px 0px;
    border-color: black;
    border-radius: 0px;
    font-size: 12px;
} 
#tabsDiplomas .ui-tabs-nav li { 
    right: 1px; 
    width: 100%; 
    border-right: none; 
    border-bottom-width: 1px !important; 
    border-radius: 4px 0px 0px 4px; 
    overflow: hidden; 
}
#tabsDiplomas .ui-tabs-nav li a { 
    float: right; 
    width: 100%; 
    text-align: right;
    outline-color: transparent;
    font-weight: bold;
}
#tabsDiplomas .ui-tabs-panel { 
	float: right;
	border-width: 0px;
}
*/
#timeBar {
	background-color: #ededed;
}
#timeLeft{
	background-color: green;
	width: 0%;
}
.top-bar {
    background: #000;
    height: 26px;
    line-height: 26px;
    border-bottom: 1px solid #222222;
}
.top-bar-right {
    float: right;
}
.top-bar-left {
	float: left;
	color: white;
	font-size: 18px;
}
.top-bar-left:hover {
	background: #00CC1B;
}
ul.top-social-icon {
    height: 26px;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.top-social-icon li {
	display: inline;
}
ul.top-social-icon i.facebook:hover {
    background: #44619D;
}
ul.top-social-icon i.twitter:hover {
    background: #00BAFF;
}
ul.top-social-icon i.youtube:hover {
    background: #C30000;
}
ul.top-social-icon i.instagram:hover {
    background: #FFDC80;
}
ul.top-social-icon i.telegram:hover {
    background: #0088CC;
}
a.acceso:hover {
    background: #00CC1B;
}
.iconSize{
	color: white;
	font-size: 26px;
	margin-right: 5px;
}
.iconSize2{
	color: black;
	font-size: 26px;
	margin-right: 5px;
	margin-left: 10px;
}
.login {
	width: 100px;
	height: 18px;
	vertical-align: text-bottom;
	color: blue;
	font-size: 14px;
	background-color: #f2f2f2;
}
::placeholder {
	color: blue;
}
/*
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
input:-webkit-autofill:visited  {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
	outline: none;
	background-color: #e1e1e1;
	border: 1px solid #777777;
}*/
input:visited,
input:-webkit-autofill {
	-webkit-text-fill-color: blue !important;
	outline: none;
	background-color: #e1e1e1;
	border: 1px solid #777777;
}
#tblSearchEnti tr {
	display: table;
	width: 100%;
	box-sizing: border-box;
	height: 22px;
}
#tblSearchCall tr {
	display: table;
	width: 100%;
	box-sizing: border-box;
	height: 22px;
}
#settings {
/*	border-radius: 4px;
	border: 1px solid #777777; */
	vertical-align: top;
	padding: 2px;
	width: 612px;
}
#versInfo {
	border-radius: 4px;
	border: 1px solid #777777;
	vertical-align: top;
	padding: 2px;
	width: 583px;
}
span.CommentTagsDMEn {
	position: relative;
	background-color: red;
	border-radius: 3px;
	height: 16px;
	border: 1px solid black;
	color: yellow;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 1px;
	margin-bottom: 3px;
	z-index: 100;
}
/*
span.CommentTagsDMEn > span{
	position:relative;
}
span.CommentTagsDMEn:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 55%;
	bottom: 0;
	background: #7bff00;
}
*/
span.CommentTagsDMEs {
	position: relative;
	background-color: #00b9ff;
	border-radius: 3px;
	height: 16px;
	border: 1px solid black;
	color: black;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 1px;
	margin-bottom: 3px;
	z-index: 100;
}
/*
span.CommentTagsDMEs > span{
	position:relative;
}
span.CommentTagsDMEs:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 55%;
	bottom: 0;
	background: #7bff00;
}
*/
span.CommentTagsDMEb {
	position: relative;
	background-color: #ffff64;
	border-radius: 3px;
	height: 16px;
	border: 1px solid black;
	color: black;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 1px;
	margin-bottom: 3px;
	z-index: 100;
}
/*
span.CommentTagsDMEb > span{
	position:relative;
}
span.CommentTagsDMEb:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 55%;
	bottom: 0;
	background: #7bff00;
}
*/
span.CommentTagsDMEm {
	position: relative;
	background-color: #ffb9ff;
	border-radius: 3px;
	height: 16px;
	border: 1px solid black;
	color: black;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 1px;
	margin-bottom: 3px;
	z-index: 100;
}
/*
span.CommentTagsDMEm > span{
	position:relative;
}
span.CommentTagsDMEm:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 55%;
	bottom: 0;
	background: #7bff00;
}
*/
label {
	line-height: 1.5;
}
.rateValue, .pitchValue {
	width: 20px;
	text-align: right;
	line-height: 1.5;
}
#rate, #pitch {
	width: 395px;
}
.totSpotsFlash {
	animation: slide-up 1.0s ease;
}
@keyframes slide-up {
    0% {
        background-color: rgba(255, 0, 0, 0);
    }
    50% {
	    background-color: rgba(255, 0, 0, 0.8);
		color: white;
    }
    
    100% {
		background-color: #EDEDED;
		color: #0000ff;
    }
}
.filterSelects {
	height: 18px;
	line-height: 18px;
	padding: 0;
}

#bar-chart-grouped {
	font-size: 10px;
}

div.disabled
{
  pointer-events: none;

  /* for "disabled" effect */
  opacity: 0.5;
  background: #c2c2c24d;
}

.icon {
	display:inline-block;
	width:40px;
	height: 40px;
	background-size: cover;
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
}

.icon-connected{
	background-image: url(images/connected.svg);
	filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

.btnGDURE{
	width: 134px;
}