:root{
	 --projectAccent: #1cb8ee;
}
.hiddenButton{
	display: none;
}
.hiddenX {
	width:23px;
	height:20px;
	position:absolute;
	top:0;
	right:0;
	color:var(--projectAccent);
	font-size: 20px;
	font-weight: bold;
}
.video:hover  .hiddenButton, .assetImage:hover .hiddenButton{
	display: block;
}
.video:hover {
	 border-bottom: 4px solid var(--projectAccent);
	 border-radius: 5px;
	 box-shadow: 0 0 5px rgba(0,0,0,.4);
	 /* padding-bottom: 5px; */
}
/* .video:hover .videoTitle{
	padding-top: 5px;
} */

.hiddenXtip {
	display: none;
	width:67px;
	height:22px;
	position:absolute;
	top:-22px;
	right:16px;
	color:var(--projectAccent);
	font-size: 15px;
	border-radius: 5px;
	background: white;
	padding-left: 3px;
}

.shareIcon {
	display: block;
	width:57px;
	height:80px;
	position:absolute;
	top:0px;
	right:0px;
}

.getVideoURL {
	position:absolute;
	top:9px;
	 background: white;
	 padding: 3px;
	 border-radius: 3px;
	left:25px;
}

.copyURLtip {
	display: none;
	width:73px;
	padding-left: 2px;
	height:22px;
	position:absolute;
	top:-22px;
	left:5px;
	font-size: 15px;
	border-radius: 5px;
	background: white;
}

@media (min-width: 600px){
	.getVideoURL:hover {
		display: block;
		cursor: pointer;
	}
	.getVideoURL:hover + .copyURLtip {
		display: block;
	}
	.hiddenX:hover {
		display: block;
		cursor: pointer;
	}
	.hiddenX:hover + .hiddenXtip {
		display: block;
	}

	.thumbnail:hover + .hiddenX {
		display: block;
	}
}
@media (max-width: 600px) {
	.importVid, .hiddenX, .hiddenXtip, .cloneVid, .exportVid {
		display: none;
		pointer-events: none;
	}
}


.cloneVid {
	position:absolute;
	top:9px;
	right:40px;
	 background: white;
	 padding: 3px;
	 border-radius: 3px;
}

.cloneVidtip {
	display: none;
	border-radius: 5px;
	background: white;
	width:76px;
	height:20px;
	position:absolute;
	top:-20px;
	right:15px;
	font-size: 15px;
	padding-left: 2px;
}

.cloneVid:hover {
	display: block;
	cursor: pointer;
}
.cloneVid:hover + .cloneVidtip {
	display: block;
}

.toggleSelectAll {
	margin-top:4px;
	margin-left:4px;
	margin-bottom:20px;
	width:18px;
	height:18px;
	border: 2px solid rgb(45,35,200)
}

.toggleSelectAll:hover {
	cursor: pointer;
}

.toggleAllLabel {
	display: inline;
	margin-left: 10px;
}

/*.toggleSelectAll:hover + .toggleAllLabel {
	display: inline;
}*/

.toggleShowData {
	display: block;
	width:18px;
	height:18px;
	position:absolute;
	top:4px;
	left:4px;
	border: 2px solid rgb(45,35,200)
}

.toggleShowData:hover {
	cursor: pointer;
}

#toggleTable:hover {
	cursor: pointer;
}
.hiddenShowDatatip {
	display: none;
	width:70px;
	height:20px;
	position:absolute;
	top:-17px;
	left:0;
	color:var(--projectAccent);
	font-size: 12px;
}

.toggleShowData:hover + .hiddenShowDatatip {
	display: block;
}

.importVid {
	position:absolute;
	top:9px;
	left:45%;
	 background: white;
	 padding: 3px;
	 border-radius: 3px;
}
.importVidtip {
	display: none;
	border-radius: 5px;
	background: white;
	height:22px;
	position:absolute;
	top:-22px;
	left:35%;
	font-size: 15px;
	width: 113px;
}
.importVid:hover {
	display: block;
	cursor: pointer;
}
.importVid:hover + .importVidtip {
	display: block;
}
.exportVid {
	position:absolute;
	top: 72%;
	left: 6%;
	background: white;
	padding: 3px;
	border-radius: 3px;
}
.exportVidtip {
	display: none;
	height:20px;
	position:absolute;
	top: 80%;
	left: 5%;
	font-size: 15px;
	border-radius: 5px;
	background: white;
	padding-left: 2px;
	width: 52px;
}
.exportVid:hover {
	display: block;
	cursor: pointer;
}
.exportVid:hover + .exportVidtip {
	display: block;
}

.sharingIcon {
	 padding: 5px;
	 position: absolute;
	 top: 18px;
	 right: 7px;
	 cursor: pointer;
	 color: pink;
	 background: red;
	 border-radius: 6px;
	 opacity: .8;
	 background: url('../images/share.png');
	 width: 30px;
	 height: 41px;
}
.hideSharingBox {
	display: none;
}

.videoHeadingText {
	font-size: 18px;
}
.easyuserHeadingText{
	color:white;
	padding-top: 37px;
	font-size: 16pt;
}
@media (max-width: 991px){
	.easyuserHeadingText{
		font-size: 12pt;
	}
}
.pinkTextColor {
	color: #EA3582;
}

#share_reddit,
#share_line,
#share_telegram,
#share_whatsapp,
#share_kik,
#share_slack
 {
	filter: grayscale(100);
	cursor: default;
}

.videoListTitle span{
	text-align: center;
	 width: 230px;
	 background-color: #EA3582;
	 color: #fff;
	 border-radius: 50px;
	 text-transform: uppercase;
	 display: inline-block;
	 padding: 0px 0px;
	 font-size: 20pt;
	 font-weight: bold;

}
.videoListTitle {
	height: 45px;
	 margin: 20px 0;
	 text-align: center;
	 display: block;
	 width: 100%;
}
.nodatafound {
	display: block;
	width: 100%;
	text-align: center;
}
#clients .clientTitle{
	font-size: 30px;
}
#clients .clientList {
	display: flex;
	 flex-wrap: wrap;
	 flex-direction: row;
	 align-content: flex-start;
	 justify-content: center;
	 align-items: center;
}
#clients .clientDetail{
	text-align: center;
	 border-right: 2px solid #8C8C8C;
	 cursor: pointer;
	 padding: 0 5px;
	 margin: 0 10px;
}

#clients .clientDetail:not(:first-child) {
	 margin-left: -10px;
}

#clients .clientDetail:last-child {
  border: none;
}

#clients .companyName{
	font-size: 20px;
	padding: 4px 60px;
}
#clients .activeCompany {
	 border: 2px solid #EA3582;
	 border-radius: 30px;
	 width: max-content;
}

#listViewActiveVideos, #listViewStagedVideos{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.connected-sortable .video {
	flex: 1 1 1 25%;
}

@media (max-width: 575px) {
	#clients .clientDetail {
		border: none;
	}
}