/*@charset "UTF-8";*/
/**
 * This file is intended to define MediaFire's core theme.
 * Any site-wide styling for elements, including legacy and template system, should live
 * here so that they can be adjusted easily in the future (excluding React/app sections of site).
 * This could include colors, fonts and text styling, media queries and more.
 *
 * MediaFire style guide: https://projects.invisionapp.com/boards/7K11KG743Z8GA/
 */

/* ==========================================================================
   Define root styles
   ========================================================================== */

:root {
    --mf-blue1: #000A27;
    --mf-blue2: #002369;    /* Used as background for content sections (Ex.: homepage), text link hover */
    --mf-blue3: #0045AD;    /* Used as background for main header */
    --mf-blue4: #0070F0;    /* Base blue: headings and main UI elements like buttons and text links */
    --mf-blue5: #479DF4;
    --mf-blue6: #8FC7F8;
    --mf-blue7: #D6ECFD;
    --mf-blue8: #F5FAFF;

    --mf-green1: #082118;
    --mf-green2: #165A3A;
    --mf-green3: #259355;
    --mf-green4: #33CC66;   /* Base green: CTAs, status, decorative. Use together with Gray2 or darker */
    --mf-green5: #6CDA8E;
    --mf-green6: #A5E9B7;
    --mf-green7: #DEF7E4;
    --mf-green8: #F7FDF8;

    --mf-gold1: #291F01;
    --mf-gold2: #705403;
    --mf-gold3: #B88A05;
    --mf-gold4: #FFBF07;    /* Base gold: warning status and UI. Use together with Gray2 or darker */
    --mf-gold5: #FFD14C;
    --mf-gold6: #FFE392;
    --mf-gold7: #FFF5D7;
    --mf-gold8: #FFFCF5;

    --mf-red1: #27100B;
    --mf-red2: #692B1D;
    --mf-red3: #AD4730;
    --mf-red4: #F06242;     /* Base red: danger status and UI. Use together with Gray2 or darker */
    --mf-red5: #F48E77;
    --mf-red6: #F8BAAC;
    --mf-red7: #FDE6E1;
    --mf-red8: #FFF9F7;

    --mf-black: #0E1116;
    --mf-gray1: #1A1E28;
    --mf-gray2: #222835;    /* Base gray: default body text color, backgrounds */
    --mf-gray3: #3D424E;
    --mf-gray4: #575B65;
    --mf-gray5: #72767E;    /* Use for lighter text on white background. This is the lightest value text can be */
    --mf-gray6: #8C8F96;
    --mf-gray7: #A7A9AE;
    --mf-gray8: #C1C3C7;
    --mf-gray9: #DADEE0;
    --mf-gray10: #E9EAEB;
    --mf-gray11: #F4F4F5;   /* Background shading for content boxes, dividers */
    --mf-gray12: #F6F6F7;
    --mf-gray13: #F9F9F9;
}

/*@charset "UTF-8";*/
/* CSS Document */

/*
	MediaFire Master Stylesheet, Ver. 4
*/

/*--------------------------------------------------------------------
GLOBAL CSS
global.css.php
----------------------------------------------------------------------
CONCATENATED FILE, PART OF:
/css/mfv4_(build number).php?ver=nonssl&date=(build date)
----------------------------------------------------------------------
CASCADE ORDER:
-->	/store/lrdistro/c/w/content/css/global.css.php
	/store/lrdistro/c/w/content/css/utility.css.php
	/store/lrdistro/c/w/content/css/layout.css.php
	/store/lrdistro/c/w/content/css/header.css.php
	/store/lrdistro/c/w/content/css/footer.css.php

	[ section dependent css, not part of mfv4 file ]
--------------------------------------------------------------------*/

/* ==========================================================================
   Resets
   ========================================================================== */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
body {
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

.show-focus-outlines :focus {
    outline: 0;
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,0.9), 0 0 0 2px #002369;
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,0.9), 0 0 0 2px var(--mf-blue2);
    border-radius: 4px;
    z-index: 1;
    opacity: 1;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

::-moz-focus-inner {
    border: 0;
}

/* ==========================================================================
   Basic global styles
   ========================================================================== */

html {
    min-width: 0px;
    height: 100%;
    background: #fff;
    font: normal normal normal 14px/1.6 'Open Sans', sans-serif;
    -webkit-text-size-adjust: none;
}

body {
    top: 0 !important; /* override position change from Google Translate */
    min-width: 940px;
    height: 100%;
    background: #fff;
    color: #222835;
    color: var(--mf-gray2);
}

body.signUp {
    overflow-y: scroll;
}

body.mobileDocPreview {
    min-width: 0;
}

body.lightbox { overflow: hidden; }

body.windows.lightbox,
body.linux.lightbox,
.widows.lightbox .viewtabs_bar,
.linux.lightbox .viewtabs_bar,
.widows.lightbox #myfiles_controlbar_wrap,
.linux.lightbox #myfiles_controlbar_wrap,
.widows.lightbox #header,
.linux.lightbox #header {
    padding-right:20px;
}

.display, .h1, .h2, .h3, .h4, .h5, .h6, .h7 {
    font-weight: normal !important;
    margin-bottom: 1rem !important;
}

.display, .h1, .h2, .h3 {
    line-height: 1.4 !important;
}

.h4, .h5 {
    line-height: 1.5 !important;
}

.h6, .h7 {
    line-height: 1.6 !important;
}

.display { font-size: 3.5rem !important; } /* 49px / 68.6px */
.h1 { font-size: 2.9rem !important; } /* 40.6px / 56.8px */
.h2 { font-size: 2.3rem !important; } /* 32.2px / 45.1px */
.h3 { font-size: 1.9rem !important; } /* 26.6px / 37.2px */
.h4 { font-size: 1.6rem !important; } /* 22.4px / 33.6px */
.h5 { font-size: 1.3rem !important; } /* 18.2px / 27.3px */
.h6 { font-size: 1.18rem !important; } /* 16.5px / 26.4px */
.h7 { font-size: 1rem !important; } /* 14px / 22.4px */

.text-xxxl   { font-size: 1.5rem !important; } /* 21px / 33.6px */
.text-xxl    { font-size: 1.3rem !important; } /* 18.2px / 29.1px */
.text-xl     { font-size: 1.18rem !important; } /* 16.5px / 26.4px */
.text-large  { font-size: 1.07rem !important; } /* 15px / 24px */
.text-normal { font-size: 1rem !important; } /* 14px / 22.4px */
.text-small  { font-size: .93rem !important; } /* 13px / 20.8px */
.text-xs     { font-size: .86rem !important; } /* 12px / 19.2px */
.text-sub    { font-size: .79rem !important; } /* 11px / 17.7px */

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.text-center {
    text-align: center !important;
}

.text-transform-uppercase {
    text-transform: uppercase;
}

.text-transform-none {
    text-transform: none;
}

a {
    color: #0070F0;
    color: var(--mf-blue4);
    text-decoration: none;
}

a:hover {
    color: #002369;
    color: var(--mf-blue2);
}

::selection, -moz-selection {
    background: rgba(0, 160, 250, 0.5);
    color: white;
}

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: .5rem !important; }
.mt-2 { margin-top: 1rem !important; }
.mt-3 { margin-top: 1.5rem !important; }
.mt-4 { margin-top: 2rem !important; }
.mt-5 { margin-top: 2.5rem !important; }
.mt-6 { margin-top: 3rem !important; }
.mt-7 { margin-top: 3.5rem !important; }
.mt-8 { margin-top: 4rem !important; }
.mt-9 { margin-top: 4.5rem !important; }
.mt-10 { margin-top: 5rem !important; }
.mt-auto { margin-top: auto !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: .5rem !important; }
.mb-2 { margin-bottom: 1rem !important; }
.mb-3 { margin-bottom: 1.5rem !important; }
.mb-4 { margin-bottom: 2rem !important; }
.mb-5 { margin-bottom: 2.5rem !important; }
.mb-6 { margin-bottom: 3rem !important; }
.mb-7 { margin-bottom: 3.5rem !important; }
.mb-8 { margin-bottom: 4rem !important; }
.mb-9 { margin-bottom: 4.5rem !important; }
.mb-10 { margin-bottom: 5rem !important; }
.mb-auto { margin-bottom: auto !important; }

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: .5rem !important; }
.ml-2 { margin-left: 1rem !important; }
.ml-3 { margin-left: 1.5rem !important; }
.ml-4 { margin-left: 2rem !important; }
.ml-5 { margin-left: 2.5rem !important; }
.ml-6 { margin-left: 3rem !important; }
.ml-7 { margin-left: 3.5rem !important; }
.ml-8 { margin-left: 4rem !important; }
.ml-9 { margin-left: 4.5rem !important; }
.ml-10 { margin-left: 5rem !important; }
.ml-auto { margin-left: auto !important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: .5rem !important; }
.mr-2 { margin-right: 1rem !important; }
.mr-3 { margin-right: 1.5rem !important; }
.mr-4 { margin-right: 2rem !important; }
.mr-5 { margin-right: 2.5rem !important; }
.mr-6 { margin-right: 3rem !important; }
.mr-7 { margin-right: 3.5rem !important; }
.mr-8 { margin-right: 4rem !important; }
.mr-9 { margin-right: 4.5rem !important; }
.mr-10 { margin-right: 5rem !important; }
.mr-auto { margin-right: auto !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: .5rem !important; margin-bottom: .5rem !important; }
.my-2 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.my-5 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
.my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-7 { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; }
.my-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.my-9 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
.my-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: .5rem !important; margin-right: .5rem !important; }
.mx-2 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-4 { margin-left: 2rem !important; margin-right: 2rem !important; }
.mx-5 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
.mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; }
.mx-7 { margin-left: 3.5rem !important; margin-right: 3.5rem !important; }
.mx-8 { margin-left: 4rem !important; margin-right: 4rem !important; }
.mx-9 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
.mx-10 { margin-left: 5rem !important; margin-right: 5rem !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: .5rem !important; }
.pt-2 { padding-top: 1rem !important; }
.pt-3 { padding-top: 1.5rem !important; }
.pt-4 { padding-top: 2rem !important; }
.pt-5 { padding-top: 2.5rem !important; }
.pt-6 { padding-top: 3rem !important; }
.pt-7 { padding-top: 3.5rem !important; }
.pt-8 { padding-top: 4rem !important; }
.pt-9 { padding-top: 4.5rem !important; }
.pt-10 { padding-top: 5rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: .5rem !important; }
.pb-2 { padding-bottom: 1rem !important; }
.pb-3 { padding-bottom: 1.5rem !important; }
.pb-4 { padding-bottom: 2rem !important; }
.pb-5 { padding-bottom: 2.5rem !important; }
.pb-6 { padding-bottom: 3rem !important; }
.pb-7 { padding-bottom: 3.5rem !important; }
.pb-8 { padding-bottom: 4rem !important; }
.pb-9 { padding-bottom: 4.5rem !important; }
.pb-10 { padding-bottom: 5rem !important; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: .5rem !important; }
.pl-2 { padding-left: 1rem !important; }
.pl-3 { padding-left: 1.5rem !important; }
.pl-4 { padding-left: 2rem !important; }
.pl-5 { padding-left: 2.5rem !important; }
.pl-6 { padding-left: 3rem !important; }
.pl-7 { padding-left: 3.5rem !important; }
.pl-8 { padding-left: 4rem !important; }
.pl-9 { padding-left: 4.5rem !important; }
.pl-10 { padding-left: 5rem !important; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: .5rem !important; }
.pr-2 { padding-right: 1rem !important; }
.pr-3 { padding-right: 1.5rem !important; }
.pr-4 { padding-right: 2rem !important; }
.pr-5 { padding-right: 2.5rem !important; }
.pr-6 { padding-right: 3rem !important; }
.pr-7 { padding-right: 3.5rem !important; }
.pr-8 { padding-right: 4rem !important; }
.pr-9 { padding-right: 4.5rem !important; }
.pr-10 { padding-right: 5rem !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
.py-2 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.py-5 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py-7 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
.py-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.py-9 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
.py-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: .5rem !important; padding-right: .5rem !important; }
.px-2 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-4 { padding-left: 2rem !important; padding-right: 2rem !important; }
.px-5 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
.px-6 { padding-left: 3rem !important; padding-right: 3rem !important; }
.px-7 { padding-left: 3.5rem !important; padding-right: 3.5rem !important; }
.px-8 { padding-left: 4rem !important; padding-right: 4rem !important; }
.px-9 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
.px-10 { padding-left: 5rem !important; padding-right: 5rem !important; }

.hide {
    display: none;
}

.w-100 {
    width: 100% !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

/* Screen reader only */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/*Styles for bulleted and ordered lists*/
.indentedList {
    list-style-position: outside;
    padding-left: 3rem;
}

ul.indentedList {
    list-style-type: disc;
}

ol.indentedList {
    list-style-type: decimal;
}

.indentedList > li ul,
.indentedList > li ol {
    margin-bottom: 0 !important;
}

.nonIndentedList {
    padding-left: 0;
}

.unstyledList {
    list-style: none;
}

.external-link {
    background: url(//sandbox.mediafire.com/images/icons/svg_dark/external_link.svg) right center no-repeat;
    padding-right: 14px;
}

.external-link:hover {
    background-image: url(//sandbox.mediafire.com/images/icons/svg_dark/external_link_blue2.svg);
}

/* ==========================================================================
   Main containers within <body>
   ========================================================================== */

#container {
	min-height: 100%;
	z-index: 1;
	padding-top: 70px;
}

.myfiles #container,
.recentChanges #container,
.sharedWithMe #container {
	padding-top: 0;
	background: #fff;
}

.signUp #container,
.signUpRegister #container,
.checkOut #container,
.changePlan #container {
	padding-top: 0;
}

#content_container {
	padding-bottom: 300px; z-index: 1;
}

.myfiles #content_container {
	padding-bottom: 0;
}

.wrap {
	width: 960px;
	margin: 0 auto;
}

#page_screen {
	background-color:#000;
	filter: alpha(opacity=10);
	opacity: 0;
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0;
	width: 100%;
	height: auto !important;
	display: none;
	z-index: 1000;
}

.modalMobile {
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
}

body.signup.modalMobile {
	height:100%;
}

.modalMobile #page_screen {
	display: none !important;
}

.modalMobile .floatingTabsBox {
	display: none;
}

/* ==========================================================================
   Old getting started tab nav
   ========================================================================== */

.subNavBar {
	width: 100%;
	height: 46px;
	margin-top: -1px;
	background: #EDF1F5;
	position: relative;
	z-index: 1;
	margin-top: -2px;
	background: -moz-linear-gradient(top, #EDF1F5 0%, #BFD0E0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EDF1F5), color-stop(100%, #BFD0E0));
	background: -webkit-linear-gradient(top, #EDF1F5 0%, #BFD0E0 100%);
	background: -o-linear-gradient(top, #EDF1F5 0%, #BFD0E0 100%);
	background: -ms-linear-gradient(top, #EDF1F5 0%, #BFD0E0 100%);
	background: linear-gradient(top, #EDF1F5 0%, #BFD0E0 100%);
}

.subNavBar li {
	float: left;
	border-left: 1px solid #A2BBD1;
}

.subNavBar li:last-child {
	border-right: 1px solid #A2BBD1;
}

.subNavBar li.current {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top,  rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(top,  rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 100%); /* W3C */
}

.subNavBar a {
	display: block;
	padding: 12px 25px 12px 25px;
	color: black;
	font-weight: bold;
	text-shadow: 0px 1px 1px white;
	text-align: center;
	border-left: 1px solid #E8EEF4;
	border-right: 1px solid	#E8EEF4;
}

.subNavBar a:hover {
	color: #3190D3;
}

/* ==========================================================================
   Tables (minimal touchup on 10/24/16, needs revisiting -gabe)
   ========================================================================== */

table {
    width: 100%;
    background: #F4F4F5;
    background: var(--mf-gray11);
    padding: 2px;
    border: none;
    border-collapse: separate;
    margin-bottom: 20px;
}

th {
    text-align: left;
}

td, th {
    padding: 5px;
}

tbody tr {
    background: #fff;
}

tbody tr td {
    border: none
}

table.split-cells {
    border-spacing: 2px;
    padding: 0;
}

td > .btn {
    display: block;
}

table .lg-txt {
    font-size: 21px;
    font-weight: bold;
}

table caption {
    caption-side: bottom;
    text-align: left;
    padding-top: 10px;
    font-size: .86rem;
}

.account_header_table table tr td,
.account_header_table table tr th {
    text-align: center;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* PSEUDO TABLE (do not use) /////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.pseudoTable {
	border:1px solid #cdd0d4;
	background: #dfe2e6;
	padding:2px;
	-moz-box-shadow: inset 0px 1px 0px #fff;
	-webkit-box-shadow: inset 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 0px #fff;
	font-size: 12px;
}

.pseudoTable .ptHead {
	padding: 4px 8px;
	font-weight: bold;
	overflow: auto;
}

.pseudoTable ul {
	background: #fff;
	border: 1px solid #cdd0d4;
	-moz-box-shadow: 0px 1px 0px #fff;
	-webkit-box-shadow: 0px 1px 0px #fff;
	box-shadow: 0px 1px 0px #fff;
	margin: 0 !important;
}

.pseudoTable li {
	background: #fff;
	border-bottom: 1px solid #eee; border-top: 1px solid #fff;
	padding: 5px;
	overflow: auto;
}

.pseudoTable li div, .ptHead div {
	float: left;
}

/* ==========================================================================
   Old button styles (deprecated, use .Btn-* component styles instead )
   ========================================================================== */

/* Core style */
a[class*="gbtn"],
button[class*="gbtn"],
input[class*="gbtn"],
div[class*="gbtn"],
li[class*="gbtn"] {
    border-radius: 3px;
    float: right;
    position: relative;
    margin: 0 10px 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 0 13px 0 0;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    border: 0;
    outline: 0;
    text-transform: uppercase;
    -webkit-appearance: none;
}

input[type="submit"].gbtnPrimary,
input[type="submit"].gbtnSecondary,
input[type="submit"].gbtnTertiary {
    padding-left: 13px;
}

.gbtnPrimary:not([class*="ico30"]),
.gbtnSecondary:not([class*="ico30"]),
.gbtnTertiary:not([class*="ico30"]) {
    padding-left: 4px;
}

.gbtnPrimary:first-letter,
.gbtnSecondary:first-letter,
.gbtnTertiary:first-letter,
.gbtnAlt:first-letter {
    padding-left: 10px;
}

/* Light colored button */
.gbtnPrimary,
input[type="button"].gbtnPrimary,
input[type="reset"].gbtnPrimary,
input[type="submit"].gbtnPrimary {
    color: #575B65;
    color: var(--mf-gray4);
    background: #E9EAEB;
    background: var(--mf-gray10);
}

/* Green button */
.gbtnSecondary,
input[type="button"].gbtnSecondary {
    color: #fff;
    background: #6c3;
}

/* Blue button */
.gbtnTertiary,
input[type="button"].gbtnTertiary,
input[type="submit"].gbtnTertiary {
    color: #fff;
    background-color: #0070F0;
    background-color: var(--mf-blue4);
}

/* Dark button with reversed icon */
.gbtnAlt {
    color: #fff;
    background-color: #404040;
}

/* Simple hover effect that should work for any button color */
.gbtnPrimary:hover,
.gbtnSecondary:hover,
.gbtnTertiary:hover,
.gbtnAlt:hover,
button[class*="gbtn"]:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
}

a.gbtnPrimary:hover {
    color: #575B65;
    color: var(--mf-gray4);
}

a.gbtnTertiary:hover,
a.gbtnAlt:hover {
    color: #fff;
}

a.gbtnSecondary:hover {
    color: #fff;
}

/* Core icon style */
a[class*="ico30"]:after,
button[class*="ico30"]:after,
div[class*="ico30"]:after,
li[class*="ico30"]:after {
    content: "";
    float: left;
    height: 20px;
    width: 30px;
    margin-top: 8px;
    background-image: url(//sandbox.mediafire.com/images/icons/ico30/ico30-v9.png);
    background-repeat: no-repeat;
}

/* Reversed icon for alt button */
a[class*="ico30"].gbtnAlt:after,
button[class*="ico30"].gbtnAlt:after,
div[class*="ico30"].gbtnAlt:after,
li[class*="ico30"].gbtnAlt:after {
    background-image: url(//sandbox.mediafire.com/images/icons/ico30/ico30_reversed-v9.png);
}

/* Masked icons for white backgrounds, allows css background color */
a[class*="ico30"].maskedIcons:after,
li[class*="ico30"].maskedIcons:after,
div[class*="ico30"].maskedIcons:after {
    background-image: url(//sandbox.mediafire.com/images/icons/ico30/ico30-mask-white.png);
}

/* Grouped buttons */
a.rightBtn,
li.rightBtn,
div.rightBtn {
    border-radius: 0 3px 3px 0;
    margin-left: 1px;
    position: relative;
}

a.leftBtn,
li.leftBtn,
div.leftBtn {
    border-radius: 3px 0 0 3px;
    margin-right: 0;
}

a.centerBtn,
li.centerBtn,
div.centerBtn {
    border-radius: 0;
    margin: 0 0 0 1px;
}

a[class*="ico30"].plainTxtBtn:after,
li[class*="ico30"].plainTxtBtn:after,
div[class*="ico30"].plainTxtBtn:after {
    margin: 0 4px 0 -14px;
}

a[class*="ico30"].plainTxtBtn.reversedIcons:after,
li[class*="ico30"].plainTxtBtn.reversedIcons:after,
div[class*="ico30"].plainTxtBtn.reversedIcons:after {
    background-image: url(//sandbox.mediafire.com/images/icons/ico30/ico30_reversed-v9.png);
}

a[class*="ico30"].maskedIcons:after,
li[class*="ico30"].maskedIcons:after,
div[class*="ico30"].maskedIcons:after {
    background-image: url(//sandbox.mediafire.com/images/icons/ico30/ico30-mask-white.png);
}

.betaBtn:after {
    content: "BETA";
    border-radius: 3px;
    background-color: #397baf;
    padding: 3px 7px;
    margin-left: 8px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    position: relative;
    top: -2px;
}

/* ==========================================================================
   Button styles
   ========================================================================== */

/* Core style, default height 36px */
.Btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: .79rem;
    font-weight: normal;
    height: auto;
    min-height: 36px;
    line-height: 1.5;
    margin: 0;
    padding: 6px 12px;
    border: 0;
    outline: 0;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    transition: background-color .1s linear 0s;
    -webkit-appearance: none;
}

 /* Medium, height 40px */
.Btn--medium {
    border-radius: 4px;
    font-size: .86rem;
    min-height: 40px;
    padding: 8px 12px;
}

/* Large, height 48px */
.Btn--large {
    border-radius: 5px;
    font-size: .93rem;
    min-height: 48px;
    padding: 12px 14px;
}

/* Button text size modifier classes, use in addition to main class
   (global text sizes work too)
   ========================================================================== */

.Btn--textCapsSmall {
    font-size: .79rem;
}

.Btn--textCapsMedium {
    font-size: .86rem;
}

.Btn--textCapsLarge {
    font-size: .93rem;
}

.Btn--textSmall {
    font-size: .86rem;
    text-transform: none;
}

.Btn--textMedium {
    font-size: .93rem;
    text-transform: none;
}

.Btn--textLarge {
    font-size: 1rem;
    text-transform: none;
}

/* Button modifier classes, use in addition to main class
   ========================================================================== */

/* Blue button */
.Btn--primary {
    color: #fff;
    background-color: #0070F0;
    background-color: var(--mf-blue4);
}

.Btn--primary:hover {
    color: #fff;
    background-color: HSL(212, 100%, 42%); /* --mf-blue4, -5 L */
}

/* Light gray button */
.Btn--secondary {
    color: #222835;
    color: var(--mf-gray2);
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #DBDCDF;
    box-shadow: inset 0 0 0 2px var(--mf-gray9);
}

.Btn--secondary:hover {
    color: #222835;
    color: var(--mf-gray2);
    background-color: #E9EAEB;
    background-color: var(--mf-gray10);
}

 /* Green button (success) */
.Btn--success {
    color: #222835;
    color: var(--mf-gray2);
    background-color: #33CC66;
    background-color: var(--mf-green4);
}

.Btn--success:hover {
    color: #222835;
    color: var(--mf-gray2);
    background-color: HSL(140, 60%, 45%); /* --mf-green4, -5 L */
}

/* Dark gray button, used in image viewer */
.Btn--darkGray {
    color: #fff;
    background-color: #404040;
}

.Btn--darkGray:hover {
    color: #fff;
    background-color: #494949;
}

/* Text button */
.Btn--text {
    background-color: transparent;
    color: #0070F0;
    color: var(--mf-blue4);
}

.Btn--text:hover {
    color: #002369;
    color: var(--mf-blue2);
}

/* Buttons rounded on either left or right side */
.Btn--roundedLeft {
    border-radius: 3px 0 0 3px;
}

.Btn--roundedRight {
    border-radius: 0 3px 3px 0;
}

/* Button icons (24x24px)
   ========================================================================== */

.Btn-icon {
    display: inline-flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
    background-image: url(//sandbox.mediafire.com/images/icons/svg_dark/icons_sprite.svg);
    background-repeat: no-repeat;
    margin-right: 8px;
}

/* Icon modifier classes, use in addition to main class
   ========================================================================== */

.Btn-icon--white {
    background-image: url(//sandbox.mediafire.com/images/icons/svg_light/icons_sprite.svg);
}

.Btn-icon--arrowMove {
    background-position: -1319px 0;
}

.Btn-icon--arrowRight {
    background-position: -1632px 0;
}

.Btn-icon--chevronLeft {
    background-position: -312px 0;
}

.Btn-icon--clockHistory {
    background-position: -1559px 0;
}

.Btn-icon--download {
    background-position: -168px 0;
}

.Btn-icon--eye {
    background-position: -1415px 0;
}

.Btn-icon--files {
    background-position: -1439px 0;
}

.Btn-icon--folder {
    background-position: -840px 0;
}

.Btn-icon--folderPlus {
    background-position: -600px 0;
}

.Btn-icon--globe {
    background-position: -96px 0;
}

.Btn-icon--grid {
    background-position: -71px 0;
}

.Btn-icon--help {
    background-position: -816px 0;
}

.Btn-icon--list {
    background-position: -47px 0;
}

.Btn-icon--logout {
    background-position: -960px 0;
}

.Btn-icon--mobile {
    background-position: -887px 0;
}

.Btn-icon--plus {
    background-position: -119px 0;
}

.Btn-icon--settings {
    background-position: -720px 0;
}

.Btn-icon--share {
    background-position: -192px 0;
}

.Btn-icon--trash {
    background-position: -1031px 0;
}

.Btn-icon--upgrade {
    background-position: -792px 0;
}

.Btn-icon--upload {
    background-position: -144px 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* STEP CONFIRMATION (STEP# | PASS/FAIL ICON) --> used in dmca process ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.stepConfirm {
	display: inline-block;
	width: 40px; height: 22px;
	font-size: 14px;
	line-height: 22px;
	padding-left: 8px;
	color: #636466;
	border: 1px solid #B4B8BB;
	border-radius: 20px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eff0f1));
	background-image: -webkit-linear-gradient(top, #fff, #eff0f1);
	background-image:    -moz-linear-gradient(top, #fff, #eff0f1);
	background-image:     -ms-linear-gradient(top, #fff, #eff0f1);
	background-image:      -o-linear-gradient(top, #fff, #eff0f1);
	background-image:         linear-gradient(top, #fff, #eff0f1);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255,255,255,.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255,255,255,.5);
	text-shadow: 0px 1px 0px #fff;
	position: relative;
}

.stepConfirm:before {
	content: "";
	position: absolute;
	height: 22px; width: 1px;
	left: 50%; top: 0; margin-left: -1px;
	background: #dcdee0; border-right: 1px solid #fff;
}

.stepConfirm:after {
	content: "";
	position: absolute;
	top: 3px; right: 4px;
	height: 16px; width: 16px;
	background-color: #E6E8EA;
	border-radius: 50%;
	-moz-box-shadow: inset 0 0 0 2px #d0d4d9;
	-webkit-box-shadow: inset 0 0 0 2px #d0d4d9;
	box-shadow: inset 0 0 0 2px #d0d4d9;
}

.stepConfirm.stGood {
	color: #4e6621;
	border: 1px solid #b0c88c;
	border-radius: 20px;
	background-color: #f5ffd7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5ffd7), to(#e1f3c6));
	background-image: -webkit-linear-gradient(top, #f5ffd7, #e1f3c6);
	background-image:    -moz-linear-gradient(top, #f5ffd7, #e1f3c6);
	background-image:     -ms-linear-gradient(top, #f5ffd7, #e1f3c6);
	background-image:      -o-linear-gradient(top, #f5ffd7, #e1f3c6);
	background-image:         linear-gradient(top, #f5ffd7, #e1f3c6);

}

.stepConfirm.stGood:before {
	background: #cde3ab;
}

.stepConfirm.stGood:after {
	background-image: url(//sandbox.mediafire.com/images/icons/status-sprite.png);
	background-position: 0 1px;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* TOGGLE SWITCH /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.toggle-switch {
	width: 68px; height: 24px;
	font-size: 12px;
	background: #C2C7CB;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C2C7CB), to(#D9DADE));
	background-image: -webkit-linear-gradient(top, #C2C7CB, #D9DADE);
	background-image: -moz-linear-gradient(top, #C2C7CB, #D9DADE);
	background-image: -ms-linear-gradient(top, #C2C7CB, #D9DADE);
	background-image: -o-linear-gradient(top, #C2C7CB, #D9DADE);
	background-image: linear-gradient(top, #C2C7CB, #D9DADE);
	overflow: hidden;
	border: 1px solid #454C54;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.ts-slider {
	display: table;
	width: 150%; height: 100%;
	margin-left: -50%;
	-webkit-transition: margin-left .1s linear;
	-moz-transition: margin-left .1s linear;
	-ms-transition: margin-left .1s linear;
	-o-transition: margin-left .1s linear;
	transition: margin-left .1s linear;
}

.toggle-switch.on .ts-slider {
	margin-left: 0;
}

.toggle-switch label {
	display: table-cell;
	width: 33%; height: 100%;
	cursor: pointer;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 100%;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

.ts-l {
	background-color: #2978e6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2978e6), to(#4F99E3));
	background-image: -webkit-linear-gradient(top, #2978e6, #4F99E3);
	background-image: -moz-linear-gradient(top, #2978e6, #4F99E3);
	background-image: -ms-linear-gradient(top, #2978e6, #4F99E3);
	background-image: -o-linear-gradient(top, #2978e6, #4F99E3);
	background-image: linear-gradient(top, #2978e6, #4F99E3);
	text-shadow: 0 -1px 1px black !important;
	color: #fff;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.ts-r {
	color: #414C58;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.ts-knob {
	display: table-cell;
	height: 100%; width: 33%;
	cursor: pointer;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box;
	background-color: #ecf0f3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ecf0f3), to(#d4d8db));
	background-image: -webkit-linear-gradient(top, #ecf0f3, #d4d8db);
	background-image:    -moz-linear-gradient(top, #ecf0f3, #d4d8db);
	background-image:     -ms-linear-gradient(top, #ecf0f3, #d4d8db);
	background-image:      -o-linear-gradient(top, #ecf0f3, #d4d8db);
	background-image:         linear-gradient(top, #ecf0f3, #d4d8db);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0,0,0,.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0,0,0,.5);
}

.ts-knob:active {
	background-color: #d4d8db;
	background-image: none;
}

.toggle-switch.tsSmall,
.toggle-switch.tsSmall .ts-r,
.toggle-switch.tsSmall .ts-l,
.toggle-switch.tsSmall .ts-knob {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* OLD TOGGLE SWITCH FOR AUTO-BANDWIDTH PAGE, REPLACE WITH .toggle-switch ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.toggle-pushbutton {
	position: absolute;
	top: 32px; right: 30px;
	background: #CACFD3;
	overflow: auto;
	border-radius: 4px;
	box-shadow: inset 0 2px 8px rgba(0,0,0,0.3);
	border-bottom: 1px solid white;
}

.toggle-pushbutton a {
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 3px;
}

#autobandwidth.ab-enabled .btn.toggle-on,
#autobandwidth.ab-disabled .btn.toggle-off {
	color: #222835;
	color: var(--mf-gray2);
	cursor: default;
	background: #fff;
	border: 1px solid #ddd;
}

/* ==========================================================================
   Old form styles (deprecated, use .Form-* component styles instead)
   ========================================================================== */

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
.fauxInput {
    outline: none;
    padding: 0;
    height: 30px;
    line-height: 30px;
    color: #222835;
    color: var(--mf-gray2);
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
    border: 0 solid #E8E9EC;
    border-width: 0 0 1px;
    border-radius: 0 !important;
    box-sizing: border-box;
    transition: border .1s linear 0s, box-shadow .1s linear 0s;
    -webkit-appearance: none; /* iOS Safari controls some styles without this */
}

textarea {
    line-height: 1.6;
    border-width: 1px;
    height: auto;
    padding: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:not(.goog-te-combo):focus {
    border-bottom-color: #0070F0;
    border-bottom-color: var(--mf-blue4);
    box-shadow: 0 1px 0 0 #0070F0;
    box-shadow: 0 1px 0 0 var(--mf-blue4);
}

input[type="text"]:placeholder,
input[type="email"]:placeholder,
input[type="password"]:placeholder,
textarea:placeholder {
    color: #575B65;
    color: var(--mf-gray4);
}

input.input-static {
    padding: 0 8px;
    background: #f4f4f5 !important;
    border-bottom: 1px solid #E8E9EC !important;
    box-shadow: none !important;
}

/* Add dropdown indicator to custom styled <select> */
select {
    background:
        #fff
        url(//sandbox.mediafire.com/images/icons/svg_dark/arrow_dropdown.svg)
        right center
        no-repeat;
    padding: 0 20px 0 0;
}

/* IE adjustment */
.ie7 input[type="password"],
.ie8 input[type="password"],
.ie9 input[type="password"] {
    font-family: sans-serif;
}

input[type="text"].error,
input[type="email"].error,
input[type="password"].error,
select.error {
    border-color: #F06242;
    border-color: var(--mf-red4);
    box-shadow: 0 1px 0 0 #F06242;
    box-shadow: 0 1px 0 0 var(--mf-red4);
}

input[type="text"].error:focus,
input[type="email"].error:focus,
input[type="password"].error:focus,
select.error:focus {
    border-color: #692B1D;
    border-color: var(--mf-red2);
    box-shadow: 0 1px 0 0 #692B1D !important;
    box-shadow: 0 1px 0 0 var(--mf-red2) !important;
}

/* ==========================================================================
   Form styles
   ========================================================================== */

.Form-sectionHeading {
    width: 100%;
    padding: .5rem 0;
    text-transform: uppercase;
    font-size: .79rem;
    font-weight: bold;
    box-sizing: border-box;
    border-top: 2px solid #F4F4F5;
    border-top: 2px solid var(--mf-gray11);
}

.Form-inputWrap {
    position: relative;
}

.Form-inputLabel {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .35rem;
}

/* Allow .sr-only labels to show for older IEs since they don't get input placeholders */
.ie7 .Form-inputLabel.sr-only,
.ie8 .Form-inputLabel.sr-only,
.ie9 .Form-inputLabel.sr-only {
    position: static;
    overflow: auto;
    clip: auto;
    white-space: normal;
    width: auto;
    height: auto;
}

/* Default, height 36px */
.Form-input,
.Form-input[type="text"],
.Form-input[type="password"],
.Form-input[type="email"] {
    background-color: hsla(240, 5%, 96%, .9); /* --mf-gray11 */
    border-radius: 3px 3px 0 0 !important;
    height: auto;
    padding: 7px 8px 8px;
    margin: 0;
    border: 0;
    outline: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #222835;
    color: var(--mf-gray2);
    box-sizing: border-box;
    box-shadow: inset 0 -1px 0 0 #E9EAEB;
    box-shadow: inset 0 -1px 0 0 var(--mf-gray10);
    transition: box-shadow .1s linear 0s;
    -webkit-appearance: none;
}

.Form-input:focus,
.Form-input[type="text"]:focus,
.Form-input[type="password"]:focus,
.Form-input[type="email"]:focus,
select.Form-input:focus {
    box-shadow: inset 0 -2px 0 0 #0070f0;
    box-shadow: inset 0 -2px 0 0 var(--mf-blue4);
}

.Form-input.error,
.Form-input[type="text"].error,
.Form-input[type="password"].error,
.Form-input[type="email"].error {
    background-color: #FDE6E1;
    background-color: var(--mf-red7);
    box-shadow: inset 0 -1px 0 0 #F06242;
    box-shadow: inset 0 -1px 0 0 var(--mf-red4);
}

.Form-input.error:focus,
.Form-input[type="text"].error:focus,
.Form-input[type="password"].error:focus,
.Form-input[type="email"].error:focus {
    box-shadow: inset 0 -2px 0 0 #692B1D !important;
    box-shadow: inset 0 -2px 0 0 var(--mf-red2) !important;
}

.Form-inputGroup {
    display: inline-flex;
}

.Form-inputGroup .Form-input {
    border-radius: 3px 0 0 0 !important;
    flex-grow: 1;
}

.Form-inputGroup .Btn {
    border-radius: 0 3px 3px 0;
    flex-shrink: 0;
}

textarea.Form-input {
    line-height: normal;
}

select.Form-input {
    background-image: url(//sandbox.mediafire.com/images/icons/svg_dark/arrow_dropdown.svg);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px !important;
}

.Form-inputStatusIcon {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 18px;
    height: 18px;
}

.Form-inputStatusIcon.is-valid {
    background: url(//sandbox.mediafire.com/images/icons/svg_dark/icon_sprite_v3.svg) 0 0 no-repeat;
}

.Form-inputStatusIcon.is-notValid {
    background: none;
}

.Form-inputErrorText {
    display: none;
    color: #AD4730;
    color: var(--mf-red3);
    font-size: .79rem;
    padding-top: .29rem;
}

 /* Medium, height 40px */
.Form-input.Form-input--medium {
    font-size: 1rem;
    border-radius: 4px 4px 0 0 !important;
    padding: 9px 8px 10px;
}

/* Large, height 48px */
.Form-input.Form-input--large {
    font-size: 1.18rem;
    border-radius: 5px 5px 0 0 !important;
    padding: 11px 10px 12px;
    min-height: 48px;
}

/* ==========================================================================
   Floating label inputs (only used on registration and checkout pages)
   ========================================================================== */

/**
 * IMPORTANT NOTE: replace these with normal label/input layouts eventually.
 * These don't work well with relative units (future site-wide accessibility change).
 *
 * .FloatingLabel
 * Add this to .Form-inputWrap to update any elements in the input group,
 * like the position of validation icons or help buttons.
 *
 * .FloatingLabel-input
 * Add to the <input>. Updates the existing input style to provide better
 * visual grouping with floating labels (subtle gray background, rounded corners)
 *
 * .FloatingLabel-label (with nested <span>)
 * Element that creates the placeholder=>label effect. This is styled purely
 * with CSS as a sibling of its input (must be after in markup). It is
 * set to aria-hidden="true" so that it is not read in addition
 * to the preceding <label> element by screen readers.
 */

/* Add more input types as needed */
input[type="text"].FloatingLabel-input,
input[type="email"].FloatingLabel-input,
input[type="password"].FloatingLabel-input {
    background-color: hsla(240, 5%, 96%, .8);
    border-radius: 4px 4px 0 0 !important;
    height: auto;
    line-height: normal;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
    margin: 0;
}

.FloatingLabel-input::placeholder {
    color: rgba(0,0,0,0);
}

.FloatingLabel-label {
    max-height: 0;
    pointer-events: none;
    position: relative;
}

.FloatingLabel-label span {
    display: block;
    filter: blur(0);
    backface-visibility: hidden;
    transform-origin: left top;
    transition: transform 0.1s ease;
    position: relative;
    font-size: 1rem;
    left: .5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.FloatingLabel-input:placeholder-shown ~ .FloatingLabel-label span {
    transform: translate3d(0, -2rem, 0) scale3d(1, 1, 1);
}

.FloatingLabel-label span,
.FloatingLabel-input:focus ~ .FloatingLabel-label span,
.FloatingLabel-input:focus:placeholder-shown ~ .FloatingLabel-label span,
.FloatingLabel-input:-webkit-autofill ~ .FloatingLabel-label span {
    transform: translate3d(-.5rem, -3.9rem, 0) scale3d(0.86, 0.86, 1);
}

.FloatingLabel-label span {
    color: #72767E;
    color: var(--mf-gray5);
}

.FloatingLabel-input:focus ~ .FloatingLabel-label span {
    color: #0070F0;
    color: var( --mf-blue4);
}

/* IE stuff */
:-ms-input-placeholder {
    color: rgba(0,0,0,0) !important;
}

.FloatingLabel-input:-ms-input-placeholder ~ .FloatingLabel-label span {
    transform: translate3d(0, -2rem, 0) scale3d(1, 1, 1);
}

.FloatingLabel-label span,
.FloatingLabel-input:focus ~ .FloatingLabel-label span,
.FloatingLabel-input:focus:-ms-input-placeholder ~ .FloatingLabel-label span {
    transform: translate3d(-.5rem, -3.9rem, 0) scale3d(0.86, 0.86, 1);
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* DISABLED/GHOSTED //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.elementDisabled {
	opacity: .5;
	filter: alpha(opacity = 50);
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* STATUS TEXT ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.text-enabled {
	color: #629721;
}

.text-disabled {
	color: #BD280A;
}

.textHighlight {
	color: #000;
	font-weight: bold;
	display: inline-block;
	background: #FFFB80;
	padding: 0 6px;
}

/* ==========================================================================
   Section Title, shows below header on some pages
   ========================================================================== */

#titlebar .title {
    padding-top: 30px;
    font-size: 1.6rem;
    font-weight: normal;
}

/* No longer in use, needs to be removed from html */
#titlebar .description {
	display: none !important;
	float: left;
	padding: 10px 25px;
	font-size: 18px;
	border-left: 1px solid #fff;
	border-left: 1px solid rgba(255, 255, 255, 0.33);
	margin: 24px 0;
	color: #fff;
	z-index: 1;
	position: relative;
}

#titlebar .alt-text {
	float: right;
	font: normal bold normal 24px/1.6 'Open Sans', sans-serif;
	margin: 0px 15px 0 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* SIDEBAR NAV ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#sidebar {
	position: relative;
	float: left;
	width: 240px;
	margin-right: 35px;
	font-size: 13px;
}

#sidebar > ul {
	padding: 40px 0 60px;
}

.ie9 #sidebar > ul,
.ie8 #sidebar > ul,
.ie7 #sidebar > ul {
	padding-bottom: 0;
}

#sidebar > ul li {
	margin:0;
	position: relative;
}

#sidebar > ul li a,
#sidebar > ul li p {
	display: block;
	padding: 5px 0 5px 5px;
	position: relative;
        color: #575B65;
	color: var(--mf-gray4);
}

#sidebar > ul li a:hover {
	text-decoration: none;
	/*color: #D85724;*/
	background: #f2f2f2;
	color: #000;
}

#sidebar > ul li.current a {
	background: #fff;
	position: relative;
	right: -1px;
	margin-left: -1px;
        color: #0070F0;
	color: var(--mf-blue4);
	cursor: default;
}

#sidebar > ul ul li a {
	padding-left: 20px;
}

#sidebar ul li a.pro:after,
#sidebar ul li a.biz:after,
#sidebar ul li a.biz2:after,
.sitemap li a.pro:after,
.sitemap li a.biz:after,
.sitemap li a.biz2:after {
	content: 'Pro';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -7px 5px 0 0;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #BD280A;
}

#sidebar ul li a.biz:after,
#sidebar ul li a.biz2:after,
.sitemap li a.biz:after,
.sitemap li a.biz2:after {
	content: 'Biz';
	color: #E08E00;
}

/* indicates which sidebar links are external in the sidebar in the "about" section */
#sidebar a[href^="http://"]:after,
#sidebar a[href^="https://"]:after {
	content: "";
	display: inline-block;
	margin: -5px 0 0 10px;
	height: 10px;
	width: 10px;
	background: url(//sandbox.mediafire.com/images/backgrounds/indicators/ext_link.png) center no-repeat;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* TABBED INTERFACE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.tabs {
	padding-top: 30px;
	-moz-box-shadow: 0px 1px 0px #fff;
	-webkit-box-shadow: 0px 1px 0px #fff;
	box-shadow: 0px 1px 0px #fff;
}

#sidebar .tabs { border-right: 1px solid #d5d5d5; }
.tabs > ul {  }
.tabs > ul li { display:block; float: left; }
.tabs > ul li a { color:#4f4f4f; text-shadow: 0px 1px 0px #fff; }
.tabs > div { clear: both; background: #fff; border: 1px solid #d5d5d5; border-top: 0px; padding:15px; display:none; }
#sidebar .tabs div { border-right: 0px; }
.tabs div.current { display:block; }

.tabs > ul {
	padding: 9px 0 0 0px;
	height: 31px;
	border-bottom: 1px solid #d5d5d5;
	box-shadow: 0 1px 0 0 #fff;
}

#content .tabs > ul { margin: 0; }

.tabs > ul li > a,
.tabs > ul li > span {
	display: block;
	float: left;
	height: 20px;
	width: auto;
	cursor: pointer;
	border: 1px solid #d5d5d5;
	border-bottom: none;
	margin: 0 -1px 0 0px;
	padding: 5px 10px;
	font-size: 13px;
	background: #f4f4f5;
}

.tabs > ul li:first-child > span {
	border-radius: 3px 0 0 0;
}

.tabs > ul li:last-child > span {
	border-radius: 0 3px 0 0;
}

.tabs > ul li:first-child:last-child > span {
	border-radius: 3px 3px 0 0;
}

.tabs > ul li a:hover {
	text-decoration: none;
}

.tabs > ul li span:hover .ico16 {
	background-position-y: -20px;
}

.tabs ul li.current span:hover .ico16 {
	background-position-y: -40px
}

.tabs > ul li.current a,
.tabs > ul li.current > span {
	background: #fff;
	cursor: default;
	border-bottom: 0px solid #f0f0f0;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	height: 21px;
	color: #000;
}

.tabs > ul li.current:first-child a {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 2px;
}

/* ==========================================================================
   Content containers
   ========================================================================== */

#main {
    padding-top: 1px;
}

#content {
    padding-top: 45px;
}

#main #content {
    float: left;
    width: 680px;
}

#content h2 {
    font-weight: 300;
}

#content h3 {
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 35px;
}

#content p,
#content ul,
#content ol {
    margin-bottom: 1rem;
}

.inset-box {
    background: #f4f4f5;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
    padding: 15px;
}

.white-box {
    border-radius: 3px;
    border:1px solid #d4d6d9;
    background: #fff;
    position: relative;
    padding:15px;
}

#content a.inset-box { padding: 5px 15px; margin: 0; color: #575B65; color: var(--mf-gray4); }
#content a.inset-box:hover { text-decoration: none; }
#content .inset-box { margin-bottom: 20px; }
#content .white-box { margin-bottom: 20px; }

.inset-box table,
.inset-box table tr,
.inset-box table tr td,
.inset-box table th,
.inset-box table tr,
.inset-box table tbody,
.inset-box tbody tr:first-child td,
.inset-box tbody tr:last-child td {
    background: transparent;
    border: 0px;
    border-top: 0px;
    box-shadow: none;
}

.white-box table,
.white-box table tr,
.white-box table tr td,
.white-box table th,
.white-box table tr,
.white-box table tbody,
.white-box tbody tr:first-child td,
.white-box tbody tr:last-child td {
    background: transparent;
    border: 0px;
    border-top: 0px;
    box-shadow: none;
}

.inset-box input[type="text"],
.inset-box input[type="password"],
.inset-box textarea {
    background: #fff;
}

/* ==========================================================================
   Dropdown menus
   ========================================================================== */

.dropdown {
    position: relative;
    border-radius: 3px;
}

.dropdown ul {
    visibility: hidden;
    opacity: 0;
    max-width: 0px;
    max-height: 0px;
    box-shadow: none;
    transition: visibility 0s linear .1s, max-width 0s linear .1s, max-height 0s linear .1s, opacity .1s linear 0s;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 52;
    padding: 8px 0px;
    white-space: nowrap;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    text-align: left;
    font-family: 'Open Sans',sans-serif;
}

.dropdown.hoverShow:hover > ul,
.dropdown.show_dropdown > ul {
    visibility: visible;
    opacity: 1;
    max-height: 999px;
    max-width: 999px;
    transition-delay: 0s;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15);
}

.dropdown .centerBtn + ul {
    left: 1px;
}

.ddRight.dropdown > ul {
    left:auto;
    right: 0px;
    margin-right:10px;
    transition: left 0s linear .1s, right 0s linear .1s, margin-right 0s linear .1;
}

.ddRight.dropdown .centerBtn + ul,
.ddRight.dropdown .leftBtn + ul {
    margin-right:0px;
}

.dropdown li {
    position: relative;
}

.dropdown li:hover,
.dropdown .zeroclipboard-is-hover {
    background-color: #f2f2f2;
    color: #000;
}

.dropdown li a {
    display: flex;
    align-items: center;
    position: relative;
    color: #222835;
    color: var(--mf-gray2);
    padding: 7px 21px;
}

.dropdown li a:hover {
    text-decoration: none;
}

.dropdown li:hover a {
    color: #000;
}

.dropdown li .Btn-icon {
    opacity: .5;
}

.dropdown li.divider {
    cursor: default !important;
    background: none !important;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #e2e2e2;
}

li.firstDivider.divider {
    margin-top: 0px;
    padding-top: 0;
    border: none;
}

.dropdown li.submenu {
    position: relative;
}

.dropdown li.submenu > ul {
    left: 100%;
    top: 0;
    margin: -9px 0 0 -2px;
    border-radius: 3px;
}

.dropdown li.submenu:hover {
    background-color: #F2F2F3;
}

.dropdown li.submenu:hover > ul {
    visibility: visible;
    opacity:1;
    max-height: 999px;
    max-width: 999px;
    transition-delay: 0s;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15);
}

.indicator-down,
.indicator-up,
.indicator-left,
.indicator-right {
    position: absolute;
    height: 12px; width: 12px;
    right: 0; top: 50%;
    margin-top: -4px;
}

li.ddSectionLabel {
    text-transform: uppercase;
    font-size: 12px;
    color: #ABABAB;
    padding-top: 5px;
    padding-bottom: 0px;
    display: block;
    cursor: default;
}

li.ddSectionLabel:hover {
    background: none;
    color: #ABABAB;
}

.dropdown .checkbox {
    vertical-align: text-top;
    margin-left: 0;
}

li.ddStaticTxt {
    cursor: default;
    color: #575B65;
    color: var(--mf-gray4);
    font-style: italic;
    padding: 2px 21px;
}

li.ddStaticTxt:hover {
    background: transparent;
    color: #575B65;
    color: var(--mf-gray4);
}

/*    DROPUP    */
.dropUp {
    position: relative;
    cursor: pointer;
    border-radius: 3px;
}

.dropUp a {
    position: relative;
    display: block;
}

.dropUp.hoverShow:hover ul,
.dropUp.show_dropdown ul {
    visibility: visible;
    opacity:1;
    height: auto;
    width: auto;
    transition-delay: 0s;
    display: block;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px -1px 6px 0px rgba(0, 0, 0, .15);
}

.dropUp ul {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    box-shadow: none;
    transition: visibility 0s linear .1s, height 0s linear .1s, width 0s linear .1s, opacity .1s linear 0s;
    position: absolute;
    bottom: 100%; left: 0px;
    margin-bottom:5px;
    z-index: 52;
    padding: 8px 0px;
    white-space: nowrap;
    background: #fff;
    background: rgba(255,255,255,.95);
    border-radius: 3px;
    font-size: 14px;
    text-align: left;
    font-family: 'Open Sans',sans-serif;
}

.dropUp li {
    position: relative;
    padding: 0px 20px;
    background-position: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    color: #3190D3;
    display:block;
    transition: background-color .2s linear;
}

.dropUp li:hover, .dropUp li.hover {
    background-color: #eee;
    border-width: 1px 0;
    color: #000;
    transition: background-color 0s linear;
}

/*FOOTER-SPECIFIC DROPUP*/
#subfooter .dropUp.hoverShow:hover > .footerLogo:before,
#subfooter .dropUp.show_dropdown > .footerLogo:before {
    content: "";
    position: absolute;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .2);
    border-width: 0px 1px 1px 1px;
    border-radius: 0 0 3px 3px;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 53;
}
/*----------------------*/

.indicator-up {
    background: url(//sandbox.mediafire.com/images/icons/dropdown-arrow-up-dark.png) center no-repeat;
}

.indicator-down {
    background: url(//sandbox.mediafire.com/images/backgrounds/newMyfiles/smArrow.png) -12px top no-repeat;
}

.indicator-right {
    background: url(//sandbox.mediafire.com/images/icons/dropdown-arrow-right.png) center no-repeat;
}

.indicator-down.darkArrow {
    background: url(//sandbox.mediafire.com/images/icons/dropdown-arrow-black.png) center no-repeat;
}

.dropdown .indicator-down {
    right: 4px;
}

.dropdown li .indicator-right {
    right: 8px;
    top: 50%;
    margin-top: -4px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* TOOLTIPS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Gradually deprecate basic :hover tooltips in favor of more accessible options */

/*
	USAGE:
	.tooltip.point-[up/right/left/down] --> sets default position (in relation to parent) and direction of pointer
	.tooltip.alt --> sets to alternate background color
	.tooltip.error-tip --> replaces pointer with warning icon (form validation)
*/
/*------------------------------------------------------------------------------------------------------------------------*/

.tooltip {
	display: none;
	position: absolute;
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2);
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2);
	background: #fff;
	width: 180px;
	text-align: center;
	text-transform: none;
	color: #000;
	z-index: 20;
	white-space: normal;
}

div:hover > .tooltip,
a:hover > .tooltip,
span:hover > .tooltip {
	display: block;
}

.tooltip.alt {
	color: #fff;
	background: #000;
}

.tooltip.point-up:before,
.tooltip.point-right:before,
.tooltip.point-down:before,
.tooltip.point-left:before {
	content: "";
	font-size: 0px;
	line-height: 0%;
	background: #fff;
	width: 12px;
	height: 12px;
	position: absolute;
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2);
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tooltip.point-up:after,
.tooltip.point-right:after,
.tooltip.point-down:after,
.tooltip.point-left:after {
	content: "";
	background: #fff;
	width: 20px;
	height: 10px;
	position: absolute;
}

.tooltip.point-left:after,
.tooltip.point-right:after {
	width: 10px;
	height: 20px;
}

.tooltip.alt:after {
	background: #000;
}

.tooltip.alt:before {
	background: #000;
}

.tooltip.point-up {
	top: 100%;
	left: 50%;
	margin: 12px 0 0 -100px; /* left margin based off of default width of 180px */
}

.tooltip.point-left {
	left: 100%;
	top: 50%; /* since height is flexible, we'll have to vertically center manually if needed */
	margin: -20px 0 0 12px;
}

.tooltip.point-down {
	bottom: 100%;
	left: 50%;
	margin: 0 0 12px -100px; /* left margin based off of default width of 180px */
}

.tooltip.point-right {
	right: 100%; /* since height is flexible, we'll have to vertically center manually if needed */
	top: 50%;
	margin: -20px 12px 0 0;
}

.tooltip.point-up:before {
	left: 50%;
	top: -6px;
	margin: 0 0 0 -6px;
}

.tooltip.point-left:before {
	left: -6px;
	top: 50%;
	margin: -6px 0 0 0;
}

.tooltip.point-down:before {
	bottom: -6px;
	left: 50%;
	margin: 0 0 0 -6px;
}

.tooltip.point-right:before {
	right: -6px;
	top: 50%;
	margin: -6px 0 0 0;
}

.tooltip.point-up:after {
	left: 50%;
	top: 0;
	margin: 0 0 0 -10px;
}

.tooltip.point-left:after {
	left: 0;
	top: 50%;
	margin: -10px 0 0 0;
}

.tooltip.point-down:after {
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -10px;
}

.tooltip.point-right:after {
	right: 0;
	top: 50%;
	margin: -10px 0 0 0;
}

.tooltip.error-tip {
	padding-left: 30px;
}

.tooltip.error-tip:after {
	content: "";
	font-size: 0px;
	line-height: 0%;
	width: 16px; height: 16px;
	position: absolute;
	left: 8px;
	top: 8px;
	margin: 0;
	background: url(//sandbox.mediafire.com/images/icons/warning-triangle.png) center no-repeat;
}

/* dismiss (x) button for persistent tooltips */
.tooltipDismiss {
	position: absolute;
	background: #fff;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	right: 8px;
	top: 8px;
	color: #000;
	font-size: 19px;
	line-height: 18px;
	text-align: center;
	font-weight: bold;
	opacity: .6;
	cursor: pointer;
}

.tooltipDismiss:after {
	content: "\00D7";
}

.tooltipDismiss:hover {
	opacity: .8;
}

/* ==========================================================================
   Toggletips
   ========================================================================== */

.toggletip-container {
    position: relative;
    display: inline-flex;
}

.toggletip-bubble {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 10px;
    width: 20rem;
    background-color: #222835;
    background-color: var(--mf-gray2);
    border-radius: 5px;
    box-shadow: 0px 1px 5px 0 rgb(0 0 0 / 20%);
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    padding: 12px;
    white-space: normal;
    text-indent: 0;
    text-align: left;
    line-height: normal !important;
    z-index: 1;
}

.toggletip-bubble:after {
    content: "";
    position: absolute;
    left: 20px;
    top: 100%;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #222835 transparent;
    border-color: var(--mf-gray2) transparent;
}

/* ==========================================================================
   Help icon with info tip
   ========================================================================== */

.helpIcon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: 0;
    color: white;
    background: #0070F0;
    background: var(--mf-blue4);
    border-radius: 50% !important;
    font-weight: bold;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
}

.helpIcon .sr-only {
    font-size: 1rem;
}

.helpIcon:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
    color: white;
}

.helpIcon:before {
    content: "?";
    font-size: 12px;
}

.helpIcon + span .toggletip-bubble {
    margin-left: -18px;
}

/* Gradually deprecate basic :hover tooltips in favor of more accessible options */
.helpIcon .tooltip {
    z-index: 4;
}

.helpIcon:hover .tooltip,
.helpIcon:focus .tooltip {
    display: block;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* BASIC SPINNERS (using .svg) ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.basic-spinner, .basic-spinner-sm, .basic-spinner-full {
	background: url(//sandbox.mediafire.com/images/icons/svg_dark/loading_indeterminate.svg) center no-repeat;
	display: none;
	height: 56px; width: 56px;
	margin: 0 auto;
	position: relative;
}

.basic-spinner-sm {
	background: url(//sandbox.mediafire.com/images/icons/svg_dark/loading_indeterminate.svg) center / 22px no-repeat;
	height: 16px; width: 16px;
}

.basic-spinner-full {
	height: 100%; width: 100%;
	position: absolute;
	top: 0; left: 0;
	background-color: #fff;
	background-position: center;
	z-index: 100;
}

.basic-spinner-full p {
	text-align: center;
	position: absolute;
	top: 50%;
	font-size: 16px; font-weight: bold;
	margin-top: 40px;
	margin-bottom: 0 !important;
	width: 100%;
}

/* LEGACY spinners, replace with .basic-spinner in the future */
.mf_page_processing {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	padding-bottom: 1px;
	background: #fff url(//sandbox.mediafire.com/images/icons/ajax-loader-grey_round.gif) center 100px no-repeat;
}

.mf_page_processing p {
	font-weight: bold;
	margin-top: 170px;
	text-align: center;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* HTML/CSS SPINNERS (single element) ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* -------------------------------- */
/* dot */
/* -------------------------------- */

.spinnerDot {
	height: 34px;
	width: 34px;
	border-radius: 50%;
	position: absolute;
	opacity: .5;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -17px
}

.spinnerDot::before,
.spinnerDot::after {
	content: "";
	position: absolute;
	background: rgba(0,0,0,.6);
	right: -3px;
	top: 50%;
	height: 6px;
	width: 6px;
	margin-top: -3px;
	border-radius: 50%;
	-webkit-transform-origin: -14px 50%;
	-moz-transform-origin: -14px 50%;
	-o-transform-origin: -14px 50%;
	-ms-transform-origin: -14px 50%;
	box-shadow: -17px 17px 0 0px rgba(0,0,0,.8), -5px 12px 0 0px rgba(0,0,0,.7), -29px 12px 0 0px rgba(0,0,0,.9);
}

.spinnerDot::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	background: rgba(0,0,0,1);
	box-shadow: -17px 17px 0 0px rgba(0,0,0,.4), -5px 12px 0 0px rgba(0,0,0,.3), -29px 12px 0 0px rgba(0,0,0,.5);
}

.spinnerDot {
	-webkit-animation: startSpinDot .7s 0s steps(8,start) infinite;
	-moz-animation: startSpinDot .7s 0s steps(8,start) infinite;
	-o-animation: startSpinDot .7s 0s steps(8,start) infinite;
	animation: startSpinDot .7s 0s steps(8,start) infinite;
}

@-webkit-keyframes startSpinDot {
	from {
	-webkit-transform: rotate(0deg);
	}
	to {
	-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes startSpinDot {
	from {
	-moz-transform: rotate(0deg);
	}
	to {
	-moz-transform: rotate(360deg);
	}
}

@-o-keyframes startSpinDot {
	from {
	-o-transform: rotate(0deg);
	}
	to {
	-o-transform: rotate(360deg);
	}
}

@keyframes startSpinDot {
	from {
	transform: rotate(0deg);
	}
	to {
	transform: rotate(360deg);
	}
}

/* -------------------------------- */
/* reverse color spinner (white) */
/* -------------------------------- */

.sdRev::before {
	background: rgba(255,255,255,.6);
	box-shadow: -17px 17px 0 0px rgba(255,255,255,.8), -5px 12px 0 0px rgba(255,255,255,.7), -29px 12px 0 0px rgba(255,255,255,.9);
}

.sdRev::after {
	background: rgba(255,255,255,1);
	box-shadow: -17px 17px 0 0px rgba(255,255,255,.4), -5px 12px 0 0px rgba(255,255,255,.3), -29px 12px 0 0px rgba(255,255,255,.5);
}

/* -------------------------------- */
/* smaller spinner */
/* -------------------------------- */

.sdSmall,
.sdSmallRev {
	height: 20px;
	width: 20px;
	margin: -10px 0 0 -10px
}

.sdSmall::before,
.sdSmall::after,
.sdSmallRev::before,
.sdSmallRev::after {
	-webkit-transform-origin: -7px 50%;
	-moz-transform-origin: -7px 50%;
	-o-transform-origin: -7px 50%;
	-ms-transform-origin: -7px 50%;
	box-shadow: -10px 10px 0 0px rgba(0,0,0,.8), -3px 7px 0 0px rgba(0,0,0,.7), -17px 7px 0 0px rgba(0,0,0,.9);
}

.sdSmall::after {
	box-shadow: -10px 10px 0 0px rgba(0,0,0,.4), -3px 7px 0 0px rgba(0,0,0,.3), -17px 7px 0 0px rgba(0,0,0,.5);
}

.spinnerDot.sdSmall,
.spinnerDot.sdSmallRev {
	-webkit-animation: startSpinDot .9s 0s steps(8,start) infinite;
	-moz-animation: startSpinDot .9s 0s steps(8,start) infinite;
	-o-animation: startSpinDot .9s 0s steps(8,start) infinite;
	animation: startSpinDot .9s 0s steps(8,start) infinite;
}

/* -------------------------------- */
/* smaller spinner, reverse color  */
/* -------------------------------- */

.sdSmallRev::before {
	background: rgba(255,255,255,.6);
	box-shadow: -10px 10px 0 0px rgba(255,255,255,.8), -3px 7px 0 0px rgba(255,255,255,.7), -17px 7px 0 0px rgba(255,255,255,.9);
}

.sdSmallRev::after {
	background: rgba(255,255,255,1);
	box-shadow: -10px 10px 0 0px rgba(255,255,255,.4), -3px 7px 0 0px rgba(255,255,255,.3), -17px 7px 0 0px rgba(255,255,255,.5);
}

/* ==========================================================================
   Progress bar
   ========================================================================== */

.progressbar {
	position: relative;
	background: #f4f4f5;
}

.progressbar div,
.progressbar span {
	position: absolute;
	top: 0; left: 0;
	width: 0%; height: 100%;
	background-clip: padding-box;
	background: #0070F0;
	background: var(--mf-blue4);
	-webkit-transition: width .2s linear 0s;
	-moz-transition: width .2s linear 0s;
	-ms-transition: width .2s linear 0s;
	-o-transition: width .2s linear 0s;
	transition: width .2s linear 0s;
}

.progressbar.alt div,
.progressbar.alt span {
	background: #83b842;
}

/* ==========================================================================
   Dialogs
   ========================================================================== */

/* Locks <body> scroll so content behind dialog does not scroll, only inside the dialog if needed */
/* Excludes mobile for now since dialogs are not mobile optimized */
.lightboxActive:not(.mobile-device) {
	overflow: hidden !important; /* needs to override other body classes that set overflow */
}

/* Outermost dialog container */
.popup {
	z-index: 1001;
	position: absolute;
	display: none;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.35);
}

/* Dialog display title */
.popup-title {
	font-size: 18px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 20px 30px;
	display: block;
}

/* Close (x) button */
.popup-close {
	position: absolute;
	top: 0; right: 0;
	height: 40px; width: 40px;
	background: url(//sandbox.mediafire.com/images/icons/svg_dark/close.svg) center / 20px no-repeat;
	z-index: 20;
	opacity: .6;
	cursor: pointer;
}

.popup-close:hover {
	opacity: 1;
}

/* Dialog content wrapper, below title */
.popup-content {
	padding: 0 30px 80px; /* a little extra on the bottom for .popup-btns, affects only non-iframe dialogs */
}

.popup-content label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

/* Buttons container */
/* make the button container always stick to the bottom */
.popup-btns {
	padding: 0px 15px 15px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

/* Position buttons (right side) */
.popup-btns *[class*="gbtn"] {
	float: right;
	margin: 0 0 0 10px;
}

/* Character limit counter */
.Popup-characterCounter {
	line-height: 30px;
	font-size: 11px;
	color: #B2B7C4;
}

/* ==========================================================================
   Responsive workaround for legacy dialogs
   ========================================================================== */

/* This uses the transparent background option to modify our legacy dialogs.
   It allows us to get around the fixed dimension and positioning limitations
   on the outermost containers, setting them to full viewport width and
   height. The share dialog is a notable example that uses this method.
   ========================================================================== */

#modal_window_popup.transparentBG {
    background-color: transparent;
    box-shadow: none;
    position: fixed;
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

#modal_window_popup.transparentBG .modalMsgWrapper {
    height: 100%;
}

#modal_window_popup.transparentBG #modal_msg_iframe {
  height: 100% !important;
  width: 100% !important;
}

/* Re-style, is now at the top right of the viewport */
#modal_window_popup.transparentBG .popup-close {
    background-color: white;
    right: 22px;
    top: 8px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: .7;
}

@media (max-width: 620px) {
    #modal_window_popup.transparentBG .popup-close {
        right: 10px;
        top: 10px;
    }
}

#modal_window_popup.transparentBG .popup-close:hover {
    opacity: 1;
}

/* ==========================================================================
   Share dialog
   ========================================================================== */

/* Share UI main container
   ========================================================================== */

.ShareDialog {
    padding: 1px 22px;
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3);
}

/* Title and file info
   ========================================================================== */

.ShareDialog-title {
    font-size: 1.4rem;
    font-weight: 300;
    padding-top: 22px;
    margin-bottom: 1.6rem;
}

.ShareDialog-itemInfo {
    margin-bottom: 1.6rem;
    word-break: break-all;
}

/* Sharing status messages
   ========================================================================== */

.ShareDialog-disabledMessage,
.ShareDialog-copyrightMessage,
.ShareDialog-dmcaMessage,
.ShareDialog-virusMessage {
    display: none;
    background-color: #faf0cd;
    padding: .5rem;
    margin-bottom: 1.6rem;
}

.publicDisabled.nonOwner .ShareDialog-disabledMessage,
.copyrightPop .ShareDialog-copyrightMessage,
.dmcaReviewPop .ShareDialog-dmcaMessage,
.virusPop .ShareDialog-virusMessage {
    display: block;
}

/* Wrapper for share links
   ========================================================================== */

.ShareDialog-links {
    position: relative;
    margin-bottom: 1.6rem;
}

.copyrightPop :not(.ShareDialog-multiSelection) .ShareDialog-links,
.dmcaReviewPop :not(.ShareDialog-multiSelection) .ShareDialog-links,
.virusPop :not(.ShareDialog-multiSelection) .ShareDialog-links,
.publicDisabled.nonOwner .ShareDialog-links {
    display: none;
}

/* Share link with "copy link" button
   ========================================================================== */

.ShareDialog-inputGroup {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
    align-items: flex-start;
}

.publicDisabled .ShareDialog-inputGroup {
    display: none !important;
}

.ShareDialog-inputGroup label {
    width: 100%;
    margin-bottom: .25rem;
    font-weight: bold;
    font-size: .86rem;
}

input[type="text"].ShareDialog-linkInput {
    flex-grow: 1;
    background-color: hsla(240, 5%, 96%, .8);
    border-radius: 3px 0 0 0 !important;
    height: auto;
    line-height: 1.5;
    padding: .5rem;
    margin: 0;
    border: none;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #222835;
    box-sizing: border-box;
    box-shadow: inset 0 -1px 0 0 #e8e9ec;
    transition: border .1s linear 0s, box-shadow .1s linear 0s;
    -webkit-appearance: none;
}

@media (max-width: 400px) {
    input[type="text"].ShareDialog-linkInput {
        width: 100%;
        border-radius: 3px 3px 0 0 !important;
        margin-bottom: .5rem;
    }
}

input[type="text"].ShareDialog-linkInput:focus {
    box-shadow: inset 0 -2px 0 0 #0070f0;
    outline: 0;
}

.ShareDialog-copyBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0070F0;
    border-color: #0070F0;
    border-width: 2px;
    border-radius: 0 3px 3px 0;
    border-style: solid;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: .825rem;
    padding: .5rem 1rem;
    margin: 0;
    line-height: 1.48;
    -webkit-appearance: none;
}

@media (max-width: 400px) {
    .ShareDialog-copyBtn {
        border-radius: 3px;
        width: 100%;
    }
}

.ShareDialog-copyBtn:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
    color: #fff;
}

.ShareDialog-copyBtn span {
    display: block;
    height: 15px;
    width: 17px;
    margin-right: .5rem;
    background: url(//sandbox.mediafire.com/images/icons/svg_light/link.svg) center / 20px no-repeat;
}

.ShareDialog-imageEmbedInfo {
    display: none;
    margin-top: 1rem;
    width: 100%;
}

#sharebox.premiumUser .ShareDialog-imageEmbedInfo {
    display: block;
}

.ShareDialog-imageEmbedInfo > button {
    display: flex;
    align-items: center;
    border: none;
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: var(--mf-blue4);
    padding: 0;
    cursor: pointer;
}

.ShareDialog-imageEmbedInfo > button:hover {
    color: #002369;
    color: var(--mf-blue2);
}

#file-share-popup.show-imageEmbedInfo .ShareDialog-btnLabelShowEmbedInfo,
.ShareDialog-btnLabelHideEmbedInfo {
    display: none;
}

#file-share-popup.show-imageEmbedInfo .ShareDialog-btnLabelHideEmbedInfo {
    display: inline-block;
}

.ShareDialog-imageEmbedInfo > div div {
    display: none;
    padding: 1.25rem 1.5rem;
    margin-top: .5rem;
    background-color: #F4F4F5;
    background-color: var(--mf-gray2);
    font-size: .86rem;
    color: #fff;
    border-radius: 4px;
}

#file-share-popup.show-imageEmbedInfo .ShareDialog-imageEmbedInfo > div div {
    display: block;
}

.ShareDialog-imageEmbedInfo > div div *:not(:last-child) {
    margin-bottom: 1rem;
}

.ShareDialog-imageEmbedInfo > div div p b {
    color: #FFD14C;
    color: var(--mf-gold4);
}

/* Hide copy to clipboard overlay when sharing disabled (unknown if still in use) */
.publicDisabled #global-zeroclipboard-html-bridge {
    display: none;
}

/* Social links
   ========================================================================== */

.ShareDialog-socialLinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

@media (max-width: 310px) {
    .ShareDialog-socialLinks {
        max-width: 240px;
        margin: auto;
    }
}

.publicDisabled .ShareDialog-socialLinks {
    display: none !important;
}

.ShareDialog-socialLinks a {
    width: 81px;
    text-align: center;
    text-decoration: none;
    color: #222835;
    font-size: .86rem;
}

@media (max-width: 310px) {
    .ShareDialog-socialLinks a {
        margin-bottom: 1rem;
    }
}

.ShareDialog-socialLinks a:hover {
    text-decoration: underline;
}

.ShareDialog-socialLinks a span {
    display: flex;
    height: 64px;
    width: 64px;
    border-radius: 50%;
    margin: 0 auto 4px;
}

.ShareDialog-socialLinks a:hover span {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
}

.ShareDialog-facebook span {
    background-color: hsl(214, 89%, 52%);
}

.ShareDialog-x span {
    background-color: hsl(222, 12%, 27%);
}

.ShareDialog-email span {
    background-color: hsl(222, 12%, 27%);
}

.ShareDialog-reddit span {
    background-color: hsl(16, 100%, 50%);
}

.ShareDialog-blogger span {
    background-color: hsl(30, 90%, 59%);
}

.ShareDialog-linkedin span {
    background-color: hsl(210, 90%, 40%);
}

.ShareDialog-socialLinks a span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin: auto;
}

.ShareDialog-facebook span:before {
    background: url(//sandbox.mediafire.com/images/icons/svg_light/share_dialog/facebook.svg) center / auto 24px no-repeat;
}

.ShareDialog-x span:before {
    background: url(//sandbox.mediafire.com/images/icons/svg_light/share_dialog/x.svg) center / auto 24px no-repeat;
}

.ShareDialog-email span:before {
    background: url(//sandbox.mediafire.com/images/icons/svg_light/share_dialog/email.svg) center / 24px auto no-repeat;
}

.ShareDialog-reddit span:before {
    background: url(//sandbox.mediafire.com/images/icons/svg_light/share_dialog/reddit.svg) center / auto 26px no-repeat;
}

.ShareDialog-blogger span:before {
    background: url(//sandbox.mediafire.com/images/icons/svg_light/share_dialog/blogger.svg) center / auto 26px no-repeat;
}

.ShareDialog-linkedin span:before {
    background: url(//sandbox.mediafire.com/images/icons/svg_light/share_dialog/linkedin.svg) center / auto 24px no-repeat;
}

.ShareDialog-socialLinks div {
    display: none;
    width: 100%;
    margin-bottom: 1rem;
}

@media (max-width: 620px) {
    .ShareDialog-socialLinks div {
        display: block;
    }
}

@media (max-width: 310px) {
    .ShareDialog-socialLinks div {
        display: none;
    }
}

/* UI shown in place of sharing links when sharing disabled (re-enable button)
   ========================================================================== */

.ShareDialog-disabledLinkOverlay {
    display: none;
    text-align: center;
    background: #f4f4f5;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.publicDisabled .ShareDialog-disabledLinkOverlay {
    display: flex;
}

.ShareDialog-disabledLinkOverlay p {
    margin-bottom: 1rem;
}

.ShareDialog-enableLinkBtn {
    display: inline-flex;
    align-items: center;
    background-color: #0070F0;
    border-color: #0070F0;
    border-width: 2px;
    border-radius: 3px;
    border-style: solid;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .825rem;
    padding: .5rem 1rem;
    line-height: 1.5;
}

.ShareDialog-enableLinkBtn:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
    color: #fff;
}

/* Footer with 1-time link button and disable sharing button
   ========================================================================== */

.ShareDialog-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: inset 0 2px 0 0 #f4f4f5;
    margin-right: -22px;
    margin-left: -22px;
    margin-top: auto;
    padding: 1.6rem 22px 0;
}

@media (max-width: 620px) {
    .ShareDialog-footer {
        display: block;
    }
}

.ShareDialog-createOneTimeLink {
    display: flex;
    align-items: center;
    margin-bottom: 1.6rem;
    border: none;
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: var(--mf-blue4);
    padding: 0;
    cursor: pointer;
}

.ShareDialog-createOneTimeLink:hover {
    color: var(--mf-blue2);
}

.ShareDialog-disableLink {
    padding-bottom: 1.6rem;
    margin-left: auto;
    order: 1;
}

@media (max-width: 620px) {
    .ShareDialog-disableLink {
        margin-left: 0;
        order: 0;
    }
}

.ShareDialog-linkPrivacyToggle {
    display: inline-flex;
    align-items: center;
    border: none;
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: var(--mf-blue4);
    padding: 0;
    cursor: pointer;
}

.ShareDialog-linkPrivacyToggle:hover {
    color: var(--mf-blue2);
}

.publicDisabled .ShareDialog-disableLink,
.publicDisabled .ShareDialog-folder .ShareDialog-footer,
.publicDisabled .ShareDialog-multiSelection .ShareDialog-footer,
.nonOwner .ShareDialog-footer,
.copyrightPop :not(.ShareDialog-multiSelection) .ShareDialog-footer,
.dmcaReviewPop :not(.ShareDialog-multiSelection) .ShareDialog-footer,
.virusPop :not(.ShareDialog-multiSelection) .ShareDialog-footer {
    display: none;
}

/* ==========================================================================
   1-time links (in file_share.tpl, separate in the future)
   ========================================================================== */

.OneTimeDialog {
    padding: 1px 22px;
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3);
}

/* Show 1-time UI when button inside of .ShareDialog is clicked
   ========================================================================== */

#file-share-popup:not(.show-oneTimeLink) .OneTimeDialog,
.show-oneTimeLink .ShareDialog,
.show-oneTimeLink .FollowersDialog {
    display: none;
}

/* Title, file info, messages
   ========================================================================== */

.OneTimeDialog-title {
    font-size: 1.4rem;
    font-weight: 300;
    padding-top: 22px;
    margin-bottom: 1.6rem;
}

.OneTimeDialog-itemInfo {
    margin-bottom: .5rem;
    word-break: break-all;
}

.OneTimeDialog-linksRemaining {
    margin-bottom: 1.6rem;
}

.OneTimeDialog-linksRemaining span {
    background: hsla(212, 100%, 47%, .15);
    padding: 0 .25rem;
}

.OneTimeDialog-freeLimitText,
.OneTimeDialog-proLimitText,
.OneTimeDialog-errorText {
    display: none;
    background-color: #faf0cd;
    padding: .5rem;
    margin-bottom: 1.6rem;
}

/* 1-time link input with "copy link"
   ========================================================================== */

.OneTimeDialog-inputGroup {
    display: flex;
    margin-bottom: 1.6rem;
    flex-wrap: wrap;
    align-items: flex-start;
}

input[type="text"].OneTimeDialog-linkInput {
    flex-grow: 1;
    background-color: hsla(240, 5%, 96%, .8);
    border-radius: 3px 0 0 0 !important;
    height: auto;
    line-height: 1.5;
    padding: .5rem;
    margin: 0;
    border: none;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #222835;
    box-sizing: border-box;
    box-shadow: inset 0 -1px 0 0 #e8e9ec;
    transition: border .1s linear 0s, box-shadow .1s linear 0s;
    -webkit-appearance: none;
}

@media (max-width: 400px) {
    input[type="text"].OneTimeDialog-linkInput {
        width: 100%;
        border-radius: 3px 3px 0 0 !important;
        margin-bottom: .5rem;
    }
}

input[type="text"].OneTimeDialog-linkInput:focus {
    box-shadow: inset 0 -2px 0 0 #0070f0;
    outline: 0;
}

.OneTimeDialog-copyBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0070F0;
    border-color: #0070F0;
    border-width: 2px;
    border-radius: 0 3px 3px 0;
    border-style: solid;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: .825rem;
    padding: .5rem 1rem;
    margin: 0;
    line-height: 1.48;
    -webkit-appearance: none;
}

@media (max-width: 400px) {
    .OneTimeDialog-copyBtn {
        border-radius: 3px;
        margin-bottom: 1rem;
        width: 100%;
    }
}

.OneTimeDialog-copyBtn:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
    color: #fff;
}

.OneTimeDialog-copyBtn span {
    display: block;
    height: 15px;
    width: 17px;
    margin-right: .5rem;
    background: url(//sandbox.mediafire.com/images/icons/svg_light/link.svg) center / 20px no-repeat;
}

/* Generate new 1-time link button
   ========================================================================== */

.OneTimeDialog-generateBtn {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-color: #E9EAEB;
    border-width: 2px;
    border-radius: 3px;
    border-style: solid;
    color: #575B65;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .825rem;
    padding: .5rem 1rem;
    line-height: 1.48;
    margin: 1rem 0 0;
    -webkit-appearance: none;
}

@media (max-width: 400px) {
    .OneTimeDialog-generateBtn {
        width: 100%;
    }
}

.OneTimeDialog-generateBtn:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
    color: #222835;
}

.OneTimeDialog-generateBtn span {
    display: block;
    height: 15px;
    width: 15px;
    margin-right: .5rem;
    background: url(//sandbox.mediafire.com/images/icons/svg_dark/refresh.svg) center / 20px no-repeat;
    opacity: .6;
}

.OneTimeDialog-generateBtn:hover span {
    opacity: 1;
}

/* 1-time link options
   ========================================================================== */

.OneTimeDialog-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: inset 0 2px 0 0 #f4f4f5;
    margin-right: -22px;
    margin-left: -22px;
    margin-top: auto;
    padding: 0 22px;
}

@media (max-width: 620px) {
    .OneTimeDialog-footer {
        display: block;
    }
}

.OneTimeDialog-emailNotification {
    display: flex;
    align-items: center;
    padding: 1.6rem 0;
    margin-right: auto;
}

.OneTimeDialog-emailNotification input {
    margin-right: .5rem;
}

.OneTimeDialog-daysLinkIsValid {
    display: flex;
    align-items: center;
}

@media (max-width: 620px) {
    .OneTimeDialog-daysLinkIsValid {
        padding-bottom: 1.6rem;
    }
}

.OneTimeDialog-daysLinkIsValid select {
    background-color: hsla(240, 5%, 96%, .8);
    border-radius: 3px 3px 0 0 !important;
    height: auto;
    line-height: 1.5;
    padding: .5rem 2rem .5rem .5rem;
    margin-left: .5rem;
    border: none;
    outline: none;
    font-size: 1rem;
    color: #222835;
    box-sizing: border-box;
    box-shadow: inset 0 -1px 0 0 #e8e9ec;
    background-image: url(//sandbox.mediafire.com/images/icons/svg_dark/chevron-down.svg);
    background-position: right center;
    background-repeat: no-repeat;
    transition: border .1s linear 0s, box-shadow .1s linear 0s;
    -webkit-appearance: none;
}

.OneTimeDialog-daysLinkIsValid select:focus {
    box-shadow: inset 0 -2px 0 0 #0070f0;
    outline: 0;
}

/* ==========================================================================
   Followers section in share dialog
   (deprecated, only available to old accounts)
   ========================================================================== */

.FollowersDialog {
    padding: 0 22px;
    background-color: #fff;
    position: relative;
}

/* Heading + text indicating no followers added
   ========================================================================== */

#current-contactsWrap {
    padding-bottom: 1.6rem;
    position: relative;
    margin-top: 10px;
}

#current-contactsWrap h1 {
    font-size: 1.4rem;
    font-weight: 300;
    padding-top: 22px;
    margin-bottom: 1.6rem;
}

#noFollowersMsg {
    display: none;
}

.noFollowers #noFollowersMsg {
    display: block;
}

/* Remove all followers button + confirmation UI
   ========================================================================== */

#removeAllFollowers {
    display: none;
    margin-bottom: 1.6rem;
}

#current-contactsWrap.removeAllShow #removeAllFollowers {
    display: flex;
}

#current-contactsWrap.removeAllConfirm #removeAllFollowers > a {
    display: none;
}

#removeAllFollowers > div {
    display: none;
    background-color: #faf0cd;
    padding: 1rem;
    width: 100%;
}

#current-contactsWrap.removeAllConfirm #removeAllFollowers > div {
    display: block;
}

#removeAllFollowers > div div {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

#removeAllFollowers > div a {
    margin-left: .5rem;
}

#removeAllFollowers a[data-command="cancel"] {
    background-color: #0070F0;
    border-color: #0070F0;
    border-width: 2px;
    border-radius: 3px;
    border-style: solid;
    color: #fff;
    text-transform: uppercase;
    font-size: .825rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    display: inline-block;
}

#removeAllFollowers a[data-command="cancel"]:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
    color: #fff;
}

#removeAllFollowers a[data-command="confirm"] {
    background-color: #fff;
    border-color: #E9EAEB;
    border-width: 2px;
    border-radius: 3px;
    border-style: solid;
    color: #575B65;
    text-transform: uppercase;
    font-size: .825rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    display: inline-block;
}

#removeAllFollowers a[data-command="confirm"]:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
    color: #222835;
}

/* Contact row - avatar, name, permissions dropdown, remove button
   ========================================================================== */

.shareContactRow {
    display: flex;
    align-items: center;
    padding: .25rem 0;
    background-color: #fff;
    position: relative;
    border-bottom: 1px solid #f4f4f5;
}

.shareContactRow:first-child {
    border-top: 1px solid #f4f4f5;
}

.shareContactRow.indirectContacts {
    display: none;
}

.shareContactAvatar {
    display: block;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    background: #E9EAEB url(//sandbox.mediafire.com/images/icons/myfiles/default.png) center no-repeat;
    background-size: cover;
    overflow: hidden;
    margin: .5rem 1rem .5rem 0;
    flex-shrink: 0;
}

@media (max-width: 400px) {
    .shareContactAvatar {
        height: 28px;
        width: 28px;
    }
}

#sharebox.removeContact .selected .shareContactAvatar {
    display: none;
}

.shareContactAvatar img {
    border-radius: 50%;
    height: 100%;
    display: block;
    margin: 0 auto;
}

.shareContactName {
    font-size: .86rem;
    line-height: normal;
    word-break: break-word;
    margin-right: 1rem;
}

#sharebox.removeContact .selected .shareContactName {
    display: none;
}

.shareContactRow .currentContactPermissions {
    position: relative;
    font-size: .86rem;
    margin-left: auto;
    padding: .25rem .5rem;
    border-radius: 5px;
    flex-shrink: 0;
}

@media (max-width: 400px) {
    .shareContactRow .currentContactPermissions {
        padding: .25rem;
    }
}

.selected .currentContactPermissions {
    background-color: #f4f4f5;
}

#sharebox.removeContact .selected .currentContactPermissions {
    display: none;
}

.currentContactPermissions:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-left: 6px;
    background: url(//sandbox.mediafire.com/images/icons/svg_dark/icons_sprite.svg) -510px center no-repeat;
}

.currentContactPermissions span.canRead,
.currentContactPermissions span.canEdit,
.currentContactPermissions span.canManage,
.currentContactPermissions span.variedMsg,
.variedPermission .currentContactPermissions.showCanRead span.canRead,
.variedPermission .currentContactPermissions.showCanEdit span.canEdit,
.variedPermission .currentContactPermissions.showCanManage span.canManage {
    display: none;
}

.currentContactPermissions.showCanRead span.canRead,
.currentContactPermissions.showCanEdit span.canEdit,
.currentContactPermissions.showCanManage span.canManage,
.variedPermission .currentContactPermissions span.variedMsg,
.variedPermission .currentContactPermissions.showCanRead span.variedMsg,
.variedPermission .currentContactPermissions.showCanEdit span.variedMsg,
.variedPermission .currentContactPermissions.showCanManage span.variedMsg,
.variedPermission[data-new-access="1"] .currentContactPermissions.showCanRead span.canRead,
.variedPermission[data-new-access="2"] .currentContactPermissions.showCanEdit span.canEdit {
    display: inline;
}

.variedPermission[data-new-access="1"] .variedMsg,
.variedPermission[data-new-access="2"] .variedMsg {
    display: none!important;
}

.currentContactPermissions.showCanRead li.canRead:after,
.currentContactPermissions.showCanEdit li.canEdit:after,
.currentContactPermissions.showCanManage li.canManage:after {
    background: url(//sandbox.mediafire.com/images/icons/svg_dark/check.svg) center/20px no-repeat;
}

.currentPermissions {
    display: none;
    padding: 10px 0;
    background: #fff;
    border-radius: 3px;
    z-index: 8;
    position: absolute;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 15%), 0px 3px 6px 0px rgb(0 0 0 / 15%);
}

.currentPermissions.show {
    display: block;
}

.currentPermissions li {
    cursor: pointer;
    line-height: 24px;
    padding: 0 20px;
    display: block;
    position: relative;
}

.currentPermissions li:after {
    content: '';
    float: left;
    height: 24px;
    width: 24px;
    margin-right: 6px;
}

.currentPermissions li:hover {
    background: #f4f4f5;
}

/* Hiding for now, creates accessibility issue and may no longer be relevant */
.currentContactPermissions .tooltip {
    display: none !important;
}

.shareContactRemove {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    width: 44px;
    margin-left: 1rem;
    font-size: 22px;
    border: 0;
    background-color: transparent;
    color: #72767E;
    flex-shrink: 0;
}

@media (max-width: 400px) {
    .shareContactRemove {
        padding: 0;
        margin-left: .5rem;
        width: 32px;
    }
}

#sharebox.removeContact .selected .shareContactRemove {
    display: none;
}

.shareContactRemove:hover {
    color: #AD4730;
}

.shareContactRemoval {
    display:none;
    width: 100%;
    background-color: #faf0cd;
    padding: 1rem;
    margin: -.25rem 0;
}

#sharebox.removeContact .selected .shareContactRemoval {
    display: block;
}

.shareContactRemoval div {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.shareContactRemoval a {
    margin-left: .5rem;
}

.shareContactRemoval .cancelRemove {
    background-color: #0070F0;
    border-color: #0070F0;
    border-width: 2px;
    border-radius: 3px;
    border-style: solid;
    color: #fff;
    text-transform: uppercase;
    font-size: .825rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    display: inline-block;
}

.shareContactRemoval .cancelRemove:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
    color: #fff;
}

.shareContactRemoval .confirmRemove {
    background-color: #fff;
    border-color: #E9EAEB;
    border-width: 2px;
    border-radius: 3px;
    border-style: solid;
    color: #575B65;
    text-transform: uppercase;
    font-size: .825rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    display: inline-block;
}

.shareContactRemoval .confirmRemove:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
    color: #222835;
}

/* Add new contacts - heading, loading status, import contacts progress
   ========================================================================== */

#sharebox-contacts {
    padding-bottom: 1px;
}

#sharebox-contacts h1 {
    font-size: 1.4rem;
    font-weight: 300;
    margin-bottom: 1.6rem;
}

.importingContacts {
    display: none;
    background: #f4f4f5;
    padding: .5rem;
    margin-bottom: 1.6rem;
    text-align: center;
}

.importingContactsWrap .importingContacts,
.loadingContactsWrap .importingContacts,
.importingContactsProgress .importingContacts {
    display: block;
}

#sharebox-contacts .contactSpinner {
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    background: url(//sandbox.mediafire.com/images/icons/svg_dark/loading_indeterminate.svg) center / 24px no-repeat;
}

#sharebox-contacts.importingContactsProgress .contactSpinner {
    display: none;
}

#sharebox-contacts .progressbar {
    display: none;
    height: 4px;
    width: 100%;
    margin: 0 auto .5rem;
    border-radius: 2px;
    overflow: hidden;
    background: #DBDCDF;
}

#sharebox-contacts.importingContactsProgress .progressbar {
    display: block;
}

.importingContacts .importingContactsMsg,
.importingContacts .loadingContactsMsg {
    margin-left: .5rem;
    font-size: .86rem;
    vertical-align: middle;
}

.loadingContactsWrap .loadingContactsMsg,
.importingContactsWrap .importingContactsMsg {
    display: inline-block;
}

.importingContactsWrap .loadingContactsMsg,
.loadingContactsWrap .importingContactsMsg {
    display: none;
}

#sharebox-contacts.importingContactsProgress .loadingContactsMsg {
    display: none;
}

.numberOfContacts {
    display: none;
}

#sharebox-contacts.importingContactsProgress .numberOfContacts {
    display: inline;
}

#sharebox-contacts.confirmContact .addContacts,
#sharebox-contacts.removeContact .addContacts {
    display:none;
}

.importingContactsWrap .currentContactPermissions {
    display: none;
}

/* Input area for adding new contacts
   ========================================================================== */

.addContactWrap {
    position: relative;
}

.share-popup .shareEnterText {
    pointer-events: none;
    color: #72767E;
    padding: .5rem;
}

#add-contacts-field {
    display: flex;
    flex-wrap: wrap;
    background-color: hsla(240, 5%, 96%, .8);
    border-radius: 3px 3px 0 0;
    line-height: 1.5;
    min-height: 40px;
    margin: 0;
    padding: .2rem;
    border: none;
    outline: none;
    font-size: 1rem;
    color: #222835;
    box-sizing: border-box;
    box-shadow: inset 0 -1px 0 0 #e8e9ec;
    transition: border .1s linear 0s, box-shadow .1s linear 0s;
}

#add-contacts-field:focus {
    box-shadow: inset 0 -2px 0 0 #0070f0;
    outline: 0;
}

/* Blocks added when new emails are entered
   ========================================================================== */

.contactBlocks {
    display: inline-flex;
    align-items: center;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #E9EAEB;
    padding: .2rem;
    margin: .25rem 0 .25rem .25rem;
    box-sizing: border-box;
    font-size: .86rem;
    vertical-align: middle;
    word-break: break-all;
}

.autoSocialIcon {
    height: 16px;
    width: 16px;
    margin-right: .5rem;
    background: url(//sandbox.mediafire.com/images/icons/svg_dark/check_circle_green.svg) center / 18px no-repeat;
    flex-shrink: 0;
}

.importMediaFire .autoSocialIcon {
    background: url(//sandbox.mediafire.com/images/brand-assets/mf_logo_u1_flame_color.svg) center / 24px no-repeat;
    width: 24px;
}

.importGmail .autoSocialIcon {
    background: url(//sandbox.mediafire.com/images/icons/socialMedia/contacts/miniSocial.png) -60px center no-repeat;
}

.importFacebook .autoSocialIcon {
    background: url(//sandbox.mediafire.com/images/icons/socialMedia/contacts/miniSocial.png) -90px center no-repeat;
}

.importTwitter .autoSocialIcon {
    background: url(//sandbox.mediafire.com/images/icons/socialMedia/contacts/miniSocial.png) -120px center no-repeat;
}

.contactBlocks > button {
    font-size: 18px;
    margin-left: .25rem;
    color: #72767E;
    cursor: pointer;
    display: flex;
    height: 18px;
    width: 18px;
    line-height: 1;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: none;
    outline: none;
    flex-shrink: 0;
}

/* Input that stays at the end of contact blocks to add more
   ========================================================================== */

#add-contacts-input {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
}

.shareEnterText.hide ~ #add-contacts-input {
    height: auto;
    margin: .2rem;
    padding: .25rem .5rem;
    overflow: visible;
}

#sharebox-contacts input[name="add_contacts"] {
    display: block;
    box-shadow: none;
    background: transparent;
    height: auto;
    line-height: 1.5;
    padding: 0;
    font-size: 1rem;
    border: none;
    transition: none;
    box-sizing: border-box;
    border-radius: 0;
    outline: none;
}

.add-contacts-focus {
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0070F0;
    opacity: 0;
    transition: opacity .1s linear 0s;
}

#sharebox-contacts input[name="add_contacts"]:focus ~ .add-contacts-focus {
    opacity: 1;
}

/* Disables the clear button on the add contacts input for IE/Edge */
#give_permissions_to::-ms-clear {
    display: none;
}

/* Auto-complete menu that pops up when entering an email addresses
   ========================================================================== */

.auto-complete {
    position: absolute;
    bottom: 100%;
    z-index: 3;
    background: #fff;
    left: 0px;
    right: 0px;
    border-radius: 4px;
    max-height: 170px;
    overflow: auto;
    box-shadow: 0 0 0 1px rgb(0, 0, 0, .1), 0 8px 16px 0 rgb(0, 0, 0, .25);
}

.importingContactsWrap .auto-complete {
    display: none;
}

.auto-complete.empty {
    height: 0;
    box-shadow: none;
}

.auto-complete li {
    display: flex;
    align-items: center;
    padding: .5rem;
    border-top: 1px solid #f4f4f5;
    cursor: pointer;
}

.auto-complete li.selected {
    background: #f4f4f5;
}

.auto-complete li:first-child {
    border: 0;
}

.autoCompleteThumb {
    background: url(//sandbox.mediafire.com/images/icons/defaultAvatar.png) no-repeat;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-color: #E9EAEB;
    flex-shrink: 0;
}

@media (max-width: 400px) {
    .autoCompleteThumb {
        height: 28px;
        width: 28px;
    }
}

.autoCompleteInfo {
    margin-left: 1rem;
    word-break: break-all;
}

.autoCompleteName {
    display: block;
    font-size: .86rem;
    font-weight: bold;
}

.autoCompleteEmail {
    font-size: .86rem;
    display: block;
}

/* Create message and set permissions for newly added contacts
   ========================================================================== */

.addContactSettings {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position:relative;
    padding-top: 1.6rem;
}

.addContactSettings > a {
    margin-right: auto;
    margin-bottom: 1.6rem;
    padding-right: 1.6rem;
}

.addMessage .addMessageLink,
.removeMessageLink {
    display: none;
}

.addMessage .removeMessageLink {
    display: block;
}

.addContactPermissions-wrapper {
    display: flex;
    margin-bottom: 1.6rem;
}

.addContactPermissions-wrapper > span {
    margin-right: .5rem;
}

.addContactPermissions-wrapper .currentPermissions {
    right: 0;
    margin-top: 5px;
}

.addContactMessage {
    display: none;
    position: relative;
    width: 100%;
    padding-bottom: 1.6rem;
}

.addMessage .addContactMessage {
    display:block;
}

.addContactMessage textarea {
    width: 100%;
    resize: none;
    background-color: hsla(240, 5%, 96%, .8);
    border-radius: 3px 3px 0 0;
    height: auto;
    line-height: normal;
    padding: .5rem;
    margin: 0;
    border: none;
    outline: none;
    font-size: 1rem;
    color: #222835;
    box-sizing: border-box;
    box-shadow: inset 0 -1px 0 0 #e8e9ec;
    transition: border .1s linear 0s, box-shadow .1s linear 0s;
    -webkit-appearance: none;
}

.addContactMessage textarea:focus {
    box-shadow: inset 0 -2px 0 0 #0070f0;
    outline: 0;
}

.addContactMessage .sharebox-charcount {
    display: block;
    font-size: .86rem;
    margin-top: .5rem;
}

.addContactMessage .sharebox-charcount em {
    font-style: normal;
}

/* Alerts and messages shown at the bottom of following section
   ========================================================================== */

.ftContactAlert {
    display: none;
    padding: .5rem;
    margin-bottom: 1.6rem;
    background: hsla(206, 91%, 92%, .5);
}

.shareContactMessageBox {
    display: none;
    background-color: #faf0cd;
    padding: 1rem;
    margin-bottom: 1.6rem;
}

#sharebox-contacts.saveContact .shareContactMessageBox,
#sharebox-contacts.confirmContact .shareContactMessageBox {
    display: block;
}

.shareContactSave {
    display: none;
    flex-wrap: wrap;
}

#sharebox-contacts.saveContact .shareContactMessageBox .shareContactSave {
    display: flex;
}

.shareContactSave span {
    width: 100%;
}

.shareContactSave a {
    background-color: #0070F0;
    border-color: #0070F0;
    border-width: 2px;
    border-radius: 3px;
    border-style: solid;
    color: #fff;
    display: inline-block;
    margin-top: 1rem;
    margin-left: auto;
    text-transform: uppercase;
    font-size: .825rem;
    line-height: 1.5;
    padding: .5rem 1rem;
}

.shareContactSave a:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    background-image: linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,.08));
    text-decoration: none;
    color: #fff;
}

.shareContactConfirm {
    display: none;
}

#sharebox-contacts.confirmContact .shareContactConfirm {
    display: block;
}

/* #current-contacts is the list of added contacts, not part of UI to add new ones. Possible error, commenting for now */
/*#sharebox-contacts.existingContacts #current-contacts {
    display: block;
}*/

/* Modify the permissions dropdown
   ========================================================================== */

.importingContactsWrap #currentPermissionsMenu {
    display: none;
}

#currentPermissionsMenu.showCanRead li.canRead:after,
#currentPermissionsMenu.showCanEdit li.canEdit:after,
#currentPermissionsMenu.showCanManage li.canManage:after {
    background: url(//sandbox.mediafire.com/images/icons/svg_dark/check.svg) center/20px no-repeat;
}

/* ==========================================================================
   Fixes for legacy recent and following views (using non-iframe share dialog)
   ========================================================================== */

/* Allow scrolling, should fix all .popup dialogs in recent and following */
.recentChanges.lightboxActive #popup-dialogs,
.sharedWithMe.lightboxActive #popup-dialogs {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1001;
    overflow: auto;
}

/* Reposition .popup, JS no longer positions correctly with above change ^ */
.recentChanges .popup,
.sharedWithMe .popup {
    top: 200px !important;
    left: 50% !important;
    transform: translateX(-50%);
}

@media (min-width: 621px) and (max-height: 730px) {
    .recentChanges .popup,
    .sharedWithMe .popup {
        top: 50px !important;
    }
}

@media (max-width: 620px) {
    .recentChanges .popup,
    .sharedWithMe .popup {
        top: 10px !important;
        left: 10px !important;
        right: 10px;
        transform: none;
    }
}

.recentChanges #sharebox,
.sharedWithMe #sharebox {
    width: 530px;
}

@media (max-width: 620px) {
    .recentChanges #sharebox,
    .sharedWithMe #sharebox {
        width: auto;
    }
}

.recentChanges .ShareDialog {
    box-shadow: none;
}

.recentChanges #current-contactsWrap {
    margin-top: 0;
    padding-top: 10px;
}

.recentChanges #current-contactsWrap:before {
    content: '';
    position: absolute;
    left: -22px;
    right: -22px;
    top: 0;
    background-color: #3D424E;
    background-color: var(--mf-gray3);
    height: 10px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* MOVE FILES POPUP //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#form-move .folderlist_content.selectable,
#form-save .myaccountlist_content.selectable {
	padding: 15px 15px 15px 0;
	background: none;
	-moz-box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.25);
}


.folderlist_content.selectable {
	background:none;
}

#save-dialog-folderlist li.linked_folder {
	display: none;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* CREATE NEW FOLDER POPUP ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.enableFileDrop {
	padding: 10px 0;
}

.enableFileDrop label {
	display: inline-block;
	font-weight: normal;
	position: relative;
}

.enableFileDrop .tooltip {
	text-align: left;
	width: 200px;
}

.enableFileDrop label:hover .tooltip {
	display: block;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* FOLDER TREE (SIDEBAR) /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#folderTree {
	position: fixed;
	top: 132px;
	left: 8px;
	bottom: 20px;
	width: 240px;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
}

.mobile-device #folderTree {
	position: absolute;
}

#folderTree .indicator-up {
	top: 0px;
	right: 50%;
	margin: 0 0 0 -4px;
	display: none;
}

#folderTree .indicator-down {
	bottom: 0px;
	right: 50%;
	top: auto;
	margin: 0 0 0 -4px;
	display: none;
}

#folderTree div.folderlist_content {
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
	max-height: 100%;
	position: relative;
	z-index: 4;
}

div.folderlist_content ul ,
div.myaccountlist_content ul {
	position: relative;
	z-index: 5;
}

div.folderlist_content ul li,
div.myaccountlist_content ul li {
	font-size: 11px;
	padding: 0;
	margin-left: 10px;
	position: relative;
	z-index: 6;
}

div.folderlist_content ul li a,
div.myaccountlist_content ul li a {
	padding: 2px 0 2px 45px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: url(//sandbox.mediafire.com/images/icons/myfiles/folder-sm.png) 17px 4px no-repeat;
	font-size: 14px;
	color: #4f4f4f;
}

div.folderlist_content ul li a[title="Camera"] {
	background: url(//sandbox.mediafire.com/images/icons/myfiles/babycamera.png) 17px 4px no-repeat;
}

.wHeightCondensed div.folderlist_content ul li a,
.wHeightCondensed div.myaccountlist_content ul li a {
	font-size: 12px;
}

div.folderlist_content ul li.nav-linked-folder a.folder_name,
div.myaccountlist_content ul li.nav-linked-folder a.folder_name {
	background-image: url(//sandbox.mediafire.com/images/icons/myfiles/folder-collab-sm.png);
}

div.folderlist_content .sharedByUser:after {
	content: "";
	position: absolute;
	height: 13px;
	width: 16px;
	top: 7px;
	left: 19px;
	background: url(//sandbox.mediafire.com/images/icons/ico30/ico30-v9.png) -1994px 0 no-repeat;
	opacity: .5;
}

div.folderlist_content .current_folder_location.sharedByUser:after {
	opacity: 1;
}

div.folderlist_content ul li a.folder_arrow,
div.myaccountlist_content ul li a.folder_arrow {
	position: absolute;
	display: block;
	height: 12px;
	width: 12px;
	padding: 0;
	left: 2px; top: 5px;
	border: none;
	opacity: .4;
	overflow: hidden;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

div.folderlist_content ul li a.folder_arrow:hover,
div.myaccountlist_content ul li a.folder_arrow:hover {
	background-color: transparent;
	border: none;
	opacity: .6;
}

li.collapsed > ul {
	display: none;
}

li.expanded > ul {
	display: block;
}

li.collapsed > a.folder_arrow {
	background: url(//sandbox.mediafire.com/images/backgrounds/newMyfiles/smArrow.png) 0 0 no-repeat;
}

li.expanded > a.folder_arrow {
	background: url(//sandbox.mediafire.com/images/backgrounds/newMyfiles/smArrow.png) 0 0 no-repeat;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}

li.current_folder_location.collapsed > a.folder_arrow {
	background: url(//sandbox.mediafire.com/images/backgrounds/newMyfiles/smArrow.png) 0 0 no-repeat;
	border: none;
}

li.current_folder_location.expanded > a.folder_arrow {
	background: url(//sandbox.mediafire.com/images/backgrounds/newMyfiles/smArrow.png) 0 0 no-repeat;
	border: none;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}

div.folderlist_content ul li.current_folder_location > a,
div.myaccountlist_content ul li.current_folder_location > a {
	background-color: #f0f0f0 !important;
	color: #252525 !important;
	text-decoration: none !important;
	background: url(//sandbox.mediafire.com/images/icons/myfiles/folder-sm-active.png) 17px 4px no-repeat;
	font-weight: bold;
}

div.folderlist_content ul li.current_folder_location > a[title="Camera"] {
	background: url(//sandbox.mediafire.com/images/icons/myfiles/babycamera-active.png) 17px 4px no-repeat;
}

div.folderlist_content ul li.nav-linked-folder li.current_folder_location > a.folder_name,
div.folderlist_content ul li.nav-linked-folder.current_folder_location > a.folder_name,
div.myaccountlist_content ul li.nav-linked-folder li.current_folder_location > a.folder_name,
div.myaccountlist_content ul li.nav-linked-folder.current_folder_location > a.folder_name {
	background-image: url(//sandbox.mediafire.com/images/icons/myfiles/folder-collab-current-sm.png);
}

#folderTree li .folder_name {
	cursor: move;
	cursor: grab;
	cursor: hand;
	cursor: -moz-grab;
}

#folderTree #nav-myfiles > .folder_name,
#folderTree .nav-linked-folder .folder_name {
	cursor: pointer;
}

#folderTree ul li a.folder_name.root_folder:hover {
	background-image: none;
}

div.folderlist_content ul li a.load_more {
	background: none;
	font-weight: bold;
	color: #000;
	position: relative;
	padding-left: 18px;
}

div.folderlist_content ul li a.load_more:hover {
	color: #3190D3;
}

/* FOLDER NAVIGATOR HOVER & FOCUS */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#folderTree li a.folder_name:hover,
#folderTree li a.folder_name.folder_focus,
#folderTree li.row_context > a.folder_name {
	background-color: #f0f0f0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* STATUS BOXES //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.error-box {
	color: #E23B2A;
	padding: 15px;
	background-color: hsl(6, 76%, 90%);
}

.warning {
	color: #7d6025;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #f4e8bd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	border: 1px solid #dbcd9b;
}

.successBox {
	color: #587A29;
	padding: 10px;
	background-color: #DDF1C5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	border: 1px solid #B8DF81;
}

.info {  }

.success-ico { display: block; background: url(//sandbox.mediafire.com/images/icons/status-sprite.png) 0 0 no-repeat;     width: 15px; height: 16px; float: left; margin: 0 5px -2px -7px; }
.error-ico   { display: block; background: url(//sandbox.mediafire.com/images/icons/status-sprite.png) 0 -17px no-repeat; width: 16px; height: 16px; float: left; margin: 0 4px -2px -7px; }
.warning-ico { display: block; background: url(//sandbox.mediafire.com/images/icons/status-sprite.png) 0 -35px no-repeat; width: 15px; height: 16px; float: left; margin: 0 5px -2px -7px; }
.info-ico    { display: block; background: url(//sandbox.mediafire.com/images/icons/status-sprite.png) 0 -52px no-repeat; width: 15px; height: 16px; float: left; margin: 0 5px -2px -7px; }
.warning-triangle-ico { display: block; background: url(//sandbox.mediafire.com/images/icons/warning-triangle.png) center no-repeat; width: 16px; height: 17px; float: left; margin: 0 5px -2px -7px; }

.inset-box > .success-ico,
.inset-box > .error-ico,
.inset-box > .warning-ico,
.inset-box > .info-ico { margin-top: 3px; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* OLD FORM STYLES, NEED TO INVESTIGATE REMOVAL OF #CONTENT ONLY DECLARATIONS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#content form.sm li {
	padding: 5px 0;
}

#content form.sm input[type="text"],
#content form.sm input[type="email"],
#content form.sm input[type="password"] {
	font-size: 14px;
}

#content form ul {
	margin-bottom: 0px;
	padding: 20px 0;
}

#content form ul.inset-box {
	padding: 15px;
}

#content form ul.inset-box li {
	min-height:0;
}

/* ==========================================================================
   showstatusmessage, black overlay type
   ========================================================================== */

#statusmessage {
    position: fixed;
    top: 200px;
    z-index: 1600;
    width: 100%;
    cursor: pointer;
    color: white;
}

#statusmessage > div {
    background: #000;
    background: rgba(0, 0, 0, 0.65);
    filter: alpha(opacity = 65);
    border-radius: 3px;
    box-sizing: border-box;
}

#statusmessage #statusmessage_text {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	color: white;
	margin-bottom: 10px;
}

#statusmessage #dismiss_message_div {
	font-size: 11px;
	color: white;
}

#statusmessage.status_warning div {
	background: #fc6;
}

#statusmessage.status_warning div.statusmessage_wrapper {
	background: #ffc url(//sandbox.mediafire.com/images/icons/warning.png) center 8px no-repeat;
}

#statusmessage.status_warning #statusmessage_text {
	color: #333;
	padding-top: 10px;
	background: none;
}

#statusmessage.status_warning #dismiss_message_div {
	color: #333;
	background: none;
}

#statusmessage.status_error div {
	background: #ed0000;
}

#statusmessage.status_error div div {
	background: #FFCBC8;
}

#statusmessage.status_error div.statusmessage_wrapper {
	background: #FFCBC8 url(//sandbox.mediafire.com/images/icons/exclamation.png) center 8px no-repeat;
}

#statusmessage.status_error #statusmessage_text {
	color: #900;
	padding-top: 10px;
	background: none;
}

#statusmessage.status_error #dismiss_message_div {
	color: #333;
	background: none;
}

@media (max-width: 620px) {
    #statusmessage {
        width: auto;
        top: 10px;
        left: 10px;
        right: 10px;
    }

    #statusmessage > div {
            width: auto !important;
    }
}

@media (max-height: 500px) {
    #statusmessage {
        top: 10px;
    }
}

/* ==========================================================================
   Password strength meter
   ========================================================================== */

.pwdStrength {
    padding: 0;
    width: 70px; /*default, flexible*/
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}

.strengthText {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    padding: 0;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -ms-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
    -webkit-appearance: none;
}

.strengthText:hover {
    text-decoration: underline;
}

.strengthMeter {
    background: #F2F2F2;
    margin: 2px 0 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

.strengthMeter b {
    display: block;
    height: 6px;
    width: 0%;
    border-radius: 2px;
    -moz-border-radius: 2px;
    background: transparent;
    -webkit-transition: background-color .2s linear, width .2s linear;
    -moz-transition: background-color .2s linear, width .2s linear;
    -ms-transition: background-color .2s linear, width .2s linear;
    -o-transition: background-color .2s linear, width .2s linear;
    transition: background-color .2s linear, width .2s linear;
}

.pwdStrength.weak,
.pwdStrength.fair,
.pwdStrength.good,
.pwdStrength.strong {
    opacity: 1;
}

.pwdStrength.weak .strengthText {
    color: #AD4730;
    color: var(--mf-red3);
}

.pwdStrength.weak .strengthMeter b {
    background: #F06242;
    background: var(--mf-red4);
    width: 25%;
}

.pwdStrength.fair .strengthText {
    color: #705403;
    color: var(--mf-gold2);
}

.pwdStrength.fair .strengthMeter b {
    background: #FFBF07;
    background: var(--mf-gold4);
    width: 50%;
}

.pwdStrength.good .strengthText {
    color: #0045AD;
    color: var(--mf-blue3);
}

.pwdStrength.good .strengthMeter b {
    background: #0070F0;
    background: var(--mf-blue4);
    width: 75%;
}

.pwdStrength.strong .strengthText {
    color: #165A3A;
    color: var(--mf-green2);
}

.pwdStrength.strong .strengthMeter b {
    background: #33CC66;
    background: var(--mf-green4);
    width: 100%;
}

.pwdTips {
    display: inline;
    position: relative;
}

.pwdTips .tooltip {
    display: none;
    left: 0;
    width: 225px;
    padding: 10px 15px;
    font-size: 11px;
    line-height: 16px;
    text-align: left;
    text-transform: none;
}

.pwdTips:hover .tooltip {
    display: block;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ITEM LABELS (used for "BETA", etc.) ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.labelSquare {
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background: #555;
	color: #fff;
	vertical-align: text-bottom;
}

.labelSquare.sm {
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	font-size: 10px;
	padding: 2px 4px;
}

.lGood {
	 background: #0070F0;
	 background: var(--mf-blue4);
}

.lNeutral {
	 background: #aaa;
}

.lWarning {
	 background: #D85724;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* CORNER BANNERS (revise to self-mask using pseudo-elements;) create new colors as necessary) ////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.labelRibbon {
	position: absolute;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 800;
	text-align: center;
	height: 18px;
	width: 64px;
	line-height: 18px;
	top: 19px;
	left: -5px;
	text-shadow: -1px 1px 0 rgba(0,0,0,.5);
	color: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 1;
	background-color: #262626;
	background-image: -webkit-linear-gradient(-90deg, rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(-90deg, rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(-90deg, rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -o-linear-gradient(-90deg, rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: linear-gradient(-90deg, rgba(255,255,255,.5), rgba(255,255,255,0));
	border-radius: 3px 3px 0 0;
}

.labelRibbon:before,
.labelRibbon:after {
	content: "";
	position: absolute;
	top: 0;
	z-index: -1;
	border-color: transparent #262626 transparent transparent;
	border-style: solid;
	border-width: 18px 18px 0px 18px;
	left: -35px;

}

.labelRibbon:after {
	border-color: transparent transparent transparent #8e8e8e;
	left: auto;
	right: -35px;
}

.windows.chrome .labelRibbon {
	-webkit-transform: translate3d(0,0,0) rotate(-45deg); /* forces hardware antialiasing, our font looks bad on Windows after rotation */
}

/* blue ribbon */

.labelRibbon.lrBlue {
	background-color: #1395EC;
}

.labelRibbon.lrBlue:before {
	border-color: transparent #1395EC transparent transparent;
}

.labelRibbon.lrBlue:after {
	border-color: transparent transparent transparent #85c8f5;
}

/* ie */

.ie9 .labelRibbon:after {
	border-color: transparent transparent transparent #262626;
}

.ie9 .labelRibbon.lrBlue:after {
	border-color: transparent transparent transparent #1395EC;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* NOTIFICATION INDICATORS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.notificationBubble {
    display: none;
    position: absolute;
    height: 16px;
    min-width: 8px;
    top: 50%;
    left: 0;
    margin: -10px 0 0;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    color: white;
    border-radius: 10px;
    border: 2px solid white;
    background: #D85724;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), 0 0 1px 0 rgba(0, 0, 0, 0.5);
    padding: 0 4px;
    z-index: 1;
    font-weight: bold;
}

.dropdown li .notificationBubble {
    display: block;
    position: static;
    margin: 0 6px 0 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* NOTIFICATION BOX //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#notify_main {
	width: 600px;
	margin-left: -300px;
	/*display: ;*/
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 51;
}
.notify_msgwrapper {
	position: relative;
	padding: 6px 55px 0 10px;
	background: #000;
	background: rgba(15,15,15,.90);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
	color: #fff;
	font-size: 12px;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	border: 1px solid #000;
	border-bottom: 0;
	min-width: 530px;
	min-height: 62px;
}
.notify_msgwrapper p {

}
.notify_msgtitle {
	font-weight: bold;
	display: block;
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
}
.notify_msgbody {
	color: #83BFFC;
}
.notify_msgscroll {
	position: absolute;
	bottom: 7px;
	right: 8px;
	width: 27px; height: 54px;
}
.notify_msgscroll a {
	display: block;
	height: 27px; width: 27px;
	border: 1 px solid #fff;
}
.msgscroll_up {
	background: #eee url(//sandbox.mediafire.com/images/icons/dropdown-arrow-up-dark.png) center no-repeat;
	-moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
	border-bottom: 0;
}
.msgscroll_dn {
	background: #eee url(//sandbox.mediafire.com/images/icons/dropdown-arrow.png) center 11px no-repeat;
	-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
	border-top: 0;
}
#notify_main .msgnumber {
	position: absolute;
	left: 0;
	top: 18px;
	width: 27px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	color: #;
}
#notify_main span.notify_msgtitle_min {
	display: none;
	font-weight: bold;
}
#notify_main.notify_hidden {
	overflow: hidden;
	background: url(//sandbox.mediafire.com/images/icons/dropdown-arrow-black.png) center 2px no-repeat;
}
#notify_main.notify_hidden .notify_msgwrapper {
	padding: 0;
	min-height: 8px;
	opacity: .3;
}
#notify_main.notify_hidden span.notify_msgtitle, #notify_main.notify_hidden span.notify_msgbody, #notify_main.notify_hidden div.notify_msgscroll, #notify_main.notify_hidden a.notify_min {
	display: none;
}
#notify_main.msg_default {

}
#notify_main.msg_warning {

}
#notify_main.msg_error {
	color: #D85724;
}

#notify_main.notify_hidden .notify_msgwrapper p {
	font-size: 10px;
	line-height: 11px;
}

#notify_main span.notify_timestamp {
	font-weight: normal !important;
}

.shortenFileName {
	max-width: 390px;
	display: inline-block;
	height: 20px;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*overflow: hidden;*/
}




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* SPECIAL BUTTONS FOR HEADER (login, and...) ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.header-buttons {
	padding: 29px 0;
	position: relative;
	z-index: 1;
}

.header-buttons .btn {
	color:white;
	font-size: 18px;
	text-shadow: 0 -1px 0 black;
	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	padding: 12px 30px;
	margin-left: 10px;
	width: 68px;
	text-align: center;
}

.header-buttons .btn:active {
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.6), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.1);
	color:white;
	text-shadow: 0 -1px 0 black;
}

.header-buttons .btn.secondary {
	background-color: #467bb7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#467bb7), to(#2d629e));
	background-image: -webkit-linear-gradient(top, #467bb7, #2d629e);
	background-image:    -moz-linear-gradient(top, #467bb7, #2d629e);
	background-image:     -ms-linear-gradient(top, #467bb7, #2d629e);
	background-image:      -o-linear-gradient(top, #467bb7, #2d629e);
	background-image:         linear-gradient(top, #467bb7, #2d629e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#467bb7', EndColorStr='#2d629e');
	border: 1px solid #1d468c;
}

.header-buttons .btn.primary {
	background-color: #84b943;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#84b943), to(#619620));
	background-image: -webkit-linear-gradient(top, #84b943, #619620);
	background-image:    -moz-linear-gradient(top, #84b943, #619620);
	background-image:     -ms-linear-gradient(top, #84b943, #619620);
	background-image:      -o-linear-gradient(top, #84b943, #619620);
	background-image:         linear-gradient(top, #84b943, #619620);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#84b943', EndColorStr='#619620');
	border: 1px solid #2D5200;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* IMAGE ROTATE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.image_rotate {
	float: right;
	margin: 10px 0 0;
}
.image_rotate a {
	display: block;
	float: left;
}
.image_rotate a:hover, .image_rotate a:focus {
	text-decoration: none;
}
.image_rotate span {

}
.image_rotate_l {
	margin: 0 10px;
}
.image_rotate_r {
	margin: 0 10px;
}
.rot0 {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	rotation: 0deg;
}
.rot90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	rotation: 90deg;
}
.rot180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	rotation: 180deg;
}
.rot270 {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	rotation: 270deg;
}

/* ==========================================================================
   Legacy popups
   ========================================================================== */

#sharingmode_popup, #root_explanation_popup, #save_stats_popup, #load_stats_popup, #report_loading_popup {
	width:423px;
	height:302px;
	background: #f8f9fb;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 1001;
	border-radius: 5px;
}

#detailed_report_popup,
#directlinking_popup,
#advertising_popup,
#maxfilesize_popup,
#rollover_popup,
#backups_popup,
#stats_popup,
#ssl_popup,
#stats_explanation_popup,
#support_popup,
#websiteupload_popup,
#bandwidthoptions_popup,
#howto_directlink_popup,
#monthly_billing_popup,
#survey_monkey_popup,
#sharing_popup,
#clean_download_popup,
#easy_file_management_popup,
#image_gallery_popup,
#uploader_popup {
	width: 800px;
	position:absolute;
	z-index: 1001;
}

#save_stats_popup {
	padding:10px;
}

#uploader_window_popup,
#modal_window_popup {
	width: 700px;
	position: absolute;
	z-index: 1001;
	overflow: hidden;
}

#uploader_window_popup {
	box-shadow: rgba(0, 0, 0, 0.8) 0 0 60px;
}

#uploader_window_popup.minimized {
	bottom: 0 !important;
	height: 67px !important;
	width: 350px !important;
	border-radius: 0 !important;
	top: initial !important;
	left: initial !important;
	right: 25px !important;
	position: fixed !important;
	box-shadow: none;
}

#select_stats_popup, #no_files_yet_popup {
	width: 539px;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 1001;
}

#mediapro_login_popup {
	width:423px;
	height:302px;
	position:absolute;
	padding: 15px;
	top:0px;
	left:0px;
	z-index: 1001;
}

.modal_header {
	font-weight: bold;
	margin: 10px 0 2px 0;
	color: #000;
}

#uploader_window_closer,
#modal_window_closer {
    display: block;
    overflow: hidden;
}

#uploader_window_closer span,
#modal_window_closer span {
    display: block;
    height: 14px;
    width: 14px;
    background: url(//sandbox.mediafire.com/images/sprites/global_sprites-v2.png) 0 -60px no-repeat;
    float: right;
}

.mobile-device .modalMsgWrapper {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right:0;
    top: 0;
}

/* ==========================================================================
   Context Menus
   ========================================================================== */

/* Define appearance of menu
   ========================================================================== */

#contextmenu {
	display: none;
	position: absolute;
}

/* For folder tree in My Files */
#contextmenu.fixed {
	position: fixed;
	z-index: 80;
}

/* Needed because JS adds "display:none" to the inline style...fix - gabe 8/4/17 */
#contextmenu.show {
	display: block!important;
}

.thumbnailView #contextmenu {
	z-index: 1000; /* ? */
}

#contextmenu.dropdown ul {
	visibility: visible;
	opacity: 1;
	max-width: 999px;
	max-height: 999px;
	display: none;
	border-radius: 3px;
	box-shadow:
		0px 0px 0px 1px rgba(0, 0, 0, .07),
		0px 3px 20px 0px rgba(0, 0, 0, .25);
	padding: 15px 0;
}

/* Hide all actions by default, we'll show them later depending on view mode */
#contextmenu li {
    display: none;
}

#contextmenu li:not(.divider) {
    padding: 3px 21px 3px 48px;
    cursor: default;
}

#contextmenu li:hover,
#contextmenu li.zeroclipboard-is-hover {
	background: rgba(0,0,0,.05);
}

#contextmenu li a {
    padding: 0;
}

/* Adjust icons */
#contextmenu li[class*="ico30"]:after {
    left: 5px;
    opacity: 1;
    z-index: -1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
}

/* Show a lock icon instead of share icon if item is private */
#contextmenu.private-item-menu li[data-command="share"]:after {
	background-position: -1141px top;
	background-color: #333;
}

/* Following doesn't use same classes to change lock to share icon */
.sharedWithMe #contextmenu li[data-command="share"]:after {
	background-position: -1141px top;
	background-color: #333;
}

.sharedWithMe #contextmenu.contextSLE li[data-command="share"]:after {
	background-position: -240px top;
	background-color: #44a8ee;
}

.number_of_selectedobjects {
	color: #A56612 !important;
	margin: -15px 0 15px 0;
	background: #FFE2A3 !important;
	border-radius: 3px 3px 0 0;
	font-size: 12px;
	text-align: center;
	padding: 3px 0 !important;
	cursor: default !important;
}

/* Show appropriate menu items depending on view mode
   ========================================================================== */

/* ALWAYS SHOW: copy link, share, download, dividers, selection count */
#contextmenu li[data-command="copy-link"],
#contextmenu li[data-command="share"],
#contextmenu li[data-command="download"],
#contextmenu .divider,
#contextmenu .number_of_selectedobjects,
#contextmenu-mainlist-trashMode li,
/* If in a logged in view, allow copying to account */
.myfiles #contextmenu li[data-command="copy-items"],
.recentChanges #contextmenu li[data-command="copy-items"],
.sharedWithMe #contextmenu li[data-command="copy-items"],
/* My Files only */
.myfiles #container:not([class*="collabmode"]) #contextmenu li[data-command="rss"],
.myfiles #container:not([class*="collabmode"]) #contextmenu li[data-command="dropbox"],
/* My Files and Recent only */
.myfiles #container:not([class*="collabmode"]) #contextmenu li[data-command="move"],
.recentChanges #contextmenu li[data-command="move"],
/* Owner and editors (a bit messy since we use .myfiles class for Following subfolders as well ) */
.myfiles #contextmenu:not([class*="collab"]) li[data-command="subfolder"],
.myfiles #contextmenu:not([class*="collab"]) li[data-command="rename"],
.myfiles #contextmenu:not([class*="collab"]) li[data-command="desc"],
.myfiles #contextmenu:not([class*="collab"]) li[data-command="delete"],
.myfiles #contextmenu:not([class*="collab"]) li[data-command="password"],
.myfiles #contextmenu[class*="menu-edit"] li[data-command="subfolder"],
.myfiles #contextmenu[class*="menu-edit"] li[data-command="rename"],
.myfiles #contextmenu[class*="menu-edit"] li[data-command="desc"],
.myfiles #contextmenu[class*="menu-edit"] li[data-command="delete"],
.myfiles #contextmenu[class*="menu-edit"] li[data-command="password"],
.recentChanges #contextmenu li[data-command="rename"],
.recentChanges #contextmenu li[data-command="desc"],
.recentChanges #contextmenu li[data-command="delete"],
.recentChanges #contextmenu li[data-command="password"],
.sharedWithMe #contextmenu.contextPermEdit li[data-command="subfolder"],
.sharedWithMe #contextmenu.contextPermEdit li[data-command="rename"],
.sharedWithMe #contextmenu.contextPermEdit li[data-command="desc"],
/* Following view, root folder only */
.sharedWithMe #contextmenu li[data-command="unfollow"],
/* If file is an image or editable */
#contextmenu.hasPreview li[data-command="file-preview"],
/* Image Viewer, not logged in */
#contextmenu #IV_context-copyurl-image,
#contextmenu #IV_context-share-image,
#contextmenu #IV_context-download-image,
#contextmenu #IV_context-add-image,
/* Image View, Owner */
#contextmenu .owner #IV_context-rename-image,
#contextmenu .owner #IV_context-desc-image,
#contextmenu .owner .ico30trash,
/* Image Viewer, edit permission */
#contextmenu .editPermission #IV_context-rename-image,
#contextmenu .editPermission #IV_context-desc-image,
#contextmenu .editPermission #IV_context-delete-image,
/* Image Viewer, selection */
#contextmenu-gallery-selection .ico30download,
#contextmenu-gallery-selection .ico30share,
#contextmenu-gallery-selection.editPermission .ico30trash {
	display: block;
}

/* Overrides and Misc.
   ========================================================================== */

/* Needed since there is not a clean separation of My Files and shared view (.sharemode) */
.sharemode #contextmenu li[data-command="rss"],
.sharemode #contextmenu li[data-command="dropbox"],
.sharemode #contextmenu li[data-command="move"],
.sharemode #contextmenu li[data-command="copy-items"],
.sharemode #contextmenu li[data-command="subfolder"],
.sharemode #contextmenu li[data-command="rename"],
.sharemode #contextmenu li[data-command="desc"],
.sharemode #contextmenu li[data-command="delete"],
.sharemode #contextmenu li[data-command="password"] {
	display: none !important;
}

/* Hide dividers for some views */
.sharemode #contextmenu .divider,
#contextmenu .viewPermission .edit-or-manage,
#contextmenu .viewPermission .manage-only,
#container[class*="collabmode"] .etcDivider {
	display: none;
}

/* Hide password option for images (exclude non-previewable images like PSD) */
#contextmenu.hasPreview li[data-command="password"] {
    display: none !important;
}

/* Following: Need to hide copy link since using it can't auto set to SLE (like MY Files) */
.sharedWithMe #contextmenu li[data-command="copy-link"],
#contextmenu.shareLinkDisabled li[data-command="copy-link"] {
	display: none !important;
}

/* Following: show copy link if item is SLE (root folder) */
.sharedWithMe #contextmenu.contextSLE li[data-command="copy-link"] {
	display: block !important;
}

/* Following: use different class to show preview item (doesn't use .hasPreview) */
.sharedWithMe #contextmenu.contextViewable li[data-command="file-preview"] {
	display: block;
}

/* Change "Move to Trash" text to "Delete" for Following */
.deleteOption {
	display: none;
}

.showFollowing .deleteOption {
	display: inline;
}

.showFollowing .move2Trash {
	display: none;
}

/* ==========================================================================
   JQuery UI
   ========================================================================== */
/* This appears to only be used in wwwmanager, unsure why this was added to global.css for wwwcontent - gabe 3/2/18 */

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* jQuery UI Smoothness Theme for autocompletion
/*+++++++++++++++++++++++++++++++++++++++++++++++*/

/*! jQuery UI - v1.10.3 - 2013-05-03 * http://jqueryui.com * Includes:
jquery.ui.core.css, jquery.ui.accordion.css,
jquery.ui.autocomplete.css, jquery.ui.button.css,
jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css,
jquery.ui.progressbar.css, jquery.ui.resizable.css,
jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css,
jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this
theme, visit
http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-seri
f&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccc
cc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHea
der=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=fffff
f&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaa
aa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTe
xtureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fc
Default=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHo
ver=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&
iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImg
OpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorAct
ive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpaci
tyHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColo
rHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacit
yError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a
&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opa
cityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityS
hadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offs
etLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery
Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url(//sandbox.mediafire.com/images/animated-overlay.gif);
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(//sandbox.mediafire.com/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(//sandbox.mediafire.com/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(//sandbox.mediafire.com/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(//sandbox.mediafire.com/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(//sandbox.mediafire.com/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(//sandbox.mediafire.com/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(//sandbox.mediafire.com/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(//sandbox.mediafire.com/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(//sandbox.mediafire.com/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/* This removes the span status above the autocomplete input*/
.ui-helper-hidden-accessible { display:none; }

/* Make sure the autocomplete list is above the page screen and has a max height */
.ui-autocomplete {
	z-index: 1001;
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}


#recaptchaDiv input {
	display: inline!important;
	height: 15px;
	font-size: 12px!important;
	line-height: 18px;
}

/* Used for monitoring element resizing (Web Widgets) */
.resize-sensor, .resize-sensor > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

/* Google Translate */
body > .skiptranslate {
	display: none;
}

/* Google Recaptcha */
/*.g-recaptcha {
	max-height: 240px;
	overflow: auto;
	padding: 4px;
	max-width: 316px;
}*/

/* ==========================================================================
   Arrow overlays to point out stuff
   ========================================================================== */

.OverlayArrow {
    position: absolute;
    height: 30px;
    width: 30px;
    overflow: hidden;
}

.OverlayArrow div {
    position: absolute;
    top: 15px;
    left: 0px;
    height: 2px;
    width: 20px;
    background: #ff8637;
    animation: .8s infinite alternate arrowFloat ease-in-out;
}

.OverlayArrow div:after {
    content: '';
    position: absolute;
    display: block;
    border-style: solid;
    border-color: transparent transparent transparent #ff8637;
    border-width: 6px 6px;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

@keyframes arrowFloat {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(4px);
  }
}

.OverlayArrow.point-down {
    transform: rotate(90deg);
}

/* ==========================================================================
   Press logos
   ========================================================================== */

/* press section */
.PressLogos {
    text-align: center;
    font-size: 0;
}

.PressLogos span {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 4px;
    margin-bottom: 20px;
    color: #545764;
}

.PressLogos div div,
.PressLogos div img {
    margin: 0 3% 40px;
    display: inline-block;
    vertical-align: middle;
    opacity: .25;
}

#pl_gizmodo {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/gizmodo.svg) 0 0 no-repeat;
    width: 190px;
    height: 28px;
    background-size: 100%;
}

#pl_lifehacker {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/lifehacker.svg) 0 0 no-repeat;
    width: 150px;
    height: 38px;
    background-size: 100%;
}

#pl_cnet {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/cnet.svg) 0 0 no-repeat;
    width: 80px;
    height: 80px;
    background-size: 100%;
}

#pl_techcrunch {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/techcrunch.svg) 0 0 no-repeat;
    width: 190px;
    height: 27px;
    background-size: 100%;
}

#pl_engadget {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/engadget.svg) 0 0 no-repeat;
    width: 170px;
    height: 36px;
    background-size: 100%;
}

@media screen and (max-width: 1130px) {
    .PressLogos div div,
    .PressLogos div img {
        margin: 0 1% 40px;
        -ms-transform: scale(.8);
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8);
    }
}

@media screen and (max-width: 870px) {
    .PressLogos div div,
    .PressLogos div img {
        margin: 0 4% 40px;
    }
}

@media screen and (max-width: 560px) {
    .PressLogos div div,
    .PressLogos div img {
        display: block;
        margin: 0 auto 20px;
    }
}

/* ==========================================================================
   Google Translate element for registration and checkout
   ========================================================================== */

.header-gt-cont {
    height: 100%;
}

#goog-header-translate {
    margin-top: 17px;
    background-color: #f4f4f5;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 12px center;
    border-radius: 3px;
}

#goog-header-translate > div {
    height: 37px;
    line-height: 18px;
    font-size: 0;
}

#goog-header-translate > div > span {
    display: none;
}

#goog-header-translate .goog-te-combo {
    color: #222835;
    color: var(--mf-gray2);
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    background: transparent url(//sandbox.mediafire.com/images/icons/svg_dark/arrow_dropdown.svg) right center no-repeat;
    margin: 0;
    padding: 0 18px 0 50px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    vertical-align: top;
    max-width: 200px;
    border-radius: 3px !important;
    border: 0;
}

#goog-header-translate .goog-te-combo::-ms-expand {
    display: none;
}

#goog-header-translate .goog-te-combo:focus {
    outline: none;
}

/* ==========================================================================
   Country flags for Translate element
   ========================================================================== */

/* USA */
.en #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/usa.svg); }
/* Afrikaans - South Africa */
.af #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/zaf.svg); }
/* Albanian - Albania */
.sq #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/alb.svg); }
/* Amharic - Ethiopia */
.am #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/eth.svg); }
/* Arabic - Egypt */
.ar #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/egy.svg); }
/* Armenian - Armenia */
.hy #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/arm.svg); }
/* Azerbaijani - Azerbaijan */
.az #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/aze.svg); }
/* Basque - Basque Country */
.eu #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/basque_country.svg); }
/* Belarusian - Belarus */
.be #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/blr.svg); }
/* Bengali - Bangladesh */
.bn #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/bgd.svg); }
/* Bosnian - Bosnia and Herzegovina */
.bs #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/bih.svg); }
/* Bulgarian - Bulgaria */
.bg #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/bgr.svg); }
/* Catalan - Andorra */
.ca #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/and.svg); }
/* Cebuano - Philippines */
.ceb #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/phl.svg); }
/* Chichewa - Malawi */
.ny #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/mwi.svg); }
/* Chinese (Simplified) - China */
.zh-CN #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/chn.svg); }
/* Chinese (Traditional) - Hong Kong */
.zh-TW #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/hkg.svg); }
/* Corsican - Corsica (France) */
.co #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/fra.svg); }
/* Croatian - Croatia */
.hr #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/hrv.svg); }
/* Czech - Czech Republic */
.cs #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/cze.svg); }
/* Danish - Denmark */
.da #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/dnk.svg); }
/* Dutch - Netherlands */
.nl #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/nld.svg); }
/* Esperanto - constructed international auxiliary language */
.eo #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/esperanto.svg); }
/* Estonian - Estonia */
.et #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/est.svg); }
/* Filipino - Philippines */
.tl #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/phl.svg); }
/* Finnish - Finland */
.fi #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/fin.svg); }
/* French - France */
.fr #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/fra.svg); }
/* Frisian - Netherlands */
.fy #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/nld.svg); }
/* Galician - Spain */
.gl #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/esp.svg); }
/* Georgian - Georgia */
.ka #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/geo.svg); }
/* German - Germany */
.de #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/deu.svg); }
/* Greek - Greece */
.el #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/grc.svg); }
/* Gujarati - India */
.gu #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ind.svg); }
/* Haitian Creole - Haiti */
.ht #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/hti.svg); }
/* Hausa - Niger */
.ha #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ner.svg); }
/* Hawaiian - United States of America */
.haw #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/usa.svg); }
/* Hebrew - Israel */
.iw #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/isr.svg); }
/* Hindi - India */
.hi #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ind.svg); }
/* Hmong - China */
.hmn #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/chn.svg); }
/* Hungarian - Hungary */
.hu #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/hun.svg); }
/* Icelandic - Iceland */
.is #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/isl.svg); }
/* Igbo - Nigeria */
.ig #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/nga.svg); }
/* Indonesian - Indonesia */
.id #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/idn.svg); }
/* Irish - Ireland */
.ga #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/irl.svg); }
/* Italian - Italy */
.it #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ita.svg); }
/* Japanese - Japan */
.ja #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/jpn.svg); }
/* Javanese - Indonesia */
.jw #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/idn.svg); }
/* Kannada - India */
.kn #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ind.svg); }
/* Kazakh - Kazakhstan */
.kk #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/kaz.svg); }
/* Khmer - Cambodia */
.km #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/khm.svg); }
/* Korean - South Korea */
.ko #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/kor.svg); }
/* Kurdish (Kurmanji) - Turkey */
.ku #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/tur.svg); }
/* Kyrgyz - Kyrgyzstan */
.ky #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/kgz.svg); }
/* Lao - Laos */
.lo #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/lao.svg); }
/* Latin - Vatican City */
.la #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/vat.svg); }
/* Latvian - Latvia */
.lv #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/lva.svg); }
/* Lithuanian - Lithuania */
.lt #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ltu.svg); }
/* Luxembourgish - Luxembourg */
.lb #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/lux.svg); }
/* Macedonian - Macedonia */
.mk #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/mkd.svg); }
/* Malagasy - Madagascar */
.mg #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/mdg.svg); }
/* Malay - Malaysia */
.ms #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/mys.svg); }
/* Malayalam - India */
.ml #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ind.svg); }
/* Maltese - Malta */
.mt #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/mlt.svg); }
/* Maori - New Zealand */
.mi #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/nzl.svg); }
/* Marathi - India */
.mr #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ind.svg); }
/* Mongolian - Mongolia */
.mn #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/mng.svg); }
/* Myanmar (Burmese) - Myanmar */
.my #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/mmr.svg); }
/* Nepali - India */
.ne #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ind.svg); }
/* Norwegian - Norway */
.no #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/nor.svg); }
/* Pashto - Afghanistan */
.ps #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/afg.svg); }
/* Persian - Iran */
.fa #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/irn.svg); }
/* Polish - Poland */
.pl #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/pol.svg); }
/* Portuguese - Portugal */
.pt #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/prt.svg); }
/* Punjabi - India */
.pa #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ind.svg); }
/* Romanian - Romania */
.ro #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/rou.svg); }
/* Russian - Russian Federation */
.ru #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/rus.svg); }
/* Samoan - Samoa */
.sm #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/wsm.svg); }
/* Scots Gaelic - Scotland */
.gd #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/sco.svg); }
/* Serbian - Serbia */
.sr #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/srb.svg); }
/* Sesotho - South Africa */
.st #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/zaf.svg); }
/* Shona - Zimbabwe */
.sn #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/zwe.svg); }
/* Sindhi - India */
.sd #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ind.svg); }
/* Sinhala - Sri Lanka */
.si #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/lka.svg); }
/* Slovak - Slovakia */
.sk #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/svk.svg); }
/* Slovenian - Slovenia */
.sl #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/svn.svg); }
/* Somali - Somalia */
.so #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/som.svg); }
/* Spanish - Spain */
.es #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/esp.svg); }
/* Sundanese - Indonesia */
.su #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/idn.svg); }
/* Swahili - Uganda */
.sw #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/uga.svg); }
/* Swedish - Sweden */
.sv #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/swe.svg); }
/* Tajik - Tajikistan */
.tg #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/tjk.svg); }
/* Tamil - Sri Lanka */
.ta #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/lka.svg); }
/* Telugu - India */
.te #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ind.svg); }
/* Thai - Thailand */
.th #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/tha.svg); }
/* Turkish - Turkey */
.tr #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/tur.svg); }
/* Ukrainian - Ukraine */
.uk #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/ukr.svg); }
/* Urdu - Pakistan */
.ur #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/pak.svg); }
/* Uzbek - Uzbekistan */
.uz #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/uzb.svg); }
/* Vietnamese - Vietnam */
.vi #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/vnm.svg); }
/* Welsh - Wales */
.cy #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/wal.svg); }
/* Xhosa - South Africa */
.xh #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/zaf.svg); }
/* Yiddish - Israel */
.yi #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/isr.svg); }
/* Yoruba - Nigeria */
.yo #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/nga.svg); }
/* Zulu - South Africa */
.zu #goog-header-translate { background-image: url(//sandbox.mediafire.com/images/flags_svg/zaf.svg); }

/* ==========================================================================
   Help slider
   ========================================================================== */

.floatingTabsBox {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    background-color: #f4f4f5;
    background-color: var(--mf-gray11);
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1);
}

.floatingTabsBox form {
    padding: 50px 20px 0;
}

.floatingTabsBox:not(.expandHelp) form {
    display: none;
}

.floatingTabsBox p {
    margin-bottom: 1.5rem;
}

.floatingTabsBox a {
    font-weight: bold;
    color: #0045AD;
    color: var(--mf-blue3);
}

.floatingTabsBox.expandHelp .expandHelpClose {
    position: absolute;
    padding: 3px 8px;
    right: 15px;
    top: 15px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: #f4f4f5;
    background-color: var(--mf-gray11);
}

.homePage .floatingTabsBox,
.imagePreview .floatingTabsBox {
    display: none;
}

/* ==========================================================================
   Upgrade message for older browsers
   ========================================================================== */

.upgrade_your_browser {
    display: none;
    position: fixed;
    z-index: 46;
    width: 100%;
    top: 0px;
    background: #555;
    text-align: center;
    color: white;
    font-size: 12px;
    padding: 4px 0 0;
    height: 23px;
}
body.time-to-upgrade .upgrade_your_browser {
    display: block;
}
body.time-to-upgrade #header {
    top: 27px;
}
body.time-to-upgrade #container {
    padding-top: 63px;
}
body.time-to-upgrade.myfiles .upgrade_your_browser {
    display: none;
}
body.time-to-upgrade.myfiles #header {
    top: 0;
    z-index: 1550;
}
body.time-to-upgrade.myfiles #myfiles_wrap, body.time-to-upgrade.myfiles #modal_window_closer {
    display: none !important;
}/*
	MediaFire Master Stylesheet, Ver. 4
*/

/*--------------------------------------------------------------------
UTILITY CSS
utility.css.php
----------------------------------------------------------------------
CONCATENATED FILE, PART OF:
/css/mfv4_(build number).php?ver=nonssl&amp;date=(build date)
----------------------------------------------------------------------
CASCADE ORDER:
	/store/lrdistro/c/w/content/css/global.css.php
-->	/store/lrdistro/c/w/content/css/utility.css.php
	/store/lrdistro/c/w/content/css/layout.css.php
	/store/lrdistro/c/w/content/css/header.css.php
	/store/lrdistro/c/w/content/css/footer.css.php
	
	[ section dependent css, not part of mfv4 file ]
--------------------------------------------------------------------*/





/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//    CLEAR FIX 		//
///////////////////////*/

.cf:after { 
visibility: hidden; 
   display: block; 
 font-size: 0; 
   content: " "; 
     clear: both; 
    height: 0; 
}
* html .cf { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

.left { float:left; }
.right { float: right; }

.center-txt { text-align: center; }

.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-justify { text-align: justify; }

.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//    ICONS     		//
///////////////////////*/

.ico16 { display: block; float: left; width: 16px; height: 17px; margin: 3px 10px 0 0; background: url(//sandbox.mediafire.com/images/icons/icon-sprite-16-v9.png) no-repeat; }

/*////////////////////////////////////////////Initial*//

.ico16.user       { background-position: 0px 0px;    }
.ico16.users      { background-position: -20px 0px;  }
.ico16.up         { background-position: -40px 0px;  }
.ico16.down       { background-position: -60px 0px;  }
.ico16.download   { background-position: -80px 0px;  }
.ico16.gear       { background-position: -100px 0px; }
.ico16.wrench     { background-position: -120px 0px; }
.ico16.folder     { background-position: -140px 0px; }
.ico16.page       { background-position: -160px 0px; }
.ico16.doc        { background-position: -180px 0px; }
.ico16.page-copy  { background-position: -200px 0px; }
.ico16.pencil     { background-position: -220px 0px; }
.ico16.brush      { background-position: -240px 0px; }
.ico16.mail       { background-position: -260px 0px; }
.ico16.pie-stats  { background-position: -280px 0px; }
.ico16.bar-stats  { background-position: -300px 0px; }
.ico16.link       { background-position: -320px 0px; }
.ico16.rss        { background-position: -340px 0px; }
.ico16.plus       { background-position: -360px 0px; }
.ico16.minus      { background-position: -380px 0px; }
.ico16.camera     { background-position: -400px 0px; }
.ico16.lock       { background-position: -420px 0px; }
.ico16.unlock     { background-position: -440px 0px; }
.ico16.cart       { background-position: -460px 0px; }
.ico16.security   { background-position: -480px 0px; }
.ico16.repeat     { background-position: -500px 0px; }
.ico16.refresh    { background-position: -520px 0px; }
.ico16.warningTriangle    { background-position: -540px 0px; }
.ico16.trash      { background-position: -560px 0px; }
.ico16.remove     { background-position: -580px 0px; }
.ico16.print      { background-position: -600px 0px; }
.ico16.search     { background-position: -620px 0px; }
.ico16.phone      { background-position: -640px 0px; }
.ico16.key        { background-position: -660px 0px; }
.ico16.question   { background-position: -680px 0px; }
.ico16.home       { background-position: -700px 0px; }
.ico16.flag       { background-position: -720px 0px; }
.ico16.star       { background-position: -740px 0px; }
.ico16.heart      { background-position: -760px 0px; }
.ico16.at         { background-position: -780px 0px; }
.ico16.money      { background-position: -800px 0px; }
.ico16.comment    { background-position: -820px 0px; }
.ico16.comments   { background-position: -840px 0px; }
.ico16.alarm      { background-position: -860px 0px; }
.ico16.calculator { background-position: -880px 0px; }
.ico16.briefcase  { background-position: -900px 0px; }
.ico16.calendar   { background-position: -920px 0px; }
.ico16.globe      { background-position: -940px 0px; }
.ico16.map-marker { background-position: -960px 0px; }
.ico16.close      { background-position: -980px 0px; }
.ico16.accept     { background-position: -1000px 0px; }
.ico16.move-file  { background-position: -1020px 0px; }
.ico16.wired      { background-position: -1040px 0px; }
.ico16.save       { background-position: -1060px 0px; }
.ico16.cancel	  { background-position: -1080px 0px; }
.ico16.arrow-out  { background-position: -1100px 0px; }
.ico16.arrow-in   { background-position: -1120px 0px; }
.ico16.add-folder { background-position: -1140px 0px; }
.ico16.dropbox    { background-position: -1160px 0px; }
.ico16.gotoprev   { background-position: -1180px 0px; }
.ico16.gotonext   { background-position: -1200px 0px; }
.ico16.zoom-out   { background-position: -1220px 0px; }
.ico16.zoom-in    { background-position: -1240px 0px; }
.ico16.redo       { background-position: -1260px 0px; }
.ico16.first      { background-position: -1280px 0px; }
.ico16.back       { background-position: -1300px 0px; }
.ico16.next       { background-position: -1320px 0px; }
.ico16.last       { background-position: -1340px 0px; }
.ico16.full       { background-position: -1360px 0px;width: 17px; }
.ico16.thumb      { background-position: -1380px 0px;width: 17px; }
.ico16.contactSheet    { background-position: -1400px 0px;width: 17px; }
.ico16.grnDownload{ background-position: -1420px 0px; }
.ico16.ylwEye     { background-position: -1438px 0px;width: 19px;margin: 7px auto 0; }
.ico16.bookMode   { background-position: -1457px 0px;width: 19px;}
.ico16.compatMode { background-position: -1487px 0px;width: 19px;}
.ico16.small      { background-position: -1509px 0px; }
.ico16.medium     { background-position: -1532px 0px; }
.ico16.large      { background-position: -1548px 0px; }
.ico16.original   { background-position: -1570px 0px; }
.ico16.previewBtn { background-position: -1586px 0px;width: 19px; }
.ico16.gauge      { background-position: -1620px 0px; }
.ico16.infoCircle { background-position: -1640px 0px; }
.ico16.phoneRec   { background-position: -1660px 0px; }
.ico16.export     { background-position: -1740px 0px; }
.ico16.revision   { background-position: -1760px 0px; }



a:hover .ico16.user       { background-position: 0px -20px;    }
a:hover .ico16.users      { background-position: -20px -20px;  }
a:hover .ico16.up         { background-position: -40px -20px;  }
a:hover .ico16.down       { background-position: -60px -20px;  }
a:hover .ico16.download   { background-position: -80px -20px;  }
a:hover .ico16.gear       { background-position: -100px -20px; }
a:hover .ico16.wrench     { background-position: -120px -20px; }
a:hover .ico16.folder     { background-position: -140px -20px; }
a:hover .ico16.page       { background-position: -160px -20px; }
a:hover .ico16.doc        { background-position: -180px -20px; }
a:hover .ico16.page-copy  { background-position: -200px -20px; }
a:hover .ico16.pencil     { background-position: -220px -20px; }
a:hover .ico16.brush      { background-position: -240px -20px; }
a:hover .ico16.mail       { background-position: -260px -20px; }
a:hover .ico16.pie-stats  { background-position: -280px -20px; }
a:hover .ico16.bar-stats  { background-position: -300px -20px; }
a:hover .ico16.link       { background-position: -320px -20px; }
a:hover .ico16.rss        { background-position: -340px -20px; }
a:hover .ico16.plus       { background-position: -360px -20px; }
a:hover .ico16.minus      { background-position: -380px -20px; }
a:hover .ico16.camera     { background-position: -400px -20px; }
a:hover .ico16.lock       { background-position: -420px -20px; }
a:hover .ico16.unlock     { background-position: -440px -20px; }
a:hover .ico16.cart       { background-position: -460px -20px; }
a:hover .ico16.security   { background-position: -480px -20px; }
a:hover .ico16.repeat     { background-position: -500px -20px; }
a:hover .ico16.refresh    { background-position: -520px -20px; }
/*a:hover .ico16.warningTriangle    { background-position: -540px -20px; }*/
a:hover .ico16.trash      { background-position: -560px -20px; }
a:hover .ico16.remove     { background-position: -580px -20px; }
a:hover .ico16.print      { background-position: -600px -20px; }
a:hover .ico16.search     { background-position: -620px -20px; }
a:hover .ico16.phone      { background-position: -640px -20px; }
a:hover .ico16.key        { background-position: -660px -20px; }
a:hover .ico16.question   { background-position: -680px -20px; }
a:hover .ico16.home       { background-position: -700px -20px; }
a:hover .ico16.flag       { background-position: -720px -20px; }
a:hover .ico16.star       { background-position: -740px -20px; }
a:hover .ico16.heart      { background-position: -760px -20px; }
a:hover .ico16.at         { background-position: -780px -20px; }
a:hover .ico16.money      { background-position: -800px -20px; }
a:hover .ico16.comment    { background-position: -820px -20px; }
a:hover .ico16.comments   { background-position: -840px -20px; }
a:hover .ico16.alarm      { background-position: -860px -20px; }
a:hover .ico16.calculator { background-position: -880px -20px; }
a:hover .ico16.briefcase  { background-position: -900px -20px; }
a:hover .ico16.calendar   { background-position: -920px -20px; }
a:hover .ico16.globe      { background-position: -940px -20px; }
a:hover .ico16.map-marker { background-position: -960px -20px; }
a:hover .ico16.close      { background-position: -980px -20px; }
a:hover .ico16.accept     { background-position: -1000px -20px; }
a:hover .ico16.move-file  { background-position: -1020px -20px; }
a:hover .ico16.wired      { background-position: -1040px -20px; }
a:hover .ico16.save       { background-position: -1060px -20px; }
a:hover .ico16.cancel	  { background-position: -1080px -20px; }
a:hover .ico16.arrow-out  { background-position: -1100px -20px; }
a:hover .ico16.arrow-in   { background-position: -1120px -20px; }
a:hover .ico16.add-folder { background-position: -1140px -20px; }
a:hover .ico16.dropbox    { background-position: -1160px -20px; }
a:hover .ico16.gotoprev   { background-position: -1180px -20px; }
a:hover .ico16.gotonext   { background-position: -1200px -20px; }
a:hover .ico16.zoom-out   { background-position: -1220px -20px; }
a:hover .ico16.zoom-in    { background-position: -1240px -20px; }
a:hover .ico16.redo       { background-position: -1260px -20px; }
a:hover .ico16.first      { background-position: -1280px -20px; }
a:hover .ico16.back       { background-position: -1300px -20px; }
a:hover .ico16.next       { background-position: -1320px -20px; }
a:hover .ico16.last       { background-position: -1340px -20px; }
a:hover .ico16.full       { background-position: -1360px -20px; }
a:hover .ico16.thumb      { background-position: -1380px -20px; }
a:hover .ico16.contactSheet{ background-position: -1400px -20px; }
a:hover .ico16.grnDownload{ background-position: -1420px -20px; }
a:hover .ico16.ylwEye     { background-position: -1438px -20px;width: 19px; margin: 7px auto 0; }
a:hover .ico16.bookMode   { background-position: -1457px -20px;width: 19px; }
a:hover .ico16.compatMode { background-position: -1487px -20px;width: 19px; }
a:hover .ico16.small      { background-position: -1509px -20px; }
a:hover .ico16.medium     { background-position: -1532px -20px; }
a:hover .ico16.large      { background-position: -1548px -20px; }
a:hover .ico16.original   { background-position: -1570px -20px; }
a:hover .ico16.previewBtn { background-position: -1586px -20px;width: 19px; }
a:hover .ico16.gauge      { background-position: -1620px -20px; }
a:hover .ico16.infoCircle { background-position: -1640px -20px; }
a:hover .ico16.phoneRec   { background-position: -1660px -20px; }
a:hover .ico16.export     { background-position: -1740px -20px; }
a:hover .ico16.revision   { background-position: -1760px -20px; }

.current .ico16.user       { background-position: 0px -40px;    }
.current .ico16.users      { background-position: -20px -40px;  }
.current .ico16.up         { background-position: -40px -40px;  }
.current .ico16.down       { background-position: -60px -40px;  }
.current .ico16.download   { background-position: -80px -40px;  }
.current .ico16.gear       { background-position: -100px -40px; }
.current .ico16.wrench     { background-position: -120px -40px; }
.current .ico16.folder     { background-position: -140px -40px; }
.current .ico16.page       { background-position: -160px -40px; }
.current .ico16.doc        { background-position: -180px -40px; }
.current .ico16.page-copy  { background-position: -200px -40px; }
.current .ico16.pencil     { background-position: -220px -40px; }
.current .ico16.brush      { background-position: -240px -40px; }
.current .ico16.mail       { background-position: -260px -40px; }
.current .ico16.pie-stats  { background-position: -280px -40px; }
.current .ico16.bar-stats  { background-position: -300px -40px; }
.current .ico16.link       { background-position: -320px -40px; }
.current .ico16.rss        { background-position: -340px -40px; }
.current .ico16.plus       { background-position: -360px -40px; }
.current .ico16.minus      { background-position: -380px -40px; }
.current .ico16.camera     { background-position: -400px -40px; }
.current .ico16.lock       { background-position: -420px -40px; }
.current .ico16.unlock     { background-position: -440px -40px; }
.current .ico16.cart       { background-position: -460px -40px; }
.current .ico16.security   { background-position: -480px -40px; }
.current .ico16.repeat     { background-position: -500px -40px; }
.current .ico16.refresh    { background-position: -520px -40px; }
.current .ico16.warningTriangle    { background-position: -540px -40px; }
.current .ico16.trash      { background-position: -560px -40px; }
.current .ico16.remove     { background-position: -580px -40px; }
.current .ico16.print      { background-position: -600px -40px; }
.current .ico16.search     { background-position: -620px -40px; }
.current .ico16.phone      { background-position: -640px -40px; }
.current .ico16.key        { background-position: -660px -40px; }
.current .ico16.question   { background-position: -680px -40px; }
.current .ico16.home       { background-position: -700px -40px; }
.current .ico16.flag       { background-position: -720px -40px; }
.current .ico16.star       { background-position: -740px -40px; }
.current .ico16.heart      { background-position: -760px -40px; }
.current .ico16.at         { background-position: -780px -40px; }
.current .ico16.money      { background-position: -800px -40px; }
.current .ico16.comment    { background-position: -820px -40px; }
.current .ico16.comments   { background-position: -840px -40px; }
.current .ico16.alarm      { background-position: -860px -40px; }
.current .ico16.calculator { background-position: -880px -40px; }
.current .ico16.briefcase  { background-position: -900px -40px; }
.current .ico16.calendar   { background-position: -920px -40px; }
.current .ico16.globe      { background-position: -940px -40px; }
.current .ico16.map-marker { background-position: -960px -40px; }
.current .ico16.close      { background-position: -980px -40px; }
.current .ico16.accept     { background-position: -1000px -40px; }
.current .ico16.move-file  { background-position: -1020px -40px; }
.current .ico16.wired      { background-position: -1040px -40px; }
.current .ico16.save       { background-position: -1060px -40px; }
.current .ico16.cancel	   { background-position: -1080px -40px; }
.current .ico16.arrow-out  { background-position: -1100px -40px; }
.current .ico16.arrow-in   { background-position: -1120px -40px; }
.current .ico16.add-folder { background-position: -1140px -40px; }
.current .ico16.dropbox    { background-position: -1140px -40px; }
.current .ico16.gotoprev   { background-position: -1180px -40px; }
.current .ico16.gotonext   { background-position: -1200px -40px; }
.current .ico16.zoom-out   { background-position: -1220px -40px; }
.current .ico16.zoom-in    { background-position: -1240px -40px; }
.current .ico16.redo       { background-position: -1260px -40px; }
.current .ico16.first      { background-position: -1280px -40px; }
.current .ico16.back       { background-position: -1300px -40px; }
.current .ico16.next       { background-position: -1320px -40px; }
.current .ico16.last       { background-position: -1340px -40px; }
.current .ico16.full       { background-position: -1360px -40px;width: 17px; }
.current .ico16.thumb      { background-position: -1380px -40px;width: 17px; }
.current .ico16.contactSheet{ background-position: -1400px 0px;width: 17px; }
.current .ico16.grnDownload{ background-position: -1420px -40px; }
.current .ico16.ylwEye{ background-position: -1438px -40px;width: 19px; margin: 7px auto 0;}
.current .ico16.bookMode   { background-position: -1457px -40px;width: 19px;}
.current .ico16.compatMode { background-position: -1487px -40px;width: 19px;}
.current .ico16.small      { background-position: -1509px -40px;}
.current .ico16.medium     { background-position: -1532px -40px;}
.current .ico16.large      { background-position: -1548px -40px;}
.current .ico16.original   { background-position: -1570px -40px;}
.current .ico16.previewBtn { background-position: -1586px -40px;width: 19px;}
.current .ico16.gauge      { background-position: -1620px -40px;}
.current .ico16.infoCircle { background-position: -1640px -40px;}
.current .ico16.phoneRec   { background-position: -1660px -40px;}
.current .ico16.export     { background-position: -1740px -40px; }
.current .ico16.revision     { background-position: -1760px -40px; }

.btn.toggleOn .ico16.full       { background-position: -1360px -20px; }
.btn.toggleOn .ico16.thumb      { background-position: -1380px -20px; }
.btn.toggleOn .ico16.contactSheet    { background-position: -1400px -20px; }


/* NEW ICONS 1/29/13 */

.ico30search:after {
    background-position: 0px top; 
}

.ico30sort:after {
    background-position: -30px top;  
}

.ico30list:after {
    background-position: -60px top;
}

.ico30thumbnail:after {
    background-position: -90px top; 
}

.ico30notification:after {
    background-position: -120px top; 
}

.ico30add:after {
    background-position: -150px top; 
}

.ico30upload:after {
    background-position: -180px top; 
}

.ico30download:after {
    background-position: -210px top; 
}

.ico30share:after {
    background-position: -240px top; 
}

.ico30rotateCW:after {
    background-position: -270px top; 
}

.ico30rotateCCW:after {
    background-position: -300px top; 
}

.ico30zoomIn:after {
    background-position: -330px top; 
}

.ico30zoomOut:after {
    background-position: -360px top; 
}

.ico30prevItem:after {
    background-position: -390px top; 
}

.ico30nextItem:after {
    background-position: -420px top;
}

.ico30smallThumb:after {
	background-position: -450px top;
}

.ico30mediumThumb:after {
	background-position: -480px top;
}

.ico30largeThumb:after {
	background-position: -510px top;
}

.ico30rss:after {
	background-position: -540px top;
}

.ico30filmstrip:after {
	background-position: -570px top;
}

.ico30single:after {
	background-position: -600px top;
}

.ico30arrowDown:after {
	background-position: -630px top;
}

.ico30edit:after {
	background-position: -660px top;
}

.ico30collaborate:after {
	background-position: -690px top;
}

.ico30book:after {
	background-position: -720px top;
}

.ico30addFolder:after {
	background-position: -750px top;
}

.ico30columnCollapse:after {
	background-position: -780px top;
}

.ico30columnExpand:after {
	background-position: -810px top;
}

.ico30fullpage:after {
	background-position: -840px top;
}

.ico30question:after {
	background-position: -870px top;
}

.ico30settings:after {
	background-position: -900px top;
}

.ico30save:after {
	background-position: -930px top;
}

.ico30replace:after {
	background-position: -960px top;
}

.ico30upgrade:after {
	background-position: -990px top;
}

.ico30help:after {
	background-position: -1020px top;
}

.ico30folder:after {
	background-position: -1050px top;
}

.ico30brush:after {
	background-position: -1080px top;
}

.ico30mobile:after {
	background-position: -1110px top;
}

.ico30lock:after {
	background-position: -1140px top;
}

.ico30link:after {
	background-position: -1170px top;
}

.ico30logout:after {
	background-position: -1200px top;
}

.ico30chart:after {
	background-position: -1230px top;
}

.ico30saveToAccount:after {
	background-position: -1260px top;
}

.ico30trash:after {
	background-position: -1290px top;
}

.ico30dollar:after {
	background-position: -1320px top;
}

.ico30addFile:after {
	background-position: -1350px top;
}

.ico30audio:after {
	background-position: -1381px top;
}

.ico30play:after {
	background-position: -1410px top;
}

.ico30info:after {
	background-position: -1440px top;
}

.ico30contact:after {
	background-position: -1470px top;
}

.ico30document:after {
	background-position: -1500px top;
}

.ico30video:after {
	background-position: -1530px top;
}

.ico30email:after {
	background-position: -1560px top;
}

.ico30clock:after {
	background-position: -1590px top;
}

.ico30filedrop:after {
	background-position: -1620px top;
}

.ico30move:after {
    background-position: -1650px top;
}

.ico30note:after {
    background-position: -1680px top;
}

.ico30copyFolder:after {
    background-position: -1710px top;
}

.ico30removeFolder:after {
	background-position: -1740px top;
}

.ico30view:after {
	background-position: -1770px top;
}

.ico30copyFile:after {
	background-position: -1800px top;
}

.ico30updateFile:after {
	background-position: -1830px top;
}

.ico30collaborate:after {
	background-position: -1860px top;
}

.ico30revisions:after {
	background-position: -1888px top;
}

.ico30rename:after {
	background-position: -1919px top;
}

.ico30restore:after {
	background-position: -1950px top;
}

.ico30sharedByUser:after {
	background-position: -1980px top;
}

.ico30changeAvatar:after {
	background-position: -2010px top;
}

.ico30removeFromAccount:after {
	background-position: -2040px top;
}

.ico30following:after {
	background-position: -2070px top;
}

/* COLORS FOR MASKED ICONS */
/* set a default color */
.maskedIcons:after {
    background-color: #bfbfbf;
}

/* subdue these for now, only color more important ones */
/*

.ico30link.maskedIcons:after {
    background-color: #535a67;
}

.ico30download.maskedIcons:after {
    background-color: #78b44c;
}

.ico30move.maskedIcons:after {
    background-color: #ff4208;
}

.ico30copyFolder.maskedIcons:after {
    background-color: #47bd84;
}

.ico30restore.maskedIcons:after {
	background-color: #33a1ff;
}

.ico30addFolder.maskedIcons:after {
    background-color: #59c7ec;
}

.ico30edit.maskedIcons:after {
    background-color: #fecb45;
}

.ico30note.maskedIcons:after {
    background-color: #8d6eff;
}

.ico30rss.maskedIcons:after {
    background-color: #eb8b0f;
}

.ico30filedrop.maskedIcons:after {
    background-color: #6774b7;
}

.ico30lock.maskedIcons:after {
	background-color: #8d9296;
}

.ico30saveToAccount.maskedIcons:after {
	background-color: #004ea4;
}

.ico30removeFolder.maskedIcons:after {
	background-color: #59c7ec;
}

.ico30copyFile.maskedIcons:after {
	background-color: #969;
}

.ico30chart.maskedIcons:after {
	background-color: #f68652;
}

.ico30updateFile.maskedIcons:after {
	background-color: #f90;
}

.ico30collaborate.maskedIcons:after {
	background-color: #823da5;
}

.ico30revisions.maskedIcons:after {
	background-color: #3da58b;
}

.ico30rename.maskedIcons:after {
	background-color: #33a1ff;Ï
}

.ico30contact.maskedIcons:after {
	background-color: #823da5;
}

.ico30folder.maskedIcons:after {
	background-color: #87b0cc;
}

.ico30fullpage.maskedIcons:after {
	background-color: #989b9e;
}
*/

.ico30share.maskedIcons:after {
    background-color: #44a8ee;
}

.ico30trash.maskedIcons:after {
    background-color: #d85724;
}

.ico30video.maskedIcons:after,
.ico30audio.maskedIcons:after,
.ico30view.maskedIcons:after {
	background-color: #9c3;
}

/*!
 * Copyright (c) 2015 kf (7kfpun@gmail.com)
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
 * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
 * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
 * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE
 * OR OTHER DEALINGS IN THE SOFTWARE.
 */


.flag-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag:before {
  content: "\00a0";
}
.flag-1x {
  width: 1.33333333em;
  line-height: 1em;
}
.flag-2x {
  width: 2.66666667em;
  line-height: 2em;
}
.flag-3x {
  width: 4em;
  line-height: 3em;
}
.flag-4x {
  width: 5.33333333em;
  line-height: 4em;
}
.flag-5x {
  width: 6.66666667em;
  line-height: 5em;
}
.flag-6x {
  width: 8em;
  line-height: 6em;
}
.flag-7x {
  width: 9.33333333em;
  line-height: 7em;
}
.flag-8x {
  width: 10.66666667em;
  line-height: 8em;
}
.flag-9x {
  width: 12em;
  line-height: 9em;
}
.flag-10x {
  width: 13.33333333em;
  line-height: 10em;
}
.flag-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.flag-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.flag-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.flag-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.flag-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .flag-rotate-90,
:root .flag-rotate-180,
:root .flag-rotate-270,
:root .flag-flip-horizontal,
:root .flag-flip-vertical {
  filter: none;
}
.flag-abw,
.flag-aw,
.flag-533,
.flag-ioc-aru,
.flag-fifa-aru {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/abw.svg);
}
.flag-afg,
.flag-af,
.flag-4,
.flag-ioc-afg,
.flag-fifa-afg {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/afg.svg);
}
.flag-ago,
.flag-ao,
.flag-24,
.flag-ioc-ang,
.flag-fifa-ang {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ago.svg);
}
.flag-aia,
.flag-ai,
.flag-660,
.flag-ioc-aia,
.flag-fifa-aia {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/aia.svg);
}
.flag-ala,
.flag-ax,
.flag-248,
.flag-fifa-ald {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ala.svg);
}
.flag-alb,
.flag-al,
.flag-8,
.flag-ioc-alb,
.flag-fifa-alb {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/alb.svg);
}
.flag-and,
.flag-ad,
.flag-20,
.flag-ioc-and,
.flag-fifa-and {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/and.svg);
}
.flag-are,
.flag-ae,
.flag-784,
.flag-ioc-uae,
.flag-fifa-uae {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/are.svg);
}
.flag-arg,
.flag-ar,
.flag-32,
.flag-ioc-arg,
.flag-fifa-arg {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/arg.svg);
}
.flag-arm,
.flag-am,
.flag-51,
.flag-ioc-arm,
.flag-fifa-arm {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/arm.svg);
}
.flag-asm,
.flag-as,
.flag-16,
.flag-ioc-asa,
.flag-fifa-asa {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/asm.svg);
}
.flag-ata,
.flag-aq,
.flag-10,
.flag-fifa-ros {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ata.svg);
}
.flag-atf,
.flag-tf,
.flag-260 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/atf.svg);
}
.flag-atg,
.flag-ag,
.flag-28,
.flag-ioc-ant,
.flag-fifa-atg {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/atg.svg);
}
.flag-aus,
.flag-au,
.flag-36,
.flag-ioc-aus,
.flag-fifa-aus {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/aus.svg);
}
.flag-aut,
.flag-at,
.flag-40,
.flag-ioc-aut,
.flag-fifa-aut {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/aut.svg);
}
.flag-aze,
.flag-az,
.flag-31,
.flag-ioc-aze,
.flag-fifa-aze {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/aze.svg);
}
.flag-bdi,
.flag-bi,
.flag-108,
.flag-ioc-bdi,
.flag-fifa-bdi {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bdi.svg);
}
.flag-bel,
.flag-be,
.flag-56,
.flag-ioc-bel,
.flag-fifa-bel {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bel.svg);
}
.flag-ben,
.flag-bj,
.flag-204,
.flag-ioc-ben,
.flag-fifa-ben {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ben.svg);
}
.flag-bes,
.flag-bq,
.flag-535,
.flag-ioc-aho,
.flag-fifa-ant {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bes.svg);
}
.flag-bfa,
.flag-bf,
.flag-854,
.flag-ioc-bur,
.flag-fifa-bfa {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bfa.svg);
}
.flag-bgd,
.flag-bd,
.flag-50,
.flag-ioc-ban,
.flag-fifa-ban {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bgd.svg);
}
.flag-bgr,
.flag-bg,
.flag-100,
.flag-ioc-bul,
.flag-fifa-bul {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bgr.svg);
}
.flag-bhr,
.flag-bh,
.flag-48,
.flag-ioc-brn,
.flag-fifa-bhr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bhr.svg);
}
.flag-bhs,
.flag-bs,
.flag-44,
.flag-ioc-bah,
.flag-fifa-bah {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bhs.svg);
}
.flag-bih,
.flag-ba,
.flag-70,
.flag-ioc-bih,
.flag-fifa-bih {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bih.svg);
}
.flag-blm,
.flag-bl,
.flag-652 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/blm.svg);
}
.flag-blr,
.flag-by,
.flag-112,
.flag-ioc-blr,
.flag-fifa-blr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/blr.svg);
}
.flag-blz,
.flag-bz,
.flag-84,
.flag-ioc-biz,
.flag-fifa-blz {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/blz.svg);
}
.flag-bmu,
.flag-bm,
.flag-60,
.flag-ioc-ber,
.flag-fifa-ber {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bmu.svg);
}
.flag-bol,
.flag-bo,
.flag-68,
.flag-ioc-bol,
.flag-fifa-bol {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bol.svg);
}
.flag-bra,
.flag-br,
.flag-76,
.flag-ioc-bra,
.flag-fifa-bra {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bra.svg);
}
.flag-brb,
.flag-bb,
.flag-52,
.flag-ioc-bar,
.flag-fifa-brb {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/brb.svg);
}
.flag-brn,
.flag-bn,
.flag-96,
.flag-ioc-bru,
.flag-fifa-bru {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/brn.svg);
}
.flag-btn,
.flag-bt,
.flag-64,
.flag-ioc-bhu,
.flag-fifa-bhu {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/btn.svg);
}
.flag-bvt,
.flag-bv,
.flag-74 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bvt.svg);
}
.flag-bwa,
.flag-bw,
.flag-72,
.flag-ioc-bot,
.flag-fifa-bot {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/bwa.svg);
}
.flag-caf,
.flag-cf,
.flag-140,
.flag-ioc-caf,
.flag-fifa-cta {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/caf.svg);
}
.flag-can,
.flag-ca,
.flag-124,
.flag-ioc-can,
.flag-fifa-can {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/can.svg);
}
.flag-cck,
.flag-cc,
.flag-166,
.flag-fifa-cck {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cck.svg);
}
.flag-che,
.flag-ch,
.flag-756,
.flag-ioc-sui,
.flag-fifa-sui {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/che.svg);
}
.flag-chl,
.flag-cl,
.flag-152,
.flag-ioc-chi,
.flag-fifa-chi {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/chl.svg);
}
.flag-chn,
.flag-cn,
.flag-156,
.flag-ioc-chn,
.flag-fifa-chn {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/chn.svg);
}
.flag-civ,
.flag-ci,
.flag-384,
.flag-ioc-civ,
.flag-fifa-civ {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/civ.svg);
}
.flag-cmr,
.flag-cm,
.flag-120,
.flag-ioc-cmr,
.flag-fifa-cmr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cmr.svg);
}
.flag-cod,
.flag-cd,
.flag-180,
.flag-ioc-cod,
.flag-fifa-cod {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cod.svg);
}
.flag-cog,
.flag-cg,
.flag-178,
.flag-ioc-cgo,
.flag-fifa-cgo {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cog.svg);
}
.flag-cok,
.flag-ck,
.flag-184,
.flag-ioc-cok,
.flag-fifa-cok {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cok.svg);
}
.flag-col,
.flag-co,
.flag-170,
.flag-ioc-col,
.flag-fifa-col {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/col.svg);
}
.flag-com,
.flag-km,
.flag-174,
.flag-ioc-com,
.flag-fifa-com {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/com.svg);
}
.flag-cpv,
.flag-cv,
.flag-132,
.flag-ioc-cpv,
.flag-fifa-cpv {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cpv.svg);
}
.flag-cri,
.flag-cr,
.flag-188,
.flag-ioc-crc,
.flag-fifa-crc {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cri.svg);
}
.flag-cub,
.flag-cu,
.flag-192,
.flag-ioc-cub,
.flag-fifa-cub {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cub.svg);
}
.flag-cuw,
.flag-cw,
.flag-531 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cuw.svg);
}
.flag-cxr,
.flag-cx,
.flag-162,
.flag-fifa-cxr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cxr.svg);
}
.flag-cym,
.flag-ky,
.flag-136,
.flag-ioc-cay,
.flag-fifa-cay {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cym.svg);
}
.flag-cyp,
.flag-cy,
.flag-196,
.flag-ioc-cyp,
.flag-fifa-cyp {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cyp.svg);
}
.flag-cze,
.flag-cz,
.flag-203,
.flag-ioc-cze,
.flag-fifa-cze {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/cze.svg);
}
.flag-deu,
.flag-de,
.flag-276,
.flag-ioc-ger,
.flag-fifa-ger {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/deu.svg);
}
.flag-dji,
.flag-dj,
.flag-262,
.flag-ioc-dji,
.flag-fifa-dji {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/dji.svg);
}
.flag-dma,
.flag-dm,
.flag-212,
.flag-ioc-dma,
.flag-fifa-dma {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/dma.svg);
}
.flag-dnk,
.flag-dk,
.flag-208,
.flag-ioc-den,
.flag-fifa-den {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/dnk.svg);
}
.flag-dom,
.flag-do,
.flag-214,
.flag-ioc-dom,
.flag-fifa-dom {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/dom.svg);
}
.flag-dza,
.flag-dz,
.flag-12,
.flag-ioc-alg,
.flag-fifa-alg {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/dza.svg);
}
.flag-ecu,
.flag-ec,
.flag-218,
.flag-ioc-ecu,
.flag-fifa-ecu {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ecu.svg);
}
.flag-egy,
.flag-eg,
.flag-818,
.flag-ioc-egy,
.flag-fifa-egy {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/egy.svg);
}
.flag-eri,
.flag-er,
.flag-232,
.flag-ioc-eri,
.flag-fifa-eri {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/eri.svg);
}
.flag-esh,
.flag-eh,
.flag-732,
.flag-fifa-sah {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/esh.svg);
}
.flag-esp,
.flag-es,
.flag-724,
.flag-ioc-esp,
.flag-fifa-esp {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/esp.svg);
}
.flag-est,
.flag-ee,
.flag-233,
.flag-ioc-est,
.flag-fifa-est {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/est.svg);
}
.flag-eth,
.flag-et,
.flag-231,
.flag-ioc-eth,
.flag-fifa-eth {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/eth.svg);
}
.flag-fin,
.flag-fi,
.flag-246,
.flag-ioc-fin,
.flag-fifa-fin {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/fin.svg);
}
.flag-fji,
.flag-fj,
.flag-242,
.flag-ioc-fij,
.flag-fifa-fij {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/fji.svg);
}
.flag-flk,
.flag-fk,
.flag-238,
.flag-ioc-flk,
.flag-fifa-flk {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/flk.svg);
}
.flag-fra,
.flag-fr,
.flag-250,
.flag-ioc-fra,
.flag-fifa-fra {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/fra.svg);
}
.flag-fro,
.flag-fo,
.flag-234,
.flag-ioc-far,
.flag-fifa-fro {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/fro.svg);
}
.flag-fsm,
.flag-fm,
.flag-583,
.flag-ioc-fsm,
.flag-fifa-fsm {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/fsm.svg);
}
.flag-gab,
.flag-ga,
.flag-266,
.flag-ioc-gab,
.flag-fifa-gab {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/gab.svg);
}
.flag-gbr,
.flag-gb,
.flag-826,
.flag-ioc-gbr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/gbr.svg);
}
.flag-geo,
.flag-ge,
.flag-268,
.flag-ioc-geo,
.flag-fifa-geo {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/geo.svg);
}
.flag-ggy,
.flag-gg,
.flag-831,
.flag-fifa-gbg {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ggy.svg);
}
.flag-gha,
.flag-gh,
.flag-288,
.flag-ioc-gha,
.flag-fifa-gha {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/gha.svg);
}
.flag-gib,
.flag-gi,
.flag-292,
.flag-ioc-gib,
.flag-fifa-gbz {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/gib.svg);
}
.flag-gin,
.flag-gn,
.flag-324,
.flag-ioc-gui,
.flag-fifa-gui {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/gin.svg);
}
.flag-glp,
.flag-gp,
.flag-312,
.flag-ioc-gud,
.flag-fifa-glp {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/glp.svg);
}
.flag-gmb,
.flag-gm,
.flag-270,
.flag-ioc-gam,
.flag-fifa-gam {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/gmb.svg);
}
.flag-gnb,
.flag-gw,
.flag-624,
.flag-ioc-gbs,
.flag-fifa-gnb {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/gnb.svg);
}
.flag-gnq,
.flag-gq,
.flag-226,
.flag-ioc-geq,
.flag-fifa-eqg {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/gnq.svg);
}
.flag-grc,
.flag-gr,
.flag-300,
.flag-ioc-gre,
.flag-fifa-gre {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/grc.svg);
}
.flag-grd,
.flag-gd,
.flag-308,
.flag-ioc-grn,
.flag-fifa-grn {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/grd.svg);
}
.flag-grl,
.flag-gl,
.flag-304,
.flag-ioc-grl,
.flag-fifa-grl {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/grl.svg);
}
.flag-gtm,
.flag-gt,
.flag-320,
.flag-ioc-gua,
.flag-fifa-gua {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/gtm.svg);
}
.flag-guf,
.flag-gf,
.flag-254,
.flag-ioc-fgu,
.flag-fifa-guf {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/guf.svg);
}
.flag-gum,
.flag-gu,
.flag-316,
.flag-ioc-gum,
.flag-fifa-gum {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/gum.svg);
}
.flag-guy,
.flag-gy,
.flag-328,
.flag-ioc-guy,
.flag-fifa-guy {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/guy.svg);
}
.flag-hkg,
.flag-hk,
.flag-344,
.flag-ioc-hkg,
.flag-fifa-hkg {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/hkg.svg);
}
.flag-hmd,
.flag-hm,
.flag-334 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/hmd.svg);
}
.flag-hnd,
.flag-hn,
.flag-340,
.flag-ioc-hon,
.flag-fifa-hon {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/hnd.svg);
}
.flag-hrv,
.flag-hr,
.flag-191,
.flag-ioc-cro,
.flag-fifa-cro {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/hrv.svg);
}
.flag-hti,
.flag-ht,
.flag-332,
.flag-ioc-hai,
.flag-fifa-hai {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/hti.svg);
}
.flag-hun,
.flag-hu,
.flag-348,
.flag-ioc-hun,
.flag-fifa-hun {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/hun.svg);
}
.flag-idn,
.flag-id,
.flag-360,
.flag-ioc-ina,
.flag-fifa-idn {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/idn.svg);
}
.flag-imn,
.flag-im,
.flag-833,
.flag-fifa-gbm {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/imn.svg);
}
.flag-ind,
.flag-in,
.flag-356,
.flag-ioc-ind,
.flag-fifa-ind {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ind.svg);
}
.flag-iot,
.flag-io,
.flag-86 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/iot.svg);
}
.flag-irl,
.flag-ie,
.flag-372,
.flag-ioc-irl,
.flag-fifa-irl {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/irl.svg);
}
.flag-irn,
.flag-ir,
.flag-364,
.flag-ioc-iri,
.flag-fifa-irn {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/irn.svg);
}
.flag-irq,
.flag-iq,
.flag-368,
.flag-ioc-irq,
.flag-fifa-irq {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/irq.svg);
}
.flag-isl,
.flag-is,
.flag-352,
.flag-ioc-isl,
.flag-fifa-isl {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/isl.svg);
}
.flag-isr,
.flag-il,
.flag-376,
.flag-ioc-isr,
.flag-fifa-isr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/isr.svg);
}
.flag-ita,
.flag-it,
.flag-380,
.flag-ioc-ita,
.flag-fifa-ita {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ita.svg);
}
.flag-jam,
.flag-jm,
.flag-388,
.flag-ioc-jam,
.flag-fifa-jam {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/jam.svg);
}
.flag-jey,
.flag-je,
.flag-832,
.flag-fifa-gbj {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/jey.svg);
}
.flag-jor,
.flag-jo,
.flag-400,
.flag-ioc-jor,
.flag-fifa-jor {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/jor.svg);
}
.flag-jpn,
.flag-jp,
.flag-392,
.flag-ioc-jpn,
.flag-fifa-jpn {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/jpn.svg);
}
.flag-kaz,
.flag-kz,
.flag-398,
.flag-ioc-kaz,
.flag-fifa-kaz {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/kaz.svg);
}
.flag-ken,
.flag-ke,
.flag-404,
.flag-ioc-ken,
.flag-fifa-ken {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ken.svg);
}
.flag-kgz,
.flag-kg,
.flag-417,
.flag-ioc-kgz,
.flag-fifa-kgz {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/kgz.svg);
}
.flag-khm,
.flag-kh,
.flag-116,
.flag-ioc-cam,
.flag-fifa-cam {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/khm.svg);
}
.flag-kir,
.flag-ki,
.flag-296,
.flag-ioc-kir,
.flag-fifa-kir {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/kir.svg);
}
.flag-kna,
.flag-kn,
.flag-659,
.flag-ioc-skn,
.flag-fifa-skn {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/kna.svg);
}
.flag-kor,
.flag-kr,
.flag-410,
.flag-ioc-kor,
.flag-fifa-kor {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/kor.svg);
}
.flag-kwt,
.flag-kw,
.flag-414,
.flag-ioc-kuw,
.flag-fifa-kuw {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/kwt.svg);
}
.flag-lao,
.flag-la,
.flag-418,
.flag-ioc-lao,
.flag-fifa-lao {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/lao.svg);
}
.flag-lbn,
.flag-lb,
.flag-422,
.flag-ioc-lib,
.flag-fifa-lib {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/lbn.svg);
}
.flag-lbr,
.flag-lr,
.flag-430,
.flag-ioc-lbr,
.flag-fifa-lbr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/lbr.svg);
}
.flag-lby,
.flag-ly,
.flag-434,
.flag-ioc-lba,
.flag-fifa-lby {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/lby.svg);
}
.flag-lca,
.flag-lc,
.flag-662,
.flag-ioc-lca,
.flag-fifa-lca {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/lca.svg);
}
.flag-lie,
.flag-li,
.flag-438,
.flag-ioc-lie,
.flag-fifa-lie {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/lie.svg);
}
.flag-lka,
.flag-lk,
.flag-144,
.flag-ioc-sri,
.flag-fifa-sri {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/lka.svg);
}
.flag-lso,
.flag-ls,
.flag-426,
.flag-ioc-les,
.flag-fifa-les {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/lso.svg);
}
.flag-ltu,
.flag-lt,
.flag-440,
.flag-ioc-ltu,
.flag-fifa-ltu {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ltu.svg);
}
.flag-lux,
.flag-lu,
.flag-442,
.flag-ioc-lux,
.flag-fifa-lux {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/lux.svg);
}
.flag-lva,
.flag-lv,
.flag-428,
.flag-ioc-lat,
.flag-fifa-lva {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/lva.svg);
}
.flag-mac,
.flag-mo,
.flag-446,
.flag-ioc-mac,
.flag-fifa-mac {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mac.svg);
}
.flag-maf,
.flag-mf,
.flag-663 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/maf.svg);
}
.flag-mar,
.flag-ma,
.flag-504,
.flag-ioc-mar,
.flag-fifa-mar {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mar.svg);
}
.flag-mco,
.flag-mc,
.flag-492,
.flag-ioc-mon,
.flag-fifa-mon {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mco.svg);
}
.flag-mda,
.flag-md,
.flag-498,
.flag-ioc-mda,
.flag-fifa-mda {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mda.svg);
}
.flag-mdg,
.flag-mg,
.flag-450,
.flag-ioc-mad,
.flag-fifa-mad {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mdg.svg);
}
.flag-mdv,
.flag-mv,
.flag-462,
.flag-ioc-mdv,
.flag-fifa-mdv {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mdv.svg);
}
.flag-mex,
.flag-mx,
.flag-484,
.flag-ioc-mex,
.flag-fifa-mex {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mex.svg);
}
.flag-mhl,
.flag-mh,
.flag-584,
.flag-ioc-msh,
.flag-fifa-mhl {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mhl.svg);
}
.flag-mkd,
.flag-mk,
.flag-807,
.flag-ioc-mkd,
.flag-fifa-mkd {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mkd.svg);
}
.flag-mli,
.flag-ml,
.flag-466,
.flag-ioc-mli,
.flag-fifa-mli {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mli.svg);
}
.flag-mlt,
.flag-mt,
.flag-470,
.flag-ioc-mlt,
.flag-fifa-mlt {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mlt.svg);
}
.flag-mmr,
.flag-mm,
.flag-104,
.flag-ioc-mya,
.flag-fifa-mya {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mmr.svg);
}
.flag-mne,
.flag-me,
.flag-499,
.flag-ioc-mgo,
.flag-fifa-mne {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mne.svg);
}
.flag-mng,
.flag-mn,
.flag-496,
.flag-ioc-mgl,
.flag-fifa-mng {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mng.svg);
}
.flag-mnp,
.flag-mp,
.flag-580,
.flag-ioc-nma,
.flag-fifa-nmi {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mnp.svg);
}
.flag-moz,
.flag-mz,
.flag-508,
.flag-ioc-moz,
.flag-fifa-moz {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/moz.svg);
}
.flag-mrt,
.flag-mr,
.flag-478,
.flag-ioc-mtn,
.flag-fifa-mtn {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mrt.svg);
}
.flag-msr,
.flag-ms,
.flag-500,
.flag-ioc-mnt,
.flag-fifa-msr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/msr.svg);
}
.flag-mtq,
.flag-mq,
.flag-474,
.flag-ioc-mrt,
.flag-fifa-mtq {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mtq.svg);
}
.flag-mus,
.flag-mu,
.flag-480,
.flag-ioc-mri,
.flag-fifa-mri {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mus.svg);
}
.flag-mwi,
.flag-mw,
.flag-454,
.flag-ioc-maw,
.flag-fifa-mwi {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mwi.svg);
}
.flag-mys,
.flag-my,
.flag-458,
.flag-ioc-mas,
.flag-fifa-mas {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/mys.svg);
}
.flag-myt,
.flag-yt,
.flag-175,
.flag-ioc-may,
.flag-fifa-myt {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/myt.svg);
}
.flag-nam,
.flag-na,
.flag-516,
.flag-ioc-nam,
.flag-fifa-nam {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/nam.svg);
}
.flag-ncl,
.flag-nc,
.flag-540,
.flag-ioc-ncd,
.flag-fifa-ncl {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ncl.svg);
}
.flag-ner,
.flag-ne,
.flag-562,
.flag-ioc-nig,
.flag-fifa-nig {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ner.svg);
}
.flag-nfk,
.flag-nf,
.flag-574,
.flag-ioc-nfi,
.flag-fifa-nfk {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/nfk.svg);
}
.flag-nga,
.flag-ng,
.flag-566,
.flag-ioc-ngr,
.flag-fifa-nga {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/nga.svg);
}
.flag-nic,
.flag-ni,
.flag-558,
.flag-ioc-nca,
.flag-fifa-nca {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/nic.svg);
}
.flag-niu,
.flag-nu,
.flag-570,
.flag-ioc-niu,
.flag-fifa-niu {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/niu.svg);
}
.flag-nld,
.flag-nl,
.flag-528,
.flag-ioc-ned,
.flag-fifa-ned {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/nld.svg);
}
.flag-nor,
.flag-no,
.flag-578,
.flag-ioc-nor,
.flag-fifa-nor {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/nor.svg);
}
.flag-npl,
.flag-np,
.flag-524,
.flag-ioc-nep,
.flag-fifa-nep {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/npl.svg);
}
.flag-nru,
.flag-nr,
.flag-520,
.flag-ioc-nru,
.flag-fifa-nru {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/nru.svg);
}
.flag-nzl,
.flag-nz,
.flag-554,
.flag-ioc-nzl,
.flag-fifa-nzl {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/nzl.svg);
}
.flag-omn,
.flag-om,
.flag-512,
.flag-ioc-oma,
.flag-fifa-oma {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/omn.svg);
}
.flag-pak,
.flag-pk,
.flag-586,
.flag-ioc-pak,
.flag-fifa-pak {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/pak.svg);
}
.flag-pan,
.flag-pa,
.flag-591,
.flag-ioc-pan,
.flag-fifa-pan {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/pan.svg);
}
.flag-pcn,
.flag-pn,
.flag-612,
.flag-fifa-pcn {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/pcn.svg);
}
.flag-per,
.flag-pe,
.flag-604,
.flag-ioc-per,
.flag-fifa-per {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/per.svg);
}
.flag-phl,
.flag-ph,
.flag-608,
.flag-ioc-phi,
.flag-fifa-phi {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/phl.svg);
}
.flag-plw,
.flag-pw,
.flag-585,
.flag-ioc-plw,
.flag-fifa-plw {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/plw.svg);
}
.flag-png,
.flag-pg,
.flag-598,
.flag-ioc-png,
.flag-fifa-png {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/png.svg);
}
.flag-pol,
.flag-pl,
.flag-616,
.flag-ioc-pol,
.flag-fifa-pol {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/pol.svg);
}
.flag-pri,
.flag-pr,
.flag-630,
.flag-ioc-pur,
.flag-fifa-pur {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/pri.svg);
}
.flag-prk,
.flag-kp,
.flag-408,
.flag-ioc-prk,
.flag-fifa-prk {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/prk.svg);
}
.flag-prt,
.flag-pt,
.flag-620,
.flag-ioc-por,
.flag-fifa-por {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/prt.svg);
}
.flag-pry,
.flag-py,
.flag-600,
.flag-ioc-par,
.flag-fifa-par {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/pry.svg);
}
.flag-pse,
.flag-ps,
.flag-275,
.flag-ioc-ple,
.flag-fifa-ple {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/pse.svg);
}
.flag-pyf,
.flag-pf,
.flag-258,
.flag-ioc-fpo,
.flag-fifa-tah2 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/pyf.svg);
}
.flag-qat,
.flag-qa,
.flag-634,
.flag-ioc-qat,
.flag-fifa-qat {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/qat.svg);
}
.flag-reu,
.flag-re,
.flag-638,
.flag-ioc-reu,
.flag-fifa-reu {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/reu.svg);
}
.flag-rou,
.flag-ro,
.flag-642,
.flag-ioc-rou,
.flag-fifa-rou {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/rou.svg);
}
.flag-rus,
.flag-ru,
.flag-643,
.flag-ioc-rus,
.flag-fifa-rus {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/rus.svg);
}
.flag-rwa,
.flag-rw,
.flag-646,
.flag-ioc-rwa,
.flag-fifa-rwa {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/rwa.svg);
}
.flag-sau,
.flag-sa,
.flag-682,
.flag-ioc-ksa,
.flag-fifa-ksa {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/sau.svg);
}
.flag-sdn,
.flag-sd,
.flag-729,
.flag-ioc-sud,
.flag-fifa-sud {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/sdn.svg);
}
.flag-sen,
.flag-sn,
.flag-686,
.flag-ioc-sen,
.flag-fifa-sen {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/sen.svg);
}
.flag-sgp,
.flag-sg,
.flag-702,
.flag-ioc-sin,
.flag-fifa-sin {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/sgp.svg);
}
.flag-sgs,
.flag-gs,
.flag-239 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/sgs.svg);
}
.flag-shn,
.flag-sh,
.flag-654,
.flag-ioc-hel,
.flag-fifa-shn {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/shn.svg);
}
.flag-sjm,
.flag-sj,
.flag-744 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/sjm.svg);
}
.flag-slb,
.flag-sb,
.flag-90,
.flag-ioc-sol,
.flag-fifa-sol {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/slb.svg);
}
.flag-sle,
.flag-sl,
.flag-694,
.flag-ioc-sle,
.flag-fifa-sle {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/sle.svg);
}
.flag-slv,
.flag-sv,
.flag-222,
.flag-ioc-esa,
.flag-fifa-slv {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/slv.svg);
}
.flag-smr,
.flag-sm,
.flag-674,
.flag-ioc-smr,
.flag-fifa-smr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/smr.svg);
}
.flag-som,
.flag-so,
.flag-706,
.flag-ioc-som,
.flag-fifa-som {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/som.svg);
}
.flag-spm,
.flag-pm,
.flag-666,
.flag-ioc-spm,
.flag-fifa-spm {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/spm.svg);
}
.flag-srb,
.flag-rs,
.flag-688,
.flag-ioc-srb,
.flag-fifa-srb {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/srb.svg);
}
.flag-ssd,
.flag-ss,
.flag-728 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ssd.svg);
}
.flag-stp,
.flag-st,
.flag-678,
.flag-ioc-stp,
.flag-fifa-stp {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/stp.svg);
}
.flag-sur,
.flag-sr,
.flag-740,
.flag-ioc-sur,
.flag-fifa-sur {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/sur.svg);
}
.flag-svk,
.flag-sk,
.flag-703,
.flag-ioc-svk,
.flag-fifa-svk {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/svk.svg);
}
.flag-svn,
.flag-si,
.flag-705,
.flag-ioc-slo,
.flag-fifa-svn {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/svn.svg);
}
.flag-swe,
.flag-se,
.flag-752,
.flag-ioc-swe,
.flag-fifa-swe {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/swe.svg);
}
.flag-swz,
.flag-sz,
.flag-748,
.flag-ioc-swz,
.flag-fifa-swz {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/swz.svg);
}
.flag-sxm,
.flag-sx,
.flag-534 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/sxm.svg);
}
.flag-syc,
.flag-sc,
.flag-690,
.flag-ioc-sey,
.flag-fifa-sey {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/syc.svg);
}
.flag-syr,
.flag-sy,
.flag-760,
.flag-ioc-syr,
.flag-fifa-syr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/syr.svg);
}
.flag-tca,
.flag-tc,
.flag-796,
.flag-ioc-tks,
.flag-fifa-tca {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tca.svg);
}
.flag-tcd,
.flag-td,
.flag-148,
.flag-ioc-cha,
.flag-fifa-cha {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tcd.svg);
}
.flag-tgo,
.flag-tg,
.flag-768,
.flag-ioc-tog,
.flag-fifa-tog {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tgo.svg);
}
.flag-tha,
.flag-th,
.flag-764,
.flag-ioc-tha,
.flag-fifa-tha {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tha.svg);
}
.flag-tjk,
.flag-tj,
.flag-762,
.flag-ioc-tjk,
.flag-fifa-tjk {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tjk.svg);
}
.flag-tkl,
.flag-tk,
.flag-772,
.flag-fifa-tkl {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tkl.svg);
}
.flag-tkm,
.flag-tm,
.flag-795,
.flag-ioc-tkm,
.flag-fifa-tkm {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tkm.svg);
}
.flag-tls,
.flag-tl,
.flag-626,
.flag-ioc-tls,
.flag-fifa-tls {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tls.svg);
}
.flag-ton,
.flag-to,
.flag-776,
.flag-ioc-tga,
.flag-fifa-tga {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ton.svg);
}
.flag-tto,
.flag-tt,
.flag-780,
.flag-ioc-tto,
.flag-fifa-tri {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tto.svg);
}
.flag-tun,
.flag-tn,
.flag-788,
.flag-ioc-tun,
.flag-fifa-tun {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tun.svg);
}
.flag-tur,
.flag-tr,
.flag-792,
.flag-ioc-tur,
.flag-fifa-tur {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tur.svg);
}
.flag-tuv,
.flag-tv,
.flag-798,
.flag-ioc-tuv,
.flag-fifa-tuv {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tuv.svg);
}
.flag-twn,
.flag-tw,
.flag-158 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/twn.svg);
}
.flag-tza,
.flag-tz,
.flag-834,
.flag-ioc-tan,
.flag-fifa-tan {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tza.svg);
}
.flag-uga,
.flag-ug,
.flag-800,
.flag-ioc-uga,
.flag-fifa-uga {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/uga.svg);
}
.flag-ukr,
.flag-ua,
.flag-804,
.flag-ioc-ukr,
.flag-fifa-ukr {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ukr.svg);
}
.flag-umi,
.flag-um,
.flag-581 {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/umi.svg);
}
.flag-ury,
.flag-uy,
.flag-858,
.flag-ioc-uru,
.flag-fifa-uru {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ury.svg);
}
.flag-usa,
.flag-us,
.flag-840,
.flag-ioc-usa,
.flag-fifa-usa {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/usa.svg);
}
.flag-uzb,
.flag-uz,
.flag-860,
.flag-ioc-uzb,
.flag-fifa-uzb {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/uzb.svg);
}
.flag-vat,
.flag-va,
.flag-336,
.flag-fifa-vat {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/vat.svg);
}
.flag-vct,
.flag-vc,
.flag-670,
.flag-ioc-vin,
.flag-fifa-vin {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/vct.svg);
}
.flag-ven,
.flag-ve,
.flag-862,
.flag-ioc-ven,
.flag-fifa-ven {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/ven.svg);
}
.flag-vgb,
.flag-vg,
.flag-92,
.flag-ioc-ivb,
.flag-fifa-vgb {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/vgb.svg);
}
.flag-vir,
.flag-vi,
.flag-850,
.flag-ioc-isv,
.flag-fifa-vir {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/vir.svg);
}
.flag-vnm,
.flag-vn,
.flag-704,
.flag-ioc-vie,
.flag-fifa-vie {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/vnm.svg);
}
.flag-vut,
.flag-vu,
.flag-548,
.flag-ioc-van,
.flag-fifa-van {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/vut.svg);
}
.flag-wlf,
.flag-wf,
.flag-876,
.flag-ioc-waf,
.flag-fifa-wlf {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/wlf.svg);
}
.flag-wsm,
.flag-ws,
.flag-882,
.flag-ioc-sam,
.flag-fifa-sam {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/wsm.svg);
}
.flag-yem,
.flag-ye,
.flag-887,
.flag-ioc-yem,
.flag-fifa-yem {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/yem.svg);
}
.flag-zaf,
.flag-za,
.flag-710,
.flag-ioc-rsa,
.flag-fifa-rsa {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/zaf.svg);
}
.flag-zmb,
.flag-zm,
.flag-894,
.flag-ioc-zam,
.flag-fifa-zam {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/zmb.svg);
}
.flag-zwe,
.flag-zw,
.flag-716,
.flag-ioc-zim,
.flag-fifa-zim {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/zwe.svg);
}
.flag-fifa-eng {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/eng.svg);
}
.flag-eur,
.flag-eu {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/eur.svg);
}
.flag-ioc-kos {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/kos.svg);
}
.flag-fifa-nir {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/nir.svg);
}
.flag-ico-tpe,
.flag-fifa-tpe {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/tpe.svg);
}
.flag-fifa-sco {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/sco.svg);
}
.flag-fifa-wal {
  background-image: url(//sandbox.mediafire.com/images/flags_svg/wal.svg);
}





/*
	MediaFire Master Stylesheet, Ver. 4
*/

/*--------------------------------------------------------------------
LAYOUT CSS
layout.css.php
----------------------------------------------------------------------
CONCATENATED FILE, PART OF:
/css/mfv4_(build number).php?ver=nonssl&amp;date=(build date)
----------------------------------------------------------------------
CASCADE ORDER:
	/store/lrdistro/c/w/content/css/global.css.php
	/store/lrdistro/c/w/content/css/utility.css.php
-->	/store/lrdistro/c/w/content/css/layout.css.php
	/store/lrdistro/c/w/content/css/header.css.php
	/store/lrdistro/c/w/content/css/footer.css.php
	
	[ section dependent css, not part of mfv4 file ]
--------------------------------------------------------------------*/





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
LIQUID LAYOUT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.liquidLayout .wrap {
	width: 100%;
}

.filePreview  {
	height:100%;
}

.liquidLayout #container {
	overflow: hidden;
	padding: 0;
}









/*
	MediaFire Master Stylesheet, Ver. 4
*/

/*--------------------------------------------------------------------
HEADER CSS
header.css.php
----------------------------------------------------------------------
CONCATENATED FILE, PART OF:
/css/mfv4_(build number).php?ver=nonssl&amp;date=(build date)
----------------------------------------------------------------------
CASCADE ORDER:
	/store/lrdistro/c/w/content/css/global.css.php
	/store/lrdistro/c/w/content/css/utility.css.php
	/store/lrdistro/c/w/content/css/layout.css.php
-->	/store/lrdistro/c/w/content/css/header.css.php
	/store/lrdistro/c/w/content/css/footer.css.php

	[ section dependent css, not part of mfv4 file ]
--------------------------------------------------------------------*/

/* ==========================================================================
   Header styles
   ========================================================================== */

/* Default header */
#header {
    display: flex;
    align-items: center;
    height: 70px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 960px) {
    #header {
        position: relative;
    }
}

/* Home page and plans page */
.homePage #header,
.signUp #header {
    background: #0045AD;
    background: var(--mf-blue3);
    box-shadow: none;
}

/* Dashboard header, apps headers */
.myfiles #header,
.appView #header,
.confirmlogin #header {
    background: #0045AD;
    background: var(--mf-blue3);
    box-shadow: none;
    min-width: 940px;
}

/* Image viewer header */
.imagePreview #header {
    background: #2e2e2e;
}

.signUp #header,
.signUpRegister #header {
    position: static;
}

/* Header, main sub-components
   ========================================================================== */

#header > .wrap {
    display: flex;
    align-items: center;
}

@media (max-width: 960px) {
    #header > .wrap {
        width: 100%;
        padding: 0 15px;
    }
}

#header .nav {
    display: flex;
}

/* Parent of not logged in and logged in UI */
#logged_in_info {
    flex-shrink: 0;
}

#header .Btn {
    max-width: 150px;
    white-space: nowrap;
}

/* Allow button labels to ellipsize if button width limit is set (useful for translation) */
#header .Btn span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .imagePreview #header .Btn:not(.SignupBtn):not(.LoginBtn) span {
        display: none;
    }

    .imagePreview #header .Btn .Btn-icon {
        margin: 0;
    }
}

@media (max-width: 992px) {
    #header .Btn:not(.SignupBtn):not(.LoginBtn):not(.HeaderUnfollowButton) span {
        display: none;
    }

    #header .Btn .Btn-icon {
        margin: 0;
    }
}

/* Hide specific sub-components for some pages */
.homePage #secondaryHeaderNav,
.imagePreview #header .nav,
.myfiles #header .nav,
.myaccount #secondaryHeaderNav,
.myaccount #logged_in_info,
.dmca_user #header .HeaderHelpButton {
    display: none;
}

@media (max-width: 768px) {
    .HeaderMyFilesButton {
        display: none;
    }
}

@media (max-width: 576px) {
    .HeaderHelpButton {
        display: none;
    }
}

/* Modify My Files and help buttons for pages using white header */
body:not(.homePage):not(.signUp):not(.imagePreview):not(.confirmlogin) .HeaderMyFilesButton,
body:not(.homePage):not(.signUp):not(.confirmlogin) .HeaderHelpButton {
    color: #575B65;
    color: var(--mf-gray4);
    background-color: #E9EAEB;
    background-color: var(--mf-gray10);
}

body:not(.homePage):not(.signUp):not(.imagePreview):not(.confirmlogin) .HeaderMyFilesButton:hover,
body:not(.homePage):not(.signUp):not(.confirmlogin) .HeaderHelpButton:hover {
    background-color: #DBDCDF;
    background-color: var(--mf-gray9);
}

body:not(.homePage):not(.signUp):not(.imagePreview):not(.confirmlogin) .HeaderMyFilesButton .Btn-icon,
body:not(.homePage):not(.signUp):not(.confirmlogin) .HeaderHelpButton .Btn-icon {
    background-image: url(//sandbox.mediafire.com/images/icons/svg_dark/icons_sprite.svg);
}

/* Logo
   ========================================================================== */

#header .logo {
    display: flex;
    align-items: center;
    margin-right: auto;
}

/* Default logo */
#header .logo a {
    display: block;
    width: 190px;
    height: 26px;
}

@media screen and (max-width: 768px) {
    #header .logo a {
        width: 48px;
        overflow: hidden;
    }
}

.logo img {
    display: block;
}

/* Use blue flame + white text logo for home page, plans page, and login confirmation in settings  */
#mf_logo_full_color_reversed {
    display: none;
}

.homePage #mf_logo_full_color_reversed,
.signUp #mf_logo_full_color_reversed,
.confirmlogin #mf_logo_full_color_reversed {
    display: block;
}

.homePage #mf_logo_full_color,
.signUp #mf_logo_full_color,
.confirmlogin #mf_logo_full_color {
    display: none;
}

.myfiles #header .logo,
.appView #header .logo,
.imagePreview #header .logo {
    margin-left: 10px;
}

/* Resize to show flame logo for image views */
.imagePreview #header .logo a {
    width: 48px;
    height: 26px;
    overflow: hidden;
}

/* Replace logo with folder icon for shared folder view */
.sharemode #header .logo a {
    background: url(//sandbox.mediafire.com/images/backgrounds/header/sharemodeLogo.png) no-repeat;
    width: 50px;
    height: 36px;
}

/* Do not show MF logo <img> in these modes (show folder icon or custom logo instead) */
.sharemode #header .logo a > img,
#container[class*="collabmode"] #header .logo a > img {
    display: none !important;
}

/* Show a folder w/owner avatar instead of MF logo in .collabmode */
#container[class*="collabmode"] #header .logo a {
    background: url(//sandbox.mediafire.com/images/backgrounds/apps/collabmode/collabmode_header_folder.png) no-repeat!important;
    width: 74px!important;
    height: 54px!important;
    opacity: 1;
}

/* Not logged in UI
   ========================================================================== */

#notloggedin {
    display: none;
}

#notloggedin.prelogin {
    display: block;
}

#login_signup {
    display: flex;
}

#loggedin.prelogin,
#loggedin.prelogin + #loggedin_dropdown {
    display: none;
}

.LoginBtn-facebook,
.LoginBtn-twitter {
    flex-shrink: 0;
    height: 20px;
    width: 20px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .2);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px;
}

.LoginBtn-facebook {
    background-image: url(//sandbox.mediafire.com/images/icons/svg_light/facebook.svg);
    margin-left: 12px;
}

.LoginBtn-twitter {
    background-image: url(//sandbox.mediafire.com/images/icons/svg_light/twitter.svg);
    margin-left: 5px;
    margin-right: -4px;
}

#login_signup .LoginBtn {
    max-width: 200px;
}

@media (max-width: 992px) {
    .LoginBtn-facebook,
    .LoginBtn-twitter {
        display: none;
    }

    #login_signup .LoginBtn {
        max-width: 150px;
    }
}

@media (max-width: 576px) {
    #login_signup .Btn {
        max-width: 100px;
    }
}

@media (max-width: 350px) {
    #login_signup .Btn {
        max-width: 88px;
    }
}

/* hide signup button on signup page */
.signUp .SignupBtn {
    display: none;
}

/* adjust login button border radius on signup page */
.signUp .LoginBtn.Btn--roundedRight {
    border-radius: 3px;
}

/* Logged in UI
   ========================================================================== */

#loggedin {
    display: block;
    padding: 2px 2px 2px 20px;
    border-radius: 3px;
    background-color: #0070F0;
    background-color: var(--mf-blue4);
    transition: background-color .1s linear 0s;
}

#loggedin:hover,
.show_dropdown #loggedin {
    background-color: HSL(212, 100%, 42%); /* --mf-blue4, -5 L */
}

#loggedin .smArrowDown {
    position: absolute;
    width: 12px;
    height: 12px;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(//sandbox.mediafire.com/images/icons/svg_light/icons_sprite.svg);
    background-position: -510px center;
    background-repeat: no-repeat;
}

#loggedin .Header-avatar {
    display: block;
    position: relative;
    height: 32px;
    width: 32px;
    background-image: url(//sandbox.mediafire.com/images/icons/svg_dark/default_avatar.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #C1C3C7;
}

#loggedin .Header-avatar span {
    display: block;
    height: 32px;
    width: 32px;
}

#loggedin .Header-avatar img {
    height: 32px;
    width: 32px;
}

#loggedin .Header-avatar .notificationBubble {
    margin-top: -26px;
    margin-left: -26px;
}

#loggedin_dropdown {
    margin-right: 0;
    overflow: hidden;
}

#loggedin_dropdown .MainMenu-name {
    font-weight: bold;
    color: #000;
    font-style: normal;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#loggedin_dropdown .MainMenu-email {
    max-width: 600px;
}

#loggedin_dropdown .MainMenu-email div {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 750px) {
    #loggedin_dropdown .MainMenu-name,
    #loggedin_dropdown .MainMenu-email {
        white-space: normal;
    }

    #loggedin_dropdown .MainMenu-email div {
        word-break: break-all;
        min-width: 250px;
    }
}

/* Modify account dropdown button for pages using white header */
body:not(.homePage):not(.signUp):not(.imagePreview):not(.confirmlogin) #loggedin {
    background-color: #E9EAEB;
    background-color: var(--mf-gray10);
}

body:not(.homePage):not(.signUp):not(.imagePreview):not(.confirmlogin) #loggedin:hover,
body:not(.homePage):not(.signUp):not(.imagePreview):not(.confirmlogin) .show_dropdown #loggedin {
    background-color: #DBDCDF;
    background-color: var(--mf-gray9);
}

body:not(.homePage):not(.signUp):not(.imagePreview):not(.confirmlogin) #loggedin .smArrowDown {
    background-image: url(//sandbox.mediafire.com/images/icons/svg_dark/icons_sprite.svg);
}

/* Upgrade and discount button iframe (Google Optimize)
   ========================================================================== */

.upgrade_button_frame {
    display: flex;
    width: 150px;
    height: 40px;
    margin-right: 8px;
}

@media (max-width: 992px) {
    .upgrade_button_frame {
        width: 54px;
    }
}

/* App sections UI
   ========================================================================== */

.headerControls {
    display: none;
}

.headerControlsBtns {
    display: flex;
    flex-shrink: 0;
}

.headerControlsBtns .dropdown:hover > ul {
    display: block;
}

/* Image preview UI
   ========================================================================== */

.imagePreview #logged_in_info {
    margin-right: 10px;
}

.imagePreview #loggedin {
    background-color: #404040;
}

.imagePreview #headerControlsImageView {
    display: flex;
    flex-grow: 1;
    align-items: center;
    min-width: 0;
    margin-left: 10px;
}

.imagePreview #loggedin:hover,
.imagePreview .show_dropdown #loggedin {
    background: #494949;
}

@media (max-width: 768px) {
    .imagePreview #header .logo,
    .imagePreview .customLogoShared,
    .imagePreview #image_author,
    .imagePreview .HeaderMyFilesButton,
    .imagePreview #logged_in_info {
        display: none !important;
    }
}

/* My Files UI
   ========================================================================== */

.myfiles #logged_in_info {
    margin-right: 10px;
}

.myfiles .headerControlsBtns.hcMain {
    position: absolute;
    left: 290px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

.myfiles #headerControlsMyFiles {
    display: flex;
    align-items: center;
    flex-grow: 1;
    min-width: 0;
    justify-content: flex-end;
    margin-left: 10px;
}

.myfiles #headerControlsMyFiles .filenameShare {
    margin-right: auto;
    min-width: 0;
}

/* Shared folder view and collaboration mode UI
   ========================================================================== */

.myfiles #headerControlsMyFiles #shareMenu,
.myfiles .sharemode #headerControlsMyFiles #uploadMenu,
.myfiles .sharemode #headerControlsMyFiles #createMenu,
.myfiles .sharemode #headerControlsMyFiles #new_folder_trigger,
.myfiles .sharemode #headerControlsMyFiles .searchWrap,
.myfiles .collabmode #headerControlsMyFiles .searchWrap,
.myfiles .collabmode-view #headerControlsMyFiles .searchWrap,
.myfiles .collabmode-edit #headerControlsMyFiles .searchWrap,
.myfiles .collabmode-manage #headerControlsMyFiles .searchWrap,
.myfiles #header #headerControlsMyFiles .filenameShare,
.myfiles .collabmode #headerControlsMyFiles #uploadMenu,
.myfiles .collabmode-view #headerControlsMyFiles #uploadMenu,
.myfiles .collabmode #headerControlsMyFiles #createMenu,
.myfiles .collabmode-view #headerControlsMyFiles #createMenu,
.myfiles .collabmode #headerControlsMyFiles #new_folder_trigger,
.myfiles .collabmode-view #headerControlsMyFiles #new_folder_trigger,
.myfiles .collabmode #owner_breadcrumb1,
.myfiles .collabmode-view #owner_breadcrumb1,
.myfiles .collabmode-edit #owner_breadcrumb1,
.myfiles .collabmode-manage #owner_breadcrumb1,
.myfiles .collabmode .emptyArrow,
.myfiles .collabmode-view .emptyArrow,
.myfiles .collabmode-edit .emptyArrow,
.myfiles .collabmode-manage .emptyArrow {
    display: none;
}

.myfiles .collabmode-edit #headerControlsMyFiles #shareMenu,
.myfiles .collabmode-manage #headerControlsMyFiles #shareMenu,
.myfiles .collabmode #headerControlsMyFiles #shareMenu,
.myfiles .collabmode-view #headerControlsMyFiles #shareMenu,
.myfiles .sharemode #headerControlsMyFiles #shareMenu {
    display: flex;
}

.myfiles .sharemode #header #headerControlsMyFiles .filenameShare {
    display: block;
}

.sharemode #FP_fileDetails,
.sharemode #image_filename_details {
    line-height: 38px;
    margin-top: 1px;
}

.sharemode .title {
    display: flex;
    align-items: center;
    color: #fff;
}

.sharemode #folder_name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    white-space: nowrap;
}

.sharemode #folder_author {
    color: #fff;
    font-weight: normal;
    padding-right: 10px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#current_folder_unfollow {
    display: none;
}

.showFollowing #current_folder_unfollow {
    display: inline-flex;
}

.unfollowHover {
    display: none;
}

#current_folder_unfollow:hover .unfollowHover {
    display: inline;
}

#current_folder_unfollow:hover .followingTxt {
    display: none;
}

.customLogoShared {
    display: none;
    max-width: 190px;
    height: 70px;
    overflow: hidden;
    vertical-align: middle;
    align-items: center;
    margin-right: 10px;
    flex-shrink: 0;
}

.customLogoShared img {
    max-height: 100%;
}

#collabmodeContact {
    display: none;
    font-size: 14px;
}

#collabmodeContact .shareContactAvatar {
    position: absolute;
    left: 25px;
    top: 24px;
    margin: 0;
    width: 34px;
    height: 34px;
}

#collabmodeContact .collabContactName {
    max-width: 150px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

.customTheme.darkTheme .collabContactName {
    color: #fff;
}

.myfiles .collabmode #collabmodeContact,
.myfiles .collabmode-view #collabmodeContact,
.myfiles .collabmode-edit #collabmodeContact,
.myfiles .collabmode-manage #collabmodeContact {
    display: block;
}

/* ==========================================================================
   Legacy style (invesigate removal)
   ========================================================================== */

.hide_header { display: none }
/*
    MediaFire Master Stylesheet, Ver. 4
*/

/*--------------------------------------------------------------------
FOOTER CSS
footer.css.php
----------------------------------------------------------------------
CONCATENATED FILE, PART OF:
/css/mfv4_(build number).php?ver=nonssl&amp;date=(build date)
----------------------------------------------------------------------
CASCADE ORDER:
    /store/lrdistro/c/w/content/css/global.css.php
    /store/lrdistro/c/w/content/css/utility.css.php
    /store/lrdistro/c/w/content/css/layout.css.php
    /store/lrdistro/c/w/content/css/header.css.php
--> /store/lrdistro/c/w/content/css/footer.css.php




/* ==========================================================================
   Footer styles
   ========================================================================== */

#footer {
    min-height: 260px;
    margin-top: -260px;
    padding: 0 15px;
    color: #575B65;
    color: var(--mf-gray4);
    background-color: #f4f4f5;
    background-color: var(--mf-gray11);
    box-shadow: inset 0 1px 0px 0 rgba(0, 0, 0, .03);
    box-sizing: border-box;
    /**
     * Position and z-index added to avoid contrast errors in testing tools like axe.
     * This is caused by the negative top margin forcing #footer to overlap #container,
     * which already had z-index. This outdated method of forcing the footer to the bottom
     * should be reworked using modern layout styles (flex) --gabe 11/25/20
     */
    position: relative;
    z-index: 1;
}

#footer em {
    font-style: normal;
    font-weight: bold;
}

.footerColWrap {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
}

.footerCol {
    flex-basis: 20%;
}

.footerCol h2 {
    margin-bottom: 10px;
    font-size: .86rem;
    font-weight: bold;
    text-transform: uppercase;
}

#footer a {
    color: #575B65;
    color: var(--mf-gray4);
}

#footer a:hover {
    color: #222835;
    color: var(--mf-gray2);
}

#footerColFollow a {
    padding-left: 24px;
}

#footer .mflogo_footer {
    display: none;
    /*float: right;*/
    position: absolute;
    top: 32px; left: 0;
    height: 16px; width: 122px;
    padding: 0;
    margin-top: -3px;
    text-align: center;
    background: url(//sandbox.mediafire.com/images/v4images/backgrounds/mflogo_footer.png) right bottom no-repeat;
}
#footer .mflogo_footer:hover {
    text-decoration: none;
}

body.h_logo_custom #footer .mflogo_footer {
    display: block;
}

#subFooterWrap {
    box-shadow: 0 -1px 0 0 hsla(225, 5.9%, 86.7%, .6); /* --mf-gray9 */
}

#subFooter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 0;
    font-size: .93rem;
    position: relative;
}

.subFooterLinks {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 auto 0 0;
}

#subFooter li {
    margin: 10px 20px 10px 0;
}

#subFooter li:first-child:before,
#subFooter li.footerIcn:before {
    display: none;
}

#subFooterSocial {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

#subFooterSocial li {
    margin: 0 3px;
}

.footerIcn a {
    display: block;
    position: relative;
    height: 30px;
    width: 30px;
    padding: 0;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.1);
    overflow: hidden;
}

.footerIcn span {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(//sandbox.mediafire.com/images/icons/svg_dark/social_icons_sprite.svg);
    background-repeat: no-repeat;
    background-size: auto 22px;
    cursor: pointer;
    opacity: .5;
}

.footerIcn a:hover span {
    background-image: url(//sandbox.mediafire.com/images/icons/svg_light/social_icons_sprite.svg);
    opacity: 1;
}

.footerIcnFb {
    background-position: 4px 4px;
}

.footerIcnFb:hover {
    background-color: #1876f2;
}

.footerIcnTw {
    background-position: -23px 4px;
}

.footerIcnTw:hover {
    background-color: #1e9cf1;
}

.footerIcnBlog {
    background-position: -133px 4px;
}

.footerIcnBlog:hover {
    background-color: #f59638;
}

#copyrightInfo {
    margin-left: 0 !important;
}

#subFooter li.myFilesFooterShow {
    display: none;
}

.myfiles #subFooter li.myFilesFooterShow {
    display: block;
}

.myfiles #subFooter .dropUp li {
    margin: 0;
    display: block;
}

.myfiles #subFooter .footerColWrap li:before,
.filePreview #subFooter .footerColWrap li:before,
.fileEdit #subFooter .footerColWrap li:before {
    display:none;
}

/* ==========================================================================
   My Files/app view  slide-up footer
   ========================================================================== */

.myfiles #footer,
.filePreview #footer,
.fileEdit #footer,
.appView #footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 125px;
    min-height: auto;
    margin-top: 0;
    background-color: transparent;
    box-shadow: none;
    z-index: 20;
}

.myfiles #footer:not(.tabMF):not(.tabMFhelp),
.recentChanges #footer:not(.tabMF):not(.tabMFhelp),
.sharedWithMe #footer:not(.tabMF):not(.tabMFhelp) {
    display: none;
}

.myfiles #footer #mainFooterWrap,
.filePreview #footer #mainFooterWrap,
.fileEdit #footer #mainFooterWrap,
.appView #footer #mainFooterWrap {
    display: none;
}

.myfiles #footer:not(.tabMF) #google_translate_element,
.filePreview #footer:not(.tabMF) #google_translate_element,
.fileEdit #footer:not(.tabMF) #google_translate_element,
.appView #footer:not(.tabMF) #google_translate_element {
    display: none;
}

.myfiles #subFooterWrap,
.appView #subFooterWrap,
.filePreview #subFooterWrap,
.fileEdit #subFooterWrap {
    box-shadow: none;
}

.myfiles #subFooter,
.appView #subFooter,
.filePreview #subFooter,
.fileEdit #subFooter {
    padding: 45px 0 20px;
    width: auto !important;
}

#footer.tabMF #subFooter,
#footer.tabMFhelp #subFooter {
    padding-top: 70px;
}

.myfiles .subFooterSocialWrap,
.filePreview .subFooterSocialWrap,
.fileEdit .subFooterSocialWrap,
.appView .subFooterSocialWrap,
.myfiles #subFooterSocial,
.filePreview #subFooterSocial,
.fileEdit #subFooterSocial,
.appView #subFooterSocial,
.myfiles .subFooterLinks,
.filePreview .subFooterLinks,
.fileEdit .subFooterLinks,
.appView .subFooterLinks {
    display: none;
}

/* About tab
   ========================================================================== */

#footer.tabMF {
    width: 100%;
    height: auto;
    max-height: 100%;
    overflow: auto;
    z-index: 100;
    background-color: #f4f4f5;
    background-color: var(--mf-gray11);
    box-shadow: inset 0 1px 0 0 #E9EAEB;
    box-shadow: inset 0 1px 0 0 var(--mf-gray10);
}

#footer:not(.tabMF) #myfilesTabMF {
    display: none;
}

.footerTabLogo {
    display: none;
    height: 25px;
    width: 42px;
    position: absolute;
    top: 20px;
    left: 0;
    cursor: pointer;
    border-radius: 4px 0 0 4px;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: #DBDCDF;
    background-color: var(--mf-gray9);
    background-image: url(//sandbox.mediafire.com/images/icons/logotab.png);
    background-repeat: no-repeat;
    background-position: center 4px;
    padding: 1px 5px;
    margin: 0;
}

.myfiles .tabMF .footerTabLogo,
.myfiles .tabMFhelp .footerTabLogo,
.filePreview .footerTabLogo,
.appView .footerTabLogo {
    display: block;
}

#footer.tabMFhelp .footerTabLogo {
    background-color: #f4f4f5;
    background-color: var(--mf-gray11);
}

#footer.tabMF .footerTabLogo {
    cursor: default;
}

#myfilesTabMF .footerColWrap {
    padding-top: 0;
}

.myfiles #footer.tabMF .subFooterLinks,
.appView #footer.tabMF .subFooterLinks,
.filePreview #footer.tabMF .subFooterLinks,
.fileEdit #footer.tabMF .subFooterLinks {
    display: flex;
}

#myfilesTabMF {
    width: 100%;
}

/* Help tab
   ========================================================================== */

#footer.tabMFhelp {
    width: 100%;
    height: auto;
    max-height: 100%;
    overflow: auto;
    z-index: 100;
    background-color: #f4f4f5;
    background-color: var(--mf-gray11);
    box-shadow: inset 0 1px 0 0 #E9EAEB;
    box-shadow: inset 0 1px 0 0 var(--mf-gray10);
}

#footer:not(.tabMFhelp) .myfilesTabHelp {
    display: none;
}

.footerTabHelp {
    display: none;
    position: absolute;
    top: 20px;
    left: 41px;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: #DBDCDF;
    background-color: var(--mf-gray9);
    padding: 1px 11px 1px 7px;
    margin: 0;
}

.myfiles .tabMF .footerTabHelp,
.myfiles .tabMFhelp .footerTabHelp,
.filePreview .footerTabHelp,
.appView .footerTabHelp {
    display: block;
}

#footer.tabMF .footerTabHelp {
    background-color: #f4f4f5;
    background-color: var(--mf-gray11);
}

#footer.tabMFhelp .footerTabHelp {
    cursor: default;
}

.footerTabHelp.ico30help:after {
    margin-top: 1px;
    margin-left: -8px;
}

.myfilesTabHelp > p {
    margin-bottom: 1.5rem;
}

#footer .myfilesTabHelp a {
    color: #0045AD;
    color: var(--mf-blue3);
    font-weight: bold;
}

/* Close button
   ========================================================================== */

.myfilesFooterClose {
    display: none;
    position: absolute;
    padding: 4px 8px;
    right: 0;
    top: 20px;
    text-align:center;
    border-radius: 4px;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    cursor: pointer;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.15);
    background: #f4f4f5;
    background: var(--mf-gray11);
}

#footer.tabMF .myfilesFooterClose,
#footer.tabMFhelp .myfilesFooterClose {
    display: block;
}

/* Dark version of tabs form image viewer
   ========================================================================== */

.filePreview .footerTabLogo,
.filePreview .footerTabHelp {
    border: 1px solid rgba(0,0,0,0.5);
    background-color: #404040;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), inset 0 1px 0 0 rgba(255,255,255,.07);
}

.filePreview .footerTabLogo {
    background-position: center -21px;
}

.filePreview #footer.tabMFhelp .footerTabLogo {
    background-position: center 4px;
}

.filePreview #footer.tabMF .footerTabHelp.ico30help:after {
    background-image: url(//sandbox.mediafire.com/images/icons/ico30/ico30-v9.png);
}

.filePreview .footerTabHelp.ico30help:after {
    background-image: url(//sandbox.mediafire.com/images/icons/ico30/ico30_reversed-v9.png);
}

/* Additional links
   ========================================================================== */

.additionalHelpLinks {
    margin-bottom: 1.5rem;
}

#footer .additionalHelpLinks a {
    font-weight: normal;
    padding: 0 10px;
}

/* Keyboard shortcuts
   ========================================================================== */

.footerShortcuts {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px 0 0;
    padding: 5px 15px;
    background: rgba(0,0,0,0.05);
    border-radius: 3px;
}

.myfiles .footerShortcuts,
.filePreview .footerShortcuts {
    display: flex;
}

.footerShortcuts div {
    margin: 5px 0;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px dotted #8C8F96;
    border-right: 1px dotted var(--mf-gray6);
}

.footerShortcuts span {
    padding:1px 4px;
    margin: 3px 3px 3px 0;
    border-radius: 3px;
    background-color: #fff;
    box-shadow:
        0 -1px 0 0 rgba(0,0,0,.05),
        0px 1px 0px 1px rgba(0, 0, 0, .08),
        0 1px 0 0 rgba(0,0,0,.15);
}

.footerShortcuts .lastShortcut {
    border-right: none;
}

.footerShortcutsMac {
    display:none;
}

/*mac keyboard shortcut swap*/
.mac .footerShortcutsWin {
    display:none;
}

.mac .footerShortcutsMac {
    display: inline;
}

/*hide upload and new folder shortcut on img prev*/
.imagePreview .footerShortcutHide {
    display:none;
}

/* ==========================================================================
   Simple footer (for pages where we choose to hide nav, like signup)
   ========================================================================== */

#simpleFooter {
    display: none;
    width: 100%;
    height: 70px;
    line-height: 70px;
    margin-top: -70px;
    color: #575B65;
    color: var(--mf-gray4);
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #E8E9EC;
    background-color: #f4f4f5;
    position: relative;
    z-index: 1;
}

#simpleFooter a {
    color: #0045AD;
    color: var(--mf-blue3);
}

.signUpRegister #footer,
.checkOut #footer,
.changePlan #footer {
    display: none;
}

.signUpRegister #simpleFooter,
.checkOut #simpleFooter,
.changePlan #simpleFooter {
    display: block;
}

/* ==========================================================================
   Basic footer (currently only used on hosted FileDrop pages(still true?))
   ========================================================================== */

.basicFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 49px;
    text-align: center;
    width: 100%;
    line-height: 49px;
    background: #ECEDEE;
    font-size: 12px;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .2);
}

/* ==========================================================================
   Sandbox label
   ========================================================================== */

.sandboxLabel {
    display:none;
}

.sandbox .sandboxLabel {
    display: block;
    position: fixed;
    z-index: 50;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
    padding: 0px 20px;
    margin: -5px -20px;
}

/* ==========================================================================
   Google Translate dropdown
   ========================================================================== */

#google_translate_element {
    margin-bottom: 15px;
}

#google_translate_element .goog-te-combo {
    border: none;
    border-radius: 3px !important;
    padding-left: 10px;
}

#google_translate_element .goog-te-combo::-ms-expand {
    display: none;
}

#google_translate_element .goog-te-combo:focus {
    outline: none;
}

#footer #google_translate_element,
#footer #google_translate_element_dynamic {
    width: 100%;
}

/* ==========================================================================
   Homepage styling (added here since we don't have a separate stylesheet)
   ========================================================================== */

.homePage #container {
    overflow: hidden;
}

.homePage #content_container {
    padding: 0;
}

.homePage .time-to-upgrade #header {
    top: -70px;
}

.homePage .upgrade_your_browser {
    top: 70px;
}

.homePage #header .wrap {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

/*++++++++++++++++++++++++++++++++++++++++++*/
/* main components */
#home_unicorn .gbtnPrimary,
#home_unicorn .gbtnSecondary,
#home_unicorn .gbtnTertiary {
    font-weight: normal;
    text-transform: uppercase;
    /*text-shadow: none;*/
    /*background-image: none;*/
    margin: 0;
    padding: 15px;
    line-height: 1;
    height: auto;
    /*box-shadow: none;*/
    float: none;
    display: inline-block;
}

#home_unicorn .gbtnPrimary:first-letter,
#home_unicorn .gbtnSecondary:first-letter,
#home_unicorn .gbtnTertiary:first-letter,
#home_unicorn .gbtnAlt:first-letter {
    padding-left: 0;
}

#home_unicorn .sectionMaxWidth {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

#home_unicorn h2 {
    font-size: 44px;
    font-weight: bold;
    margin: 0 3% 30px;
    color: #0070F0;
}

#home_unicorn .sectionIntro {
    font-size: 22px;
    margin: 0 3%;
    padding-bottom: 80px;
}

#home_unicorn {
    font-size: 0; /* remove spacing between inline-block elements */
}

/* main CTA section*/
#home_mainCTA {
    background: #0e2866 url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/hero_tile.png) center 0;
    background-size: 467px 711px;
    color: #fff;
    padding: 160px 40px 180px;
    text-align: center;
}

#home_mainCTA h1 {
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 80px;
}

#home_unicorn #home_mainCTA a {
    font-size: 18px;
    padding: 26px 30px;
    box-shadow: 0 0 0 0 hsla(212, 100%, 47%, .6);
    animation: 4s infinite buttonPulse ease-out;
}

/* Focus state for this button can't use the global style since we're animating the box shadow by default */
.show-focus-outlines #home_unicorn #home_mainCTA a:focus {
  box-shadow: 0 0 0 2px hsla(0,0%,100%,0.9), 0 0 0 4px #0070F0;
  animation: none;
}

@keyframes buttonPulse {
    0% {
        box-shadow: 0 0 0 0 hsla(212, 100%, 47%, .6);
    }
    50% {
        box-shadow: 0 0 0 12px hsla(212, 100%, 47%, 0);
    }
    100% {
        box-shadow: 0 0 0 12px hsla(212, 100%, 47%, 0);
    }
}

#home_unicorn #home_mainCTA a:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(//sandbox.mediafire.com/images/icons/svg_light/upload.svg) center no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}

#home_unicorn #home_mainCTA a.altCTA {
    animation: none;
}

#home_unicorn #home_mainCTA a.altCTA:before {
    display: none;
}

/* press section */
#home_presslogos {
    padding-top: 20px;
    border-bottom: 1px solid #e8e9ec;
}

/* main features */
#home_mainfeatures {
    background: #f3f4f5;
    text-align: center;
    padding: 80px 3% 1px;
}

#home_mainfeatures br {
    display: none;
}

#home_mainfeatures .homeFeature {
    display: inline-block;
    width: 20%;
    vertical-align: text-top;
    margin: 0 2%;
    padding-bottom: 80px;
}

#home_mainfeatures .homeFeature h3 {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

#home_mainfeatures .homeFeature p {
    font-size: 15px;
    color: #545764;
}

#hf_share {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/share.svg) center 0 no-repeat;
}

#hf_share > div {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/share_color.svg) center 0 no-repeat;
}

#hf_collab {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/collaborate.svg) center 0 no-repeat;
}

#hf_collab > div {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/collaborate_color.svg) center 0 no-repeat;
}

#hf_store {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/store.svg) center 0 no-repeat;
}

#hf_store > div {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/store_color.svg) center 0 no-repeat;
}

#hf_access {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/access.svg) center 0 no-repeat;
}

#hf_access > div {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/access_color.svg) center 0 no-repeat;
}

#home_mainfeatures .homeFeature > div {
    height: 220px;
    opacity: 0;
}

#home_mainfeatures .homeFeature:hover > div {
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

/* testimonials section */
#home_testimonials {
    padding: 80px 0 1px;
    text-align: center;
    background: #1E242E;
}

#home_testimonials h2 {
    padding-top: 80px;
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/heart.svg) center 0 no-repeat;
    font-size: 40px;
    color: #248AFF;
}

#home_testimonials .sectionIntro {
    color: #fff;
    font-weight: 300;
}

#testimonials_slider {
    padding-top: 30px;
    padding-bottom: 60px;
}

#home_testimonials .testimonialBlock {
    display: inline-block;
    width: 28%;
    text-align: left;
    margin: 0 2% 80px;
    box-sizing: border-box;
    min-height: 220px;
    vertical-align: top;
}

#home_testimonials .testimonialBlock > .testimonial {
  background: #E8E9F3;
  color: #282f3d;
  padding: 20px 30px 30px;
  border-radius: 4px;
  margin-bottom: 15px;
  box-sizing: border-box;
}

#home_testimonials .testimonialBlock span {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}

#home_testimonials .testimonialBlock p {
    font-size: 12px;
}

#home_testimonials .testimonialBlock div {
    font-size: 12px;
    text-align: center;
    left: 0;
    width: 100%;
    color: #248AFF;
    font-style: italic;
}

#home_tesimonialprev,
#home_tesimonialnext {
    position: absolute;
    height: 40px;
    width: 40px;
    background: red;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    display: none;
}

#home_tesimonialprev {
    left: 0;
}

#home_tesimonialnext {
    right: 0;
}

/* secondary CTA */
#home_secondaryCTA {
    background: #0e2866 url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/hero_tile.png) center 0;
    background-size: 467px 711px;
    text-align: center;
    padding: 100px 3% 120px;
    color: #fff;
}

#home_secondaryCTA h2 {
    color: #fff;
    margin-bottom: 40px;
    padding-top: 100px;
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/mf_logo_flame_reversed.svg) center 0 no-repeat;
    background-size: 110px 60px;
}

#home_secondaryCTA h2 span{
    text-transform: uppercase;
}

#home_unicorn #home_secondaryCTA a {
    font-size: 18px;
    padding: 25px 100px;
}

/* top features */
#home_topfeatures {
    padding: 80px 3% 1px;
    text-align: center;
    background-color: #fff;
}

#home_topfeatures .sectionIntro {
    padding-bottom: 60px;
}

#home_topfeatures h2:nth-of-type(2) {
    margin: 30px 3% 30px;
    font-size: 34px;
    font-weight: normal;
}

#home_topfeatures h2:nth-of-type(2) br {
    display: none;
}

#home_topfeatures .topFeature,
#home_profeatures .proFeature {
    display: inline-block;
    width: 26%;
    vertical-align: text-top;
    text-align: left;
    margin: 0 3%;
    padding: 100px 0 60px;
}

#home_topfeatures .topFeature h3,
#home_appfeature h3,
#home_profeatures .proFeature h3 {
    color: #282f3d;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 14px;
}

#home_topfeatures .topFeature p,
#home_appfeature p,
#home_profeatures .proFeature p {
    font-size: 15px;
}

#tf_10gb {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/tf_10gb.svg) -23px -6px no-repeat;
}

#tf_downloads {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/tf_downloads.svg) -24px -7px no-repeat;
}

#tf_share {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/tf_share.svg) -8px -8px no-repeat;
}

#tf_multi_upload {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/tf_multi_upload.svg) -27px -7px no-repeat;
}

#tf_organize {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/tf_organize.svg) -24px -4px no-repeat;
}

#tf_1_time_links {
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/tf_1_time_links.svg) -27px -10px no-repeat;
}

#home_appfeature {
    text-align: left;
    padding-left: 150px;
    margin: 0 4% 80px;
    background: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/tf_apps.svg) -44px -40px no-repeat;
    background-size: 180px;
}

#home_appfeature a {
    position: relative;
    font-size: 20px;
    margin-top: 20px;
    padding-right: 50px;
    display: inline-block;
}

#home_appfeature a:before,
#home_appfeature a:after {
    content: "\0203A";
    position: absolute;
    height: 30px;
    right: 10px;
    font-size: 30px;
    line-height: 30px;
    top: 50%;
    margin-top: -16px;
}

#home_appfeature a:after {
    right: 0;
}

/* pro features */
#home_profeatures {
    background: #f3f4f5;
    padding: 80px 3% 140px;
    text-align: center;
}

#home_unicorn #home_profeatures a {
    font-size: 18px;
    padding: 25px 0;
    display: block;
    width: 400px;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px !important;
}

#pf_1tb {
    background-image: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/pf_1tb.svg);
}

#pf_no_ads {
    background-image: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/pf_no_ads.svg);
}

#pf_web_uploads {
    background-image: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/pf_web_uploads.svg);
}

#pf_direct_download {
    background-image: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/pf_direct_download.svg);
}

#pf_bulk_download {
    background-image: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/pf_bulk_download.svg);
}

#pf_1_time {
    background-image: url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/pf_1_time.svg);
}

#home_profeatures .proFeature {
    background-position: -22px 0;
    background-size: 104px;
    background-repeat: no-repeat;
}

#pro_graphic_top {
    margin: -40px auto 0;
    max-width: 400px;
    height: 300px;
    background:
        url(//sandbox.mediafire.com/images/backgrounds/home_unicorn/pro_driver.svg)
        center 0 / 100%
        no-repeat;
}

.grecaptcha-badge {
    visibility: hidden;
}

/*++++++++++++++++++++++++++++++++++++++++++*/
/* footer */
.homePage #fauxFoot {
    text-align: left;
    background-color: #1E232F;
    background-color: var(--mf-gray1);
    padding: 100px 15px 1px;
    box-sizing: border-box;
}

.homePage #fauxFoot .footerColWrap {
    padding: 30px 0;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.homePage #fauxFoot .subFoot {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    padding: 30px 0 20px;
    box-sizing: border-box;
}

.homePage #fauxFoot .subFootLinkGroup {
    display: flex;
    align-items: flex-start;
}

@media (max-width: 960px) {
    .homePage #fauxFoot .subFootLinkGroup {
        display: block;
    }
}

.homePage #fauxFoot .subFootLinks {
    padding-right: 2rem;
    margin-right: auto;
}

@media screen and (max-width: 960px) {
    .homePage #fauxFoot .subFootLinks {
        padding-right: 0;
        margin-right: 0;
    }
}

.homePage #fauxFoot .subFootLinks a,
.homePage #fauxFoot .subFootLinks div {
    display: inline-block;
    font-size: .93rem;
    margin: 0 10px 10px 0;
}

.homePage #fauxFoot a {
    color: #A7A9AE;
    color: var(--mf-gray7);
}

.homePage #fauxFoot .subFootLinks div {
    color: #fff;
}

.homePage #fauxFoot a:hover {
    color: #fff;
    opacity: 1;
    -webkit-transition: color 0.2s ease 0s;
    -moz-transition: color 0.2s ease 0s;
    -ms-transition: color 0.2s ease 0s;
    -o-transition: color 0.2s ease 0s;
}

.homePage #fauxFoot h3 {
    font-size: .86rem;
    text-transform: uppercase;
    margin: 30px auto 10px;
}

.homePage #minSocialLinks {
    flex-shrink: 0;
    display: inline-flex;
}

.homePage #minSocialLinks a {
    background-color: rgba(255,255,255,0.1);
    background-image: url(//sandbox.mediafire.com/images/icons/svg_light/social_icons_sprite.svg);
    background-repeat: no-repeat;
    margin: 0 3px;
    height: 30px;
    width: 30px;
    display: block;
    border-radius: 3px;
    transition: background-color .1s 0s ease-in-out;
}

.homePage #minSocialLinks .shareFacebook {
    background-position: 3px 3px;
}

.homePage #minSocialLinks .shareFacebook:hover {
    background-color: #1876f2;
}

.homePage #minSocialLinks .shareTwitter {
    background-position: -26px 3px;
}

.homePage #minSocialLinks .shareTwitter:hover {
    background-color: #1e9cf1;
}

.homePage #minSocialLinks .shareBlogger {
    background-position: -147px 3px;
}

.homePage #minSocialLinks .shareBlogger:hover {
    background-color: #f59638;
}

.homePage .texasNote {
    display: block;
    background: url(//sandbox.mediafire.com/images/backgrounds/newHome/sections/texas.png) center center no-repeat;
    margin: -60px auto 10px;
    text-align: center;
    font-size: 18px;
    padding: 25px 0 40px;
    background-size: 100px;
    color: #fff;
    width: 100%;
}

.RecaptchaText {
    color: #A7A9AE;
    color: var(--mf-gray7);
    font-size: .79rem;
    padding: 8px 0;
}

.RecaptchaText a {
    text-decoration: underline;
    white-space: nowrap;
}

@media (max-width: 960px) {
    .RecaptchaText {
        text-align: center;
        padding-top: 40px;
    }
}


/* ==========================================================================
   Media queries for all site elements
   ========================================================================== */

/* Homepage
   ========================================================================== */

@media screen and (max-width: 1130px) {
    #home_unicorn h2 {
        font-size: 40px;
    }

    #home_unicorn .sectionIntro {
        font-size: 20px;
    }

    #home_mainCTA h1 {
        font-size: 44px;
    }

    #home_mainfeatures .homeFeature,
    #home_mainfeatures .homeFeature > div {
        background-size: 178px;
    }

    #home_topfeatures .topFeature h3,
    #home_appfeature h3,
    #home_profeatures .proFeature h3 {
        font-size: 16px;
    }

    #home_mainfeatures .homeFeature p,
    #home_topfeatures .topFeature p,
    #home_appfeature p,
    #home_profeatures .proFeature p {
        font-size: 14px;
    }

    #home_topfeatures h2:nth-of-type(2) br {
        display: block;
    }
}

/* needs to break earlier since it's the only 4 col layout */
@media screen and (max-width: 1000px) {
    #home_mainfeatures .homeFeature {
        width: 37%;
        margin: 0 6%;
    }
}

/* homepage footer, set up to match footers on other pages for now */
@media screen and (max-width: 960px) {
    .homePage #fauxFoot {
        text-align: center;
    }

    .homePage #fauxFoot .footerColWrap {
        width: auto;
        padding: 0;
        display: block;
    }

    .homePage .texasNote {
        padding: 60px 0;
    }

    .homePage #fauxFoot h5 {
        text-align: center;
        display: block;
        margin: 0 40px;
        padding: 20px 0;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .homePage #fauxFoot .footerCol ul {
        display: none;
    }

    .homePage #fauxFoot .subFoot {
        width: auto;
        padding: 40px 40px 30px;
    }

    .homePage #fauxFoot .subFootLinks div {
        display: block;
        text-align: center;
    }

    .homePage #minSocialLinks {
        margin: 0 auto;
        padding: 30px 0;
    }
}

@media screen and (max-width: 870px) {
    #home_unicorn h2 {
        font-size: 36px;
    }

    #home_unicorn .sectionIntro {
        font-size: 18px;
    }

    #home_mainCTA {
        padding: 100px 3% 120px;
    }

    #home_mainCTA h1 {
        font-size: 36px;
    }

    #home_mainfeatures br {
        display: block;
    }

    #home_topfeatures .topFeature,
    #home_profeatures .proFeature {
        width: 37%;
        margin: 0 6%;
    }

    #home_testimonials .testimonialBlock {
        min-height: 270px;
        width: 30%;
        margin: 0 1% 80px;
    }

    #home_topfeatures br {
        display: none;
    }

    #home_topfeatures h2:nth-of-type(2) {
        font-size: 30px;
    }

    #home_appfeature {
        margin: 0 6% 80px;
    }

    #home_appfeature a {
        font-size: 18px;
    }

    #home_appfeature a:before,
    #home_appfeature a:after {
        font-size: 24px;
    }
}

@media screen and (max-width: 680px) {
    #home_testimonials .testimonialBlock {
        display: block;
        width: auto;
        min-height: 0;
        margin: 0 6% 80px;
    }

    #home_testimonials .sectionIntro br {
        display: none;
    }

    #home_topfeatures h2:nth-of-type(2) br {
        display: none;
    }
}

@media screen and (max-width: 560px) {
    #home_unicorn h2,
    #home_topfeatures h2:nth-of-type(2) {
        font-size: 30px;
    }

    #home_mainCTA h1 {
        font-size: 30px
    }

    #home_unicorn #home_mainCTA a,
    #home_unicorn #home_secondaryCTA a,
    #home_unicorn #home_profeatures a {
        font-size: 16px;
        padding: 25px 0;
        display: block;
        width: auto;
        margin: 0 6%;
    }

    #home_mainfeatures .homeFeature,
    #home_topfeatures .topFeature,
    #home_profeatures .proFeature {
        display: block;
        margin: 0 auto;
        width: 87%;
        text-align: center;
        background-position: center 0px;
    }

    #home_profeatures #pf_1_time {
        margin-right: auto;
    }

    #home_topfeatures .sectionIntro br {
        display: none;
    }

    #home_appfeature {
        display: block;
        margin: 0 auto;
        width: 87%;
        text-align: center;
        background-position: center -36px;
        padding: 120px 0 60px;
    }

    #home_mainfeatures .homeFeature p,
    #home_topfeatures .topFeature p,
    #home_appfeature p,
    #home_profeatures .proFeature p {
        font-size: 15px;
    }
}

@media (max-width: 430px) {
    #home_unicorn #home_mainCTA a:before {
        display: none;
    }
}

/* info/content pages media queries
   ========================================================================== */

@media screen and (max-width: 960px) {
    /* global elements */
    body {
        min-width: 0px;
    }

    .wrap {
        width: auto;
    }

    #main {
        padding: 1px 30px 0;
    }

    #main #content {
        width: 75%;
    }

    #container {
        padding-top: 0;
    }

    #content_container {
        padding-bottom: 50px;
    }

    #sidebar {
        width: 20%;
        margin-right: 4%;
    }

    #titlebar {
        display: none;
    }

    #footer {
        margin: 0;
    }

    .tabMF .subFooterSocialWrap,
    .tabMFhelp .subFooterSocialWrap {
        padding: 0;
    }

    /* about page */
    .mfteamlist li {
        float: none;
        width: auto;
        height: auto;
        margin: 40px 0 0;
    }

    .bioToggleBtn {
        display: none;
    }

    .team-bio > div {
        height: auto;
        margin: 15px 0 0;
        opacity: 1;
        overflow: auto;
        position: static;
    }

    .team-bio > div p {
        width: auto;
    }

    /* careers page */
    #content div.opener {
        width: auto;
        padding: 40px 0 40px;
        height: auto;
    }

    .jobs #content h2 {
        font-size: 24px;
        line-height: 36px;
    }

    #content div.opener h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 0 20px 60px;
    }

    .opener .hollow-btn {
        font-size: 14px;
        margin: 0 20px;
    }

    #content div.jobSubInfo div {
        margin: 60px 0 0;
    }

    #content .culture-section > p {
        margin-bottom: 0;
    }

    #content .culture-section .jobSubInfo {
        margin: 0;
        width: auto;
        float: none;
    }

    div.quote-section {
        padding: 20px 0 0;
    }

    #content .quote-section h2 {
        margin: 0 20px 20px;
    }

    .quote-section #slider {
        width: auto !important;
        height: auto !important;
        margin-top: 0 !important;
    }

    #slider ul {
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
    }

    .quote-section #slider ul li {
        position: static;
        float: none;
        width: auto;
    }

    .quote-section .photo {
        margin: 0 auto;
        display: block;
    }

    .quote-section .speech-wrap {
        margin: 0;
        float: none;
    }

    .speech-wrap .speech {
        width: auto;
        background: transparent;
        padding-bottom: 5px;
    }

    #jobs_pics_section .quote-section span.prev,
    #jobs_pics_section .quote-section span.next {
        display: none;
    }

    #content .quote-section .speech-wrap > span {
        color: #999;
        font-weight: normal;
        margin-left: 25px;
    }

    .quote-section .speech:after {
        right: 25px;
    }

    #jobs_pics_section .perks-section ul {
        width: auto;
        display: block;
        margin-bottom: 0;
    }

    div.perks-wrap {
        width: auto;
        white-space: normal;
    }

    div#pathToFuture {
        padding: 20px;
    }

    #pathToFuture a {
        color: #666;
        display: block;
        padding: 20px 0px;
        position: relative;
    }

    #pathToFuture #jobstable li:after {
        right: 0;
        height: 36px;
        line-height: 18px;
        margin-top: -18px;
        overflow: hidden;
    }

    #content #pathToFuture h3,
    .job-desc {
        font-size: 14px;
    }

    /* press general page */
    #productQuicklinks {
        display: none;
    }

    .productHighlight > div {
        background: none !important;
    }

    .productHighlight h3,
    .productHighlight div > p,
    .productHighlight .gbtnTertiary {
        margin-left: 0;
    }

    .productHighlight div > p {
        width: auto;
    }

    #productWeb div {
        text-align: left;
        padding-bottom: 40px;
    }

    /* tools page */
    .tool-screenshot {
        float: none;
        margin-bottom: 30px;
    }

    #content .tool-description p {
        margin-bottom: 20px;
    }

    .tools-list > li {
        margin-bottom: 90px;
    }

    #mfFUSE .gbtnTertiary {
        margin-left: 0 !important;
    }

    /* software pages */
    .desktopSoftware .desktopOpener {
        height: auto;
        padding: 30px 20px;
        margin-top: 20px;
        box-sizing: border-box;
    }

    .desktopSoftware .desktopLogo {
        width: auto;
        background-size: contain;
    }

    .desktopSoftware .desktopOpener p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .desktopSoftware .desktopOpener p br {
        display: none;
    }

    .desktopSoftware .desktopShot {
        display: none;
    }

    .desktopSoftware .desktopOpener .gbtnTertiary {
        margin-bottom: 20px;
    }

    .desktopSoftware h3 {
        font-size: 36px;
        margin-top: 20px;
    }

    .desktopSoftware p {
        font-size: 16px;
        margin: 20px 60px;
    }

    .desktopSoftware p br {
        display: none;
    }

    .desktopSoftware .section {
        height: auto;
        padding-bottom: 30px;
        box-sizing: border-box;
    }

    .desktopSoftware .worldDevices {
        position: static;
        background-size: contain;
        background-position: center bottom;
    }

    .desktopSoftware .zePlane {
        display: none;
    }

    .desktopSoftware .shareGraphic {
        position: static;
        background-size: contain;
        background-position: center;
        height: 210px;
        margin-bottom: 50px;
    }

    .desktopSoftware .systemRequirements.section {
        width: auto;
    }

    .desktopSoftware .systemRequirements.section > div {
        width: auto;
        padding: 0px 20px 0px;
        float: none;
    }

    .desktopSoftware .systemRequirements h3 {
        margin-bottom: 40px;
    }

    .desktopSoftware .systemRequirements.section p,
    .desktopSoftware .systemRequirements.section ul li {
        font-size: 16px;
    }

    #mobilebg {
        background-color: transparent;
    }

    .mobileGraphic {
        display: block;
    }

    #mobilebg h1 {
         color: #222835;
         color: var(--mf-gray2);
    }

    #mobilebg div,
    #mobilebg:before,
    #mobilebg:after {
        display: none;
    }

    .downloadMobile {
        float: none;
        margin: 0 auto;
    }

    .downloadMobile ul {
        padding: 0;
    }

    .downloadMobile span {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .footerColWrap {
        display: block;
        padding-bottom: 10px;
    }

    .footerCol ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(0,0,0,.07);
    }

    .footerCol li {
        margin: 10px 20px 10px 0;
    }

    #google_translate_element {
        margin-bottom: 20px;
    }

    #subFooter {
        padding: 17px 0;
    }

    .subFooterLinks {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 700px) {
    /* software pages */
    .mobileGraphic,
    .downloadMobile {
        width: auto;
    }

    /* logged out page - /ssl_login.php */
    #mfdesktopPrompt {
        background: none;
        width: auto;
    }

    #mfdesktopPrompt h3 {
        padding: 0 30px;
    }

    .mfdesktopInfo {
        width: auto;
        height: auto;
        margin: 30px auto;
        padding: 0 30px;
    }
    /* advertising pages */
    .adLayoutTooltips .tooltip {
        width: 380px !important;
    }
}

@media screen and (max-width: 630px) {
    /* software pages */
    .desktopSoftware .deviceScreens {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    /* global elements */
    #main {
        padding: 1px 20px 0;
    }

    #main #content,
    #sidebar {
        float: none;
        width: auto;
    }

    #main #content {
        margin-top: 80px;
    }

    .jobs #sidebar {
        display: block;
    }

    #sidebar {
        height: 50px;
        overflow: hidden;
        background: #fff;
        margin-top: 30px;
        position: absolute;
        left: 30px;
        top: 100px;
        right: 30px;
        margin: 0;
        box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 3px 0 0 rgba(0,0,0,.1 );
        border-radius: 5px;
        padding: 0 30px;
        z-index: 2;
    }

    #sidebar > ul {
        padding: 80px 0 20px;
    }

    #sidebar > ul:before {
        content: "Go to...";
        position: absolute;
        top: 0;
        left: 20px;
        right: 0;
        height: 50px;
        line-height: 50px;
        color: #777;
    }

    #sidebar > ul:after {
        content: "";
        position: absolute;
        right: 20px;
        top: 20px;
        border: 1px solid #000;
        border-color: #000 transparent transparent;
        border-width: 7px;
        opacity: .5;
    }

    #sidebar > ul li {
        padding: 0;
    }

    #sidebar > ul li a {
        padding: 10px;
        border-radius: 5px;
    }

    #sidebar:hover {
        height: auto;
        box-shadow: 0 3px 7px 1px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.05);
    }

    #content h3 {
        font-size: 24px;
        line-height: 36px;
    }

    /* about page */
    #companyGeneralInfo p {
        margin-right: 0;
    }

    #companyGeneralInfo > div {
        position: static;
        width: auto;
        margin: 50px 0;
    }
    #accoladesSection {
        display: none;
    }

    /* advertising pages */

    /* display scroll boxes as normal page content (TOS, privacy policy, etc) */
    .termsofservicePage .inset-box,
    .privacypolicyPage .inset-box,
    .AccessibilityPage .inset-box,
    .termsofpaymentPage .inset-box,
    .californiaPrivacyPage .inset-box {
        height: auto !important;
        overflow: auto !important;
        padding: 0;
        background: none;
        box-shadow: none;
        text-align: left;
    }

    .privacypolicyPage .inset-box > div {
        text-align: left;
    }

    /* careers page */
    .company-links {
        display: none;
    }

    /* software pages */
    .desktopSoftware {

    }

    .desktopSoftware p {
        margin: 20px;
    }

    .desktopSoftware .worldDevices,
    .desktopSoftware .shareGraphic {
        display: none;
    }

    #mobilebg h1 br {
        display: none;
    }

    .mobileGraphic {
        height: 300px;
        background-size: 230px auto;
        background-position: center 40px;
    }

    /* lost password/charges section */
    .lostPassword #page .wrap {
        padding: 90px 20px 20px;
    }
}

@media (max-width: 450px) {
    /* advertising pages */
    .adLayoutTooltips .tooltip {
        width: 250px !important;
    }
}

/* Signup and checkout media queries
   ========================================================================== */

@media screen and (max-width: 750px) {
    #simpleFooter {
        height: auto;
        line-height: 1;
        padding: 30px 0;
    }

    #simpleFooter span[style*="opacity"] {
        display: block;
        margin: 20px 0 !important;
    }

    .mp_signupform .pwdStrength {
        position: static;
        margin: 15px 0 0;
    }

    #recaptchaDiv {
        width: auto;
    }
}

@media (max-width: 600px) {
    .signUp #modal_window_popup {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        height: auto !important;
        bottom: 0;
        width: auto !important;
        right: 0;
        border-radius: 0;
    }
}

/* Error page media queries
   ========================================================================== */

@media (max-width: 880px) {
    .copyrightCoverArt {
        display: block;
        margin: 0 auto;
    }

    .copyrightPreview {
        width: auto;
        display: block;
        padding: 15px 0 30px;
    }

    .copyrightPurchase {
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 350px) {
    .copyrightCoverArt,
    .copyrightGenericFile,
    .copyrightPurchase {
        width: auto;
    }
}

/* TEMP - overrides for pages that are not yet mobile ready
   ========================================================================== */

.sharedWithMe .wrap,
.recentChanges .wrap,
.myaccount .wrap,
.billinghistory .wrap,
.statisticsfilter .wrap,
.socialNetworksStatus .wrap,
.apiApplication .wrap {
    width: 960px !important;
}

#myfiles_loading_content {
    width: 35px !important;
}

.myaccount #sidebar,
.billinghistory #sidebar,
.statisticsfilter #sidebar,
.socialNetworksStatus #sidebar,
.apiApplication #sidebar {
    float: left;
    position: relative;
    height: auto;
    overflow: visible;
    box-shadow: none;
    background: none;
    top: auto;
    left: auto;
    padding: 0;
    margin-right: 35px;
    width: 240px;
    right: auto;
}

.myaccount #main #content,
.billinghistory #main #content,
.statisticsfilter #main #content,
.socialNetworksStatus #main #content,
.apiApplication #main #content {
    margin-top: 0;
    float: left;
    width: 680px;
}

.myaccount #sidebar > ul,
.billinghistory #sidebar > ul,
.statisticsfilter #sidebar > ul,
.socialNetworksStatus #sidebar > ul,
.apiApplication #sidebar > ul {
    padding: 40px 0 60px;
}

.myaccount #sidebar > ul:before,
.myaccount #sidebar > ul:after,
.billinghistory #sidebar > ul:before,
.billinghistory #sidebar > ul:after,
.statisticsfilter #sidebar > ul:before,
.statisticsfilter #sidebar > ul:after,
.socialNetworksStatus #sidebar > ul:before,
.socialNetworksStatus #sidebar > ul:after,
.apiApplication #sidebar > ul:before,
.apiApplication #sidebar > ul:after {
    display: none;
}

.myaccount #sidebar > ul li a,
.billinghistory #sidebar > ul li a,
.statisticsfilter #sidebar > ul li a,
.socialNetworksStatus #sidebar > ul li a,
.apiApplication #sidebar > ul li a {
    padding: 5px 0 5px 5px;
}

.myaccount #titlebar,
.billinghistory #titlebar,
.statisticsfilter #titlebar,
.socialNetworksStatus #titlebar,
.apiApplication #titlebar {
    display: block;
}