html,body {
    font:normal 1.0em arial,helvetica;
	position: relative;
    height:100%; /* Sembra un'idiozia, ma serve */
}

h3 {
	color: navy; 
}

#log {
    width:440px; 
    height:150px; 
    border:1px solid #7F9DB9; 
    overflow-y: scroll;
}

#scriptLog
{
    width:600px; 
    height:150px; 
    border:1px solid #7F9DB9; 
    overflow:auto;
}
#msg {
    width:600px;
    max-width: 600px;
    min-width: 600px;
    border:1px solid #7F9DB9; 
    font-family: Calibri, Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 2em;
	color: black !important;
    background: #E0FFE0;
}

/* http://www.color-hex.com/color/ff99a8 */
.tagColor1 { color: #87cefa; }
.tagColor2 { color: #ffa07a; }
.tagColor3 { color: #90ee90; }
.tagColor4 { color: #ffb6c1; }
.tagColor1:hover {color: #54b9f8 }
.tagColor2:hover {color: #ff7f4d }
.tagColor3:hover {color: #65e765 }
.tagColor4:hover {color: #ff99a8 }
.tagBackground1 { background: #54b9f8; border-color: #326f94; }
.tagBackground2 { background: #ff7f4d; border-color: #994c2e; }
.tagBackground3 { background: #65e765; border-color: #3c8a3c; }
.tagBackground4 { background: #ff99a8; border-color: #995b64; }
.tagBackground1:hover { background: #4394c6; }
.tagBackground2:hover { background: #cc653d; }
.tagBackground3:hover { background: #50b850; }
.tagBackground4:hover { background: #cc7a86; }




.snapTag {
	display: inline-block;
	margin: 2px;
	padding: 4px;
	border: 1px solid transparent;
	border-radius: 3px;
	cursor: pointer;
}

.snapTagDel {
    color: #E0E0E0;
}

.flex-container {
	display: flex;
	flex-direction: row;
}

.fixed-width-column-separator {
	width: 10px;
}
	
.fixed-width-column-main {
	width: 600px;
}

.fixed-width-column-sidebar {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 190px;
	height: auto;
}

#snapTagBox  {
    border-radius: 4px; 
	border: 1px solid #7F9DB9;
	background: Ivory;
	width:  100%;
	flex-grow: 3;
}


.fixed-width-container {
	
    width: 830px;
}

.fixed-width-body {
    min-width: 835px;
	max-width: 835px;
}

.tiny {
	font-size: 0.6em;
}



.msgSubUnlinked {
    background: #FFE0E0 !important;
}




.logButton {
    width: 150px;
}

.subtitleNoCurrent {
	background: #FFFFD0;
}

.subtitleCurrent {
	background: #E0A0E0 !important;
}
    
.subtitle {    
    width: 100%;
    border-bottom:1px dotted #7F9DB9; 
	cursor: pointer;
}

.subtitle:hover {
	background: #FFFF90 !important;
}


.subsep {
	visibility: hidden;
	float: left;
	width: 0;
	height: 0;
}

.subtime {
	/*width: 9.5em;*/
	width: 0;
	height: 0;
	visibility: hidden;
    color: 7F7F7F;
    text-align: left;
	border-right:1px dotted #7F9DB9; 
    float: left; 
}

.subnumber {
    float: left;
	width: 2.2em; 
    color: 7F7F7F;
    text-align: right;
	padding-right: 0.2em;
	border-right:1px dotted #7F9DB9; 
}

.subtext {
    /*margin-left: 11.75em;*/
	margin-left: 2.2em;
	padding-left: 0.6em;
}
.subend {
	visibility: hidden;
	width:   0;
	margin:  0;
	padding: 0;
	border:  0;
	clear: both;
}

.no-outline, a.no-outline:active, a.no-outline:focus, a.no-outline:hover {
    outline: 0;
	text-decoration: none;
}

.cursor-pointer {
   cursor: pointer;
}

.cursor-default,
.cursor-normal {
   cursor: default;
}


.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.thinSeparator {
    width: 10px;
    height: 6px;
	clear: both;
}

#splitMode .notActive, #playMode .notActive {
    color: #3276b1;
    background-color: #fff;
    
}
#copySubtitles, #downloadSubtitles { text-decoration: none; }

.form-control:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}