@CHARSET "utf-8";

.video_frame {
	padding-right:5px;
	margin-bottom: 1em;
}

.player-iframe-wrapper {
	overflow: hidden;
	position: relative;
	width:100%;
	border:2px solid #00cbd8;
}

.player-iframe-wrapper::after {
	padding-top: 56.25%;
	display: block;
	content: '';
}

.player-iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#video_title {
	width: 100%;
	padding-right:10px;
	font-size: 1.4em;
	color:#07294c;
	padding-left: 5px;
	font-weight: bold;
}

#video_views {
	margin-left:5px;
	overflow-wrap: break-word;
	color:#07294c;
}
#video_author {
	padding-left: 5px;
	color:#07294c;
	font-size: 14px;
	font-weight: 300;
}

#video_author a{
	text-decoration: underline;
	color:#07294c;
}


@media only screen and (max-width:1200px) {
	#specials_morecont {
		display: contents;
	}
	
	#artist_choice_morecont {
		display: contents;
	}
}

#specials_morecont.collapse:not(.show) {
	display: none;
}

#specials_cont_header {
	position: relative;
	border-bottom: 1px solid #1985a1;
	margin-bottom: 36px;
	color: #1985a1;
	padding-bottom: 5px;
}

#specials_cont_header h4 {
	margin: 0;
	text-transform: uppercase;
	font-size: 18px;
	margin: 12px 0 24px 0;
}

#specials_cont_header .showall-btn {
	top: 0;
	right: 0;
	font-size: 12px;
	position: absolute;
	padding: 2px;
}

#playlists_frame {
	width: 100%;
	display: flex;
	align-content: start;
	align-items: start;
}

#playlists_frame a {
	display: inline-block;
	margin:5px;
	width: 100%;
	min-width: 180px;
	max-width: 180px;
	text-decoration: none;
}

#playlists_frame a:hover {
	text-decoration: none;
}

.playlist_block {
	width: 100%;
	min-width: 180px;
	max-width: 180px;
	position: relative;
	border: none;
	margin-left: auto;
	
}

.playlist_block img {
	width: 180px;
	height: 80px;
	object-fit: cover;
	border:2px solid #1985a1;
}

.playlist_title {
	pointer-events: none;
	opacity: 1;
	width: 100%;
	text-align: center;
	color: #07294c;
	background: transparent;
	font-size: 12px;
	margin-top:5px;
	font-weight: 500;
}

.action-icons {
	font-size: 24px;
	color: #047b9b;
	cursor:pointer;
	display: inline-block;
}

.action-icons img {
	vertical-align: bottom;
    width: 30px;
}

.action-icons img:not(:first-child) {
	background-image: url("/statics/images/youtube_mon/cuview_share_icons/share_btn_shadow.svg");
    border: 5px solid transparent;
    background-position: 0px 0px;
    background-size: 30px;
    background-repeat: no-repeat;
}

.action-icons .copylink-share-icon {
	margin-right: 1rem;
	margin-bottom: 5px;
	width: 20px;
}

/* Similars */
/*******************************/

#youtube_similars_frame {
	display: flex;
	flex-wrap: wrap;
	padding-bottom:40px;
}

#youtube_similars_morecont {
	flex: 100%;
	display: flex;
	flex-wrap: wrap;
}

#youtube_similars_morecont.collapse:not(.show) {
	display: none;
}

#youtube_similars_frame .sim_block {
	margin: 1em 0;
	display: flex;
	flex-basis: 32%;
}

@media only screen and (max-width:900px) {
	#youtube_similars_frame .sim_block {
		flex-basis:50%;
	}
}

@media only screen and (max-width:600px) {
	#youtube_similars_frame .sim_block {
		flex-basis:100%;
	}
}

#youtube_similars_frame .sim_album_cover {
	width:75px;
	height:75px;
	margin-top: 5px;
	margin-left: 0;
}

#youtube_similars_frame .sim_text {
	margin:0 10px;
	font-size: 0.8em;
	display: flex;
	flex-direction: column;
}

#youtube_similars_frame .sim_text a {
	color: white;
}

#youtube_similars_frame .sim_track_title a,
#youtube_similars_frame .sim_track_title a:link,
#youtube_similars_frame .sim_track_title a:visited {
	color: white;
}

#youtube_similars_frame .sim_track_title a .fas {
	color:#00c9d6;
}

#youtube_similars_frame .sim_artist_title,
#youtube_similars_frame .sim_artist_title a:link,
#youtube_similars_frame .sim_artist_title a:visited,
#youtube_similars_frame .sim_artist_title a {
	color:#00c9d6;
}

#youtube_similars_frame .sim_artist_title .merchbar_link {
	margin-left:5px;
}

#youtube_similars_frame .sim_atrist_by {
	font-style:italic; 
	display: inline-block;
	margin-right:10px;
}

#youtube_similars_frame .sim_number {
	color:#00c9d6;
	display: inline-block;
}

#youtube_similars_frame .fp_params {
	font-style:italic;
	color:#00c9d6;
	display: inline-block;
	font-size: inherit;
    font-weight: normal;
}

#youtube_similars_frame .sim_album_cover_bkgr {
	background-size: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	width:74px; 
	height:74px; 
	border:1px solid #C1C1C1;
	background-color: white;
}
/********************************************/


#youtubeTabContent .stats_but {
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-left: 5px;
	cursor: pointer;
	background: url("curadio.png");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: sub;
}

#youtubeTabContent .portal_block {
	width: 30px;
	height: 30px;
	margin-right: 5px;
	border-radius: 5px;
	margin-top: 5px;
}

#youtubeTabConent .portal_block:not(:last-child) {
	margin-right: 5px;
}

#youtubeTabContent #playbtn_block .track_playbtn {
	filter: brightness(0) saturate(100%) invert(11%) sepia(26%) saturate(4487%) hue-rotate(191deg) brightness(94%) contrast(96%);
}

#youtubeTabContent .portal_img {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 5px;
}

#youtubeTabContent .background-img{
	background-size: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}

#youtubeTabContent .portal_price {
	float:left; 
	width:100%;
	font-size: 6px;
	margin-top:-10px; 
	color:white; 
	text-align:center;
	text-shadow: 1px 1px #777;
}

.error-frame {
	height:180px;
	margin-top:20px;
	color: white;
	font-size:1.2em;
	text-align:center;
	overflow:hidden;
	display:none;
}

.search_bar {
	width:100%;
	margin:30px 0;
}

.search-radiobutton-wrapper {
	display: inline-block;
	vertical-align: middle;
	margin-right:20px;
}

#search-container {
	width:100%;
	margin-top: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#related_vids_morecont {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#related_vids_morecont.collapse:not(.show) {
	display: none;
}

.search-wrapper {
	position: relative;
	display: inline-block;
    width: calc(100% - 250px);
    vertical-align: middle;

}

.btn-bigsearch, .btn-bigsearch:focus {
	background-color:#07294c;
	color:white;
	border-radius: 50%;
	height: 32px;
	border: none;
	outline: none;
	position: absolute;
	right: 4px;
	padding: 6px 8px;
	font-size: 16px;
	top: 4px;
}

.custom-radio.round-radio {
	display: inline-block;
	margin-left: 10px;
}

.custom-radio.round-radio .form-check-input~.form-check-label,
.custom-radio.round-radio .form-check-input~.form-check-label:focus {
	font-size: 20px;
	color: #00cbd8;
	outline: none;
	box-shadow: none;
}

.custom-radio.round-radio .form-check-input~.form-check-label::before,
.custom-radio.round-radio .form-check-input~.form-check-label:focus::before,
.custom-radio.round-radio .form-check-input:checked~.form-check-label::before {
	border-radius: 50%;
	width: 1.2rem;
	height: 1.2rem;
	background: transparent;
	border: 2px solid #00cbd8;
	outline: none;
	box-shadow: none;
}

#video_query {
	display: inline-block;
	font-size: 16px;
	border-radius: 20px;
	border: none;
	padding: 0 20px;
	padding-right:50px;
	height:40px;
	vertical-align: top;
}

.apikey-container {
	margin-bottom: 20px;
}

#YTApiKeyLabel {
	font-size: 20px;
    color: #00cbd8;
    outline: none;
    box-shadow: none;
	margin-left: 14px;
    margin-right: 60px;
}

#YTApiKeyInput {
	display: inline-block;
    max-width: calc(100% - 440px);
    font-size: 16px;
    border-radius: 20px 0px 0px 20px;
    border: none;
    padding: 0 20px;
    height: 40px;
    vertical-align: top;
}

#YTApiKeyInstructions {
	background-color: #0eddff;
    color: white;
    margin-left: -4px;
    border-radius: 0px 20px 20px 0px;
    box-shadow: none;
    border: none;
    height: 40px;
    display: inline-block;
    line-height: 40px;
	padding: 0 30px;
}

@media screen and (max-width: 900px) {
	#YTApiKeyInput {
		max-width: calc(100% - 180px);
	}
}

#related_videos_wrapper {
	background-color: white;
	position: relative;
}

#related_videos_wrapper .cont-header {
	position: relative;
	color: #1885a0;
	padding-bottom: 5px;
}

#related_videos_wrapper #related_vids_cont_title {
	margin: 0;
	text-transform: uppercase;
	font-size: 2rem;
	margin: 12px 0 24px 0;
	text-align: center;
	font-weight: bold;
	color: #07294c;
}

#related_videos_wrapper .cont-header .showall-btn {
	top: 0;
	right: 0;
	font-size: 12px;
	position: absolute;
	padding: 2px;
}

.yt-block {
    display: flex;
    flex-direction: column;
    margin: 0 10px 20px 0px;
    position: relative;
    flex-basis: calc(20% - 42px);
}

.yt-img {
	height:100px;
	border:2px solid #1985a1;
}
.yt-img-active {
	border:2px solid #03CFEB;
}

.yt-lockup-content {
	margin-top:1rem;
	display: flex;
	flex-direction: column;
}

.yt-lockup-content a {
	color:#07294c;
}

.yt-title {
	font-size:14px;
}

.yt-title a {
	text-decoration: none;
}

a.blue{
	color:#0F8BB7;
}

.yt-author {
	font-size:14px;
	color:#07294c;
	font-weight:300;
}

.yt-view {
	font-size: 12px;
	color:#1985a1;
	margin-top: auto;
}



.yt-time {
	max-width: 100px;
	height: 14px;
	background-color: rgba(0,0,0,0.75);
	color: #DDD;
	font-size: 0.75em;
	font-weight: bold;
	display: inline-block;
	padding: 4px 12px 18px 12px;
	border-radius: 5px;
	position: absolute;
	top:70px;
	right:10px;
}

.analysis-button-wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -0.5rem;
}

/**/

.analysis-loader {
	position:relative;
	width: 100px;
	height: 100px;
	flex-direction: column;
	justify-content: center;
	color: white;
	border-radius:50%;
	border:none;
	cursor: pointer;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-decoration: none;
}

.analysis-loader.disabled {
	cursor: not-allowed;
}

.analysis-loader:hover, .analysis-loader:active {
	text-decoration: none;
	color:white !important;
}

#analyze_button_header {
	font-size: 14px;
	text-align: center;
	z-index: 1;
	font-weight: bold;
	width: 80px;
	padding-top: 2px;
}

#analyze_time {
	font-size: 32px;
	z-index:1;
	font-weight:bold;
	color:#06294b;
	font-size: 1.6em;
	padding-left: 5px;
}

.btn-cancelanalysis,.btn-cancelanalysis:focus {
	pointer-events: all;
	box-shadow: none;
	border: none;
	color: #06294b;
    background: transparent;
    padding: 0;
    text-shadow: 1px 1px black;
    margin-top: 5px;
}

.loader1 {
	border: none;
    border-radius: 50%;
    width: 90px;
    height: 90px;
	background: #06294b;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-135deg);
}

.loader2 {
	border: 6px solid white;
    border-radius: 50%;
    border-top: 6px solid #00cad7;
    width: 98px;
    height: 98px;
    transform: translate(-50%,-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
}

/* Safari */
@-webkit-keyframes spin2 {
	0% { -webkit-transform:translate(-50%,-50%) rotate(45deg); }
	100% { -webkit-transform:translate(-50%,-50%) rotate(405deg); }
}

/* Safari */
@-webkit-keyframes spin1 {
	0% { -webkit-transform:translate(-50%,-50%) rotate(-135deg); }
	100% { -webkit-transform:translate(-50%,-50%) rotate(225deg); }
}

@keyframes spin2 {
	0% { transform:translate(-50%,-50%) rotate(45deg); }
	100% { transform:translate(-50%,-50%) rotate(405deg); }
}
@keyframes spin1 {
	0% { transform:translate(-50%,-50%) rotate(-135deg); }
	100% { transform:translate(-50%,-50%) rotate(225deg); }
}

/**/


.analysis-button-wrapper.inprogress .loader1 {
	-webkit-animation: spin1 2s linear infinite;
	animation: spin1 2s linear infinite;
}

.analysis-button-wrapper.inprogress .loader2 {
	-webkit-animation: spin2 2s linear infinite;
	animation: spin2 2s linear infinite;
	animation-direction: reverse;
}

.cuview-analysis-result .cont-header {
	color: #037a9a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.cuview-analysis-result .cont-header h3 {
    margin-top: 5px;
    margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
}

.cuview-analysis-result .cont-header .btn-result {
    cursor: pointer;
	color: white;
    border: 1px solid white;
    padding: 7px 20px;
    border-radius: 20px;
    margin: 0 2px;
    width: 130px;
    display: inline-block;
    text-align: center;

}

.cuview-analysis-result .cont-header .btn-result.active {
	cursor: default;
	color:#8cb4d5;
	background-color: white;
}

.before-analysis-placeholder {
	color: #00cbd8;
	font-size: 16px;
	position: relative;
	width: 100%;
	background-image: url("youtube_mon/beforeanalysis_placeholder_bg.png");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 200px;
	margin: 10px 0;
}

.before-analysis-placeholder .ph-text {
	display: block;
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

#btn_cube_result {
	background-image: url("youtube_mon/Cube_but_OFF.png");
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}

#btn_cube_result.active {
	background-image: url("youtube_mon/Cube_but_ON.png");
}

#btn_cube_result:focus, #btn_cube_result:active {
	outline: none;
	box-shadow: none;
}

#wm_additional_info_container {
	display: flex;
	flex-wrap: wrap;
	z-index: 999;
	position: absolute;
	top: 55px;
	flex-direction: column;
	right: 20px;
}

.more-cont {
	flex:100%;
	display: flex;
	flex-wrap: wrap;
}

#wm_additional_info_container .info-entry {
	display: flex;
	align-items: center;
	margin-top: 10px;
	font-size: 10px;
	border: 1px solid #00cad7;
	padding:5px;
	flex-direction: column;
	background-color: rgba(255,255,255, 0.9);
	border-radius: 5px;
	max-width: 100px;
}

#wm_additional_info_container .info-entry .info-icon {
	width: 16px;
	margin-right:5px;
	border-radius: 5px;
	margin-bottom: 5px;
}

#wm_additional_info_container .info-entry .info-wmnum {
	font-weight: bold;
}

#wm_additional_info_container .info-entry .info-text,
#wm_additional_info_container .info-entry .info-wmnum,
#wm_additional_info_container .info-entry .info-text a {
	color: #07294c;
	text-align: center;
}


/* ---- */

#wm_cugate_services_container {
	padding:1em 0;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 2rem;
}

#wm_cugate_services_container .cont-header {
	position: relative;
	flex: 100%;
	margin: 2rem 0;
	color: white;
}

#wm_cugate_services_container .cont-header h3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: 300;
}

#wm_cugate_services_container .cont-header h3 b {
	font-weight: bold;
}

#wm_cugate_services_container .cont-header .showall-btn {
	top: 4px;
	right: 10px;
	font-size: 14px;
	position: absolute;
	padding: 2px;
}

#wm_cugate_services_container .service-entry {
	display: flex;
	align-items: center;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	flex-basis: calc(25% - 5px);
	text-decoration: none;
}

#wm_cugate_services_container .service-entry .info-icon {
	width: 36px;
	margin-right:7px;
	border-radius:6px;
}

#wm_cugate_services_container .service-entry .info-icon.white {
	filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7500%) hue-rotate(157deg) brightness(107%) contrast(101%);
}


#wm_cugate_services_container .service-entry .info-text {
	color:white;
}

#wm_cugate_services_container .service-entry .entry-link {
	color: #00cad7;
	text-decoration: none;
	font-weight: 300;
}

#wm_cugate_services_container .service-entry:hover {
	text-decoration: none;
}

#wm_cugate_services_container .service-entry:hover .entry-title {
	text-decoration: underline;
}

#wm_cugate_services_container .service-entry .entry-link:hover span {
	text-decoration:underline;
}

@media only screen and (max-width:768px) {
	#wm_additional_info_container .info-entry,
	#wm_cugate_services_container .service-entry,
	#artist_choice_cont .artist-choice-item {
		flex: 100%;
	}
}

/* ---- */


.cuview-analysis-result {
	background: transparent;
    padding: 1em 0;
    padding-bottom: 6rem;
    padding-top: 2rem;
}

/* .cuview-analysis-result .res-title {
	color: #00cbd8;
    margin: 10px 0;
    font-weight: bold;
} */

.cuview-analysis-result .result-wm .res-wrapper,
.cuview-analysis-result .result-fp .res-wrapper,
.cuview-analysis-result .result-yttext .res-wrapper {
	display: flex;
}

.cuview-analysis-result .result-yttext .cloned-wrappers-header {
    color: #037a9a;
	text-transform: uppercase;
    margin: 2rem 0;
	font-weight: bold;
}

.cuview-analysis-result .album-cover {
	min-width:100px;
	max-width: 180px;
	max-height: 180px;
	object-fit: contain;
	background-color: white;
	box-shadow: 15px 10px 30px -5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 15px 10px 30px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 15px 10px 30px -5px rgba(0,0,0,0.5);
}

.cuview-analysis-result .res-info {
	padding-left: 30px;
	display: flex;
	flex-direction: column;
	align-content: space-between;
	justify-content: space-between;
	flex: 1 1 auto;
}

.cuview-analysis-result .track-title,
.cuview-analysis-result .track-title a {
	color:#07294c;
	font-size:18px;
	font-weight: 500;
}

.cuview-analysis-result .track-members,
.cuview-analysis-result .track-members a {
	color:#07294c;
	font-size:14px;
	font-weight: 300;
}

.cuview-analysis-result .track-members .merchbar_link {
	margin-left:5px;
}

.cuview-analysis-result .wm_section {
	display: inline-block;
	margin-top:10px;
	color:white;
}

.cuview-analysis-result .track-portal-links {
	display: flex;
	margin-top:10px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.result-similars-header {
	color:white;
	font-weight: lighter;
	font-size: 24px;
	display: flex;
	justify-content: space-between;
	padding: 22px 0;
	align-items: center;
	border-bottom: 1px solid #123959;
}

.result-similars-header b {
	color: #00cbd8;
}

.result-similars-header #youtube_similars_frame_collapsebtn {
	font-size: 14px;
	color:#00cbd8;
	text-decoration: none;
}

#specials_cont_wrapper {
	background-color: #a0c5c8;
	position: relative;
}

#specials_cont_wrapper::before {
	box-shadow: -1000px 0px #a0c5c8;
	content: " ";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000px;
}

@media only screen and (max-width:1000px) {
	#specials_cont_wrapper {
		overflow: hidden;
	}
}

#specials_morecont.collapse:not(.show) {
	display: none;
}

#artist_choice_cont_wrapper {
	background-color: #cce4e0;
	box-shadow: 900px 0px 0 #cce4e0;
}

#artist_choice_cont_wrapper .cont-header {
	position: relative;
	border-bottom: 1px solid #1885a0;
	margin-bottom: 40px;
	color: #1885a0;
	padding-bottom: 5px;
}

#artist_choice_cont_wrapper .cont-header h4 {
	margin: 0;
	text-transform: uppercase;
	font-size: 18px;
}

#artist_choice_cont_wrapper .cont-header .showall-btn {
	top: 0;
	right: 0;
	font-size: 12px;
	position: absolute;
	padding: 2px;
}

#artist-choice-cont {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

#artist_choice_morecont {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#artist_choice_morecont.collapse:not(.show) {
	display: none;
}

.artist-choice-item {
	margin: 10px 10px 0px 0px;
	display: flex;
	flex-basis:calc(32% - 42px);
}

@media only screen and (max-width:900px) {
	.artist-choice-item {
		flex-basis:calc(50% - 42px);
	}
	
	#search-container .yt-block {
		flex-basis: calc(33% - 42px);
	}
}

.artist-choice-item .fas {
	color: #01ccda;
}

.artist-choice-img {
	display: block;
	margin-bottom: 5px;
	width: 120px;
	height: 120px;
	object-fit: cover;
}

.artist-choice-title {
	color:#1985a1;
	margin-left:10px;
	overflow-wrap: break-word;
}

.artist-choice-item:hover {
	cursor: pointer;
}

.artist-choice-item:hover .artist-choice-title {
	text-decoration: underline;
}

.salome-obj .info-icon {
	filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7500%) hue-rotate(157deg) brightness(107%) contrast(101%);
}

.salome_maps_link {
	margin-left: 5px;
}

.salome_maps_link img {
	height: 18px;
	margin-right:5px;
}


#youtubeTabContent .sim_text .track_playbtn,
#youtubeTabContent .sim_text .yt_playbtn {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	color:#00c9d6;
	border: 1px solid #00c9d6;
}

#youtubeTabContent .yt_playbtn,
#youtubeTabContent .yt_playbtn:hover {
	color:#00c9d6 !important;
	text-decoration: none !important;
}

#youtubeTabContent .sim_text .track_playbtn span,
#youtubeTabContent .sim_text .yt_playbtn span {
	display: inline-block;
	margin: 0 5px;
	font-size: 10px;
	vertical-align: unset;
}

#youtubeTabContent .sim_text .small_playbtn_img {
	width: 21px;
	height: 21px;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
}

#cube_container {
	width: 100%;
}

#cube_container_wrapper {
	position: fixed;
	width:300px;
	height:340px;
	right:40px;
	top:calc(100vh - 380px);
	/*border: 1px dashed black;*/
	
}

#cube_container_wrapper_handle {
	padding: 5px 20px;
	background: #00cad7;
	padding-bottom:2px;
	user-select: none;
	border: 1px solid #10183a;
    cursor: grab;
}

#cube_container_wrapper_handle_close {
	cursor: pointer;
}

#cubeCanvas {
	background: url('youtube_mon/cube_bg.png') no-repeat center center;
	background-size: contain;
	width: 100%;
}

.hidden {
	display: none !important; 
}

.vidresults-pagination-row {
	width: 100%;
	margin: 1em;
	display: flex;
	justify-content: center;
}

.vidresults-pagination-row .btn {
	margin: 0 10px;
	border-radius: 20px;
	background-color: #0eddff;
	color: white;
	padding: 8px 16px;
}