/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ================================================================================================================== */

@font-face
{
	font-family: 'bar_semibold';
	src: url('../assets/fonts/Barlow-SemiBold.ttf') format('truetype');
}

/* ================================================================================================================== */

@font-face
{
	font-family: 'bar_bold';
	src: url('../assets/fonts/Barlow-Bold.ttf') format('truetype');
}

/* ================================================================================================================== */

body
{
	font-family: sans-serif;
}

/* ================================================================================================================== */

ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul li
{
	list-style: none;
}

ul li:hover
{
	cursor: pointer;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.footer
{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
}

/* ================================================================================================================== */

.rgc
{

}

.responsive_grid_items, .responsive_grid_items_medium, .responsive_grid_items_small
{
	display: grid;
	gap: 10px;
}

@media (min-width: 750px)
{
	.responsive_grid_items
	{
		grid-template-columns: repeat(2, 1fr);
	}

	.responsive_grid_items_medium
	{
		grid-template-columns: repeat(2, 1fr);
	}

	.responsive_grid_items_small
	{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1000px)
{
	.responsive_grid_items
	{
		grid-template-columns: repeat(3, 1fr);
	}

	.responsive_grid_items_medium
	{
		grid-template-columns: repeat(3, 1fr);
	}

	.responsive_grid_items_small
	{
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (min-width: 1250px)
{
	.responsive_grid_items
	{
		grid-template-columns: repeat(4, 1fr);
	}

	.responsive_grid_items_medium
	{
		grid-template-columns: repeat(5, 1fr);
	}

	.responsive_grid_items_small
	{
		grid-template-columns: repeat(6, 1fr);
	}
}

@media (min-width: 1500px)
{
	.responsive_grid_items
	{
		grid-template-columns: repeat(5, 1fr);
	}

	.responsive_grid_items_medium
	{
		grid-template-columns: repeat(6, 1fr);
	}

	.responsive_grid_items_small
	{
		grid-template-columns: repeat(8, 1fr);
	}
}

@media (min-width: 1750px)
{
	.responsive_grid_items
	{
		grid-template-columns: repeat(6, 1fr);
	}

	.responsive_grid_items_medium
	{
		grid-template-columns: repeat(7, 1fr);
	}

	.responsive_grid_items_small
	{
		grid-template-columns: repeat(10, 1fr);
	}
}

@media (min-width: 2000px)
{
	.responsive_grid_items
	{
		grid-template-columns: repeat(7, 1fr);
	}

	.responsive_grid_items_medium
	{
		grid-template-columns: repeat(8, 1fr);
	}

	.responsive_grid_items_small
	{
		grid-template-columns: repeat(11, 1fr);
	}
}

@media (min-width: 2250px)
{
	.responsive_grid_items
	{
		grid-template-columns: repeat(8, 1fr);
	}

	.responsive_grid_items_medium
	{
		grid-template-columns: repeat(10, 1fr);
	}

	.responsive_grid_items_small
	{
		grid-template-columns: repeat(12, 1fr);
	}
}

@media (min-width: 2500px)
{
	.responsive_grid_items
	{
		grid-template-columns: repeat(9, 1fr);
	}

	.responsive_grid_items_medium
	{
		grid-template-columns: repeat(11, 1fr);
	}

	.responsive_grid_items_small
	{
		grid-template-columns: repeat(13, 1fr);
	}
}

/* ================================================================================================================== */

.responsive_grid_item
{
	
}

.resp_grid_large
{
	width: 240px;
}

.resp_grid_medium
{
	width: 190px;
}

.resp_grid_small
{
	width: 140px;
}

.re_img_div
{
	border: outset;
	border-color: #555;
	border-width: 1px;
	text-align: center;
}

/* ==================================================================================================== */
/* -------------------------------------------------- */

.re_img_large
{
	width: 200px;
}

.re_img_large img
{
	width: 198px;
	height: 198px;
}

/* -------------------------------------------------- */

.re_img_medium
{
	width: 150px;
}

.re_img_medium img
{
	width: 148px;
	height: 148px;
}

/* -------------------------------------------------- */

.re_img_small
{
	width: 100px;
}

.re_img_small img
{
	width: 98px;
	height: 98px;
}

/* -------------------------------------------------- */
/* ==================================================================================================== */

.re_dl_button
{
	position: absolute;
	left: -10px;
	bottom: 0px;
	z-index: 200;
}

.re_med_icon
{
	position: absolute; right: 0px; bottom: 0px; z-index: 200; padding: 5px;
}

.region_tag
{
	position: absolute !important;
	right: 0px;
	top: -10px;
	z-index: 200;
}

.compilation_note
{
	position: absolute !important;
	left: -10px;
	top: -10px;
	z-index: 200;
	font-weight: bold;
	padding: 3px 7px 3px 5px;
	text-align: center;
	vertical-align: middle;
	border: outset;
	border-width: 1px;
	border-color: #FFF;
	background: rgb(255,0,0);
	background: linear-gradient(180deg, rgba(255,0,0,1) 0%, rgba(135,0,0,1) 100%);
}

.audio_note
{
	position: absolute !important;
	left: -10px;
	top: -10px;
	z-index: 200;
	font-weight: bold;
	padding: 3px 7px 3px 5px;
	text-align: center;
	vertical-align: middle;
	border: outset;
	border-width: 1px;
	border-color: #FFF;
	background: rgb(0,255,0);
	background: linear-gradient(180deg, rgba(0,255,0,1) 0%, rgba(0,51,0,1) 100%);
}

.video_note
{
	position: absolute !important;
	left: -10px;
	top: -10px;
	z-index: 200;
	font-weight: bold;
	padding: 3px 7px 3px 5px;
	text-align: center;
	vertical-align: middle;
	border: outset;
	border-width: 1px;
	border-color: #FFF;
	background: rgb(0,0,255);
	background: linear-gradient(180deg, rgba(0,255,0,1) 0%, rgba(0,51,0,1) 100%);
}

.media_type_tag
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 200;
	padding: 5px;
}

/* ================================================================================================================== */

.release_item
{
	margin-bottom: 5px;
}

.tb_left
{
	border-width: 1px !important;
}

.tb_rest
{
	border-width: 1px 1px 1px 0px !important;
}

.tb
{
	width: 140px !important;
	background-color: #FFF !important;
	border-style: solid !important;
	border-color: #999 !important;
	padding: 4px !important;
}

.img_con
{
	position: fixed;
	z-index: 1000;
	width: 180px !important;
	margin-top: 7px;
	margin-left: 100px;
	padding: 2px;
	background-color: #333;
	border-style: none;
	border-radius: 5px;
}

.img_size_btn
{
	width: 26px;
	height: 26px;
	justify-content: center;
	align-items: center;
	border: outset;
	border-width: 1px;
}

.page_con
{
	position: fixed;
	z-index: 1000;
	margin-top: 5px;
	padding: 2px;
	background-color: #777;
	border-style: none;
	border-radius: 15px;
}

.pag_buttonL
{
	padding: 3px 10px 3px 10px !important;
	height: 30px;
	border-style: solid !important;
	border-color: #CCC !important;
	border-width: 1px 0px 1px 1px !important;
}

.pag_buttonC
{
	padding: 3px 10px 3px 10px !important;
	height: 30px;
	border-style: solid !important;
	border-color: #000 !important;
	border-width: 1px !important;
}

.pag_buttonR
{
	padding: 3px 10px 3px 10px !important;
	height: 30px;
	border-style: solid !important;
	border-color: #CCC !important;
	border-width: 1px 1px 1px 0px !important;
}

.pre_butt, .ico_butt, .dl_butt
{
	background-color: transparent;
}

.pre_butt:focus, .ico_butt:focus, .dl_butt:focus
{
	outline: none;
}

.bar_space
{
	margin: 0px 5px 0px 0px;
	padding: 2px 5px 2px 5px !important;
	cursor: pointer;
}

.lbim
{
	margin: 0px 0px 0px 100px !important;
}

.option_button
{
	padding: 3px 15px 3px 15px !important;
}

.left_round
{
	border-radius: 15px 0px 0px 15px;
}

.right_round
{
	border-radius: 0px 15px 15px 0px;
}

.wiz_button
{
	position: absolute;
	bottom: 10px;
	left: 0px;
	right: 0px;
}

/* ================================================================================================================== */
/* Download progress */

.p_ring
{
	width: 50px;
	height: 50px;
	position: relative;
}

.prog_ring
{
	z-index: 1;
	position: absolute;
	left: 5px;
	top: 5px;
}

.prog_circle
{
	stroke-dasharray: 94.248 94.248;
	transform: rotate(-90deg) translateX(-100%);
}

.prog_text
{
	position: absolute;
	z-index: 50;
	text-align: center;
	width: 50px;
	font-family: sans-serif;
	font-size: 9px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 50px;
}

/* ================================================================================================================== */

.noselect
{
	cursor: default;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.decade_button
{
	font-family: 'bar_semibold';
	margin: 0px 3px 0px 3px;
}

.option_view_button, .wizard_view_button
{
	font-family: 'bar_semibold';
	margin: 0px 3px 0px 3px;
	width: 100px !important;
}

.wizard_view
{
	position: absolute;
	top: 145px;
	bottom: 10px;
	right: 10px;
	left: 10px;
}

.dl_check
{
	margin: auto 3px auto 3px !important;
}

/* ================================================================================================================== */

#session_compilation
{
	height: 120px;
	padding: 10px;
	border: inset;
	border-width: 1px;
	overflow-y: scroll;
}

/* ================================================================================================================== */

#volume_handle
{
	width: 25px;
	height: 15px;
	text-align: center;
	font-size: 10px;
	margin-left: -4px;
}

#preview_bar
{
	height: 50px;
	z-index: 15001;
}

#preview_bar_tab
{
	z-index: 998;
	bottom: 50px;
	right: 0px;
	height: 20px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#preview_video_tab
{
	z-index: 1000;
	bottom: 50px;
	left: 0px;
	width: 235px;
	height: 140px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#preview_video_element
{
	background-color: #000;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 235px;
	height: 140px;
	padding: 2px;
	border-radius: 0px 2px 0px 0px;
}

.preview_control_offline
{
	color: #121212;
	margin: auto 10px auto 10px;
}

.preview_control_icon
{
	color: #777;
	cursor: pointer;
	margin: auto 10px auto 10px;
}

.preview_control_icon:focus
{
	outline: none;
}

.preview_play_pause_icon
{
	cursor: pointer;
	margin: auto 8px auto 8px;
}

.hide_pre_button
{
	cursor: pointer;
	border-radius: 5px 0px 0px 0px;
	width: 50px;
	position: absolute; right: 0px; bottom: 0px;
}

.scrub_labels
{
	position: absolute;
	z-index: 3001;
	width: 100%;
	cursor: pointer;
}

#scrub_bar
{
	position: absolute;
	z-index: 3000;
	width: 1%;
	border-radius: 5px;
	height: 25px;
	background-image: linear-gradient(to right, rgba(188,3,3,1) , rgba(135,22,25,1));
}

#preview_scrubber
{
	position: relative;
	border-radius: 5px;
	background-color: #333;
	width: 100%;
	height: 25px;
	padding: 0px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#scrub_handle
{
	position: absolute;
	border-radius: 5px;
	width: 10px;
	height: 25px;
	border: outset;
	border-width: 1px;
	border-color: #900;
	background-color: #600;
	cursor: pointer;
	z-index: 3500;
}

.pre_title
{
	font-family: 'bar_semibold';
}

.icon_light
{
	cursor: pointer;
}

#preview_queue
{
	position: fixed;
	top: 0px;
	bottom: 50px;
	right: 0px;
	left: 0px;
	z-index: 15000;
	padding: 20px 80px 0px 80px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#preview_queue_scroll
{
	padding: 5px 25px 5px 25px;
	color: #FFF;
	overflow-x: hidden;
    overflow-y: auto;
    height: -webkit-calc(100% - 290px) !important;
    height:    -moz-calc(100% - 290px) !important;
    height:         calc(100% - 290px) !important;
}

.pre_queue_item:hover
{
	background-color: rgba(200, 200, 200, 0.25);
}

#download_history
{
	position: fixed;
	top: 0px;
	bottom: 50px;
	right: 0px;
	left: 0px;
	z-index: 15000;
	padding: 20px 10px 0px 10px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#ilm_download_history
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 35000;
	padding: 20px 50px 0px 50px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#history_scroll
{
	padding: 0px;
	margin: 0px;
	color: #FFF;
	overflow-x: hidden;
    overflow-y: auto;
    height: -webkit-calc(100% - 110px) !important;
    height:    -moz-calc(100% - 110px) !important;
    height:         calc(100% - 110px) !important;
}

#download_history_list
{
	padding: 0px;
	margin: 0px;
}

#media_info
{
	opacity: 0.95;
	position: fixed;
	top: 0px;
	bottom: 50px;
	right: 0px;
	left: 0px;
	z-index: 15000;
	padding: 15px 15px 0px 15px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#more_info_scroll
{
	padding: 5px 25px 5px 25px;
	color: #FFF;
	overflow-x: hidden;
    overflow-y: auto;
    height: -webkit-calc(100% - 100px) !important;
    height:    -moz-calc(100% - 100px) !important;
    height:         calc(100% - 100px) !important;
}

/* ================================================================================================================== */

#alert_window
{
	opacity: 0.98;
	position: fixed;
	top: 0px;
	bottom: 50px;
	right: 0px;
	left: 0px;
	z-index: 1501;
	padding: 20px 80px 0px 80px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* ================================================================================================================== */

#wizard_window
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 3500;
	padding: 20px;
	margin: 0px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* ================================================================================================================== */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ================================================================================================================== */

.tool_tip
{
	border: none!important;
	border-radius: 8px;
	background-color: rgba(25,25,25,0.8)!important;
	color: #FFF!important;
	font-family: Arial, sans-serif!important;
	font-style: normal!important;
	font-weight: 350!important;
	font-size: 0.75rem!important;
	z-index: 1700!important;
	word-wrap: break-word!important;
	text-align: left!important;
	text-align: start!important;
	text-decoration: none!important;
	text-shadow: none!important;
	text-transform: none!important;
	letter-spacing: normal!important;
	word-break: normal!important;
	word-spacing: normal!important;
	white-space: normal!important;
	line-break: auto!important;
	margin: 0!important;
	line-height: 1.5!important;
	padding: 5px!important;
}

.tool_tip::before 
{
	content: "";
	position: absolute;
	top: -5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #000 transparent;
	display: block;
	z-index: 1701;
}

/* ================================================================================================================== */

.icon_hide_focus, .icon_hide_focus:focus
{
	outline-width: 0px;
}

/* ================================================================================================================== */

.filter_mode
{
	padding: 2px 15px 2px 15px !important;
}

/* ================================================================================================================== */

.main_side_show
{
	margin-left: 235px;
}

/* ================================================================================================================== */

.main_side_hide
{
	margin-left: 0px;
}

/* ================================================================================================================== */

.option_view_side_show
{
	left: 235px;
	
	width: -webkit-calc(100% - 235px) !important;
    width:    -moz-calc(100% - 235px) !important;
    width:         calc(100% - 235px) !important;
}

/* ================================================================================================================== */

.option_view_side_hide
{
	left: 0px;
}

/* ================================================================================================================== */

.nav_bar
{
	background-color: rgba(236,25,21,1);
/*	background-image: linear-gradient(rgba(236,25,21,1) , rgba(236,24,21,1)); */
}

/* ================================================================================================================== */

.nav_button
{
	font-family: bar_semibold;
	background-color: inherit !important;
}

/* ================================================================================================================== */

.item_header
{
	font-family: bar_semibold;
}

/* ================================================================================================================== */

.genre_head
{
	font-family: 'bar_semibold';
	font-size: 14px;
	cursor: pointer;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* ================================================================================================================== */

#qs_t
{
	display:inline-block !important;
	width: 135px !important;
	height: 25px;
	border-radius: 8px 0px 0px 8px;
}

/* ================================================================================================================== */

.qs_b
{
	display: inline-block !important;
	height: 25px;
	border-radius: 0px 8px 8px 0px;
}

/* ================================================================================================================== */

.search_term_basic
{
	display: inline-block !important;
	width: -webkit-calc(100% - 80px) !important;
    width:    -moz-calc(100% - 80px) !important;
    width:         calc(100% - 80px) !important;
	height: 25px;
	border-radius: 6px 0px 0px 6px;
}

.search_advanced
{
	height: 25px;
	border-radius: 6px;
}

/* ================================================================================================================== */

.ss_close
{
	margin-left: 2px;
}

.ss_label
{
	padding-left: 7px;
	padding-right: 7px;
}

.ss_item
{
	margin: 1px 10px 1px 0px;
}

/* ================================================================================================================== */

.dl
{
	position: relative;
}

.dl::after
{
	content: attr(dlcount);
	font-family: 'bar_semibold';
	color: #fff;
	position: absolute;
	font-size: 12px;
	background-color: #00bcd4;
	padding: 0px 5px 2px 5px;
	border-radius: 5px;
	border: solid;
	border-width: 1px;
	border-color: #00bcd4;
	
	top: 5px;
	left: 85%;
	-webkit-transform: translateX(-85%);
	-moz-transform: translateX(-85%);
	-ms-transform: translateX(-85%);
	transform: translateX(-85%);
	display: block;
	z-index: 100;
}

/* ================================================================================================================== */

.rvimg
{
	position: relative;
}

.rvimg img
{
	height: 50px;
	margin: 0px 20px 2px 20px;
}

.rvimg::before
{
	content: "video";
	font-size: 8px;
	position: absolute;
	color: #FFF;
	background-color: #2196F3;
	padding: 0px 5px 0px 5px;
	border-radius: 10px;
	border: solid;
	border-width: 1px;
	border-color: #2196F3;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	z-index: 100;
}

.rvimg::after
{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0px;
	content: url(../assets/images/video_sprockets.png);
	z-index: 90;
}

/* ================================================================================================================== */

.raimg
{
	position: relative;
}

.raimg img
{
	height: 50px;
	margin: 0px 20px 2px 20px;
}

.raimg::before
{
	content: "audio";
	font-size: 8px;
	position: absolute;
	color: #FFF;
	background-color: #84d07f;
	padding: 0px 5px 0px 5px;
	border-radius: 10px;
	border: solid;
	border-width: 1px;
	border-color: #84d07f;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	z-index: 100;
}

/* ================================================================================================================== */

.vimg
{
	position: relative;
}

.vimg img
{
	height: 50px;
	margin: 0px 15px 2px 15px;
}

.vimg::before
{
	content: "video";
	font-size: 8px;
	position: absolute;
	color: #FFF;
	background-color: #2196F3;
	padding: 0px;
	border-radius: 10px;
	border: solid;
	border-width: 1px;
	border-color: #2196F3;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	z-index: 100;
}

.vimg::after
{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0px;
	content: url(../assets/images/video_sprockets.png);
	z-index: 90;
}

/* ================================================================================================================== */

.aimg
{
	height: 50px;
	margin: 0px 15px 0px 15px;
}

/* ================================================================================================================== */

.g_checkbox
{
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.g_checkbox input
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark
{
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #fff;
	border: solid;
	border-width: 1px;
	border-color: #000;
}

.g_checkbox:hover input ~ .checkmark
{
	background-color: #fafafa;
}

.g_checkbox input:checked ~ .checkmark
{
	background-color: #fff;
}

.checkmark:after
{
	content: "";
	position: absolute;
	display: none;
}

.g_checkbox input:checked ~ .checkmark:after
{
	display: block;
}

.g_checkbox .checkmark:after
{
	left: 4px;
	top: 0px;
	width: 5px;
	height: 10px;
	border: solid black;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ================================================================================================================== */

.dl_icon
{
	width: 30px;
	margin: auto 10px auto 0px;
}

.dl_icon:focus
{
	outline: none;
}

/* ================================================================================================================== */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ================================================================================================================== */

.search_switch
{
	position: relative;
	display: inline-block;
	width: 125px;
	height: 25px;
}

/* ================================================================================================================== */

.search_switch input
{
	display: none;
}

/* ================================================================================================================== */

.search_slider
{
	position: absolute;
	cursor: pointer;
	top: -3px;
	left: 0;
	right: 0;
	bottom: 3px;
	background-color: transparent;
	-webkit-transition: .2s;
	transition: .2s;
	border: solid;
	border-width: 1px;
	border-color: #999;
}

/* ================================================================================================================== */

.search_slider::before
{
	position: absolute;
	content: "";
	height: 21px;
	width: 21px;
	left: 1px;
	bottom: 1px;
	background-color: #555;
	-webkit-transition: .2s;
	transition: .2s;
}

/* ================================================================================================================== */

input:checked + .search_slider
{
	background-color: transparent;
}

/* ================================================================================================================== */

input:focus + .search_slider
{
	box-shadow: 0 0 1px #CCC;
}

/* ================================================================================================================== */

input:checked + .search_slider::before
{
	-webkit-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
}

/* ================================================================================================================== */

.search_slider.round
{
	border-radius: 16px;
}

/* ================================================================================================================== */

.search_slider.round::before
{
	border-radius: 50%;
}

/* ================================================================================================================== */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ================================================================================================================== */

.switch
{
	position: relative;
	display: inline-block;
	width: 25px;
	height: 15px;
}

/* ================================================================================================================== */

.switch input
{
	display: none;
}

/* ================================================================================================================== */

.slider
{
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #C00;
	-webkit-transition: .2s;
	transition: .2s;
}

/* ================================================================================================================== */

.slider::before
{
	position: absolute;
	content: "";
	height: 11px;
	width: 11px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .2s;
	transition: .2s;
}

/* ================================================================================================================== */

input:checked + .slider
{
	background-color: #C00;
}

/* ================================================================================================================== */

input:focus + .slider
{
	box-shadow: 0 0 1px #C00;
}

/* ================================================================================================================== */

input:checked + .slider::before
{
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}

/* ================================================================================================================== */

.slider.round
{
	border-radius: 16px;
}

/* ================================================================================================================== */

.slider.round::before
{
	border-radius: 50%;
}

/* ================================================================================================================== */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ================================================================================================================== */

#login
{
	width: 600px;
	display: block;
	padding: 20px;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 450px;
}

/* ================================================================================================================== */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */