.container {
	margin: 0px 0px 0px 0px;
}

.vis-timeline .vis-foreground {
	background-color: rgba(70,97,120,0.4);
}

.vis-labelset .vis-label {
	color: #FFC112;
	font-weight: bold;
}

.vis-time-axis .vis-text {
	color:  white;
	font-weight: bold;
}
.expandLink {
    margin-right: 3px;
}
.vis-timeline  {

	overflow: visible !important;

}
.vis-center, .vis-bottom, .vis-top {
	border-right: none !important;
	
}


.vis-item-content {

}

.vis-item-overflow {
	height: 100%;
	/* padding: 0px 0px 0px 0px; */

}

.shareLink {
	cursor: pointer;
}

.shareLinkField {

}


.vis-item-content {
	text-overflow: ellipsis;	
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin-top: 0.20em;
	height: 100%;
	width: 100% !important;
	margin-left: 5px;	

}

.vis-item-content > span {
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    line-height: 1px;

}
.loadError {
	color: red;
	text-align: center;
	font-weight: bold;
	display:none;
}

.consideredDeleting {
	background-color: orange !important;
}.deleted {
	background-color: yellow !important;
}


.row:not(.highlighted) {
	background-color: rgba(70,97,120,0.4);
}

.vis-h20-h24 {
}

.vis-h24 {
}
.vis-panel.vis-left {

}

 .vis-time-axis .vis-grid.vis-major {
      border-width: 1px;
      border-color: red;
	  z-index: 1;
}
 .timelineCtrls .basicCtrls, .dateCtrls {
    /* text-align: center; */
    /* vertical-align: bottom; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}



 .timelineCtrls span, .timelineCtrls div { 
}
 
 .customTimelineCtrls div {
	 display: inline-block;
 }
 
 .fg0 { 
	flex-grow: 0 !important;
 }
 .fg2 { 
	flex-grow: 2 !important;
 }

.timelineCtrls{
	background-color: rgba(70,97,120,0.4);
	border: 1px #bfbfbf;
	border-left-style: solid;
	/* border-bottom-style: solid; */
	/* border-top-style: solid; */
	height: 100%;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	line-height: inherit;
	/* color: #FFC112; */

}
.basicCtrls a { 
	/* margin: 0px 6px 0px 6px; */

}



#bottomCtrls {
	border-bottom-style: solid;
}

.pickerCtrls { 
	text-align: center;
}


.pickerGo {
	width: 49%;
	display: inline-block;

}

.pickerClose {
	width: 49%;
	display: inline-block;
}


.xdsoft_datetimepicker.xdsoft_dark {
	/* color: green; */
	background-color: #466178;
	color: white;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #466178;
	
		color: white;

	/* color: red; */
	/* background-color: red; */
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	/* color: yellow; */
	/* background-color: yellow; */
	background-color:  rgba(155,199,219,0.6); 
		color: white;

}

/* .x.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { */
	/* color: pink; */
	/* background-color: pink; */
/* } */

/* .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current { */
	/* color: orange; */
	/* background-color: orange; */
	
/* } */

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
	background-color:  #466178;
	color: white;

}


.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
	/* color: purple; */
	/* background-color: purple; */
	background-color:  rgba(155,199,219,0.6); 
	color: white;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
	/* color: #FFC112; */
	background:  #FFC112; 
	/* border-color: white; */
	
	box-shadow: rgba(155,199,219,0.6) 0 1px 3px 0 inset;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: white;
	font-weight: bold;
}


.jumpToDate {
	display: inline-block;
	/* width: 22px; */
	/* height: 22px; */
	
/* background: transparent url('/images/cal.png') no-repeat; */
	padding: 0px;
	margin: 0px;
	    width: 27px;

}



.left {
	float: left;
}

.right { 
	float: right;
}

.timelineCtrls > .jumpToDate {
	/* margin: 0px 5px -5px 5px; */

}
.vis-tooltip {
	overflow-wrap: break-word;
	width: 220px;

}

.disabled {
	color: grey;
	cursor: unset;
}
.disabled:hover {
	color: grey;
	cursor: unset;
}
.vis-inner {
    /* padding-left: 12.5px !important; */
}





.shortHistory {
	background-color: red !important; 
}
.vis-timeline {
	border: 1px #bfbfbf !important;
}


.vis-item-content {
	text-align: center;
}
 .vis-item-overflow  {
	 display: flex;
 }
.vis-item-content, .vis-item, .vis-titem-overflow  {
	/* max-height:1.1em; */
	top: 0px !important;
	bottom: 0px !important;

}
.vis-panel.vis-left > .vis-content {
	margin-left:10px;

}
.hiddenActive.leftTest {
	min-height:10px;
	min-width:10px;
}
.hiddenActive.vis-panel.vis-left {
	min-height:25px;
}
.hiddenActive.vis-panel.vis-left > .vis-content > .vis-labelset > .vis-label > .vis-inner {
    max-width: 180px;

}
.vis-panel.vis-left > .vis-content > .vis-labelset > .vis-label > .vis-inner {
	overflow: hidden;
    /* max-width: 150px; */
    max-width: 185px;
    display: inline-block;
    text-overflow: ellipsis;
}
.hiddenActive.vis-panel.vis-left > .vis-content {
	margin-left: 20px;
}
.vis-panel.vis-left {
	width:200px;
    white-space: nowrap;
	    text-overflow: ellipsis;

}
.timelineCtrls {
	margin-left: 200px;
}

.loading { 
	width: 100%;
	height: 100%;
	font-size: 60vh;
	text-align: center;
	background-color: rgba(255,255,255,0.1);
	z-index: 5;
	position: fixed;
	color: grey;
	  vertical-align: middle;
	  vertical-align: -webkit-baseline-middle;
	  vertical-align: -moz-middle-with-baseline;
}

.loading svg { 
  display: inline-block;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-middle-with-baseline;


}


a.noLink {
	cursor: unset !important;

}
a.noLink:hover  * {
	/* background-color: !important; */
}

#floatLbl {
	color:  #FFC112;
	display: flex;
	/* margin-left: 2px; */
	/* margin-right: 2px; */
}
#showHidden {
	height: 100%;
	width: 100%;
	padding: 0px 3px 0px 3px;
}
#showHidden:hover { 
	background-color: rgba(213,221,246,0.5);
	/* background-color: rgba(255, 193, 18,0.4);  */
}
#content {
	/* display:flex; */
	
}
#otherother {
	display: flex;
	height:100%;
}
#showHidden {
	height: 100%;
}
.leftTest {
	float: left;
	display:inline-block;
	min-width: 10px;
	max-width: 20px;
	height:100%;
	/* padding: 0px 5px 0px 5px; */
    /* word-wrap: break-word; */
	white-space: pre-wrap;
	text-align: center;
	background-color: rgba(70,97,120,0.4);
	/* border: 1px #bfbfbf; */
	/* border-bottom-style: solid; */
	/* border-top-style: solid; */
    overflow: hidden;
	text-overflow: ellipsis;
	background-color: rgba(155,199,219,0.6); ;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.timelineCtrls a:focus {
	outline: 0;
}

/* .vis-item .vis-item-content */
.vis-item {
	cursor: default;
}
.highlighted .vis-item{
	font-style: initial;
}
.vis-item.hasVod {
	cursor: pointer;
}
.vis-grid  {
}

.vis-item-content { 
	margin: 0 auto;
	min-width: 33%;
}

.spacer {
	max-width: 33%;
}


#content { 
	width: calc(100% - 1px);
}

.vis-item.recording .vis-item-content:before {
}

.vis-item.recording {
	/* background-color: red; */
}
.vis-itemset {

}

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.grabbing { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}


.tooltipTitle { 
	overflow-wrap: break-word;
	white-space:normal;
}
.vodThumb {
	width: 220px;
	height: 124px;
	overflow: hidden;
	/* display: block; */
	/* position:absolute; */
    /* clip:rect(0,220px,124px,0); */
}

.customTimelineCtrls {
	font-weight:bold;
	background-color: #6a8c9b;
	    padding: 5px;
	text-align: center;
    vertical-align: bottom;
	    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.customTimelineCtrls .dateFilter {
    margin-left: 5px;
	    margin-left: 0.05em;
}
.customTimelineCtrls .disabled {
	display: none;
	color: white;
}
.clear { 
	clear: both;
}
.vis-major {
    /* color: red !important; */
    font-size: 1.25em;
    /* padding: 5em !important; */
}
.basicCtrls > *{
font-size: 1.25em;
    gap: 0.5em;
    display: flex;

}
.jumpToDate img {
	    height: 100%;
}
.basicCtrls > *:not(.dateCtrls) {
    align-items: baseline;
}
.zoomCtrls {
    justify-content: flex-end;
}
.dateCtrls {
    justify-content: center;
}
.dateCtrls .twitchSVG {
    height: 26.6px;
    width: 26.6px;
	margin-bottom: -11px;

}
.basicCtrls, .customTimelineCtrls {
    /* margin: 0 0.5em; */
    padding: 0.5em;
}

.basicCtrls .dateCtrls {
	gap: 1em;
	gap: 0.5em;

}
.pageTitle {
    /* border: 1px #bfbfbf; */
    /* background-color: #374c5e; */
    /* border-bottom-style: solid; */
    /* border-top-style: solid; */
    border: lef;
    /* text-decoration: underline; */
    /* border-left-style: solid; */
    font-size: 1.5em;
    padding: 0.5em 0 0.5em 0em;
}

.zoomCtrls a, .zoomCtrls a * {
	/* margin: 0px 2px; */
	
}
.pageTitle > h1 {
	/* border: 1px; */
	/* border-bottom-style: solid; */
	font-size: 1.25em;
	margin: auto;
	margin-left: 10px;
	padding:0px 0px 0px 0px;
	/* color: #FFC112; */
	    font-size: 1.1em;

}

.suppliedDate {
    pointer-events: none;
    background-color: rgba(255, 193, 16, 0.6);
	z-index: 5;
	width: 5px;
}
.vis-tooltip  {
	white-space: normal !important;
}
.customTimelineCtrls .leftCtrls {
    justify-content: flex-start;
    display: flex;
}

.customTimelineCtrls .rightCtrls {
    justify-content: flex-end;
    display: flex;
}
.basicCtrls, .customTimelineCtrls {
	display: grid;
    grid-template-columns: 2fr 10fr 2fr;
}