.btn {
	font-weight: 400;
	font-size: 12px;
	border-radius: 3px;
}

.btn i {
	margin-right: 3px;
}

.btn:focus {
	outline: 0;
	box-shadow: none;
}

.btn-default {
	background: linear-gradient(#fbfbfb,#dddddd);
}

.btn-default:focus{
	border: 1px solid #c7c7c7;
}

.btn-info {
	background: linear-gradient(#07abda,#0f7b9a);
    border-color: #0f94bb;
}


.btn-info:focus{
	border: 1px solid #57bddb;
}

.btn-primary{
	background: linear-gradient(#0083c9,#0043c6);
}

.btn-primary:focus{
	border: 1px solid #0083c9;
}

.btn-success {
	background: linear-gradient(#5fc15f,#4d9b4c);
}

.btn-success:focus{
	border: 1px solid #5fc15f;
}

.btn-danger {
	background: linear-gradient(#f70700,#a90800);
}

.btn-danger:focus{
	border: 1px solid #a90800;
}

.btn-warning {
	background: linear-gradient(#f4ad49,#ee8d04);
}

.btn-warning:focus{
	border: 1px solid #f4ad49;
}

.btn-black {
	background: linear-gradient(#3f3f3f,#242424);
	color: #fff;
}

.btn-love,.btn-love:hover,.btn-love:focus,.btn-love:active {
	background: linear-gradient(#ff005e,#d2004d);
	color: #fff;
}

.btn-login,.btn-login:hover,.btn-login:focus,.btn-login:active {
	background: linear-gradient(#213552,#15253c);
	color: #fff;
}

.btn-black:hover,.btn-black:focus,.btn-black:active {
	background: linear-gradient(#3f3f3f,#242424);
	color: #fff;
}

.btn:hover {
	opacity: 0.9;
}

.btn-req-dwnld {
	height: 26px;
	position: relative;
	float: left;
	font-weight: 400;
	top: 1px;
	border: 1px solid #ccc;
	background: linear-gradient(#fdfdfd,#ccc);
    padding: 2px 5px;
    margin: 0 !important;
}

.square {
	border-radius: 0;
}

.btn-sm {
	padding: 3px 10px;
	font-size: 12px;
}

.btn-80 {
	min-width: 80px;
}

.login-dv .btn {
height: 38px;
}

/*
*Switch
*/

.switch-o {
	position: relative;
	display: inline-block;
	width: 54px;
	height: 20px !important;
	top: 10px;
	left: 50px;
}

.switch-o input {
	display:none;
}

.switch-o .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ca2222;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch-o .slider:before {
	position: absolute;
	content: "";
	height: 24px;
	width: 24px;
	left: -2px;
	bottom: -2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	box-shadow: 0 0 5px #000;
}

.switch-o input:checked + .slider {
	background-color: #2ab934;
}

.switch-o input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

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

.switch-o .on
{
	display: none;
}

.switch-o .on
{
	color: white;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 45%;
	left: 18px;
	font-size: 12px;
	font-family: inherit;
}

.switch-o .off
{
	color: white;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 45%;
	right: -5px;
	font-size: 12px;
	font-family: inherit;
}

.switch-o input:checked+ .slider .on{
	display: block;
}

.switch-o input:checked + .slider .off{
	display: none;
}

.switch-o .slider.round {
	border-radius: 34px;
	height: 20px !important;
}

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

.btn-live,.btn-live:hover,.btn-live:focus {
	color: #f3f3f3;
	float: right;
	font-size: 12px;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
}

.btn-live .liv {
	color: #ff0000;
	font-size: 8px;
	position: relative;
	top: -1px;
	margin-right: 2px;
}

.fp-dv .btn {
	float: left;
	border-radius: 0;
	width: 60px;
	background: none;
	z-index: 5;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	color: #333;
}

.fp-dv .active {
	background: #008800;
	color: #fff;
}

.fp-dv2 .btn {
	float: left;
	border-radius: 0;
	width: 60px;
	background: none;
	z-index: 5;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
}

.sel-btn {
	background: #223043;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 31px;
	z-index: 1;
	transition: all 0.4s;
}

/*.fp-dv .btn-free {
	color: #fff;
}*/

.sel-btn2 {
	background: #223043;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 31px;
	z-index: 1;
	transition: all 0.4s;
}

.btn-paid3 {
	width: auto !important;
}

.btn-upload {
    padding: 4px 15px;
    margin-top: -7px;
}

.ppv-overlay .btn {
	position: relative;
	border: none;
	text-transform: uppercase;
	text-shadow: 2px 2px 5px #666;
	color: #f3f3f3;
}

.ppv-overlay .btn i {
	position: absolute;
	left: 8px;
	font-size: 14px;
	padding: 2px;
}

.ppv-overlay .btn-success {
	border-bottom: 3px solid #327332;
	padding-right: 100px;
    padding-left: 35px;
}

.ppv-overlay .btn-success::before {
	content:"";
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #488848;
	color: #fff;
	border-radius: 4px 0 0 4px;
}

.ppv-overlay .btn-info {
	border-bottom: 3px solid #10637b;
}

.ppv-overlay .btn-info::before {
	content:"";
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #2c86a0;
	color: #fff;
	border-radius: 3px 0 0 3px;
}

.ppv-overlay .btn-primary {
	border-bottom: 3px solid #11459a;
}

.ppv-overlay .btn-primary::before {
	content:"";
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #134fb1;
	color: #fff;
	border-radius: 3px 0 0 3px;
}

/*.fp-dv .btn-free,.fp-dv .btn-free:hover {
	color: #fff;
}*/

.btn-free2,.btn-free2:hover {
	color: #fff;
}

.btn-playlist {
	padding: 3px 10px;
	border-radius: 0;
	background: none;
	color: #ccc;
	border: 1px solid #ccc;
	margin-top: 5px;
	font-size: 12px;
	transition: all 0.4s;
}

.btn-playlist i {
	color: #cc0000;
}

.btn-playlist:hover {
	color: #fff;
	border-color: #cc0000;
}

.recent-heading .btn {
    font-size: 12px;
    width: 250px;
    display: inline-block;
}

.recent-heading .btn-success {
    border-bottom: 3px solid #327332;
}

.recent-heading .btn-success::before {
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #488848;
    color: #fff;
    border-radius: 4px 0 0 4px;
}

.recent-heading .btn-danger::before {
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ab0700;
    color: #fff;
    border-radius: 4px 0 0 4px;
}

.recent-heading .btn {
    position: relative;
    border: none;
    text-transform: uppercase;
    text-shadow: 2px 2px 5px #666;
    color: #f3f3f3;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	padding-left: 4rem;
	padding-right: 8rem;
}

.recent-heading .btn i {
    position: absolute;
    left: 8px;
    font-size: 14px;
    padding: 2px;
}

.btn-price {
	position: absolute;
    top: 6px;
    right: 0;
    height: 60%;
    padding: 0 15px;
    border-left: 1px solid #b2ccb2;
}

/*
	Old Checkbox settings
*/

.vids-checkbox {
	display: none;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	bottom: 50%;
	transform: translate(-50%);
}

.vids-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.vids-checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border: 1px solid #ccc;
}

.vids-checkbox:hover input ~ .checkmark {
	background-color: #ccc;
}

.vids-checkbox input:checked ~ .checkmark {
	border: 1px solid #00cc00;
}

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

.vids-checkbox input:checked ~ .checkmark:after {
	display: block;
}

.vids-checkbox .checkmark:after {
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid #00cc00;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#delete_sel {
	display: none;
}

/*
	Custom Radio
*/

.custom-radio {
	position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.custom-radio i {
	font-size: 12px;
	color: #666;
}

.custom-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.custom-radio .checkmark {
	position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.custom-radio:hover input ~ .checkmark {
	background-color: #ccc;
}

.custom-radio input:checked ~ .checkmark {
	background-color: #2cc185;
	border: 1px solid #2cc185;
}

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

.custom-radio input:checked ~ .checkmark:after {
	display: block;
}

.custom-radio .checkmark:after {
	top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
}

/*
	New Checkbox settings
*/

.enable-multiselect {
	display: inline-block;
	margin-left: 10px;
	border-radius: 3px;
	position: relative;
	bottom: -2px;
}

.enable-multiselect .btn,
.enable-multiselect .btn:hover,
.enable-multiselect .btn:focus {
	border: none;
	border-radius: 0;
	margin: 0;
	display: inline;
	background: none;
	margin-left: -3px;
	margin-top: -3px;
	color: #337ab7;
	padding-left: 4px;
	font-size: 14px;
	font-weight: 500;
}

.multi-check {
	display: inline;
}

.text-green {
	color: #00cc00;
}

.enab-chb {
	padding-left: 30px !important;
}

.enab-chb .vids-checkbox {
	display: block;
}

#s_all,
#ds_all {
	display: none;
}

.action-dropdown {
	display: none;
}

/*
	Custom Radio Thumbnail
*/

.custom-radio-tick {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0;
	transition: opacity 0.4s;
}

.custom-radio-tick i {
	font-size: 12px;
	color: #666;
}

.custom-radio-tick input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.custom-radio-tick .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

.custom-radio-tick:hover input ~ .checkmark {
	background-color: #ccc;
}

.custom-radio-tick input:checked ~ .checkmark {
	background-color: #2196F3;
}

.custom-radio-tick .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.custom-radio-tick input:checked ~ .checkmark:after {
	display: block;
}

.custom-radio-tick .checkmark:after {
	left: 10px;
	top: 6px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.login-modal .btn-facebook,
.login-modal .btn-facebook:hover,
.login-modal .btn-facebook:focus {
	background: #3b5998;
	color: #fff;
	font-size: 12px !important;
	position: relative;
	height: auto;
}

.login-modal .btn-facebook i {
	position: absolute;
    left: 0;
    top: 0;
    background: #253f77;
    padding: 9px 13px;
}