@CHARSET "UTF-8";

/*
    Created on : 18-Jan-2015, 13:39:31
    Author     : Arsh
*/


/*! normalize.css v1.0.0 | MIT License | git.io/normalize */


/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */


/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}


/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not ( [ controls]) {
    display: none;
    height: 0;
}


/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}


/* ==========================================================================
   Base
   ========================================================================== */


/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}


/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}


/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}


/* ==========================================================================
   Links
   ========================================================================== */


/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a {
    color: #0d638f;
    text-decoration: none !important;
}


/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

i {
    margin: 0 5px;
    float: left;
}


/* ==========================================================================
   Typography
   ========================================================================== */


/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}


/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}


/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}


/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}


/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}


/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}


/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}


/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}


/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* ==========================================================================
   Lists
   ========================================================================== */


/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0 0;
}

dd {
    margin: 0 0 0 40px;
}


/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 0;
}


/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* ==========================================================================
   Embedded content
   ========================================================================== */


/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
}


/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not (:root) {
    overflow: hidden;
}


/* ==========================================================================
   Figures
   ========================================================================== */


/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}


/* ==========================================================================
   Forms
   ========================================================================== */


/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}


/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}


/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}


/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}


/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"],

/* 1 */

input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
}

input[type=checkbox] {
    visibility: hidden;
}

.uneditable-input,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none!important;
    color: #282323;
    outline: 0;
    height: 16px;
    padding: 6px 11px!important;
    line-height: 15px;
    font-size: 13px;
    font-weight: normal;
    vertical-align: top;
    background-color: #ffffff;
    min-height: 37px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e5e9ec;
    transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

input.no-boarder {
    border: none;
}


/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}


/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}


/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}


/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}


/* ==========================================================================
   Tables
   ========================================================================== */


/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

.fa {
    color: #6C747A;
}

.fa:hover {
    color: #3D4144;
}

.left {
    float: left;
}

.right {
    float: right;
}

html,
body {
    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    min-height: 100%;
    display: block;
    clear: both;
}

body.login_page {
    background: #fff url('../img/background.jpg');
    background-size:cover !important;
    position:relative;
}
body.index_page {
    overflow:hidden;
}
.button {
    display: inline-block;
    border: 1px solid transparent;
    padding: 0px 10px;
    outline: 0px none;
    font-weight: 500;
    font-size: 11px;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 30px;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
    line-height: 2.5;
}
.button:active {
    box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.05);
}

.button.primary {
    border-color: #D3D3D3;
    background: #F8F8F8 none repeat scroll 0% 0%;
    color: #333;
}

.button.primary:hover {
    background: #efefef;
}

.button.primary:active {
    box-shadow: none;
    background: #E9E9E9 none repeat scroll 0% 0%;
}

.button.red {
    background: #a30;
    border-color: #8C0000;
    color: #fff;
}
.button.red i {
    color:#fff;
}
.button.red:hover {
    background: #8C0000;
}

.button.red:active {
    box-shadow: none;
}

.button.blue {
    background: #10A2F7;
    border-color: #10A2F7;
    color: #fff;
}
.button.blue i {
    color:#fff;
}

.button.blue:hover {
    background: #0485D0;
}

.bottom-border {
    border: none !important;
    border-bottom: solid 1px #e5e9ec !important;
}


button[disabled] {
    background: #eee !important;
    border-color: #eee !important;
    color: #333 !important;
}


/*
 * Font awesome css
 */


/*!
  *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  */


/* FONT PATH
  * -------------------------- */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* makes the font 33% larger relative to the icon container */

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714286em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}


/* Deprecated as of 4.4.0 */

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.margin_center {
    margin: auto;
}

.margin_top_100 {
    margin-top: 100px;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-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);
}

.fa-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 .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}


/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */

.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}

.fa-won:before,
.fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "\f23b";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-battery-4:before,
.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-sticky-note-o:before {
    content: "\f24a";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-hourglass-o:before {
    content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\f256";
}

.fa-hand-scissors-o:before {
    content: "\f257";
}

.fa-hand-lizard-o:before {
    content: "\f258";
}

.fa-hand-spock-o:before {
    content: "\f259";
}

.fa-hand-pointer-o:before {
    content: "\f25a";
}

.fa-hand-peace-o:before {
    content: "\f25b";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-safari:before {
    content: "\f267";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
    content: "\f26c";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-500px:before {
    content: "\f26e";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-calendar-plus-o:before {
    content: "\f271";
}

.fa-calendar-minus-o:before {
    content: "\f272";
}

.fa-calendar-times-o:before {
    content: "\f273";
}

.fa-calendar-check-o:before {
    content: "\f274";
}

.fa-industry:before {
    content: "\f275";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-map-o:before {
    content: "\f278";
}

.fa-map:before {
    content: "\f279";
}

.fa-commenting:before {
    content: "\f27a";
}

.fa-commenting-o:before {
    content: "\f27b";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-vimeo:before {
    content: "\f27d";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-fonticons:before {
    content: "\f280";
}
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?wk3nal');
    src:    url('../fonts/icomoon.eot?wk3nal#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?wk3nal') format('truetype'),
    url('../fonts/icomoon.woff?wk3nal') format('woff'),
    url('../fonts/icomoon.svg?wk3nal#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-3d-rotation:before {
    content: "\e600";
}
.icon-accessibility:before {
    content: "\e601";
}
.icon-account-balance:before {
    content: "\e602";
}
.icon-account-balance-wallet:before {
    content: "\e603";
}
.icon-account-box:before {
    content: "\e604";
}
.icon-account-child:before {
    content: "\e605";
}
.icon-account-circle:before {
    content: "\e606";
}
.icon-add-shopping-cart:before {
    content: "\e607";
}
.icon-alarm:before {
    content: "\e608";
}
.icon-alarm-add:before {
    content: "\e609";
}
.icon-alarm-off:before {
    content: "\e60a";
}
.icon-alarm-on:before {
    content: "\e60b";
}
.icon-android:before {
    content: "\e60c";
}
.icon-announcement:before {
    content: "\e60d";
}
.icon-aspect-ratio:before {
    content: "\e60e";
}
.icon-assessment:before {
    content: "\e60f";
}
.icon-assignment:before {
    content: "\e610";
}
.icon-assignment-ind:before {
    content: "\e611";
}
.icon-assignment-late:before {
    content: "\e612";
}
.icon-assignment-return:before {
    content: "\e613";
}
.icon-assignment-returned:before {
    content: "\e614";
}
.icon-assignment-turned-in:before {
    content: "\e615";
}
.icon-autorenew:before {
    content: "\e616";
}
.icon-backup:before {
    content: "\e617";
}
.icon-book:before {
    content: "\e618";
}
.icon-bookmark:before {
    content: "\e619";
}
.icon-bookmark-outline:before {
    content: "\e61a";
}
.icon-bug-report:before {
    content: "\e61b";
}
.icon-cached:before {
    content: "\e61c";
}
.icon-class:before {
    content: "\e61d";
}
.icon-credit-card:before {
    content: "\e61e";
}
.icon-dashboard:before {
    content: "\e61f";
}
.icon-delete:before {
    content: "\e620";
}
.icon-description:before {
    content: "\e621";
}
.icon-dns:before {
    content: "\e622";
}
.icon-done:before {
    content: "\e623";
}
.icon-done-all:before {
    content: "\e624";
}
.icon-event:before {
    content: "\e625";
}
.icon-exit-to-app:before {
    content: "\e626";
}
.icon-explore:before {
    content: "\e627";
}
.icon-extension:before {
    content: "\e628";
}
.icon-face-unlock:before {
    content: "\e629";
}
.icon-favorite:before {
    content: "\e62a";
}
.icon-favorite-outline:before {
    content: "\e62b";
}
.icon-find-in-page:before {
    content: "\e62c";
}
.icon-find-replace:before {
    content: "\e62d";
}
.icon-flip-to-back:before {
    content: "\e62e";
}
.icon-flip-to-front:before {
    content: "\e62f";
}
.icon-get-app:before {
    content: "\e630";
}
.icon-grade:before {
    content: "\e631";
}
.icon-group-work:before {
    content: "\e632";
}
.icon-help:before {
    content: "\e633";
}
.icon-highlight-remove:before {
    content: "\e634";
}
.icon-history:before {
    content: "\e635";
}
.icon-home:before {
    content: "\e636";
}
.icon-https:before {
    content: "\e637";
}
.icon-info:before {
    content: "\e638";
}
.icon-info-outline:before {
    content: "\e639";
}
.icon-input:before {
    content: "\e63a";
}
.icon-invert-colors:before {
    content: "\e63b";
}
.icon-label:before {
    content: "\e63c";
}
.icon-label-outline:before {
    content: "\e63d";
}
.icon-language:before {
    content: "\e63e";
}
.icon-launch:before {
    content: "\e63f";
}
.icon-list:before {
    content: "\e640";
}
.icon-lock:before {
    content: "\e641";
}
.icon-lock-open:before {
    content: "\e642";
}
.icon-lock-outline:before {
    content: "\e643";
}
.icon-loyalty:before {
    content: "\e644";
}
.icon-markunread-mailbox:before {
    content: "\e645";
}
.icon-note-add:before {
    content: "\e646";
}
.icon-open-in-browser:before {
    content: "\e647";
}
.icon-open-in-new:before {
    content: "\e648";
}
.icon-open-with:before {
    content: "\e649";
}
.icon-pageview:before {
    content: "\e64a";
}
.icon-payment:before {
    content: "\e64b";
}
.icon-perm-camera-m:before {
    content: "\e64c";
}
.icon-perm-contact-cal:before {
    content: "\e64d";
}
.icon-perm-data-setting:before {
    content: "\e64e";
}
.icon-perm-device-info:before {
    content: "\e64f";
}
.icon-perm-identity:before {
    content: "\e650";
}
.icon-perm-media:before {
    content: "\e651";
}
.icon-perm-phone-msg:before {
    content: "\e652";
}
.icon-perm-scan-wifi:before {
    content: "\e653";
}
.icon-picture-in-picture:before {
    content: "\e654";
}
.icon-polymer:before {
    content: "\e655";
}
.icon-print:before {
    content: "\e656";
}
.icon-query-builder:before {
    content: "\e657";
}
.icon-question-answer:before {
    content: "\e658";
}
.icon-receipt:before {
    content: "\e659";
}
.icon-redeem:before {
    content: "\e65a";
}
.icon-reorder:before {
    content: "\e65b";
}
.icon-report-problem:before {
    content: "\e65c";
}
.icon-restore:before {
    content: "\e65d";
}
.icon-room:before {
    content: "\e65e";
}
.icon-schedule:before {
    content: "\e65f";
}
.icon-search:before {
    content: "\e660";
}
.icon-settings:before {
    content: "\e661";
}
.icon-settings-applications:before {
    content: "\e662";
}
.icon-settings-backup-restore:before {
    content: "\e663";
}
.icon-settings-bluetooth:before {
    content: "\e664";
}
.icon-settings-cell:before {
    content: "\e665";
}
.icon-settings-display:before {
    content: "\e666";
}
.icon-settings-ethernet:before {
    content: "\e667";
}
.icon-settings-input-antenna:before {
    content: "\e668";
}
.icon-settings-input-component:before {
    content: "\e669";
}
.icon-settings-input-composite:before {
    content: "\e66a";
}
.icon-settings-input-hdmi:before {
    content: "\e66b";
}
.icon-settings-input-svideo:before {
    content: "\e66c";
}
.icon-settings-overscan:before {
    content: "\e66d";
}
.icon-settings-phone:before {
    content: "\e66e";
}
.icon-settings-power:before {
    content: "\e66f";
}
.icon-settings-remote:before {
    content: "\e670";
}
.icon-settings-voice:before {
    content: "\e671";
}
.icon-shop:before {
    content: "\e672";
}
.icon-shop-two:before {
    content: "\e673";
}
.icon-shopping-basket:before {
    content: "\e674";
}
.icon-shopping-cart:before {
    content: "\e675";
}
.icon-speaker-notes:before {
    content: "\e676";
}
.icon-spellcheck:before {
    content: "\e677";
}
.icon-star-rate:before {
    content: "\e678";
}
.icon-stars:before {
    content: "\e679";
}
.icon-store:before {
    content: "\e67a";
}
.icon-subject:before {
    content: "\e67b";
}
.icon-supervisor-account:before {
    content: "\e67c";
}
.icon-swap-horiz:before {
    content: "\e67d";
}
.icon-swap-vert:before {
    content: "\e67e";
}
.icon-swap-vert-circle:before {
    content: "\e67f";
}
.icon-system-update-tv:before {
    content: "\e680";
}
.icon-tab:before {
    content: "\e681";
}
.icon-tab-unselected:before {
    content: "\e682";
}
.icon-theaters:before {
    content: "\e683";
}
.icon-thumb-down:before {
    content: "\e684";
}
.icon-thumb-up:before {
    content: "\e685";
}
.icon-thumbs-up-down:before {
    content: "\e686";
}
.icon-toc:before {
    content: "\e687";
}
.icon-today:before {
    content: "\e688";
}
.icon-track-changes:before {
    content: "\e689";
}
.icon-translate:before {
    content: "\e68a";
}
.icon-trending-down:before {
    content: "\e68b";
}
.icon-trending-neutral:before {
    content: "\e68c";
}
.icon-trending-up:before {
    content: "\e68d";
}
.icon-turned-in:before {
    content: "\e68e";
}
.icon-turned-in-not:before {
    content: "\e68f";
}
.icon-verified-user:before {
    content: "\e690";
}
.icon-view-agenda:before {
    content: "\e691";
}
.icon-view-array:before {
    content: "\e692";
}
.icon-view-carousel:before {
    content: "\e693";
}
.icon-view-column:before {
    content: "\e694";
}
.icon-view-day:before {
    content: "\e695";
}
.icon-view-headline:before {
    content: "\e696";
}
.icon-view-list:before {
    content: "\e697";
}
.icon-view-module:before {
    content: "\e698";
}
.icon-view-quilt:before {
    content: "\e699";
}
.icon-view-stream:before {
    content: "\e69a";
}
.icon-view-week:before {
    content: "\e69b";
}
.icon-visibility:before {
    content: "\e69c";
}
.icon-visibility-off:before {
    content: "\e69d";
}
.icon-wallet-giftcard:before {
    content: "\e69e";
}
.icon-wallet-membership:before {
    content: "\e69f";
}
.icon-wallet-travel:before {
    content: "\e6a0";
}
.icon-work:before {
    content: "\e6a1";
}
.icon-error:before {
    content: "\e6a2";
}
.icon-warning:before {
    content: "\e6a3";
}
.icon-album:before {
    content: "\e6a4";
}
.icon-av-timer:before {
    content: "\e6a5";
}
.icon-closed-caption:before {
    content: "\e6a6";
}
.icon-equalizer:before {
    content: "\e6a7";
}
.icon-explicit:before {
    content: "\e6a8";
}
.icon-fast-forward:before {
    content: "\e6a9";
}
.icon-fast-rewind:before {
    content: "\e6aa";
}
.icon-games:before {
    content: "\e6ab";
}
.icon-hearing:before {
    content: "\e6ac";
}
.icon-high-quality:before {
    content: "\e6ad";
}
.icon-loop:before {
    content: "\e6ae";
}
.icon-mic:before {
    content: "\e6af";
}
.icon-mnone:before {
    content: "\e6b0";
}
.icon-moff:before {
    content: "\e6b1";
}
.icon-movie:before {
    content: "\e6b2";
}
.icon-my-library-add:before {
    content: "\e6b3";
}
.icon-my-library-books:before {
    content: "\e6b4";
}
.icon-my-library-mus:before {
    content: "\e6b5";
}
.icon-new-releases:before {
    content: "\e6b6";
}
.icon-not-interested:before {
    content: "\e6b7";
}
.icon-pause:before {
    content: "\e6b8";
}
.icon-pause-circle-fill:before {
    content: "\e6b9";
}
.icon-pause-circle-outline:before {
    content: "\e6ba";
}
.icon-play-arrow:before {
    content: "\e6bb";
}
.icon-play-circle-fill:before {
    content: "\e6bc";
}
.icon-play-circle-outline:before {
    content: "\e6bd";
}
.icon-play-shopping-bag:before {
    content: "\e6be";
}
.icon-playlist-add:before {
    content: "\e6bf";
}
.icon-queue:before {
    content: "\e6c0";
}
.icon-queue-mus:before {
    content: "\e6c1";
}
.icon-radio:before {
    content: "\e6c2";
}
.icon-recent-actors:before {
    content: "\e6c3";
}
.icon-repeat:before {
    content: "\e6c4";
}
.icon-repeat-one:before {
    content: "\e6c5";
}
.icon-replay:before {
    content: "\e6c6";
}
.icon-shuffle:before {
    content: "\e6c7";
}
.icon-skip-next:before {
    content: "\e6c8";
}
.icon-skip-previous:before {
    content: "\e6c9";
}
.icon-snooze:before {
    content: "\e6ca";
}
.icon-stop:before {
    content: "\e6cb";
}
.icon-subtitles:before {
    content: "\e6cc";
}
.icon-surround-sound:before {
    content: "\e6cd";
}
.icon-video-collection:before {
    content: "\e6ce";
}
.icon-videocam:before {
    content: "\e6cf";
}
.icon-videocam-off:before {
    content: "\e6d0";
}
.icon-volume-down:before {
    content: "\e6d1";
}
.icon-volume-mute:before {
    content: "\e6d2";
}
.icon-volume-off:before {
    content: "\e6d3";
}
.icon-volume-up:before {
    content: "\e6d4";
}
.icon-web:before {
    content: "\e6d5";
}
.icon-business:before {
    content: "\e6d6";
}
.icon-call:before {
    content: "\e6d7";
}
.icon-call-end:before {
    content: "\e6d8";
}
.icon-call-made:before {
    content: "\e6d9";
}
.icon-call-merge:before {
    content: "\e6da";
}
.icon-call-missed:before {
    content: "\e6db";
}
.icon-call-received:before {
    content: "\e6dc";
}
.icon-call-split:before {
    content: "\e6dd";
}
.icon-chat:before {
    content: "\e6de";
}
.icon-clear-all:before {
    content: "\e6df";
}
.icon-comment:before {
    content: "\e6e0";
}
.icon-contacts:before {
    content: "\e6e1";
}
.icon-dialer-sip:before {
    content: "\e6e2";
}
.icon-dialpad:before {
    content: "\e6e3";
}
.icon-dnd-on:before {
    content: "\e6e4";
}
.icon-email:before {
    content: "\e6e5";
}
.icon-forum:before {
    content: "\e6e6";
}
.icon-import-export:before {
    content: "\e6e7";
}
.icon-invert-colors-off:before {
    content: "\e6e8";
}
.icon-invert-colors-on:before {
    content: "\e6e9";
}
.icon-live-help:before {
    content: "\e6ea";
}
.icon-location-off:before {
    content: "\e6eb";
}
.icon-location-on:before {
    content: "\e6ec";
}
.icon-message:before {
    content: "\e6ed";
}
.icon-messenger:before {
    content: "\e6ee";
}
.icon-no-sim:before {
    content: "\e6ef";
}
.icon-phone:before {
    content: "\e6f0";
}
.icon-portable-wifi-off:before {
    content: "\e6f1";
}
.icon-quick-contacts-dialer:before {
    content: "\e6f2";
}
.icon-quick-contacts-mail:before {
    content: "\e6f3";
}
.icon-ring-volume:before {
    content: "\e6f4";
}
.icon-stay-current-landscape:before {
    content: "\e6f5";
}
.icon-stay-current-portrait:before {
    content: "\e6f6";
}
.icon-stay-primary-landscape:before {
    content: "\e6f7";
}
.icon-stay-primary-portrait:before {
    content: "\e6f8";
}
.icon-swap-calls:before {
    content: "\e6f9";
}
.icon-textsms:before {
    content: "\e6fa";
}
.icon-voicemail:before {
    content: "\e6fb";
}
.icon-vpn-key:before {
    content: "\e6fc";
}
.icon-add:before {
    content: "\e6fd";
}
.icon-add-box:before {
    content: "\e6fe";
}
.icon-add-circle:before {
    content: "\e6ff";
}
.icon-add-circle-outline:before {
    content: "\e700";
}
.icon-archive:before {
    content: "\e701";
}
.icon-backspace:before {
    content: "\e702";
}
.icon-block:before {
    content: "\e703";
}
.icon-clear:before {
    content: "\e704";
}
.icon-content-copy:before {
    content: "\e705";
}
.icon-content-cut:before {
    content: "\e706";
}
.icon-content-paste:before {
    content: "\e707";
}
.icon-create:before {
    content: "\e708";
}
.icon-drafts:before {
    content: "\e709";
}
.icon-filter-list:before {
    content: "\e70a";
}
.icon-flag:before {
    content: "\e70b";
}
.icon-forward:before {
    content: "\e70c";
}
.icon-gesture:before {
    content: "\e70d";
}
.icon-inbox:before {
    content: "\e70e";
}
.icon-link:before {
    content: "\e70f";
}
.icon-mail:before {
    content: "\e710";
}
.icon-markunread:before {
    content: "\e711";
}
.icon-redo:before {
    content: "\e712";
}
.icon-remove:before {
    content: "\e713";
}
.icon-remove-circle:before {
    content: "\e714";
}
.icon-remove-circle-outline:before {
    content: "\e715";
}
.icon-reply:before {
    content: "\e716";
}
.icon-reply-all:before {
    content: "\e717";
}
.icon-report:before {
    content: "\e718";
}
.icon-save:before {
    content: "\e719";
}
.icon-select-all:before {
    content: "\e71a";
}
.icon-send:before {
    content: "\e71b";
}
.icon-sort:before {
    content: "\e71c";
}
.icon-text-format:before {
    content: "\e71d";
}
.icon-undo:before {
    content: "\e71e";
}
.icon-access-alarm:before {
    content: "\e71f";
}
.icon-access-alarms:before {
    content: "\e720";
}
.icon-access-time:before {
    content: "\e721";
}
.icon-add-alarm:before {
    content: "\e722";
}
.icon-airplanemode-off:before {
    content: "\e723";
}
.icon-airplanemode-on:before {
    content: "\e724";
}
.icon-battery-20:before {
    content: "\e725";
}
.icon-battery-30:before {
    content: "\e726";
}
.icon-battery-50:before {
    content: "\e727";
}
.icon-battery-60:before {
    content: "\e728";
}
.icon-battery-80:before {
    content: "\e729";
}
.icon-battery-90:before {
    content: "\e72a";
}
.icon-battery-alert:before {
    content: "\e72b";
}
.icon-battery-charging-20:before {
    content: "\e72c";
}
.icon-battery-charging-30:before {
    content: "\e72d";
}
.icon-battery-charging-50:before {
    content: "\e72e";
}
.icon-battery-charging-60:before {
    content: "\e72f";
}
.icon-battery-charging-80:before {
    content: "\e730";
}
.icon-battery-charging-90:before {
    content: "\e731";
}
.icon-battery-charging-full:before {
    content: "\e732";
}
.icon-battery-full:before {
    content: "\e733";
}
.icon-battery-std:before {
    content: "\e734";
}
.icon-battery-unknown:before {
    content: "\e735";
}
.icon-bluetooth:before {
    content: "\e736";
}
.icon-bluetooth-connected:before {
    content: "\e737";
}
.icon-bluetooth-disabled:before {
    content: "\e738";
}
.icon-bluetooth-searching:before {
    content: "\e739";
}
.icon-brightness-auto:before {
    content: "\e73a";
}
.icon-brightness-high:before {
    content: "\e73b";
}
.icon-brightness-low:before {
    content: "\e73c";
}
.icon-brightness-medium:before {
    content: "\e73d";
}
.icon-data-usage:before {
    content: "\e73e";
}
.icon-developer-mode:before {
    content: "\e73f";
}
.icon-devices:before {
    content: "\e740";
}
.icon-dvr:before {
    content: "\e741";
}
.icon-gps-fixed:before {
    content: "\e742";
}
.icon-gps-not-fixed:before {
    content: "\e743";
}
.icon-gps-off:before {
    content: "\e744";
}
.icon-location-disabled:before {
    content: "\e745";
}
.icon-location-searching:before {
    content: "\e746";
}
.icon-multitrack-audio:before {
    content: "\e747";
}
.icon-network-cell:before {
    content: "\e748";
}
.icon-network-wifi:before {
    content: "\e749";
}
.icon-nfc:before {
    content: "\e74a";
}
.icon-now-wallpaper:before {
    content: "\e74b";
}
.icon-now-widgets:before {
    content: "\e74c";
}
.icon-screen-lock-landscape:before {
    content: "\e74d";
}
.icon-screen-lock-portrait:before {
    content: "\e74e";
}
.icon-screen-lock-rotation:before {
    content: "\e74f";
}
.icon-screen-rotation:before {
    content: "\e750";
}
.icon-sd-storage:before {
    content: "\e751";
}
.icon-settings-system-daydream:before {
    content: "\e752";
}
.icon-signal-cellular-0-bar:before {
    content: "\e753";
}
.icon-signal-cellular-1-bar:before {
    content: "\e754";
}
.icon-signal-cellular-2-bar:before {
    content: "\e755";
}
.icon-signal-cellular-3-bar:before {
    content: "\e756";
}
.icon-signal-cellular-4-bar:before {
    content: "\e757";
}
.icon-signal-cellular-connected-no-internet-0-bar:before {
    content: "\e758";
}
.icon-signal-cellular-connected-no-internet-1-bar:before {
    content: "\e759";
}
.icon-signal-cellular-connected-no-internet-2-bar:before {
    content: "\e75a";
}
.icon-signal-cellular-connected-no-internet-3-bar:before {
    content: "\e75b";
}
.icon-signal-cellular-connected-no-internet-4-bar:before {
    content: "\e75c";
}
.icon-signal-cellular-no-sim:before {
    content: "\e75d";
}
.icon-signal-cellular-null:before {
    content: "\e75e";
}
.icon-signal-cellular-off:before {
    content: "\e75f";
}
.icon-signal-wifi-0-bar:before {
    content: "\e760";
}
.icon-signal-wifi-1-bar:before {
    content: "\e761";
}
.icon-signal-wifi-2-bar:before {
    content: "\e762";
}
.icon-signal-wifi-3-bar:before {
    content: "\e763";
}
.icon-signal-wifi-4-bar:before {
    content: "\e764";
}
.icon-signal-wifi-off:before {
    content: "\e765";
}
.icon-signal-wifi-statusbar-1-bar:before {
    content: "\e766";
}
.icon-signal-wifi-statusbar-2-bar:before {
    content: "\e767";
}
.icon-signal-wifi-statusbar-3-bar:before {
    content: "\e768";
}
.icon-signal-wifi-statusbar-4-bar:before {
    content: "\e769";
}
.icon-signal-wifi-statusbar-connected-no-internet-1:before {
    content: "\e76a";
}
.icon-signal-wifi-statusbar-connected-no-internet-2:before {
    content: "\e76b";
}
.icon-signal-wifi-statusbar-connected-no-internet-3:before {
    content: "\e76c";
}
.icon-signal-wifi-statusbar-connected-no-internet-4:before {
    content: "\e76d";
}
.icon-signal-wifi-statusbar-connected-no-internet:before {
    content: "\e76e";
}
.icon-signal-wifi-statusbar-not-connected:before {
    content: "\e76f";
}
.icon-signal-wifi-statusbar-null:before {
    content: "\e770";
}
.icon-storage:before {
    content: "\e771";
}
.icon-usb:before {
    content: "\e772";
}
.icon-wifi-lock:before {
    content: "\e773";
}
.icon-wifi-tethering:before {
    content: "\e774";
}
.icon-attach-file:before {
    content: "\e775";
}
.icon-attach-money:before {
    content: "\e776";
}
.icon-border-all:before {
    content: "\e777";
}
.icon-border-bottom:before {
    content: "\e778";
}
.icon-border-clear:before {
    content: "\e779";
}
.icon-border-color:before {
    content: "\e77a";
}
.icon-border-horizontal:before {
    content: "\e77b";
}
.icon-border-inner:before {
    content: "\e77c";
}
.icon-border-left:before {
    content: "\e77d";
}
.icon-border-outer:before {
    content: "\e77e";
}
.icon-border-right:before {
    content: "\e77f";
}
.icon-border-style:before {
    content: "\e780";
}
.icon-border-top:before {
    content: "\e781";
}
.icon-border-vertical:before {
    content: "\e782";
}
.icon-format-align-center:before {
    content: "\e783";
}
.icon-format-align-justify:before {
    content: "\e784";
}
.icon-format-align-left:before {
    content: "\e785";
}
.icon-format-align-right:before {
    content: "\e786";
}
.icon-format-bold:before {
    content: "\e787";
}
.icon-format-clear:before {
    content: "\e788";
}
.icon-format-color-fill:before {
    content: "\e789";
}
.icon-format-color-reset:before {
    content: "\e78a";
}
.icon-format-color-text:before {
    content: "\e78b";
}
.icon-format-indent-decrease:before {
    content: "\e78c";
}
.icon-format-indent-increase:before {
    content: "\e78d";
}
.icon-format-ital:before {
    content: "\e78e";
}
.icon-format-line-spacing:before {
    content: "\e78f";
}
.icon-format-list-bulleted:before {
    content: "\e790";
}
.icon-format-list-numbered:before {
    content: "\e791";
}
.icon-format-paint:before {
    content: "\e792";
}
.icon-format-quote:before {
    content: "\e793";
}
.icon-format-size:before {
    content: "\e794";
}
.icon-format-strikethrough:before {
    content: "\e795";
}
.icon-format-textdirection-l-to-r:before {
    content: "\e796";
}
.icon-format-textdirection-r-to-l:before {
    content: "\e797";
}
.icon-format-underline:before {
    content: "\e798";
}
.icon-functions:before {
    content: "\e799";
}
.icon-insert-chart:before {
    content: "\e79a";
}
.icon-insert-comment:before {
    content: "\e79b";
}
.icon-insert-drive-file:before {
    content: "\e79c";
}
.icon-insert-emoticon:before {
    content: "\e79d";
}
.icon-insert-invitation:before {
    content: "\e79e";
}
.icon-insert-link:before {
    content: "\e79f";
}
.icon-insert-photo:before {
    content: "\e7a0";
}
.icon-merge-type:before {
    content: "\e7a1";
}
.icon-mode-comment:before {
    content: "\e7a2";
}
.icon-mode-edit:before {
    content: "\e7a3";
}
.icon-publish:before {
    content: "\e7a4";
}
.icon-vertical-align-bottom:before {
    content: "\e7a5";
}
.icon-vertical-align-center:before {
    content: "\e7a6";
}
.icon-vertical-align-top:before {
    content: "\e7a7";
}
.icon-wrap-text:before {
    content: "\e7a8";
}
.icon-attachment:before {
    content: "\e7a9";
}
.icon-cloud:before {
    content: "\e7aa";
}
.icon-cloud-circle:before {
    content: "\e7ab";
}
.icon-cloud-done:before {
    content: "\e7ac";
}
.icon-cloud-download:before {
    content: "\e7ad";
}
.icon-cloud-off:before {
    content: "\e7ae";
}
.icon-cloud-queue:before {
    content: "\e7af";
}
.icon-cloud-upload:before {
    content: "\e7b0";
}
.icon-file-download:before {
    content: "\e7b1";
}
.icon-file-upload:before {
    content: "\e7b2";
}
.icon-folder:before {
    content: "\e7b3";
}
.icon-folder-open:before {
    content: "\e7b4";
}
.icon-folder-shared:before {
    content: "\e7b5";
}
.icon-cast:before {
    content: "\e7b6";
}
.icon-cast-connected:before {
    content: "\e7b7";
}
.icon-computer:before {
    content: "\e7b8";
}
.icon-desktop-mac:before {
    content: "\e7b9";
}
.icon-desktop-windows:before {
    content: "\e7ba";
}
.icon-dock:before {
    content: "\e7bb";
}
.icon-gamepad:before {
    content: "\e7bc";
}
.icon-headset:before {
    content: "\e7bd";
}
.icon-headset-m:before {
    content: "\e7be";
}
.icon-keyboard:before {
    content: "\e7bf";
}
.icon-keyboard-alt:before {
    content: "\e7c0";
}
.icon-keyboard-arrow-down:before {
    content: "\e7c1";
}
.icon-keyboard-arrow-left:before {
    content: "\e7c2";
}
.icon-keyboard-arrow-right:before {
    content: "\e7c3";
}
.icon-keyboard-arrow-up:before {
    content: "\e7c4";
}
.icon-keyboard-backspace:before {
    content: "\e7c5";
}
.icon-keyboard-capslock:before {
    content: "\e7c6";
}
.icon-keyboard-control:before {
    content: "\e7c7";
}
.icon-keyboard-hide:before {
    content: "\e7c8";
}
.icon-keyboard-return:before {
    content: "\e7c9";
}
.icon-keyboard-tab:before {
    content: "\e7ca";
}
.icon-keyboard-voice:before {
    content: "\e7cb";
}
.icon-laptop:before {
    content: "\e7cc";
}
.icon-laptop-chromebook:before {
    content: "\e7cd";
}
.icon-laptop-mac:before {
    content: "\e7ce";
}
.icon-laptop-windows:before {
    content: "\e7cf";
}
.icon-memory:before {
    content: "\e7d0";
}
.icon-mouse:before {
    content: "\e7d1";
}
.icon-phone-android:before {
    content: "\e7d2";
}
.icon-phone-iphone:before {
    content: "\e7d3";
}
.icon-phonelink:before {
    content: "\e7d4";
}
.icon-phonelink-off:before {
    content: "\e7d5";
}
.icon-security:before {
    content: "\e7d6";
}
.icon-sim-card:before {
    content: "\e7d7";
}
.icon-smartphone:before {
    content: "\e7d8";
}
.icon-speaker:before {
    content: "\e7d9";
}
.icon-tablet:before {
    content: "\e7da";
}
.icon-tablet-android:before {
    content: "\e7db";
}
.icon-tablet-mac:before {
    content: "\e7dc";
}
.icon-tv:before {
    content: "\e7dd";
}
.icon-watch:before {
    content: "\e7de";
}
.icon-add-to-photos:before {
    content: "\e7df";
}
.icon-adjust:before {
    content: "\e7e0";
}
.icon-assistant-photo:before {
    content: "\e7e1";
}
.icon-audiotrack:before {
    content: "\e7e2";
}
.icon-blur-circular:before {
    content: "\e7e3";
}
.icon-blur-linear:before {
    content: "\e7e4";
}
.icon-blur-off:before {
    content: "\e7e5";
}
.icon-blur-on:before {
    content: "\e7e6";
}
.icon-brightness-1:before {
    content: "\e7e7";
}
.icon-brightness-2:before {
    content: "\e7e8";
}
.icon-brightness-3:before {
    content: "\e7e9";
}
.icon-brightness-4:before {
    content: "\e7ea";
}
.icon-brightness-5:before {
    content: "\e7eb";
}
.icon-brightness-6:before {
    content: "\e7ec";
}
.icon-brightness-7:before {
    content: "\e7ed";
}
.icon-brush:before {
    content: "\e7ee";
}
.icon-camera:before {
    content: "\e7ef";
}
.icon-camera-alt:before {
    content: "\e7f0";
}
.icon-camera-front:before {
    content: "\e7f1";
}
.icon-camera-rear:before {
    content: "\e7f2";
}
.icon-camera-roll:before {
    content: "\e7f3";
}
.icon-center-focus-strong:before {
    content: "\e7f4";
}
.icon-center-focus-weak:before {
    content: "\e7f5";
}
.icon-collections:before {
    content: "\e7f6";
}
.icon-color-lens:before {
    content: "\e7f7";
}
.icon-colorize:before {
    content: "\e7f8";
}
.icon-compare:before {
    content: "\e7f9";
}
.icon-control-point:before {
    content: "\e7fa";
}
.icon-control-point-duplicate:before {
    content: "\e7fb";
}
.icon-crop-3-2:before {
    content: "\e7fc";
}
.icon-crop-5-4:before {
    content: "\e7fd";
}
.icon-crop-7-5:before {
    content: "\e7fe";
}
.icon-crop-16-9:before {
    content: "\e7ff";
}
.icon-crop:before {
    content: "\e800";
}
.icon-crop-din:before {
    content: "\e801";
}
.icon-crop-free:before {
    content: "\e802";
}
.icon-crop-landscape:before {
    content: "\e803";
}
.icon-crop-original:before {
    content: "\e804";
}
.icon-crop-portrait:before {
    content: "\e805";
}
.icon-crop-square:before {
    content: "\e806";
}
.icon-dehaze:before {
    content: "\e807";
}
.icon-details:before {
    content: "\e808";
}
.icon-edit:before {
    content: "\e809";
}
.icon-exposure:before {
    content: "\e80a";
}
.icon-exposure-minus-1:before {
    content: "\e80b";
}
.icon-exposure-minus-2:before {
    content: "\e80c";
}
.icon-exposure-plus-1:before {
    content: "\e80d";
}
.icon-exposure-plus-2:before {
    content: "\e80e";
}
.icon-exposure-zero:before {
    content: "\e80f";
}
.icon-filter-1:before {
    content: "\e810";
}
.icon-filter-2:before {
    content: "\e811";
}
.icon-filter-3:before {
    content: "\e812";
}
.icon-filter-4:before {
    content: "\e813";
}
.icon-filter-5:before {
    content: "\e814";
}
.icon-filter-6:before {
    content: "\e815";
}
.icon-filter-7:before {
    content: "\e816";
}
.icon-filter-8:before {
    content: "\e817";
}
.icon-filter-9:before {
    content: "\e818";
}
.icon-filter-9-plus:before {
    content: "\e819";
}
.icon-filter:before {
    content: "\e81a";
}
.icon-filter-b-and-w:before {
    content: "\e81b";
}
.icon-filter-center-focus:before {
    content: "\e81c";
}
.icon-filter-drama:before {
    content: "\e81d";
}
.icon-filter-frames:before {
    content: "\e81e";
}
.icon-filter-hdr:before {
    content: "\e81f";
}
.icon-filter-none:before {
    content: "\e820";
}
.icon-filter-tilt-shift:before {
    content: "\e821";
}
.icon-filter-vintage:before {
    content: "\e822";
}
.icon-flare:before {
    content: "\e823";
}
.icon-flash-auto:before {
    content: "\e824";
}
.icon-flash-off:before {
    content: "\e825";
}
.icon-flash-on:before {
    content: "\e826";
}
.icon-flip:before {
    content: "\e827";
}
.icon-gradient:before {
    content: "\e828";
}
.icon-grain:before {
    content: "\e829";
}
.icon-grid-off:before {
    content: "\e82a";
}
.icon-grid-on:before {
    content: "\e82b";
}
.icon-hdr-off:before {
    content: "\e82c";
}
.icon-hdr-on:before {
    content: "\e82d";
}
.icon-hdr-strong:before {
    content: "\e82e";
}
.icon-hdr-weak:before {
    content: "\e82f";
}
.icon-healing:before {
    content: "\e830";
}
.icon-image:before {
    content: "\e831";
}
.icon-image-aspect-ratio:before {
    content: "\e832";
}
.icon-iso:before {
    content: "\e833";
}
.icon-landscape:before {
    content: "\e834";
}
.icon-leak-add:before {
    content: "\e835";
}
.icon-leak-remove:before {
    content: "\e836";
}
.icon-lens:before {
    content: "\e837";
}
.icon-looks-3:before {
    content: "\e838";
}
.icon-looks-4:before {
    content: "\e839";
}
.icon-looks-5:before {
    content: "\e83a";
}
.icon-looks-6:before {
    content: "\e83b";
}
.icon-looks:before {
    content: "\e83c";
}
.icon-looks-one:before {
    content: "\e83d";
}
.icon-looks-two:before {
    content: "\e83e";
}
.icon-loupe:before {
    content: "\e83f";
}
.icon-movie-creation:before {
    content: "\e840";
}
.icon-nature:before {
    content: "\e841";
}
.icon-nature-people:before {
    content: "\e842";
}
.icon-navigate-before:before {
    content: "\e843";
}
.icon-navigate-next:before {
    content: "\e844";
}
.icon-palette:before {
    content: "\e845";
}
.icon-panorama:before {
    content: "\e846";
}
.icon-panorama-fisheye:before {
    content: "\e847";
}
.icon-panorama-horizontal:before {
    content: "\e848";
}
.icon-panorama-vertical:before {
    content: "\e849";
}
.icon-panorama-wide-angle:before {
    content: "\e84a";
}
.icon-photo:before {
    content: "\e84b";
}
.icon-photo-album:before {
    content: "\e84c";
}
.icon-photo-camera:before {
    content: "\e84d";
}
.icon-photo-library:before {
    content: "\e84e";
}
.icon-portrait:before {
    content: "\e84f";
}
.icon-remove-red-eye:before {
    content: "\e850";
}
.icon-rotate-left:before {
    content: "\e851";
}
.icon-rotate-right:before {
    content: "\e852";
}
.icon-slideshow:before {
    content: "\e853";
}
.icon-straighten:before {
    content: "\e854";
}
.icon-style:before {
    content: "\e855";
}
.icon-switch-camera:before {
    content: "\e856";
}
.icon-switch-video:before {
    content: "\e857";
}
.icon-tag-faces:before {
    content: "\e858";
}
.icon-texture:before {
    content: "\e859";
}
.icon-timelapse:before {
    content: "\e85a";
}
.icon-timer-3:before {
    content: "\e85b";
}
.icon-timer-10:before {
    content: "\e85c";
}
.icon-timer:before {
    content: "\e85d";
}
.icon-timer-auto:before {
    content: "\e85e";
}
.icon-timer-off:before {
    content: "\e85f";
}
.icon-tonality:before {
    content: "\e860";
}
.icon-transform:before {
    content: "\e861";
}
.icon-tune:before {
    content: "\e862";
}
.icon-wb-auto:before {
    content: "\e863";
}
.icon-wb-cloudy:before {
    content: "\e864";
}
.icon-wb-incandescent:before {
    content: "\e865";
}
.icon-wb-irradescent:before {
    content: "\e866";
}
.icon-wb-sunny:before {
    content: "\e867";
}
.icon-beenhere:before {
    content: "\e868";
}
.icon-directions:before {
    content: "\e869";
}
.icon-directions-bike:before {
    content: "\e86a";
}
.icon-directions-bus:before {
    content: "\e86b";
}
.icon-directions-car:before {
    content: "\e86c";
}
.icon-directions-ferry:before {
    content: "\e86d";
}
.icon-directions-subway:before {
    content: "\e86e";
}
.icon-directions-train:before {
    content: "\e86f";
}
.icon-directions-transit:before {
    content: "\e870";
}
.icon-directions-walk:before {
    content: "\e871";
}
.icon-flight:before {
    content: "\e872";
}
.icon-hotel:before {
    content: "\e873";
}
.icon-layers:before {
    content: "\e874";
}
.icon-layers-clear:before {
    content: "\e875";
}
.icon-local-airport:before {
    content: "\e876";
}
.icon-local-atm:before {
    content: "\e877";
}
.icon-local-attraction:before {
    content: "\e878";
}
.icon-local-bar:before {
    content: "\e879";
}
.icon-local-cafe:before {
    content: "\e87a";
}
.icon-local-car-wash:before {
    content: "\e87b";
}
.icon-local-convenience-store:before {
    content: "\e87c";
}
.icon-local-drink:before {
    content: "\e87d";
}
.icon-local-florist:before {
    content: "\e87e";
}
.icon-local-gas-station:before {
    content: "\e87f";
}
.icon-local-grocery-store:before {
    content: "\e880";
}
.icon-local-hospital:before {
    content: "\e881";
}
.icon-local-hotel:before {
    content: "\e882";
}
.icon-local-laundry-service:before {
    content: "\e883";
}
.icon-local-library:before {
    content: "\e884";
}
.icon-local-mall:before {
    content: "\e885";
}
.icon-local-movies:before {
    content: "\e886";
}
.icon-local-offer:before {
    content: "\e887";
}
.icon-local-parking:before {
    content: "\e888";
}
.icon-local-pharmacy:before {
    content: "\e889";
}
.icon-local-phone:before {
    content: "\e88a";
}
.icon-local-pizza:before {
    content: "\e88b";
}
.icon-local-play:before {
    content: "\e88c";
}
.icon-local-post-office:before {
    content: "\e88d";
}
.icon-local-print-shop:before {
    content: "\e88e";
}
.icon-local-restaurant:before {
    content: "\e88f";
}
.icon-local-see:before {
    content: "\e890";
}
.icon-local-shipping:before {
    content: "\e891";
}
.icon-local-taxi:before {
    content: "\e892";
}
.icon-location-history:before {
    content: "\e893";
}
.icon-map:before {
    content: "\e894";
}
.icon-my-location:before {
    content: "\e895";
}
.icon-navigation:before {
    content: "\e896";
}
.icon-pin-drop:before {
    content: "\e897";
}
.icon-place:before {
    content: "\e898";
}
.icon-rate-review:before {
    content: "\e899";
}
.icon-restaurant-menu:before {
    content: "\e89a";
}
.icon-satellite:before {
    content: "\e89b";
}
.icon-store-mall-directory:before {
    content: "\e89c";
}
.icon-terrain:before {
    content: "\e89d";
}
.icon-traff:before {
    content: "\e89e";
}
.icon-apps:before {
    content: "\e89f";
}
.icon-arrow-back:before {
    content: "\e8a0";
}
.icon-arrow-drop-down:before {
    content: "\e8a1";
}
.icon-arrow-drop-down-circle:before {
    content: "\e8a2";
}
.icon-arrow-drop-up:before {
    content: "\e8a3";
}
.icon-arrow-forward:before {
    content: "\e8a4";
}
.icon-cancel:before {
    content: "\e8a5";
}
.icon-check:before {
    content: "\e8a6";
}
.icon-chevron-left:before {
    content: "\e8a7";
}
.icon-chevron-right:before {
    content: "\e8a8";
}
.icon-close:before {
    content: "\e8a9";
}
.icon-expand-less:before {
    content: "\e8aa";
}
.icon-expand-more:before {
    content: "\e8ab";
}
.icon-fullscreen:before {
    content: "\e8ac";
}
.icon-fullscreen-exit:before {
    content: "\e8ad";
}
.icon-menu:before {
    content: "\e8ae";
}
.icon-more-horiz:before {
    content: "\e8af";
}
.icon-more-vert:before {
    content: "\e8b0";
}
.icon-refresh:before {
    content: "\e8b1";
}
.icon-unfold-less:before {
    content: "\e8b2";
}
.icon-unfold-more:before {
    content: "\e8b3";
}
.icon-adb:before {
    content: "\e8b4";
}
.icon-bluetooth-audio:before {
    content: "\e8b5";
}
.icon-disc-full:before {
    content: "\e8b6";
}
.icon-dnd-forwardslash:before {
    content: "\e8b7";
}
.icon-do-not-disturb:before {
    content: "\e8b8";
}
.icon-drive-eta:before {
    content: "\e8b9";
}
.icon-event-available:before {
    content: "\e8ba";
}
.icon-event-busy:before {
    content: "\e8bb";
}
.icon-event-note:before {
    content: "\e8bc";
}
.icon-folder-special:before {
    content: "\e8bd";
}
.icon-mms:before {
    content: "\e8be";
}
.icon-more:before {
    content: "\e8bf";
}
.icon-network-locked:before {
    content: "\e8c0";
}
.icon-phone-bluetooth-speaker:before {
    content: "\e8c1";
}
.icon-phone-forwarded:before {
    content: "\e8c2";
}
.icon-phone-in-talk:before {
    content: "\e8c3";
}
.icon-phone-locked:before {
    content: "\e8c4";
}
.icon-phone-missed:before {
    content: "\e8c5";
}
.icon-phone-paused:before {
    content: "\e8c6";
}
.icon-play-download:before {
    content: "\e8c7";
}
.icon-play-install:before {
    content: "\e8c8";
}
.icon-sd-card:before {
    content: "\e8c9";
}
.icon-sim-card-alert:before {
    content: "\e8ca";
}
.icon-sms:before {
    content: "\e8cb";
}
.icon-sms-failed:before {
    content: "\e8cc";
}
.icon-sync:before {
    content: "\e8cd";
}
.icon-sync-disabled:before {
    content: "\e8ce";
}
.icon-sync-problem:before {
    content: "\e8cf";
}
.icon-system-update:before {
    content: "\e8d0";
}
.icon-tap-and-play:before {
    content: "\e8d1";
}
.icon-time-to-leave:before {
    content: "\e8d2";
}
.icon-vibration:before {
    content: "\e8d3";
}
.icon-voice-chat:before {
    content: "\e8d4";
}
.icon-vpn-lock:before {
    content: "\e8d5";
}
.icon-cake:before {
    content: "\e8d6";
}
.icon-domain:before {
    content: "\e8d7";
}
.icon-group:before {
    content: "\e8d8";
}
.icon-group-add:before {
    content: "\e8d9";
}
.icon-location-city:before {
    content: "\e8da";
}
.icon-mood:before {
    content: "\e8db";
}
.icon-notifications:before {
    content: "\e8dc";
}
.icon-notifications-none:before {
    content: "\e8dd";
}
.icon-notifications-off:before {
    content: "\e8de";
}
.icon-notifications-on:before {
    content: "\e8df";
}
.icon-notifications-paused:before {
    content: "\e8e0";
}
.icon-pages:before {
    content: "\e8e1";
}
.icon-party-mode:before {
    content: "\e8e2";
}
.icon-people:before {
    content: "\e8e3";
}
.icon-people-outline:before {
    content: "\e8e4";
}
.icon-person:before {
    content: "\e8e5";
}
.icon-person-add:before {
    content: "\e8e6";
}
.icon-person-outline:before {
    content: "\e8e7";
}
.icon-plus-one:before {
    content: "\e8e8";
}
.icon-poll:before {
    content: "\e8e9";
}
.icon-publ:before {
    content: "\e8ea";
}
.icon-school:before {
    content: "\e8eb";
}
.icon-share:before {
    content: "\e8ec";
}
.icon-whatshot:before {
    content: "\e8ed";
}
.icon-check-box:before {
    content: "\e8ee";
}
.icon-check-box-outline-blank:before {
    content: "\e8ef";
}
.icon-radio-button-off:before {
    content: "\e8f0";
}
.icon-radio-button-on:before {
    content: "\e8f1";
}
.icon-star:before {
    content: "\e8f2";
}
.icon-star-half:before {
    content: "\e8f3";
}
.icon-star-outline:before {
    content: "\e8f4";
}
.icon-home4:before {
    content: "\e900";
}
.icon-home2:before {
    content: "\e901";
}
.icon-home3:before {
    content: "\e902";
}
.icon-office:before {
    content: "\e903";
}
.icon-newspaper:before {
    content: "\e904";
}
.icon-pencil:before {
    content: "\e905";
}
.icon-pencil2:before {
    content: "\e906";
}
.icon-quill:before {
    content: "\e907";
}
.icon-pen:before {
    content: "\e908";
}
.icon-blog:before {
    content: "\e909";
}
.icon-eyedropper:before {
    content: "\e90a";
}
.icon-droplet:before {
    content: "\e90b";
}
.icon-paint-format:before {
    content: "\e90c";
}
.icon-image2:before {
    content: "\e90d";
}
.icon-images:before {
    content: "\e90e";
}
.icon-camera2:before {
    content: "\e90f";
}
.icon-headphones:before {
    content: "\e910";
}
.icon-music:before {
    content: "\e911";
}
.icon-play:before {
    content: "\e912";
}
.icon-film:before {
    content: "\e913";
}
.icon-video-camera:before {
    content: "\e914";
}
.icon-dice:before {
    content: "\e915";
}
.icon-pacman:before {
    content: "\e916";
}
.icon-spades:before {
    content: "\e917";
}
.icon-clubs:before {
    content: "\e918";
}
.icon-diamonds:before {
    content: "\e919";
}
.icon-bullhorn:before {
    content: "\e91a";
}
.icon-connection:before {
    content: "\e91b";
}
.icon-podcast:before {
    content: "\e91c";
}
.icon-feed:before {
    content: "\e91d";
}
.icon-mic2:before {
    content: "\e91e";
}
.icon-book2:before {
    content: "\e91f";
}
.icon-books:before {
    content: "\e920";
}
.icon-library:before {
    content: "\e921";
}
.icon-file-text:before {
    content: "\e922";
}
.icon-profile:before {
    content: "\e923";
}
.icon-file-empty:before {
    content: "\e924";
}
.icon-files-empty:before {
    content: "\e925";
}
.icon-file-text2:before {
    content: "\e926";
}
.icon-file-picture:before {
    content: "\e927";
}
.icon-file-music:before {
    content: "\e928";
}
.icon-file-play:before {
    content: "\e929";
}
.icon-file-video:before {
    content: "\e92a";
}
.icon-file-zip:before {
    content: "\e92b";
}
.icon-copy:before {
    content: "\e92c";
}
.icon-paste:before {
    content: "\e92d";
}
.icon-stack:before {
    content: "\e92e";
}
.icon-folder2:before {
    content: "\e92f";
}
.icon-folder-open2:before {
    content: "\e930";
}
.icon-folder-plus:before {
    content: "\e931";
}
.icon-folder-minus:before {
    content: "\e932";
}
.icon-folder-download:before {
    content: "\e933";
}
.icon-folder-upload:before {
    content: "\e934";
}
.icon-price-tag:before {
    content: "\e935";
}
.icon-price-tags:before {
    content: "\e936";
}
.icon-barcode:before {
    content: "\e937";
}
.icon-qrcode:before {
    content: "\e938";
}
.icon-ticket:before {
    content: "\e939";
}
.icon-cart:before {
    content: "\e93a";
}
.icon-coin-dollar:before {
    content: "\e93b";
}
.icon-coin-euro:before {
    content: "\e93c";
}
.icon-coin-pound:before {
    content: "\e93d";
}
.icon-coin-yen:before {
    content: "\e93e";
}
.icon-credit-card2:before {
    content: "\e93f";
}
.icon-calculator:before {
    content: "\e940";
}
.icon-lifebuoy:before {
    content: "\e941";
}
.icon-phone2:before {
    content: "\e942";
}
.icon-phone-hang-up:before {
    content: "\e943";
}
.icon-address-book:before {
    content: "\e944";
}
.icon-envelop:before {
    content: "\e945";
}
.icon-pushpin:before {
    content: "\e946";
}
.icon-location:before {
    content: "\e947";
}
.icon-location2:before {
    content: "\e948";
}
.icon-compass:before {
    content: "\e949";
}
.icon-compass2:before {
    content: "\e94a";
}
.icon-map3:before {
    content: "\e94b";
}
.icon-map2:before {
    content: "\e94c";
}
.icon-history2:before {
    content: "\e94d";
}
.icon-clock:before {
    content: "\e94e";
}
.icon-clock2:before {
    content: "\e94f";
}
.icon-alarm2:before {
    content: "\e950";
}
.icon-bell:before {
    content: "\e951";
}
.icon-stopwatch:before {
    content: "\e952";
}
.icon-calendar:before {
    content: "\e953";
}
.icon-printer:before {
    content: "\e954";
}
.icon-keyboard2:before {
    content: "\e955";
}
.icon-display:before {
    content: "\e956";
}
.icon-laptop2:before {
    content: "\e957";
}
.icon-mobile:before {
    content: "\e958";
}
.icon-mobile2:before {
    content: "\e959";
}
.icon-tablet2:before {
    content: "\e95a";
}
.icon-tv2:before {
    content: "\e95b";
}
.icon-drawer:before {
    content: "\e95c";
}
.icon-drawer2:before {
    content: "\e95d";
}
.icon-box-add:before {
    content: "\e95e";
}
.icon-box-remove:before {
    content: "\e95f";
}
.icon-download:before {
    content: "\e960";
}
.icon-upload:before {
    content: "\e961";
}
.icon-floppy-disk:before {
    content: "\e962";
}
.icon-drive:before {
    content: "\e963";
}
.icon-database:before {
    content: "\e964";
}
.icon-undo3:before {
    content: "\e965";
}
.icon-redo3:before {
    content: "\e966";
}
.icon-undo2:before {
    content: "\e967";
}
.icon-redo2:before {
    content: "\e968";
}
.icon-forward4:before {
    content: "\e969";
}
.icon-reply2:before {
    content: "\e96a";
}
.icon-bubble:before {
    content: "\e96b";
}
.icon-bubbles:before {
    content: "\e96c";
}
.icon-bubbles2:before {
    content: "\e96d";
}
.icon-bubble2:before {
    content: "\e96e";
}
.icon-bubbles3:before {
    content: "\e96f";
}
.icon-bubbles4:before {
    content: "\e970";
}
.icon-user:before {
    content: "\e971";
}
.icon-users:before {
    content: "\e972";
}
.icon-user-plus:before {
    content: "\e973";
}
.icon-user-minus:before {
    content: "\e974";
}
.icon-user-check:before {
    content: "\e975";
}
.icon-user-tie:before {
    content: "\e976";
}
.icon-quotes-left:before {
    content: "\e977";
}
.icon-quotes-right:before {
    content: "\e978";
}
.icon-hour-glass:before {
    content: "\e979";
}
.icon-spinner:before {
    content: "\e97a";
}
.icon-spinner2:before {
    content: "\e97b";
}
.icon-spinner3:before {
    content: "\e97c";
}
.icon-spinner4:before {
    content: "\e97d";
}
.icon-spinner5:before {
    content: "\e97e";
}
.icon-spinner6:before {
    content: "\e97f";
}
.icon-spinner7:before {
    content: "\e980";
}
.icon-spinner8:before {
    content: "\e981";
}
.icon-spinner9:before {
    content: "\e982";
}
.icon-spinner10:before {
    content: "\e983";
}
.icon-spinner11:before {
    content: "\e984";
}
.icon-binoculars:before {
    content: "\e985";
}
.icon-search2:before {
    content: "\e986";
}
.icon-zoom-in:before {
    content: "\e987";
}
.icon-zoom-out:before {
    content: "\e988";
}
.icon-enlarge:before {
    content: "\e989";
}
.icon-shrink:before {
    content: "\e98a";
}
.icon-enlarge2:before {
    content: "\e98b";
}
.icon-shrink2:before {
    content: "\e98c";
}
.icon-key:before {
    content: "\e98d";
}
.icon-key2:before {
    content: "\e98e";
}
.icon-lock2:before {
    content: "\e98f";
}
.icon-unlocked:before {
    content: "\e990";
}
.icon-wrench:before {
    content: "\e991";
}
.icon-equalizer3:before {
    content: "\e992";
}
.icon-equalizer2:before {
    content: "\e993";
}
.icon-cog:before {
    content: "\e994";
}
.icon-cogs:before {
    content: "\e995";
}
.icon-hammer:before {
    content: "\e996";
}
.icon-magic-wand:before {
    content: "\e997";
}
.icon-aid-kit:before {
    content: "\e998";
}
.icon-bug:before {
    content: "\e999";
}
.icon-pie-chart:before {
    content: "\e99a";
}
.icon-stats-dots:before {
    content: "\e99b";
}
.icon-stats-bars:before {
    content: "\e99c";
}
.icon-stats-bars2:before {
    content: "\e99d";
}
.icon-trophy:before {
    content: "\e99e";
}
.icon-gift:before {
    content: "\e99f";
}
.icon-glass:before {
    content: "\e9a0";
}
.icon-glass2:before {
    content: "\e9a1";
}
.icon-mug:before {
    content: "\e9a2";
}
.icon-spoon-knife:before {
    content: "\e9a3";
}
.icon-leaf:before {
    content: "\e9a4";
}
.icon-rocket:before {
    content: "\e9a5";
}
.icon-meter:before {
    content: "\e9a6";
}
.icon-meter2:before {
    content: "\e9a7";
}
.icon-hammer2:before {
    content: "\e9a8";
}
.icon-fire:before {
    content: "\e9a9";
}
.icon-lab:before {
    content: "\e9aa";
}
.icon-magnet:before {
    content: "\e9ab";
}
.icon-bin:before {
    content: "\e9ac";
}
.icon-bin2:before {
    content: "\e9ad";
}
.icon-briefcase:before {
    content: "\e9ae";
}
.icon-airplane:before {
    content: "\e9af";
}
.icon-truck:before {
    content: "\e9b0";
}
.icon-road:before {
    content: "\e9b1";
}
.icon-accessibility2:before {
    content: "\e9b2";
}
.icon-target:before {
    content: "\e9b3";
}
.icon-shield:before {
    content: "\e9b4";
}
.icon-power:before {
    content: "\e9b5";
}
.icon-switch:before {
    content: "\e9b6";
}
.icon-power-cord:before {
    content: "\e9b7";
}
.icon-clipboard:before {
    content: "\e9b8";
}
.icon-list-numbered:before {
    content: "\e9b9";
}
.icon-list3:before {
    content: "\e9ba";
}
.icon-list2:before {
    content: "\e9bb";
}
.icon-tree:before {
    content: "\e9bc";
}
.icon-menu5:before {
    content: "\e9bd";
}
.icon-menu2:before {
    content: "\e9be";
}
.icon-menu3:before {
    content: "\e9bf";
}
.icon-menu4:before {
    content: "\e9c0";
}
.icon-cloud2:before {
    content: "\e9c1";
}
.icon-cloud-download2:before {
    content: "\e9c2";
}
.icon-cloud-upload2:before {
    content: "\e9c3";
}
.icon-cloud-check:before {
    content: "\e9c4";
}
.icon-download2:before {
    content: "\e9c5";
}
.icon-upload2:before {
    content: "\e9c6";
}
.icon-download3:before {
    content: "\e9c7";
}
.icon-upload3:before {
    content: "\e9c8";
}
.icon-sphere:before {
    content: "\e9c9";
}
.icon-earth:before {
    content: "\e9ca";
}
.icon-link2:before {
    content: "\e9cb";
}
.icon-flag2:before {
    content: "\e9cc";
}
.icon-attachment2:before {
    content: "\e9cd";
}
.icon-eye:before {
    content: "\e9ce";
}
.icon-eye-plus:before {
    content: "\e9cf";
}
.icon-eye-minus:before {
    content: "\e9d0";
}
.icon-eye-blocked:before {
    content: "\e9d1";
}
.icon-bookmark2:before {
    content: "\e9d2";
}
.icon-bookmarks:before {
    content: "\e9d3";
}
.icon-sun:before {
    content: "\e9d4";
}
.icon-contrast:before {
    content: "\e9d5";
}
.icon-brightness-contrast:before {
    content: "\e9d6";
}
.icon-star-empty:before {
    content: "\e9d7";
}
.icon-star-half2:before {
    content: "\e9d8";
}
.icon-star-full:before {
    content: "\e9d9";
}
.icon-heart:before {
    content: "\e9da";
}
.icon-heart-broken:before {
    content: "\e9db";
}
.icon-man:before {
    content: "\e9dc";
}
.icon-woman:before {
    content: "\e9dd";
}
.icon-man-woman:before {
    content: "\e9de";
}
.icon-happy:before {
    content: "\e9df";
}
.icon-happy2:before {
    content: "\e9e0";
}
.icon-smile:before {
    content: "\e9e1";
}
.icon-smile2:before {
    content: "\e9e2";
}
.icon-tongue:before {
    content: "\e9e3";
}
.icon-tongue2:before {
    content: "\e9e4";
}
.icon-sad:before {
    content: "\e9e5";
}
.icon-sad2:before {
    content: "\e9e6";
}
.icon-wink:before {
    content: "\e9e7";
}
.icon-wink2:before {
    content: "\e9e8";
}
.icon-grin:before {
    content: "\e9e9";
}
.icon-grin2:before {
    content: "\e9ea";
}
.icon-cool:before {
    content: "\e9eb";
}
.icon-cool2:before {
    content: "\e9ec";
}
.icon-angry:before {
    content: "\e9ed";
}
.icon-angry2:before {
    content: "\e9ee";
}
.icon-evil:before {
    content: "\e9ef";
}
.icon-evil2:before {
    content: "\e9f0";
}
.icon-shocked:before {
    content: "\e9f1";
}
.icon-shocked2:before {
    content: "\e9f2";
}
.icon-baffled:before {
    content: "\e9f3";
}
.icon-baffled2:before {
    content: "\e9f4";
}
.icon-confused:before {
    content: "\e9f5";
}
.icon-confused2:before {
    content: "\e9f6";
}
.icon-neutral:before {
    content: "\e9f7";
}
.icon-neutral2:before {
    content: "\e9f8";
}
.icon-hipster:before {
    content: "\e9f9";
}
.icon-hipster2:before {
    content: "\e9fa";
}
.icon-wondering:before {
    content: "\e9fb";
}
.icon-wondering2:before {
    content: "\e9fc";
}
.icon-sleepy:before {
    content: "\e9fd";
}
.icon-sleepy2:before {
    content: "\e9fe";
}
.icon-frustrated:before {
    content: "\e9ff";
}
.icon-frustrated2:before {
    content: "\ea00";
}
.icon-crying:before {
    content: "\ea01";
}
.icon-crying2:before {
    content: "\ea02";
}
.icon-point-up:before {
    content: "\ea03";
}
.icon-point-right:before {
    content: "\ea04";
}
.icon-point-down:before {
    content: "\ea05";
}
.icon-point-left:before {
    content: "\ea06";
}
.icon-warning2:before {
    content: "\ea07";
}
.icon-notification:before {
    content: "\ea08";
}
.icon-question:before {
    content: "\ea09";
}
.icon-plus:before {
    content: "\ea0a";
}
.icon-minus:before {
    content: "\ea0b";
}
.icon-info2:before {
    content: "\ea0c";
}
.icon-cancel-circle:before {
    content: "\ea0d";
}
.icon-blocked:before {
    content: "\ea0e";
}
.icon-cross:before {
    content: "\ea0f";
}
.icon-checkmark:before {
    content: "\ea10";
}
.icon-checkmark2:before {
    content: "\ea11";
}
.icon-spell-check:before {
    content: "\ea12";
}
.icon-enter:before {
    content: "\ea13";
}
.icon-exit:before {
    content: "\ea14";
}
.icon-play2:before {
    content: "\ea15";
}
.icon-pause3:before {
    content: "\ea16";
}
.icon-stop3:before {
    content: "\ea17";
}
.icon-previous:before {
    content: "\ea18";
}
.icon-next:before {
    content: "\ea19";
}
.icon-backward:before {
    content: "\ea1a";
}
.icon-forward2:before {
    content: "\ea1b";
}
.icon-play3:before {
    content: "\ea1c";
}
.icon-pause2:before {
    content: "\ea1d";
}
.icon-stop2:before {
    content: "\ea1e";
}
.icon-backward2:before {
    content: "\ea1f";
}
.icon-forward3:before {
    content: "\ea20";
}
.icon-first:before {
    content: "\ea21";
}
.icon-last:before {
    content: "\ea22";
}
.icon-previous2:before {
    content: "\ea23";
}
.icon-next2:before {
    content: "\ea24";
}
.icon-eject:before {
    content: "\ea25";
}
.icon-volume-high:before {
    content: "\ea26";
}
.icon-volume-medium:before {
    content: "\ea27";
}
.icon-volume-low:before {
    content: "\ea28";
}
.icon-volume-mute3:before {
    content: "\ea29";
}
.icon-volume-mute2:before {
    content: "\ea2a";
}
.icon-volume-increase:before {
    content: "\ea2b";
}
.icon-volume-decrease:before {
    content: "\ea2c";
}
.icon-loop3:before {
    content: "\ea2d";
}
.icon-loop2:before {
    content: "\ea2e";
}
.icon-infinite:before {
    content: "\ea2f";
}
.icon-shuffle2:before {
    content: "\ea30";
}
.icon-arrow-up-left:before {
    content: "\ea31";
}
.icon-arrow-up:before {
    content: "\ea32";
}
.icon-arrow-up-right:before {
    content: "\ea33";
}
.icon-arrow-right:before {
    content: "\ea34";
}
.icon-arrow-down-right:before {
    content: "\ea35";
}
.icon-arrow-down:before {
    content: "\ea36";
}
.icon-arrow-down-left:before {
    content: "\ea37";
}
.icon-arrow-left:before {
    content: "\ea38";
}
.icon-arrow-up-left2:before {
    content: "\ea39";
}
.icon-arrow-up2:before {
    content: "\ea3a";
}
.icon-arrow-up-right2:before {
    content: "\ea3b";
}
.icon-arrow-right2:before {
    content: "\ea3c";
}
.icon-arrow-down-right2:before {
    content: "\ea3d";
}
.icon-arrow-down2:before {
    content: "\ea3e";
}
.icon-arrow-down-left2:before {
    content: "\ea3f";
}
.icon-arrow-left2:before {
    content: "\ea40";
}
.icon-circle-up:before {
    content: "\ea41";
}
.icon-circle-right:before {
    content: "\ea42";
}
.icon-circle-down:before {
    content: "\ea43";
}
.icon-circle-left:before {
    content: "\ea44";
}
.icon-tab2:before {
    content: "\ea45";
}
.icon-move-up:before {
    content: "\ea46";
}
.icon-move-down:before {
    content: "\ea47";
}
.icon-sort-alpha-asc:before {
    content: "\ea48";
}
.icon-sort-alpha-desc:before {
    content: "\ea49";
}
.icon-sort-numeric-asc:before {
    content: "\ea4a";
}
.icon-sort-numberic-desc:before {
    content: "\ea4b";
}
.icon-sort-amount-asc:before {
    content: "\ea4c";
}
.icon-sort-amount-desc:before {
    content: "\ea4d";
}
.icon-command:before {
    content: "\ea4e";
}
.icon-shift:before {
    content: "\ea4f";
}
.icon-ctrl:before {
    content: "\ea50";
}
.icon-opt:before {
    content: "\ea51";
}
.icon-checkbox-checked:before {
    content: "\ea52";
}
.icon-checkbox-unchecked:before {
    content: "\ea53";
}
.icon-radio-checked:before {
    content: "\ea54";
}
.icon-radio-checked2:before {
    content: "\ea55";
}
.icon-radio-unchecked:before {
    content: "\ea56";
}
.icon-crop2:before {
    content: "\ea57";
}
.icon-make-group:before {
    content: "\ea58";
}
.icon-ungroup:before {
    content: "\ea59";
}
.icon-scissors:before {
    content: "\ea5a";
}
.icon-filter2:before {
    content: "\ea5b";
}
.icon-font:before {
    content: "\ea5c";
}
.icon-ligature:before {
    content: "\ea5d";
}
.icon-ligature2:before {
    content: "\ea5e";
}
.icon-text-height:before {
    content: "\ea5f";
}
.icon-text-width:before {
    content: "\ea60";
}
.icon-font-size:before {
    content: "\ea61";
}
.icon-bold:before {
    content: "\ea62";
}
.icon-underline:before {
    content: "\ea63";
}
.icon-italic:before {
    content: "\ea64";
}
.icon-strikethrough:before {
    content: "\ea65";
}
.icon-omega:before {
    content: "\ea66";
}
.icon-sigma:before {
    content: "\ea67";
}
.icon-page-break:before {
    content: "\ea68";
}
.icon-superscript:before {
    content: "\ea69";
}
.icon-subscript:before {
    content: "\ea6a";
}
.icon-superscript2:before {
    content: "\ea6b";
}
.icon-subscript2:before {
    content: "\ea6c";
}
.icon-text-color:before {
    content: "\ea6d";
}
.icon-pagebreak:before {
    content: "\ea6e";
}
.icon-clear-formatting:before {
    content: "\ea6f";
}
.icon-table:before {
    content: "\ea70";
}
.icon-table2:before {
    content: "\ea71";
}
.icon-insert-template:before {
    content: "\ea72";
}
.icon-pilcrow:before {
    content: "\ea73";
}
.icon-ltr:before {
    content: "\ea74";
}
.icon-rtl:before {
    content: "\ea75";
}
.icon-section:before {
    content: "\ea76";
}
.icon-paragraph-left:before {
    content: "\ea77";
}
.icon-paragraph-center:before {
    content: "\ea78";
}
.icon-paragraph-right:before {
    content: "\ea79";
}
.icon-paragraph-justify:before {
    content: "\ea7a";
}
.icon-indent-increase:before {
    content: "\ea7b";
}
.icon-indent-decrease:before {
    content: "\ea7c";
}
.icon-share3:before {
    content: "\ea7d";
}
.icon-new-tab:before {
    content: "\ea7e";
}
.icon-embed:before {
    content: "\ea7f";
}
.icon-embed2:before {
    content: "\ea80";
}
.icon-terminal:before {
    content: "\ea81";
}
.icon-share2:before {
    content: "\ea82";
}
.icon-mail5:before {
    content: "\ea83";
}
.icon-mail2:before {
    content: "\ea84";
}
.icon-mail3:before {
    content: "\ea85";
}
.icon-mail4:before {
    content: "\ea86";
}
.icon-google:before {
    content: "\ea87";
}
.icon-google-plus:before {
    content: "\ea88";
}
.icon-google-plus2:before {
    content: "\ea89";
}
.icon-google-plus3:before {
    content: "\ea8a";
}
.icon-google-drive:before {
    content: "\ea8b";
}
.icon-facebook:before {
    content: "\ea8c";
}
.icon-facebook2:before {
    content: "\ea8d";
}
.icon-facebook3:before {
    content: "\ea8e";
}
.icon-ello:before {
    content: "\ea8f";
}
.icon-instagram:before {
    content: "\ea90";
}
.icon-twitter:before {
    content: "\ea91";
}
.icon-twitter2:before {
    content: "\ea92";
}
.icon-twitter3:before {
    content: "\ea93";
}
.icon-feed2:before {
    content: "\ea94";
}
.icon-feed3:before {
    content: "\ea95";
}
.icon-feed4:before {
    content: "\ea96";
}
.icon-youtube:before {
    content: "\ea97";
}
.icon-youtube2:before {
    content: "\ea98";
}
.icon-youtube3:before {
    content: "\ea99";
}
.icon-youtube4:before {
    content: "\ea9a";
}
.icon-twitch:before {
    content: "\ea9b";
}
.icon-vimeo:before {
    content: "\ea9c";
}
.icon-vimeo2:before {
    content: "\ea9d";
}
.icon-vimeo3:before {
    content: "\ea9e";
}
.icon-lanyrd:before {
    content: "\ea9f";
}
.icon-flickr:before {
    content: "\eaa0";
}
.icon-flickr2:before {
    content: "\eaa1";
}
.icon-flickr3:before {
    content: "\eaa2";
}
.icon-flickr4:before {
    content: "\eaa3";
}
.icon-picassa:before {
    content: "\eaa4";
}
.icon-picassa2:before {
    content: "\eaa5";
}
.icon-dribbble:before {
    content: "\eaa6";
}
.icon-dribbble2:before {
    content: "\eaa7";
}
.icon-dribbble3:before {
    content: "\eaa8";
}
.icon-forrst:before {
    content: "\eaa9";
}
.icon-forrst2:before {
    content: "\eaaa";
}
.icon-deviantart:before {
    content: "\eaab";
}
.icon-deviantart2:before {
    content: "\eaac";
}
.icon-steam:before {
    content: "\eaad";
}
.icon-steam2:before {
    content: "\eaae";
}
.icon-dropbox:before {
    content: "\eaaf";
}
.icon-onedrive:before {
    content: "\eab0";
}
.icon-github:before {
    content: "\eab1";
}
.icon-github2:before {
    content: "\eab2";
}
.icon-github3:before {
    content: "\eab3";
}
.icon-github4:before {
    content: "\eab4";
}
.icon-github5:before {
    content: "\eab5";
}
.icon-wordpress:before {
    content: "\eab6";
}
.icon-wordpress2:before {
    content: "\eab7";
}
.icon-joomla:before {
    content: "\eab8";
}
.icon-blogger:before {
    content: "\eab9";
}
.icon-blogger2:before {
    content: "\eaba";
}
.icon-tumblr:before {
    content: "\eabb";
}
.icon-tumblr2:before {
    content: "\eabc";
}
.icon-yahoo:before {
    content: "\eabd";
}
.icon-tux:before {
    content: "\eabe";
}
.icon-apple:before {
    content: "\eabf";
}
.icon-finder:before {
    content: "\eac0";
}
.icon-android2:before {
    content: "\eac1";
}
.icon-windows:before {
    content: "\eac2";
}
.icon-windows8:before {
    content: "\eac3";
}
.icon-soundcloud:before {
    content: "\eac4";
}
.icon-soundcloud2:before {
    content: "\eac5";
}
.icon-skype:before {
    content: "\eac6";
}
.icon-reddit:before {
    content: "\eac7";
}
.icon-linkedin:before {
    content: "\eac8";
}
.icon-linkedin2:before {
    content: "\eac9";
}
.icon-lastfm:before {
    content: "\eaca";
}
.icon-lastfm2:before {
    content: "\eacb";
}
.icon-delicious:before {
    content: "\eacc";
}
.icon-stumbleupon:before {
    content: "\eacd";
}
.icon-stumbleupon2:before {
    content: "\eace";
}
.icon-stackoverflow:before {
    content: "\eacf";
}
.icon-pinterest:before {
    content: "\ead0";
}
.icon-pinterest2:before {
    content: "\ead1";
}
.icon-xing:before {
    content: "\ead2";
}
.icon-xing2:before {
    content: "\ead3";
}
.icon-flattr:before {
    content: "\ead4";
}
.icon-foursquare:before {
    content: "\ead5";
}
.icon-paypal:before {
    content: "\ead6";
}
.icon-paypal2:before {
    content: "\ead7";
}
.icon-paypal3:before {
    content: "\ead8";
}
.icon-yelp:before {
    content: "\ead9";
}
.icon-file-pdf:before {
    content: "\eada";
}
.icon-file-openoffice:before {
    content: "\eadb";
}
.icon-file-word:before {
    content: "\eadc";
}
.icon-file-excel:before {
    content: "\eadd";
}
.icon-libreoffice:before {
    content: "\eade";
}
.icon-html5:before {
    content: "\eadf";
}
.icon-html52:before {
    content: "\eae0";
}
.icon-css3:before {
    content: "\eae1";
}
.icon-git:before {
    content: "\eae2";
}
.icon-svg:before {
    content: "\eae3";
}
.icon-codepen:before {
    content: "\eae4";
}
.icon-chrome:before {
    content: "\eae5";
}
.icon-firefox:before {
    content: "\eae6";
}
.icon-IE:before {
    content: "\eae7";
}
.icon-opera:before {
    content: "\eae8";
}
.icon-safari:before {
    content: "\eae9";
}
.icon-IcoMoon:before {
    content: "\eaea";
}
.icon-heart2:before {
    content: "\e8f5";
}
.icon-cloud3:before {
    content: "\e8f6";
}
.icon-star2:before {
    content: "\e8f7";
}
.icon-tv3:before {
    content: "\e8f8";
}
.icon-sound:before {
    content: "\e8f9";
}
.icon-video:before {
    content: "\e8fa";
}
.icon-trash:before {
    content: "\e8fb";
}
.icon-user2:before {
    content: "\e8fc";
}
.icon-key3:before {
    content: "\e8fd";
}
.icon-search3:before {
    content: "\e8fe";
}
.icon-settings2:before {
    content: "\e8ff";
}
.icon-camera3:before {
    content: "\eaeb";
}
.icon-tag:before {
    content: "\eaec";
}
.icon-lock3:before {
    content: "\eaed";
}
.icon-bulb:before {
    content: "\eaee";
}
.icon-pen2:before {
    content: "\eaef";
}
.icon-diamond:before {
    content: "\eaf0";
}
.icon-display2:before {
    content: "\eaf1";
}
.icon-location3:before {
    content: "\eaf2";
}
.icon-eye2:before {
    content: "\eaf3";
}
.icon-bubble3:before {
    content: "\eaf4";
}
.icon-stack2:before {
    content: "\eaf5";
}
.icon-cup:before {
    content: "\eaf6";
}
.icon-phone3:before {
    content: "\eaf7";
}
.icon-news:before {
    content: "\eaf8";
}
.icon-mail6:before {
    content: "\eaf9";
}
.icon-like:before {
    content: "\eafa";
}
.icon-photo2:before {
    content: "\eafb";
}
.icon-note:before {
    content: "\eafc";
}
.icon-clock3:before {
    content: "\eafd";
}
.icon-paperplane:before {
    content: "\eafe";
}
.icon-params:before {
    content: "\eaff";
}
.icon-banknote:before {
    content: "\eb00";
}
.icon-data:before {
    content: "\eb01";
}
.icon-music2:before {
    content: "\eb02";
}
.icon-megaphone:before {
    content: "\eb03";
}
.icon-study:before {
    content: "\eb04";
}
.icon-lab2:before {
    content: "\eb05";
}
.icon-food:before {
    content: "\eb06";
}
.icon-t-shirt:before {
    content: "\eb07";
}
.icon-fire2:before {
    content: "\eb08";
}
.icon-clip:before {
    content: "\eb09";
}
.icon-shop2:before {
    content: "\eb0a";
}
.icon-calendar2:before {
    content: "\eb0b";
}
.icon-wallet:before {
    content: "\eb0c";
}
.icon-vynil:before {
    content: "\eb0d";
}
.icon-truck2:before {
    content: "\eb0e";
}
.icon-world:before {
    content: "\eb0f";
}

.pull_left {
    float: left !important;
}

.pull_right {
    float: right !important;
}

.fixed {
    position: fixed;
}

.icon_blue {
    color: #1194F6 !important;
}

.icon_pink {
    color: #EE11F6 !important;
}

.icon_orange {
    color: #F68C11 !important;
}

.icon_purple {
    color: #8F11F6 !important;
}

.icon_green {
    color: #63C35A !important;
}

.icon_gray {
    color: #AAAAAA !important;
}

.icon_brown {
    color: #A86508 !important;
}
.icon_red {
    color:#a30 !important;
}

.login_page {
    background-size: cover !important;
    width: 100%;
    clear: both;
    display: block;
}

.login_center {
    max-width: 1000px;
    width: 100%;
    padding: 100px 10px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 3px;
}

.login_center .left_block {
    float: left;
    width: 50%;
    padding: 10px;
}

.login_center .left_block .logo {
    background-image: url('../img/logo.png');
    width: 127px;
    height: 60px;
    margin: 0 24px;
    display: block;
    background-size: contain !important;
}

.login_center .left_block .det {
    float: left;
    width: 100%;
    padding-left: 28px;
    margin: 10px 0;
}

.login_center .left_block .det .heading {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    text-shadow: 0 0 5px #000;
}

.login_center .left_block .det .paragraph {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    text-shadow: 0 0 5px #000;
}

.login_center .right_block {
    float: left;
    width: 40%;
    padding: 10px;
    border-radius:4px;
}

.login_center .right_block .top_block {
    float: left;
    width: 100%;
    overflow: hidden;
    background:#fff;
    padding:10px;
    border-radius:4px;
}
.bt .loader {
    display:none;
    margin: 5px;
    float: left;
    width: 20px;
    height: 20px;
}
.login_center .right_block .top_block.reg {
    margin-top: 30px;
}

.login_center .right_block .top_block .form_title {
    padding: 10px;
    margin: 0;
    font-weight: 300;
    color: #555;
}

.field {
    float: left;
    width: 100%;
    position: relative;
    margin: 5px 0;
}

.field input {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.field .error {
    background: rgba(255, 136, 136, 0.5);
    border-color: #a30;
}

.field label.error {
    position: absolute;
    right: 5px;
    padding: 5px;
    background: #a30;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    margin-top: 5px;
}

.field .error:before {
    border-width: 10px;
    border-color: transparent #a30 transparent transparent;
    border-style: solid;
    content: "";
    position: absolute;
    left: -20px;
    top: 2px;
}

.login_center .right_block .top_block .bt {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.login_center .right_block .top_block .bt button {
    padding: 0 29px;
}

.login_center .right_block .top_block .bt button.login_bt {
    float: left;
    margin-right:10px;
}

.credits {
    position: fixed;
    right: 30px;
    bottom: 50px;
}
.credits .author {
    color: #fff;
    text-shadow: 0 0 4px #000;
}
.credits .author .name {
    font-weight:500;
}
.social_buttons {
    float: left;
    margin-left: 10px;
}

.social_buttons ul {
    list-style: none;
    margin: 0;
}

.social_buttons ul li {
    display: inline-block;
    float: left;
}

.social_buttons ul li a.social_button {
    float: left;
    padding: 7px 8px;
    color: #fff;
    transition-duration: 0.3s;
}

.social_buttons ul li a.social_button span {
    visibility: hidden;
    transition-duration: 0.3s;
}

.social_buttons ul li a.social_button:hover {
    width: auto;
}

.social_buttons ul li a.social_button:hover span {
    visibility: visible;
    float: left;
}

.social_buttons ul li a.social_button i {
    color: #fff;
    float: left;
}

.social_buttons ul li a.social_button.facebook {
    background-color: #3b5998;
}

.social_buttons ul li a.social_button.google {
    background-color: #d34836;
}

.social_buttons ul li a.social_button.twitter {
    background-color: #4099FF;
}

.main_links {
    margin: auto;
    position: fixed;
    bottom: 0;
    left:0;
    padding: 10px;
    background: #fff;
    display:none;
}

.main_links ul {
    list-style: none;
}

.main_links ul li {
    float: left;
    margin-right: 10px;
}

.main_links ul li a {
    color: #8A8A8A;
    padding: 0 10px;
    border-right: solid 1px #eee;
    font-size: 12px;
    transition-duration: 0.3s;
}

.main_links ul li a:hover {
    color: #ccc;
}

.main_links ul li:last-child a {
    border: none;
}

.main_links ul li.copyright {
    float: right;
    display:none;
}

.main_links ul li.copyright span {
    color: #8A8A8A;
    padding: 0 10px;
    font-size: 12px;
}


/* SQUARED THREE */

.squaredThree {
    width: 20px;
    margin: 5px;
    position: relative;
    float: left;
}

.squaredThree input[type=checkbox] {
    display: none;
}

.squaredThree label {
    cursor: pointer;
    display: block;
    float: left;
    position: relative;
    width: 20px;
    height: 20px;
    top: 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, .4);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, .4);
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, .4);
}

.squaredThree label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #2197F5;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredThree label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

label.keep_me_log {
    float: left;
    line-height: 2.5;
    font-size: 12px;
}

.header_bar {
    height: 60px;
    background: #eaeaea;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 900;
    top: 0;
}
.logo_on_bar {
    width: 248px;
    height: 60px;
    background: #33383E url('../img/logo.png') no-repeat;
    color: #fff;
    background-size: 118px;
    background-position: center;
    position: relative;
    padding: 19px 0 0 0px;
    float: left;
    text-align: center;
    margin-right: 5px;
    outline:0;
}
.header_bar .show_vert_menu {
    display:none;
    float: left;
    position:relative;
    padding: 20px 10px;
    background: #2197F5;
    border-radius: 0px;
    margin-right: 5px;
    left:0;
    -webkit-transition:all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.header_bar .show_vert_menu i {
    font-size: 20px;
    color: #fff;
}
.header_bar .bar_actions {
    float: left;
    margin-left: 10px;
}

.header_bar .bar_actions .ul_bar {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header_bar .bar_actions .ul_bar li {
    float: left;
    position: relative;
}

.header_bar .bar_actions .ul_bar li a.action {
    padding: 9px 10px;
    color: #555;
    float: left;
    border-radius: 30px;
}

.header_bar .search_container {
    position: relative;
    width: auto;
}

.header_bar .search_box {
    float: left;
    background: #fff;
    margin-top: 10px;
    border-radius: 3px;
    padding: 1px;
    width: 400px;
    position: relative;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(83, 166, 220, 0), inset 0px 1px 2px 0px rgba(0, 0, 0, .15), 0px 0px 0px 1px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(83, 166, 220, 0), inset 0px 1px 2px 0px rgba(0, 0, 0, .15), 0px 0px 0px 1px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 10px 0px rgba(83, 166, 220, 0), inset 0px 1px 2px 0px rgba(0, 0, 0, .15), 0px 0px 0px 1px rgba(0, 0, 0, .08);
}

.header_bar .search_box input {
    border: none;
    padding: 8px 30px 8px 8px !important;
    float: left;
    width: 100%;
    line-height: 2;
}

.header_bar .search_box .input_s_b {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12.5px;
    background: #eee;
    margin: 0;
    border-radius: 0 3px 3px 0;
    border: none;
    outline: 0;
}

.header_bar .search_box .show_filter {
    position: absolute;
    right: 48px;
    padding: 12.5px;
    top: 0;
}

.header_bar .search_box .show_filter.active {
    background: #eee;
    padding-bottom: 21px;
}

.header_bar .search_box .show_filter:hover {
    background: #f9f9f9;
}

.header_bar .search_container .suggest_box {
    position: absolute;
    background: #fff;
    width: 400px;
    left: 255px;
    top: 58px;
    border-radius: 3px;
    box-shadow: 0px 2px 2px #ccc;
    display: none;
}

.filter_select {
    padding: 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.filter_select .filter_item {
    float: left;
    border-radius: 3px;
    background: #2197F5;
    padding: 10px 10px 10px 35px;
    width: 85px;
    font-size: 12px;
    margin: 5px;
    position: relative;
}

.filter_select .filter_item i {
    position: absolute;
    left: 0;
    top: 0;
    padding: 11px 9px;
    background: #2197F5;
    margin: 0;
    color:#fff;
    border-radius: 3px 0 0 3px;
}

.filter_select .filter_item span {
    font-size: 12px;
    color: #fff;
}

.filter_select .filter_item:hover {
    background: #4F626B;
}

.filter_select .filter_item:hover i,
.filter_select .filter_item:hover span {
    color: #fff;
    background: #4F626B;
}

.header_bar .search_container .suggest_box .container_list {
    float: left;
    width: 100%;
    padding: 10px 0;
    max-height: 310px;
    overflow: auto;
}

.header_bar .search_container .suggest_box .container_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header_bar .search_container .suggest_box .container_list ul li {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.header_bar .search_container .suggest_box .container_list ul li a.list_item {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
}

.header_bar .search_container .suggest_box .container_list ul li a.list_item .file-icon {
    float: left;
    width: 27px;
    margin-right: 11px;
}

.header_bar .search_container .suggest_box .container_list ul li a.list_item .file-icon::before {
    border-color: #F0F0F0 #F0F0F0 rgba(255, 255, 255, .35) rgba(255, 255, 255, .35);
}

.header_bar .search_container .suggest_box .container_list ul li a:hover {
    background: #E4E4E4;
}

.header_bar .search_container .suggest_box .container_list ul li a:hover i {
    color: #1195F7;
}

.header_bar .search_container .suggest_box .container_list ul li a i {
    float: left;
    padding: 8px;
    margin: 0;
    background: #eee;
    margin-right: 10px;
}

.header_bar .search_container .suggest_box .container_list ul li span {
    float: left;
    line-height: 2.5;
    color: #333;
    font-size: 12px;
}

.header_bar .search_container .suggest_box .container_list ul li span.notice_text {
    text-align: center;
    color: #999;
    width: 100%;
    font-weight: 500;
}

.header_bar .search_container .suggest_box .show_all {
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #333;
    background: #eee;
}

.header_bar .search_container .suggest_box .loader {
    width: 20px;
    height: 20px;
    margin: 10px auto;
}

.vert_block {
    background: #33383e;
    position: absolute;
    overflow:auto;
    padding: 10px;
    margin-top:60px;
    width: 250px;
    height: calc(100% - 60px);
    box-sizing: border-box;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.header_bar .button_container {
    float:left;
    box-sizing: border-box;
    margin: 12px auto;
}

.header_bar .button_container .upload_button {
    float: left;
    box-sizing: border-box;
    background: #fff;
    padding: 10px;
    color: #555;
    border-radius:3px;
}

.header_bar .button_container .add_btn {
    float: left;
    box-sizing: border-box;
    background: #2197F5;
    padding: 7px 17px;
    font-size: 12px;
    color: #fff;
    border-radius: 30px;
    border: solid 2px transparent;
}
.header_bar .button_container .add_btn:hover {
    border: solid 2px #2197F5;
    background:#fff;
}
.header_bar .button_container .add_btn i {
    color:#fff;
    font-size:10px;
    margin-top:2px;
}
.header_bar .button_container .add_btn:hover i ,.header_bar .button_container .add_btn:hover{
    color:#2197F5;
}
.folder_container {
    clear: both;
    float: left;
    width: 100%;
    max-height: 400px;
    border-bottom: solid 2px #272727;
    overflow: auto;
    margin: 10px 0;
}

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

.folder_container ul > li > ul {
    margin-left: 12px;
    display: none;
}

.folder_container ul > li > ul.root_main {
    display: block;
}

.folder_container ul li {
    float: left;
    width: 100%;
    margin: 3px 0;
    position: relative;
}

.folder_container ul li i.sub_ico {
    position: absolute;
    padding: 10px 5px;
    top: 2px;
    left: 0;
    color:#fff;
}

.folder_container ul li a {
    color: #fff;
    font-weight: 300;
    float: left;
    box-sizing: border-box;
    width: 78%;
    font-size: 14px;
    margin-left: 20px;
    padding: 6px;
    border: solid 2px transparent;
}

.folder_container ul li a.ui-state-active {
    background: rgba(17, 148, 246, 0.1);
    border: solid 2px #1194f6;
}

.folder_container ul li a i {
    font-size: 20px;
}
.list_container .folder_container ul li a {
    color: #333;
}
.list_container .folder_container {
    border: none;
    margin: 0;
}

.header_bar .right_menu {
    float: right;
    margin: 10px 30px 10px 10px;
    position: relative;
}

.header_bar .right_menu .menu_list {
    float: left;
    position: relative;
    margin: 3px;
}

.header_bar .right_menu .menu_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header_bar .right_menu .menu_list ul li {
    float: left;
    position: relative;
}

.header_bar .right_menu .menu_list ul li a {
    float: left;
    padding: 10px;
}

.header_bar .right_menu .menu_list ul li a .have_note {
    display: none;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    border-radius: 50%;
    top: 5px;
    right: 10px;
    border-color: #F07743;
    -webkit-animation: color_ 3s infinite linear;
    animation: color_ 3s infinite linear;
}

@-webkit-keyframes color_ {
    0% {
        border-color: #F07743;
    }
    30% {
        border-color: #C24008;
    }
    50% {
        border-color: #1195F7;
    }
    100% {
        border-color: #F07743;
    }
}

 .profile_menu {
    float: left;
}

.profile_menu .profile_pic {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}

.profile_menu .profile_pic .profile_pic_img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.header_bar .right_menu .notes_container {
    display: none;
    position: absolute;
    right: 0;
    width: 300px;
    top: 50px;
    background: #fff;
    box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -moz-box-shadow: 0 1px 4px #ccc;
    border-radius: 4px;
    overflow: hidden;
}

.header_bar .right_menu .notes_container .header_note {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    background: #f8f8f8;
}

.header_bar .right_menu .notes_container .header_note .n_t {
    font-size: 16px;
    font-weight: 300;
    float: left;
    color: #555;
    margin: 0;
}

.header_bar .right_menu .notes_container .header_note .action {
    float: right;
    color: #555;
    font-weight: 300;
    margin-right: 10px;
    transition-duration: 0.3s;
}

.header_bar .right_menu .notes_container .header_note .action:hover {
    color: #333;
}

.header_bar .right_menu .notes_container .header_note .action i {
    margin-top: 2px;
    margin-right: 0;
}

.header_bar .right_menu .notes_container .notification_box {
    float: left;
    width: 100%;
    max-height:200px;
    overflow:auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.header_bar .right_menu .notes_container .notification_box .note-item {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px;
    position: relative;
}

.header_bar .right_menu .notes_container .notification_box .note-item:hover {
    background: #f9f9f9;
}

.header_bar .right_menu .notes_container .notification_box .note-item .icon_note {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.header_bar .right_menu .notes_container .notification_box .note-item .icon_note i {
    font-size: 30px;
    position: relative;
    top: 5px;
}

.header_bar .right_menu .notes_container .notification_box .note-item .det_note {
    float: left;
    width: 82%;
}

.header_bar .right_menu .notes_container .notification_box .note-item .det_note .main_t {
    color: #777;
    font-size: 12px;
    font-weight: 300;
    float: left;
    line-height: 3;
}

.header_bar .right_menu .notes_container .notification_box .note-item .actions {
    display: none;
    position: absolute;
    right: 5px;
    top: 13px;
}

.header_bar .right_menu .notes_container .notification_box .note-item .actions .act {
    font-size: 12px;
    padding: 5px;
    float: left;
}

.header_bar .right_menu .notes_container .notification_box .note-item .actions .act i {
    font-weight: 300;
}

.header_bar .right_menu .notes_container .notification_box .note-item:hover .actions {
    display: block;
}

.header_bar .right_menu .notes_container .notification_box .note-item .actions .act:hover i {
    color: #1194F6;
}
.no_notifications {
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #CFCFCF;
    font-size: 12px;
}

.mejs-offscreen {
    /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */
    position: absolute !important;
    top: -10000px;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
}

.mejs-container:focus {
    outline: none;
}

.me-plugin {
    position: absolute;
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mejs-fullscreen {
    /* set it to not show scroll bars so 100% will work */
    overflow: hidden !important;
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%;
}

.mejs-clear {
    clear: both;
}


/* Start: LAYERS */

.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

:root .mejs-poster img {
    display: none;
}

.mejs-poster img {
    border: 0;
    padding: 0;
    border: 0;
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-overlay-play {
    cursor: pointer;
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(../img/bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button {
    background-image: url(../img/bigplay.png);
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px;
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url(../img/background.png);
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(../img/loading.gif) 50% 50% no-repeat;
}


/* End: LAYERS */


/* Start: CONTROL BAR */

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: rgba(74, 74, 74, 0.7);
    height: 30px;
    width: 100%;
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: Helvetica, Arial;
    border: 0;
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(../img/controls.svg) no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url(../img/controls.png);
}


/* :focus for accessibility */

.mejs-controls .mejs-button button:focus {
    outline: dotted 1px #999;
}


/* End: CONTROL BAR */


/* Start: Time (Current / Duration) */

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 10px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time a {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto;
}


/* End: Time (Current / Duration) */


/* Start: Play/Pause/Stop */

.mejs-controls .mejs-play button {
    background-position: 0 0;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0;
}


/* Start: Play/Pause/Stop */


/* Start: Progress Bar */

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px;
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail a {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

.mini_pop .modal_container

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #eee;
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px;
}


/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/


/* End: Progress Bar */


/* Start: Fullscreen */

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}


/* End: Fullscreen */


/* Start: Mute/Volume */

.mejs-controls .mejs-volume-button {}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
    position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url(../img/background.png);
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}


/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0;
}


/* horizontal version */

.mejs-controls a.mejs-horizontal-volume-slider {
    height: 26px;
    width: 56px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}


/* End: Mute/Volume */


/* Start: Track (Captions and Chapters) */

.mejs-controls .mejs-captions-button {
    position: relative;
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: url(../img/background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px 10px 0 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0;
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1;
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal;
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.mejs-captions-position-hover {
    bottom: 35px;
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url(../img/background.png);
    background: rgba(20, 20, 20, 0.5);
    white-space: pre-wrap;
}


/* End: Track (Captions and Chapters) */


/* Start: Error */

.me-cannotplay {}

.me-cannotplay a {
    color: #fff;
    font-weight: bold;
}

.me-cannotplay span {
    padding: 15px;
    display: block;
}


/* End: Error */


/* Start: Loop */

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}


/* End: Loop */


/* Start: backlight */

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}


/* End: backlight */


/* Start: Picture Controls */

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}


/* End: Picture Controls */


/* context menu */

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001;
    /* make sure it shows on fullscreen */
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff;
}


/* Start: Source Chooser */

.mejs-controls .mejs-sourcechooser-button {
    position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(../img/background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px;
}


/* End: Source Chooser */


/* Start: Postroll */

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/background.png);
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden;
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%;
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/background.png);
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer;
}


/* End: Postroll */


/* Start: Speed */

div.mejs-speed-button {
    width: 46px !important;
    position: relative;
}

.mejs-controls .mejs-button.mejs-speed-button button {
    background: transparent;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #ffffff;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    display: none;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url(../img/background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
    display: block;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: rgba(33, 248, 248, 1);
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
    margin: 0 0 6px 0;
    padding: 0 10px;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    width: 60px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 11.5px;
    color: white;
    margin-left: 5px;
    cursor: pointer;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: rgb(200, 200, 200) !important;
    background-color: rgba(255, 255, 255, .4) !important;
}


/* End: Speed */


/* Start: Jump Forward */

.mejs-controls .mejs-button.mejs-jump-forward-button {
    background: transparent url(../img/jumpforward.png) no-repeat;
    background-position: 3px 3px;
}

.mejs-controls .mejs-button.mejs-jump-forward-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #ffffff;
}


/* End: Jump Forward */


/* Start: Skip Back */

.mejs-controls .mejs-button.mejs-skip-back-button {
    background: transparent url(../img/skipback.png) no-repeat;
    background-position: 3px 3px;
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #ffffff;
}


/* End: Skip Back */

.drop_down {
    display: none;
    position: absolute;
    width: 150px;
    background: #fff;
    box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -moz-box-shadow: 0 1px 4px #ccc;
    overflow: hidden;
    z-index: 9;
}

.drop_down.open {
    display: block;
}

.drop_down .u_name {
    font-size: 12px;
    color: #ccc;
    font-weight: 300;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    background: #eee;
    margin: 0;
}

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

.drop_down ul li {
    float: left;
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.drop_down ul li a {
    float: left !important;
    width: 100% !important;
    padding: 10px 5px !important;
    cursor:pointer !important;
    text-align:left !important;
}

.drop_down ul li a:hover {
    background: #f8f8f8;
}

.drop_down ul li a span {
    color: #777;
}

.drop_down ul li a i {
    float: left;
    margin-top: 1px;
}
.view_contain > .header > .profile_menu {
    float: right;
    margin: 10px;
}

.context {
    display: none;
    position: absolute;
    width: 170px;
    background: #fff;
    box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -moz-box-shadow: 0 1px 4px #ccc;
    z-index: 9;
}

.context.open {
    display: block;
}

.context .u_name {
    font-size: 12px;
    color: #ccc;
    font-weight: 300;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    background: #eee;
    margin: 0;
}

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

.context ul li {
    float: left;
    width: 100%;
    position:relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.context ul li.disabled {
    opacity:0.5;
    cursor: inherit;
}
.context ul li ul.submenu {
    display:none;
    position: absolute;
    left: 170px;
    width: 150px;
    background: #fff;
    top: 0;
    box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -moz-box-shadow: 0 1px 4px #ccc;
}
.context ul li:hover .submenu{
    display:block;
}
.context ul li a {
    float: left;
    width: 100%;
    padding: 10px 5px;
    border-left: solid 3px transparent;
}

.context ul li a:hover {
    background: #f8f8f8;
    border-left: solid 3px #777;
}
.context ul li.disabled a:hover {
    border-left: solid 3px transparent;
    background:#fff;
}
.context ul li a span {
    color: #777;
    float:left;
}

.context ul li a i {
    float: left;
    margin-top: 1px;
    width: 16px;
}
.context ul li a i.fa-angle-right {
    float:right;
}
.context ul li a:hover i {
    color: #2197F5;
}
.context ul li.disabled a:hover i {
    color:#333;
}
.context ul li a.trash-file {
    border-top: solid 1px #EDEDED;
}

.context ul li a.trash-file .side_text {
    color: #f07743;
}

.context ul li a.trash-file i {
    color: #f07743;
}




.context_absolute {
    position: absolute;
    left: -119px;
    top: 39px;
    width: 170px;
    background: #fff;
    box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -moz-box-shadow: 0 1px 4px #ccc;
    z-index: 9;
}

.context_absolute.open {
    display: block;
}

.context_absolute .u_name {
    font-size: 12px;
    color: #ccc;
    font-weight: 300;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    background: #eee;
    margin: 0;
}

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

.context_absolute ul li {
    float: left;
    width: 100%;
    position:relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.context_absolute ul li.disabled {
    opacity:0.5;
    cursor: inherit;
}
.context_absolute ul li ul.submenu {
    display:none;
    position: absolute;
    left: 170px;
    width: 150px;
    background: #fff;
    top: 0;
    box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -moz-box-shadow: 0 1px 4px #ccc;
}
.context_absolute ul li:hover .submenu{
    display:block;
}
.context_absolute ul li a {
    float: left;
    width: 100%;
    padding: 10px 5px;
    border-left: solid 3px transparent;
}

.context_absolute ul li a:hover {
    background: #f8f8f8;
    border-left: solid 3px #777;
}
.context_absolute ul li.disabled a:hover {
    border-left: solid 3px transparent;
    background:#fff;
}
.context_absolute ul li a span {
    color: #777;
    float:left;
}

.context_absolute ul li a i {
    float: left;
    margin-top: 1px;
    width: 16px;
}
.context_absolute ul li a i.fa-angle-right {
    float:right;
}
.context_absolute ul li a:hover i {
    color: #2197F5;
}
.context_absolute ul li.disabled a:hover i {
    color:#333;
}
.context_absolute ul li a.trash-file {
    border-top: solid 1px #EDEDED;
}

.context_absolute ul li a.trash-file .side_text {
    color: #f07743;
}

.context_absolute ul li a.trash-file i {
    color: #f07743;
}

/* Base styles for the element that has a tooltip */

[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}


/* Base styles for the entire tooltip */

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
    z-index:999;
    text-align:center;
    font-size:10px;
}


/* Show the entire tooltip on hover and focus */

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}


/* Base styles for the tooltip's directional arrow */

.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}


/* Base styles for the tooltip's content area */

.tooltip:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    background-color: #000;
    background-color: hsla(0, 0%, 45%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    border-radius: 30px;
    line-height: 1.2;
    width: 74px;
}


/* Directions */


/* Top (default) */

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%;
    left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
    margin-left: -6px;
    margin-bottom: -11px;
    border-top-color: #000;
    border-top-color: hsla(0, 0%, 51%, 0.9);
}


/* Horizontally align top/bottom tooltips */

[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    margin-left: -48px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px);
}


/* Left */

.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}

.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: hsla(0, 0%, 51%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform: translateX(-12px);
    transform: translateX(-12px);
}


/* Bottom */

.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}

.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: hsla(0, 0%, 51%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px);
}


/* Right */

.tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -11px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: hsla(0, 0%, 51%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    transform: translateX(12px);
}


/* Move directional arrows down a bit for left/right tooltips */

.tooltip-left:before,
.tooltip-right:before {
    top: 6px;
}


/* Vertically center tooltip content for left/right tooltips */

.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}

.vert_block .side_menu {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    margin-top: 20px;
}

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

.vert_block .side_menu ul li {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.vert_block .side_menu ul li a.side_item {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    color: #fff;
    transition-duration: 0.3s;
}
.vert_block .side_menu ul li a.side_item.selected {
    background: #2A2E33;
    border-left: solid 2px #666 !important;
    outline: 0;
    cursor:default !important;
}

.vert_block .side_menu ul li a.side_item i {
    float: left;
    font-size: 16px;
    color: #fff;
}

.vert_block .side_menu ul li a.side_item span {
    margin-left: 10px;
    color: #fff;
}

.vert_block .side_menu ul li:hover a.side_item {
    background: #2A2E33;
    border-left: solid 2px transparent !important;
    outline: 0;
}

.vert_block .side_menu ul li:hover a.side_item i {
    color: #1194F6;
}

.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 2px solid #1195F7;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.main_block {
    background:#FFFFFF;
    right:0;
    height: 100%;
    position: absolute;
    left:248px;
    padding-bottom:60px;
}

.main_block  > .section_header {
    float: left;
    width: 100%;
    height:49px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: solid 1px #eee;
    background: #f2f2f2;
}

.main_block > .section_header  > .title {
    font-size: 16px;
    font-weight: 300;
    float: left;
    color: #ccc;
    padding: 5px;
    margin: 5px 0;
}

.main_block > .section_header > .actions {
    float: right;
    margin:9px;
}

.main_block > .section_header  > .actions > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main_block > .section_header > .actions > ul > li {
    display: inline-block;
    float: left;
    margin:0 5px;
}

.main_block > .section_header > .actions > ul > li.multiple_menu {
    display:none;
    position:relative;
}
.main_block .section_header .actions ul li a {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 6px 04px;
    color: #333;
    border: solid 1px transparent;
}
.main_block .section_header .actions ul li a:hover {
    background: #FAFAFA;
    border-radius: 4px;
    border: solid 1px #c2c2c2;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}
.main_block .section_header .actions ul li a:active,.main_block .section_header .actions ul li a.active{
    background:#e1e1e1;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    border: solid 1px #c2c2c2;
}
.main_block .section_header .actions ul li a i {
    color: #555;
    margin-top: 2px;
}

.main_block .section_header .actions ul li a:hover i {
    color: #1194f6;
}

.main_block .files_container {
    width: 100%;
    float: left;
    padding: 0;
    overflow: auto;
    height: calc(100% - 100px);
}

.main_block .files_container .no_files {
    width: auto;
    margin: auto;
    padding: 10px;
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

.main_block .files_container .no_files .icon {
    width: 200px;
    height: 200px;
    margin: auto;
}

.main_block .files_container .no_files .icon i {
    font-size: 100px;
    float: none;
    position: relative;
    top: 74px;
    color: #6C747A;
}

.main_block .files_container .no_files .text {
    font-weight: 500;
    color: #6C747A;
}

.main_block .files_container .folder_container {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.main_block .files_container .folder_container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.folder_ {
    float: left;
    position: relative;
}

.folder_ a {
    width: 100%;
    color: #333;
    transition-duration: 0.3s;
}

.folder_ a.ui-selected {
    background: rgba(40, 156, 247, 0.15) !important;
}

.folder_ a.ui-selected i {
    color: #018FEF;
    background: rgba(40, 156, 247, 0.15) !important;
}

.folder_.ui-state-active {
    background: rgb(33, 151, 245, 0.5);
}

.folder_.ui-state-active:before {
    content: "";
    position: absolute;
    background: rgba(17, 149, 247, 0.72);
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    height: 100%;
    text-align: center;
    z-index: 2;
    line-height: 4.5;
}

.folder_ a span {
    font-size: 14px;
}
.folder_ a:hover i {
    color: #333;
}

.folder_ a.icon_only {
    padding: 10px;
}

.folder_ a.icon_only i {
    border-radius: 4px;
}

.files_ {
    float: left;
    width: 100%;
    height:100%;
    padding: 0;
}

.files_.grid {
    position: relative;
}

.files_.grid .file_item {
    width: calc(11.1% - 20px);
    cursor: pointer;
    position: relative;
    float: left;
    margin: 10px 9px 20px;
    border-radius: 3px;
    height: 171px;
}

.files_.grid .file_item .file_icon {
    width: 100%;
    position: relative;
    text-align: center;
    background:#fff;
    height: 131px;
    border:1px solid #EBEBEB;
    border-radius: 3px;
}
.files_.grid .file_item .file_icon img {
    background:url('../img/canvas-bg.png');
}
.files_.grid .file_item.ui-selected .file_icon {
    box-shadow:none;
}
.files_.grid .file_item .loader {
    display: block;
}

.files_.grid .file_item.uploading .loader {
    position: absolute;
    z-index: 2;
    top: 35%;
    left: 40%;
    margin: 0;
    display: block;
}

.files_.grid .file_item.uploading:before {
    content: "";
    background: rgba(255, 255, 255, 0.6);
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.files_.grid .file_item .file_icon .icon_i {
    font-size: 74px;
    color: #555;
    float: none;
    position: relative;
    top: 31px;
}
.files_.grid .file_item .file_icon .icon_img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 3px;
}

.files_.grid .file_item .det {
    float: left;
    width: 100%;
    padding: 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.files_.grid .file_item .det .title {
    margin: 1px;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.files_.grid .file_item .det .date {
    display: none;
}

.files_.grid .file_item .det .size {
    font-size: 12px;
    color: #555;
    margin: 1px;
}

.files_.grid .file_item .det .actions {
    position: absolute;
    top: 0;
}

.files_.grid .file_item .det .actions ul {
    list-style: none;
}

.files_.grid .file_item .det .actions ul li {
    display: inline-block;
}

.files_.grid .file_item .det .actions ul li a {
    cursor: pointer;
    padding: 5px;
    width: 13px;
    height: 24px;
    float: left;
    border-radius: 4px;
    margin: 0 10px 0 0;
    text-align: center;
}
.files_.grid .file_item .det .actions ul li a i {
    color: #A6A6A6;
    line-height: 1.7;
}

.files_.grid .file_item .det .actions ul li a.star {
    display:none;
}
.files_.grid .file_item .det .actions ul li a.star.starred {
    display:block;
}
.files_.grid .file_item .det .actions ul li a.starred i {
    color: #FF8A58;
}
.files_.grid .file_item .det .actions ul li a.shared_icon {
    display:none;
}
.files_.grid .file_item.shared_item .det .actions ul li a.shared_icon {
    display:block;
}
.files_.list .file_item {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    border-bottom: solid 1px #eee;
}
.files_.list .file_item:nth-child(even) {
    background: #FAFAFA;
}
.files_.list .file_item:hover {
    background: #f8f8f8;
}

.files_.list .file_item .file_icon {
    width: 50px;
    height: 50px;
    float: left;
    margin-left:5px;
    background:#fff;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
}
.files_.list .file_item .file_icon img {
    background:url('../img/canvas-bg.png');
}
.files_.list .file_item .file_icon .icon_i {
    font-size: 30px;
    color: #555;
    float: none;
    position: relative;
    top: 10px;
    left:4px;
    text-align: center;
}

.files_.list .file_item.uploading .loader {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 50%;
    margin: 0;
    display: block;
}

.files_.list .file_item.uploading:before {
    content: "";
    background: rgba(255, 255, 255, 0.6);
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.files_ .file_item .progress {
    position: absolute;
    height: 100%;
    background: rgba(61, 149, 6, 0.5);
    top: 0;
    left: 0;
    z-index: 9;
}

.files_.list .file_item .file_icon .icon_img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.files_.list .file_item:hover .file_icon .icon_i {
    color: #1194f6;
}

.files_.list .file_item .det {
    float: left;
    margin: 7px;
    width: 86%;
}

.files_.list .file_item .det .title {
    margin: 10px 0;
    font-weight: 300;
    font-size: 14px;
    color: #555;
    float: left;
    width: 40%;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor:pointer;
    white-space: nowrap;
}

.files_.list .file_item .det .actions {
    float: left;
    width: auto;
    position: relative;
    line-height:2.5
}

.files_.list .file_item .det .actions ul {
    list-style: none;
}

.files_.list .file_item .det .actions ul li {
    display: inline-block;
}

.files_.list .file_item .det .actions ul li a {
    cursor: pointer;
    padding: 5px;
    width: 31px;
    height: 24px;
    float: left;
    border-radius: 4px;
    margin: 0 10px 0 0;
    text-align: center;
}
.files_.list .file_item .det .actions ul li a i {
    color: #A6A6A6;
    line-height: 1.7;
}

.files_.list .file_item .det .actions ul li a.star {
    display:none;
}
.files_.list .file_item .det .actions ul li a.star.starred {
    display:block;
}
.files_.list .file_item .det .actions ul li a.starred i {
    color: #FF8A58;
}
.files_.list .file_item .det .actions ul li a.shared_icon {
    display:none;
}
.files_.list .file_item.shared_item .det .actions ul li a.shared_icon {
    display:block;
}
.files_.list .file_item .det .size {
    font-size: 12px;
    color: #888;
    font-weight: 300;
    float: left;
    margin: 10px;
    width: 16%;
}

.files_.list .file_item .det .date {
    float: left;
    width: 17%;
    color: #999;
    line-height:2.5;
    font-weight: 300;
}

.files_ .file_item.ui-selected,
.files_ .file_item.ui-selecting {
    background: rgba(40, 156, 247, 0.15) !important;
}

.dragger {
    padding: 10px;
    background: #1194f6;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    max-width: 200px;
    box-shadow:0 2px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow:0 2px 3px rgba(0,0,0,0.4);
    -o-box-shadow:0 2px 3px rgba(0,0,0,0.4);
    position: absolute;
    z-index: 99999 !important;
}

.dragger i {
    color: #fff;
    margin: 1px;
    float: left;
    margin-right: 10px;
}

.dragger h4 {
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dragger .selected_nums {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: -10px;
    color: #2197F5;
    background: #fff;
    box-shadow: 0 1px 2px #777;
}

.vert_block.open {
    left: 0px !important;
    z-index: 999 !important;
    box-shadow: 0 2px 2px #33383E !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.header_bar .logo_on_bar.open {
    margin-left: 2px !important;
    box-shadow: 0 4px 2px #33383E !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position:absolute;
    z-index:9;
}
.header_bar .show_vert_menu.active {
    background: #33383E;
    position:absolute;
    left:250px;
    -webkit-transition:all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.commentsToggle {
    display:none;
    position: absolute;
    z-index: 9999;
    color: #fff;
    background: #1194F6;
    width: 60px;
    border-radius: 50%;
    height: 60px;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    box-shadow: 0 0 4px #A5A5A5;
}
.commentsToggle i {
    padding: 17px 14px;
    font-size: 23px;
    color: #fff;
}

.closeComment {
    display:none;
    float: right;
    padding: 5px 0px;
}
.closeComment i {
    font-size: 20px;
}
@media screen and (max-width:1522px) {
    .files_.grid .file_item {
        width: calc(13% - 20px);
    }
}

@media screen and (max-width:1331px) {
    .files_.grid .file_item {
        width: calc(15% - 20px);
    }
}
@media screen and (max-width:1200px) {
    .files_.grid .file_item {
        width: calc(18% - 20px);
    }
}

@media screen and (max-width:1200px) {
    .files_.grid .file_item {
        width: calc(18% - 20px);
    }
}
@media screen and (max-width:1180px){
    .shared_page .side_bar {
        display:none;
        width: 84% !important;
        position: fixed!important;
        padding: 10px;
        z-index: 99;
        background: #fff;
        box-shadow: 0 1px 3px #000;
        right:-350px;
        height: 100%;
        overflow: auto;
    }
    .shared_page .viewer_container{
        width:100% !important;
        z-index:9;
    }
    .commentsToggle {
        display:block;
    }
    .closeComment {
        display:block;
    }
    .field_share {
        width:100% !important;
    }

}
@media screen and (max-width:1100px) {
    .files_.grid .file_item {
        width: calc(23% - 20px);
    }
    .files_.list .file_item .det .date {
        display:none;
    }
    .files_.list .file_item .det .title {
        width:71%;
    }
}

@media screen and (max-width:990px){
    .files_.list .file_item .det{
        width:80%;
    }
}
@media screen and (max-width:933px){
    .files_.list .file_item .det{
        width:80%;
    }
    .files_.list .file_item .det .actions {
        display:none;
    }
}
@media screen and (max-width:840px) {
    .files_.grid .file_item {
        width: calc(30% - 20px);
    }

}
@media screen and (max-width:820px) {
    .files_.list .file_item .det .size {
        display:none;
    }
    .advertise.ad_780 {
        width:100% !important;
        overflow: hidden;
    }
}
@media screen and (max-width:960px) {
    .header_bar .search_box {
        width:232px;
    }
}
@media screen and (max-width:756px) {
    .files_.grid .file_item {
        width: calc(23% - 20px);
    }
    .header_bar .show_vert_menu {
        display: block;
    }
    .header_bar .search_container {
        display:none;
    }
    .header_bar .search_box {
        width:232px;
    }
    .header_bar .logo_on_bar {
        margin-left:-253px;
    }
    .main_block {
        width:100% !important;
        left:0;
    }
    .vert_block {
        left:-250px;
    }
    .context {
        display: none;
        position: absolute;
        width: 80% !important;
        background: #fff;
        box-shadow: 0 1px 4px #ccc;
        -webkit-box-shadow: 0 1px 4px #ccc;
        -moz-box-shadow: 0 1px 4px #ccc;
        z-index: 9999;
        left: 47px !important;
        bottom: 0 !important;
        top: auto !important;

    }
    .login_center .left_block {
        width: 80%;
        float: none;
        padding: 10px;
        clear: both;
        margin: auto;
    }
    .login_center .left_block .det {
        display:none;
    }
    .login_center .right_block {
        width: 90%;
        padding: 10px;
        float: none;
        border-radius: 4px;
        margin: auto;
    }
    .login_center .left_block .logo {
        margin:auto;
    }
    .item_preview {
        padding: 10px 10px 50px 10px !important;
        overflow: auto;
    }
    .files_ {
        padding:0 !important;
    }
}
@media screen and (max-width:650px) {
    .files_.grid .file_item {
        width: calc(28% - 20px);
    }
    .viewer_container .view_contain .header .actions ul li a {
        padding: 7px !important;
        margin: 16px 3px !important;
    }
    .viewer_container .view_contain .container_box .image_preview img {
        width: 90% !important;
        height: auto !important;
    }
    .viewer_container .view_contain .header .title .text {
        width: 100px !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .viewer_container .view_contain .container_box .undefined_view {
        width: 89% !important;
        height:auto !important;
        background: #fff;
        margin: 100px auto;
        overflow: hidden;
    }
    .header_bar .right_menu .notes_container {
        right:-13px !important;
    }

}
@media screen and (max-width:570px) {
    .viewer_container .view_contain .header .actions ul li a .text {
        display: none;
    }
}
@media screen and (max-width:550px) {

    .files_.grid .file_item {
        width: calc(32% - 20px);
    }

}
@media screen and (max-width:501px) {

    .files_.grid .file_item {
        width: calc(49% - 20px);
    }
    .mini_pop .modal_container .modal {
        width:354px !important ;
    }
    .mini_pop .modal_container .modal .modal_content .share_content .icon {
        display:none;
    }
    .mini_pop .modal_container .modal .modal_content .field {
        width:100% !important;
        margin-left:0 !important;
    }
    .shared_users > .shared_ > ul > li > .icon {
        display:none;
    }
    .add_user_form .button.blue {
        float:right !important;
    }
    .field.social_field {
        width:100% !important;
    }
    .field.advanced_field {
        width:100% !important;
    }
    .field.withbtn input {
        width:70% !important;
    }
    .nice-select {
        float:right !important;
    }
    .field.withbtn .rightshape {
        padding:4px 9px !important;
    }
}
@media screen and (max-width:460px) {

    .files_.grid .file_item {
        width: calc(50% - 20px);
    }
    .main_block .settings_left .top_header{
        padding:10px !important;
    }
    .main_block .settings_left .top_header .actions ul li {
        width: 100%;
        margin: 10px 0;
    }
    .main_block .settings_left .field_container {
        padding:10px !important;
    }
    .main_block .settings_left .field_container .field {
        width:100% !important;
    }
    .main_block .settings_left {
        height: 100%;
        overflow: auto;
        box-sizing: border-box;
    }
    .mini_pop .modal_container .modal .modal_content .image_container {
        width:200px !important;
        height:200px !important;
    }
    .mini_pop .modal_container .modal {
        width: 295px !important;
    }

}

@media screen and (max-width:490px) {
    .header_bar .right_menu {
        float:left;
        margin-right:0;
    }
    .viewer_container .view_contain .header .actions ul li a {
        padding: 8px 0px !important;
        margin: 16px 3px !important;
    }
    .files_.list .file_item .det {
        width:66% !important;
    }
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px solid #1194f6;
    background: #1194f6;
    opacity: 0.6;
}

.mini_pop {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mini_pop .overlay {
    background: rgba(0,0,0,0.5);
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.mini_pop .modal_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    overflow: auto;
}

.mini_pop .modal_container .modal {
    width: 400px;
    background: #fff;
    border-radius: 4px;
    height: auto;
    margin: 100px auto;
    clear: both;
    display: inline-block;
    box-shadow: 0 1px 3px #ccc;
    -webkit-box-shadow: 0 1px 3px #ccc;
    -moz-box-shadow: 0 1px 3px #ccc;
    text-align: initial;
}

.mini_pop .modal_container .modal.extended {
    width: 600px;
}

.mini_pop .modal_container .modal .modal_header {
    width: 100%;
    float: left;
    padding: 10px;
    background: #f8f8f8;
}

.mini_pop .modal_container .modal .modal_header .modal_title {
    font-size: 16px;
    margin: 0;
    float: left;
    color: #555;
}

.mini_pop .modal_container .modal .modal_header .close {
    float: right;
}

.mini_pop .modal_container .modal .modal_content {
    float: left;
    width: 100%;
    padding: 10px;
}

.mini_pop .modal_container .modal .modal_content .field {
    width: 81%;
    float: left;
    margin-left: 10px;
    position: relative;
}
.mini_pop .modal_container .modal .modal_content .field.full {
    width:100% !important;
    margin-left:0;
}
.mini_pop .modal_container .modal .modal_content .field input {
    width: 100%;
    border-radius: 0;
}

.mini_pop .modal_container .modal .modal_content .image_container {
    width: 300px;
    height: 300px;
    max-height: 300px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    margin: 30px auto;
}

.mini_pop .modal_container .modal .modal_content .image_container img {
    width: 100%;
}

.mini_pop .modal_container .modal .modal_content .image_container.loading:before {
    content: "";
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
}

.mini_pop .modal_container .modal .modal_content .image_container.loading .loader {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    left: 44%;
    top: 26%;
    z-index: 10;
}

.mini_pop .modal_container .modal .modal_content .buttons_container {
    margin: auto;
    width: 100%;
    overflow: hidden;
}

.mini_pop .modal_container .modal .modal_content .buttons_container {
    margin: 10px auto;
}

.mini_pop .modal_container .modal .modal_content .buttons_container .information {
    color: #555;
    font-size: 12px;
    float: right;
    line-height: 2.5;
}

.mini_pop .modal_container .modal .modal_content .buttons_container .loader {
    margin: 5px;
    width: 20px;
    float: right;
    height: 20px;
}

.social-icon {
    font-size: 16px;
    display: inline-block;
    opacity: 0.8;
    cursor: pointer;
    width: 36px;
    height: 32px;
    text-align: center;
    border-bottom: solid 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.social-icon:active {
    border-bottom: none;
}

.social-icon i {
    float: none;
    position: relative;
    top: 7px;
}

.social-icon:hover {
    opacity: 1;
}

.social-icon.facebook i,
.social-icon.facebook {
    color: #fff;
    background: #3B5998;
}
.social-icon.google i,
.social-icon.google {
    color: #fff;
    background: #D13E2F;
}
.social-icon.twitter i,
.social-icon.twitter {
    color: #fff;
    background: #29C5F6;
}
.social-icon.pinterest i,
.social-icon.pinterest {
    color: #fff;
    background: #C61118;
}

.social-icon.tumblr i,
 .social-icon.tumblr {
    color: #fff;
    background: #2F4961;
}

.mini_pop .modal_container .modal .modal_content .share_content {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.mini_pop .modal_container .modal .modal_content .share_content .icon {
    float: left;
    width: 100px;
    overflow: hidden;
    height: 100px;
    border-radius: 4px;
    z-index: 9;
    margin-bottom: 10px;
    background: #eee;
    text-align: center;
}

.mini_pop .modal_container .modal .modal_content .share_content .icon .file-icon {
    width: 50px;
    height: 50px;
    position: relative;
    top: 25px;
    left: 23px;
}

.mini_pop .modal_container .modal .modal_content .share_content .icon .file-icon::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom-left-radius: 2px;
    border-width: 5px;
    border-style: solid;
    border-color: #EEE #EEE rgba(255, 255, 255, .35) rgba(255, 255, 255, .35);
}

.mini_pop .modal_container .modal .modal_content .share_content .icon img {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mini_pop .modal_container .modal .modal_content .share_content .icon i {
    font-size: 50px;
    float: none;
    position: relative;
    text-align: center;
    top: 25px;
}

.toaster_log_container {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    z-index: 999;
}

.toaster_log_container > div {
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff;
    box-shadow: 0 1px 3px #ccc;
    color: #555;
}

.toaster_log_container > .error {
    background: #a30;
    color: #fff;
}

.toaster_log_container > .success {
    background: #5FCF80;
    color: #fff;
}

.loading_float {
    display: none;
    width: 100px;
    float: left;
    height: 40px;
    margin: 7px 20px;
    left: 37%;
}

.loading_float .loader {
    margin: 0 auto !important;
}

.toast_container {
    position: fixed;
    bottom: 20px;
    width: 250px;
    right: 30px;
    z-index: 9999;
}

.toast_container > div {
    padding: 5px;
    background: rgba(0, 0, 0, 0.8);
    float: left;
    width: 100%;
    box-shadow: -1px 3px 3px rgba(0, 0, 0, 0.9);
    margin: 10px 0;
}

.toast_container > div > .text {
    margin-top: 10px;
    float: left;
    font-size: 12px;
    color: #fff;
    width: 70%;
}

.toast_container > div > .fa {
    float: left;
    margin-right: 10px;
    background: #333;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    color: #fff;
}

.toast_container > div > .fa:before {
    position: relative;
    top: 38%;
    left: 34%;
}

.show_uploader {
    float: left;
    padding: 7px;
    margin: 12px 5px;
    background: #2197F5;
    border-radius: 30px;
    border: solid 2px transparent;
}
.show_uploader i {
    color:#fff;
}
.show_uploader:hover {
    background: #fff !important;
    border: solid 2px #2197F5;
}
.show_uploader:hover i {
    color:#2197F5;
}
.show_uploader.active {
    background: #2197F5;
    color: #fff;
}

.show_uploader.active i {
    color: #fff;
}

.ajax-file-upload-abort {
    font-size: 12px;
    float: right;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    background: #ccc;
    border-radius: 50%;
    height: 30px;
}
.ajax-file-upload-abort i {
    position: relative;
    top: 9px;
    left: 5.5px;
}
.uploader_queue {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: auto;
    z-index: 999;
    left: 0;
    top: 0;
}
.uploader_queue .overlay {
    background: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.uploader_queue .modal_upload_container {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.uploader_queue .modal_upload_container .container {
    background: #fff;
    overflow: hidden;
    width: 100%;
    height: 364px;
    max-width: 600px;
    margin: 100px auto;
    border-radius: 4px;
    position:relative;
}
.uploader_queue .modal_upload_container .container .header {
    float: left;
    width: 100%;
    padding: 20px 10px;
    background: #eee;
}
.uploader_queue .modal_upload_container .container .header .title {
    font-size: 16px;
    font-weight: 500;
    color: #555;
    margin: 0;
    float:left;
}
.uploader_queue .modal_upload_container .container .header .close {
    float: right;
}
.uploader_queue .modal_upload_container .container .footer {
    position: absolute;
    bottom: 0;
    padding: 10px;
    width: 100%;
    left: 0;
    background: #f8f8f8;
}
.uploader_queue .modal_upload_container .container .uploading_queue {
    clear: both;
    float: left;
    width: 100%;
    height: 100%;
    max-height: 256px;
    overflow:auto;
}
.uploader_queue .modal_upload_container .container .uploading_queue .drag {
    float: left;
    width: 100%;
    height: 100%;
    padding: 61px 100px;
    text-align: center;
}
.uploader_queue .modal_upload_container .container .uploading_queue .drag i {
    font-size: 100px;
    color: #EEE;
    float: none;
    clear: both;
}
.uploader_queue .ajax-file-upload-statusbar {
    font-size: 11px;
    background: #fff;
    width: 123px;
    float: left;
    height: 150px;
    margin: 10px;
    padding: 10px;
    position: relative;
    box-shadow: 0 1px 2px #ccc;
    border-radius: 4px;
}

img.ajax-file-upload-preview {
    float: left;
    width: 100% !important;
    height: 90px !important;
    margin-right: 10px;
}

.uploader_queue .ajax-file-upload-filename {
    float: left;
    color: #333;
    margin-top: 13px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    width:100%;
}
.uploader_queue .ajax-file-upload-
.uploader_queue .ajax-file-upload-filename .name {
    width: 196px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.uploader_queue .ajax-file-upload-filename .file_size {
    padding: 5px;
    background: #10A2F7;
    margin-left: 5px;
    font-size: 9px;
    border-radius: 30px;
    color: #fff;
    position: absolute;
    right: 0;
    margin-top: -6px;
    z-index: 9;
    box-shadow: -6px 1px 7px 3px #fff;
}

.upload_queue .ajax-file-upload-red {
    padding: 2px;
    color: #2197F5;
    border-radius: 4px;
    margin-right: 10px;
    float: right;
    margin-top: -3px;
}

.uploader_queue .ajax-file-upload-progress {
    background: #DDEFDB;
    width: 100px;
    height: 11px;
    float: right;
    border-radius: 4px;
    top: 9px;
    color: #fff;
    position: relative;
}

.uploader_queue .ajax-file-upload-progress .ajax-file-upload-bar {
    height: 100%;
    text-align: center;
    border-radius: 4px;
    position: absolute;
    background: #00AA05;
    font-size:8px;
}

.drager {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 999;
}

.drager > .ajax-upload-dragdrop {
    width: 100%;
    height: 100%;
    position: relative;
    margin:auto;
    z-index:999;
}

.dropper_main {
    padding: 30px;
    width: 300px;
    height: 300px;
    text-align: center;
    float: none;
    background: #eee;
    border-radius: 50%;
    margin: 100px auto;
}

.dropper_main i {
    font-size: 100px;
    float: none;
    position: relative;
    top: 28%;
}

@charset "utf-8";

/*! fileicon.css v1.0.0 | MIT License | github.com/picturepan2/fileicon.css */


/* fileicon.basic */

.file-icon {
    font-family: Arial, Tahoma, sans-serif;
    font-weight: 300;
    display: block;
    width: 24px;
    height: 32px;
    background: #018FEF;
    position: relative;
    border-radius: 2px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

.file-icon::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom-left-radius: 2px;
    border-width: 5px;
    border-style: solid;
    border-color: #FFF #FFF rgba(255, 255, 255, .35) rgba(255, 255, 255, .35);
}

.file-icon::after {
    display: block;
    content: attr(data-type);
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    color: #fff;
    text-transform: lowercase;
    width: 100%;
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;
}


/* fileicons */

.file-icon-xs {
    width: 12px;
    height: 16px;
    border-radius: 2px;
}

.file-icon-xs::before {
    border-bottom-left-radius: 1px;
    border-width: 3px;
}

.file-icon-xs::after {
    content: "";
    border-bottom: 2px solid rgba(255, 255, 255, .45);
    width: auto;
    left: 2px;
    right: 2px;
    bottom: 3px;
}

.file-icon-sm {
    width: 18px;
    height: 24px;
    border-radius: 2px;
}

.file-icon-sm::before {
    border-bottom-left-radius: 2px;
    border-width: 4px;
}

.file-icon-sm::after {
    font-size: 7px;
    padding: 2px;
}

.file-icon-lg {
    width: 48px;
    height: 64px;
    border-radius: 3px;
}

.file-icon-lg::before {
    border-bottom-left-radius: 2px;
    border-width: 8px;
}

.file-icon-lg::after {
    font-size: 16px;
    padding: 4px 6px;
}

.file-icon-xl {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.file-icon-xl::before {
    border-bottom-left-radius: 4px;
    border-width: 8px;
}

.file-icon-xl::after {
    font-size: 14px;
    padding: 4px 10px;
}


/* fileicon.types */

.file-icon[data-type=zip],
.file-icon[data-type=rar] {
    background: #ACACAC;
}

.file-icon[data-type^=doc] {
    background: #307CF1;
}

.file-icon[data-type^=xls],
.file-icon[data-type=csv] {
    background: #0F9D58;
}

.file-icon[data-type^=ppt] {
    background: #D24726;
}

.file-icon[data-type=pdf] {
    background: #E13D34;
}

.file-icon[data-type=txt] {
    background: #5EB533;
}

.file-icon[data-type=mp3],
.file-icon[data-type=wma],
.file-icon[data-type=m4a],
.file-icon[data-type=flac] {
    background: #8E44AD;
}

.file-icon[data-type=mp4],
.file-icon[data-type=wmv],
.file-icon[data-type=mov],
.file-icon[data-type=avi],
.file-icon[data-type=mkv] {
    background: #7A3CE7;
}

.file-icon[data-type=bmp],
.file-icon[data-type=jpg],
.file-icon[data-type=jpeg],
.file-icon[data-type=gif],
.file-icon[data-type=png] {
    background: #F4B400;
}

.grid .file-icon-xl::before {
    border-bottom-left-radius: 4px;
    border-width: 16px;
}

.grid .file-icon-xl::after {
    font-size: 20px;
    padding: 4px 10px;
}

.scrollable {
    position: relative;
}

.scrollable:focus {
    outline: 0;
}

.scrollable .viewport {
    position: relative;
    overflow: hidden;
}

.scrollable .viewport .overview {
    position: absolute;
    width: 100%;
}

.scrollable .scroll-bar {
    display: none;
}

.scrollable .scroll-bar.vertical {
    position: absolute;
    right: 0;
    height: 100%;
}

.scrollable .scroll-bar.horizontal {
    position: relative;
    width: 100%;
}

.scrollable .scroll-bar .thumb {
    position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
    width: 100%;
    min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
    height: 100%;
    min-width: 10px;
    left: 0;
}

.not-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*Default skin*/

.scrollable.default-skin {
    padding-right: 10px;
    padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
    width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
    height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
    background-color: black;
    opacity: 0.4;
    border-radius: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
    opacity: 0.6;
}


/*Gray skin*/

.scrollable.gray-skin {
    padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
    border: 1px solid gray;
    background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
    background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
    background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
    width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px;
}


/*Modern skin*/

.scrollable.modern-skin {
    padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
    border: 1px solid gray;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: inset 0 0 5px #888;
    -webkit-box-shadow: inset 0 0 5px #888;
    box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
    background-color: #95aabf;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
    width: 8px;
    background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
    background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
    background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
    background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
    background: linear-gradient(to right, #95aabf 0%, #547092 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
    height: 8px;
    background-image: linear-gradient(#95aabf, #547092);
    background-image: -o-linear-gradient(#95aabf, #547092);
    background-image: -moz-linear-gradient(#95aabf, #547092);
    background-image: -webkit-linear-gradient(#95aabf, #547092);
    background-image: -ms-linear-gradient(#95aabf, #547092);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
    width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px;
}

.little_info {
    float: left;
    width: 100%;
}

.little_info .info {
    float: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 2;
    color: #555;
}

.little_info .button {
    float: right;
}


/* Let's get this party started */

::-webkit-scrollbar {
    width: 5px;
}


/* Track */

::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
}


/* Handle */

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ccc;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #fff;
}

.space {
    position: absolute;
    padding: 8px;
    bottom: 0;
    clear: both;
    width: 245px;
    height: 50px;
    box-sizing: border-box;
    background: #33383E;
    z-index: 99;
    left: 0;
}

.space .details {
    float: left;
    width: 100%;
    font-size: 10px;
    color: #fff;
}

.space .space_seek {
    width: 100%;
    height: 5px;
    box-sizing: border-box;
    clear: both;
    background: #EEE;
    margin-top: 5px;
    border-radius: 5px;
    float: left;
    overflow: hidden;
}

.space .space_seek .loaded_seek {
    background: #24BE12;
    height: 100%;
}

.item_preview {
    display: none;
    position: absolute;
    z-index: 9999;
    right: 0;
    width: 348px;
    height: 100%;
    background: #fff;
    box-shadow: 2px 7px 11px #ccc;
    padding: 10px;
    overflow:hidden;
}

.item_preview .item_header {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    color: #555;
}

.item_preview .item_header .title {
    float: left;
    position: relative;
}

.item_preview .item_header .title .file-icon {
    width: 33px;
    height: 40px;
    float: left;
    margin-right: 5px;
}

.item_preview .item_header .title .file-icon::after {
    font-size: 11px;
    padding: 4px 10px;
}

.item_preview .item_header .title .text {
    float: left;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 300;
    color: #333;
}

.item_preview .item_header .close {
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

.item_preview .content {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.item_preview .content .icon {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 100%;
    max-height: 300px;
    background: #eee;
    padding: 10px;
    margin-bottom: 10px;
}

.item_preview .content .icon i {
    font-size: 200px;
    float: none;
    text-align: center;
}

.item_preview .content .icon img {
    width: 100%;
    height: auto;
}

.item_preview .item_header .title i {
    float: left;
    font-size: 22px;
    line-height: 1.9;
}

.item_preview .content .icon .file-icon {
    width: 59%;
    height: 226px;
    margin: auto;
}

.item_preview .content .icon .file-icon::after {
    font-size: 40px;
    padding: 4px 10px;
}

.item_preview .content .icon .file-icon::before {
    border-color: #EEE #EEE rgba(255, 255, 255, .35) rgba(255, 255, 255, .35);
    border-bottom-left-radius: 4px;
    border-width: 36px;
}

.item_preview .content .details {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.shared_users{
    display:none;
}
.email_item {
    display:none;
}
.shared_ {
    float: left;
    width: 100%;
    background: #f8f8f8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 10px;
    padding: 10px;
}

.shared_ ul {
    list-style: none;
}

.shared_ > ul > li {
    display: inline-block;
    position: relative;
    transition-duration: 0.3s;
    width: 100%;
    border-bottom: solid 1px #eee;
    padding: 5px;
    cursor:inherit;
}
.details .shared_ {
    background: transparent;
}
.details .shared_  ._info{
    font-size: 12px;
    color: #555;
    font-weight: 300;
    border-bottom: solid 1px #eee;
    padding-bottom: 5px;
}
.details .shared_ > ul > li {
    float: left;
    width: auto !important;
    border: none;
    margin-left: -29px;
}
.details .shared_ > ul > li:first-child {
    margin-left: 0;
}
.field.social_field {
    width: 35% !important;
}
.field.advanced_field {
    width: 44% !important;
}

.button.blue i {
    line-height: 2.5;
    color: #fff;
}
.button.primary i {
    line-height: 2.5;
}
.field .button.primary i {
    line-height: 2.5;
    color: #333;
}

.shared_ ul:hover > li {
    margin-left: 0 !important;
}


.shared_ ul li .icon {
    float: left;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    padding: 0 !important;
    background: #eee;
    border: solid 2px #eee;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 9;
    transition-duration: 0.3s;
}
.shared_ ul li .user_det {
    float: left;
    line-height: 0;
    margin-left: 7px;
}
.shared_ ul li .user_det .text {
    font-size: 11px;
    color: #999;
}
.shared_ ul li .user_det .username {
    font-size: 12px;
    color: #555;
    font-weight: 300;
}
.shared_ ul li .action {
    float: right;
    margin: -4px;
    padding: 0;
}
.shared_ ul li .action ul li {
    display: inline-block;
    position:relative;
}
.shared_ ul li .action ul li a {
    float:left;
}
.shared_ ul li .action ul li
.shared_ ul li .icon .fa-close{
    display:none;
    background: rgba(255,255,255,0.5);
    padding: 9px 11px;
    position: absolute;
    z-index: 9;
    font-size: 19px;
    left: 0;
    margin: 0;
}
.shared_ ul li .action ul li a.permission {
    font-size: 12px;
    position: relative;
    float: left;
}
.shared_ ul li .action ul li a.permission i {
    float: left;
    line-height: 1;
}
.shared_ ul li .action ul li a.permission span {
    float: left;
    position: relative;
    top: 9px;
}
.shared_ ul li .action > ul >  li >  ul {
    display:none;
    background: #fff;
    position: absolute;
    left: 0;
    top: 22px;
    z-index: 9;
    box-shadow: 0 2px 4px #ccc;
}
.shared_ ul li .action ul li:hover > ul {
    display: block;
}
.shared_ ul li .action > ul >  li >  ul > li {
    width:100%;
}
.shared_ ul li .action > ul >  li >  ul > li > a {
    float: left;
    width: 100%;
    padding: 10px;
    color: #555;
    font-size:12px;
}
.shared_ ul li .action > ul >  li >  ul > li > a.active {
    background:#eee;
}
.shared_ ul li .icon:hover .fa-close{
    display:block;
}

.shared_ ul li .icon.owner {
    border-color: #2197F5;
}

.shared_ ul li .icon img {
    width: 100%;
    height: 100%;
}

.shared_ ul li a {
    width: 100%;
    height: 100%;
    text-align: center;
    cursor:pointer;
}

.shared_ ul li .icon.shr_user {
    cursor: pointer;
}
.field .info {
    font-size: 12px;
    color: #555;
    margin: 5px;
    float: left;
}
.field .info.in_error {
     color: #a30;
}
.field .info.in_success {
    color: #00aa33;
}

 .shared_ ul:hover > li .icon.add_user {
    background: #fff;
    box-shadow: 0 0 2px #999;
    cursor: pointer;
}
.add_user_form {
    float: left;
    width: 100%;
    background: #FAFAFA;
}
.add_user_form .user_share {
    width: 136px;
    background: #eee;
    overflow: hidden;
    float: left;
    position:relative;
    margin:4px;
}
.add_user_form .field.input_tags {
    border: solid 1px #ccc;
    float: left;
    background: #fff;
    width: 72% !important;
    padding: 10px;
    box-shadow: 0 0 2px #ccc;
}
.add_password {
    display: none;
    overflow: hidden;
    float: left;
    width: 100%;
    background: #f8f8f8;
    width: 90%;
    float: none;
    margin: auto !important;
}

.field.email_tags {
    margin: 0;
    clear: both;
    width: 89% !important;
    box-sizing: border-box;
    margin-left: auto !important;
    float: none !important;
    margin-right: auto;
}
.field.textfield {
    margin: 0;
    clear: both;
    width: 89% !important;
    margin-left: auto !important;
    float: none !important;
    margin-right: auto;
}
.field.textfield textarea {
    overflow: auto;
    vertical-align: top;
    width: 100%;
    height: 100px;
}
.sub_field {
    float: left;
    width: 100%;
    margin: 5px 0;
}
.sub_field .text {
    color: #555;
    font-size: 12px;
}
.sub_field .text b {
    font-weight: 500;
    margin-right: 10px;
}
.sub_field .text .link{
    color:#2197F5;
    cursor:pointer;
}
.button_send button.button.blue {
    margin-left: 21px;
    float:right;
}
.add_user_form .button.blue {
    padding: 0 37px;
    margin: 11px;
    float:left;
    clear:both;
}
.add_user_form .field.select_permission {
    width: auto !important;
    float: right !important;
    margin: 10px;
}
.add_user_form .field.input_tags input {
    width: 200px !important;
    padding: 0 5px !important;
    border: none;
    min-height: 30px;
}
.add_user_form .user_share .icon {
    width: 30px;
    height: 30px;
    float: left;
}
.add_user_form .suggestion {
    display:none;
    position: absolute;
    top: 55px;
    left:0;
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 2px #ccc;
    -webkit-box-shadow: 0 2px 2px #ccc;
    -moz-box-shadow: 0 2px 2px #ccc;
    -o-box-shadow: 0 2px 2px #ccc;
}
.add_user_form .suggestion ul {
    list-style:none;
}
.add_user_form .suggestion ul li {
    float: left;
    width: 100%;
    border-bottom: solid 1px #eee;
}
.add_user_form .suggestion ul li .not_found {
    float: left;
    padding: 10px;
    color: #555;
    text-align:center;
}
.add_user_form .suggestion ul li a {
    float: left;
    padding: 10px;
    color: #555;
    width:100%;
    cursor:pointer;
}
.add_user_form .user_share .icon  img {
    width: 100%;
}
.add_user_form .user_share .username {
    float: left;
    margin-left: 5px;
    line-height: 2.5;
    width: 87px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #555;
    font-size: 12px;
}
.add_user_form .user_share .fa-close {
    float: right;
    position: absolute;
    right: 0px;
    top: 8px;
}
.shared_ ul li .input_container {
    display:none;
    float: left;
    margin-top: 2px;
    padding-left: 33px;
    margin-left: -40px;
    z-index: 1;
    border-radius: 30px;
    background: #eee;
    overflow: hidden;
}

.shared_ ul li .input_container input {
    border: none;
    background: #eee;
}

.shared_ ul li .input_container input:focus + div.input_container {
    box-shadow: 0 0 2px #ccc !important;
}

.shared_ ul li .input_container input:focus + div.shared_ ul li {
    margin-left: 0 !important;
}

.shared_ ul li .icon.add_user:hover {
    background: #fff;
    box-shadow: 0 0 2px #999;
    cursor: pointer;
}

.shared_ ul li .usr_suggestions {
    display: none;
    position: absolute;
    width: 156px;
    z-index: 10;
    left: 28px;
    background: #fff;
    top: 40px;
    box-shadow: 0 1px 2px #ccc;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

.shared_ ul li .usr_suggestions ul {
    list-style: none;
}

.shared_ ul li .usr_suggestions ul li {
    float: left;
    width: 100%;
    padding: 5px !important;
    cursor: pointer;
}

.shared_ ul li .usr_suggestions ul li:hover {
    background: #2197F5;
}

.shared_ ul li .usr_suggestions ul li:hover .name {
    color: #fff;
}

.shared_ ul li .usr_suggestions ul li .icon {
    width: 20px !important;
    height: 20px !important;
}

.shared_ ul li .usr_suggestions ul li .name {
    float: left;
    margin-left: 5px;
    font-size: 12px;
    line-height: 1.5;
    color: #555;
}

.shared_ ul li a i {
    position: relative;
    top: 10px;
    float: none;
    font-size: 12px;
    color: #555;
}

.item_preview .content .details .field {
    float: left;
    width: 100%;
    background: #eee;
    margin: 0;
    padding: 5px;
    border: solid 1px rgb(227, 227, 227);
}

.item_preview .content .details .field .bold {
    font-weight: 500;
    float: left;
    font-size: 12px;
    color: rgba(51, 51, 51, 0.66);
    margin-right: 10px;
    width: 106px;
}

.item_preview .content .details .field .thin {
    float: left;
    color: #999;
    line-height: 18px;
    font-size: 10px;
}

.mini_pop .modal_container .modal .modal_content .field.withbtn input {
    float: left;
    width: 81%;
    border-radius: 4px 0 0 4px;
}

.field.withbtn .rightshape {
    float: left;
    padding: 4px 18px;
    border-radius: 0 4px 4px 0;
}

.field.withbtn .rightshape i {
    line-height: 2.5;
    color: #fff;
    float: left;
}
.recover_options {
    float: right;
    line-height: 2.3;
    font-size: 12px;
    color: #2197F5;
    cursor:pointer;
}

.margin_small {
    margin: 10px 0;
}

.breadCrumbs {
    float: left;
    width: auto;
    margin:7px;
}

.breadCrumbs > ul {
    margin: 0;
    list-style: none;
}

.breadCrumbs > ul > li {
    float: left;
}

.breadCrumbs > ul > li > a {
    padding: 8px 0 8px 0px;
    float: left;
}

.breadCrumbs > ul > li > a > span.text {
    float: left;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    font-weight: 300;
}

.breadCrumbs > ul > li > a.ui-state-active > span.text {
    color: #04528F !important;
    font-weight: 500;
}

.breadCrumbs > ul > li > a > i {
    float: right;
    font-size: 21px;
}

.breadCrumbs > ul > li > a > i.icon-folder-open{
    float: left;
    color: #2197F5;
}

.breadCrumbs > ul > li:last-child a i.fa-angle-right {
    display: none;
}

.breadCrumbs > ul > li > a.link > span.text {
    color: #2197F5;
}

ul.tagit {
    overflow: auto;
    margin-left: inherit;
    /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}

ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}

ul.tagit li.tagit-choice {
    position: relative;
    line-height: inherit;
}

input.tagit-hidden-field {
    display: none;
}

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}

ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}


/* used for some custom themes that don't need image icons */

ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}

ul.tagit input[type="text"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}

.usr_suggestions .loader {
    width: 20px;
    height: 20px;
    margin: 10px auto;
}

.viewer_container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}
.viewer_container .formContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: #fbfbfb;
    padding-bottom: 5%;
}
.viewer_container .formContainer .form .file_info {
    padding: 20px 0;
    overflow: hidden;
}
.viewer_container .formContainer .form .file_info i {
    font-size: 30px;
    color: #10A2F7;
}
.viewer_container .formContainer .form .file_info span.name {
    float: left;
    line-height: 2;
    margin-left: 10px;
    color: #555;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.viewer_container .formContainer .form{
    width: 35%;
    background-color: #fff;
    border-radius: 4px;
    padding: 25px;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.14),0 4px 5px 0 rgba(0,0,0,.098),0 1px 10px 0 rgba(0,0,0,.084);
}
.viewer_container .formContainer .form .logo_on_bar {
    float:none;
    margin:20px auto;
}
.viewer_container .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position:absolute;
}

.viewer_container .view_contain {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.viewer_container .view_contain .header {
    background: rgba(0, 0, 0, 0.8);
    height: 60px;
    width: 100%;
    float: left;
}

.viewer_container .view_contain .header .title {
    float: left;
    position: relative;
    margin: 16px;
}

.viewer_container .view_contain .header .title i {
    float: left;
    font-size: 27px;
}

.viewer_container .view_contain .header .title .text {
    color: #fff;
    float: left;
    margin-left: 10px;
    font-weight: 300;
    font-size: 14px;
    line-height: 2;
}

.viewer_container .view_contain .header .actions {
    float: right;
}

.viewer_container .view_contain .header .actions ul {
    list-style: none;
}

.viewer_container .view_contain .header .actions ul li {
    display: inline-block;
}

.viewer_container .view_contain .header .actions ul li a {
    padding: 22px;
    float: left;
    cursor: pointer;
    text-align:center;
}

.viewer_container .view_contain .header .actions ul li a:hover {
    background: rgba(0, 0, 0, 0.8);
}

.viewer_container .view_contain .header .actions ul li a:hover i {
    color: #fff;
}

.viewer_container .view_contain .header .actions ul li a i {
    font-size: 14px;
}
.viewer_container .view_contain .header .actions ul li a .text {
    color: #fff;
    font-size: 13px;
    margin-left: 6px;
}
.viewer_container .view_contain .container_box {
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
}

.viewer_container .view_contain .container_box .image_preview {
    bottom: 0;
    height: 80%;
    max-width:1000px;
    left: 0;
    margin:0 auto;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

.viewer_container .view_contain .container_box .image_preview img {
    max-height: 100%;
    width: auto;
    margin: 30px auto;
    background: #fff;
    padding: 10px;
}

.viewer_container .view_contain .header .title .file-icon {
    float: left;
    width: 30px;
    height: 35px;
}

.viewer_container .view_contain .header .title .file-icon::before {
    border-color: #1A1A1A #1A1A1A rgba(255, 255, 255, .35) rgba(255, 255, 255, .35);
}

.viewer_container .view_contain .container_box .text_view {
    width: 80%;
    height: 90%;
    margin: auto;
}

.viewer_container .view_contain .container_box .text_view .text_container {
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .14), 0 4px 5px 0 rgba(0, 0, 0, .098), 0 1px 10px 0 rgba(0, 0, 0, .084);
    width: 100%;
    height: 100%;
    overflow: auto;
}

.viewer_container .view_contain .container_box .text_view .text_container pre {
    white-space: pre-wrap;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    word-wrap: break-word;
}

.viewer_container .view_contain .container_box .player {
    width: 800px;
    height: 400px;
    margin: 5% auto;
}
.viewer_container .view_contain .container_box .player img {
    background: url('../img/no_playback.jpg');
    background-size: cover !important;
    text-indent: -999px;
}
.viewer_container .view_contain .container_box .audio.player {
    width: 400px !important;
}
.viewer_container .view_contain .container_box .undefined_view {
    width: 600px;
    height: 281px;
    background: #fff;
    margin: 100px auto;
    box-shadow: 0 0 2px #000;
}
.viewer_container .view_contain .container_box .undefined_view .container {
    float: left;
    padding: 50px;
    text-align: center;
    width: 100%;
}
.viewer_container .view_contain .container_box .undefined_view .container .big_text {
    font-size: 20px;
    color: #777;
    font-weight: 300;
    text-transform: capitalize;
}
.viewer_container .view_contain .container_box .undefined_view .container .icon {
    width: 100px;
    height: 100px;
    margin: auto;
}
.viewer_container .view_contain .container_box .undefined_view .container .icon i {
    font-size: 100px;
    color: #018FEF;
}
.viewer_container .view_contain .container_box .undefined_view .container .button_download {
    background: #018FEF;
    color: #fff;
    padding: 0 24px;
    box-shadow: 0 0 2px #fff;
}
.viewer_container .view_contain .container_box .undefined_view .container .button_download:hover {
    box-shadow: 0 0 2px #909090;
}
.pln {
    color: #000
}

@media screen {
    .str {
        color: #080
    }
    .kwd {
        color: #008
    }
    .com {
        color: #800
    }
    .typ {
        color: #606
    }
    .lit {
        color: #066
    }
    .pun,
    .opn,
    .clo {
        color: #660
    }
    .tag {
        color: #008
    }
    .atn {
        color: #606
    }
    .atv {
        color: #080
    }
    .dec,
    .var {
        color: #606
    }
    .fun {
        color: red
    }
}

@media print,
projection {
    .str {
        color: #060
    }
    .kwd {
        color: #006;
        font-weight: bold
    }
    .com {
        color: #600;
        font-style: italic
    }
    .typ {
        color: #404;
        font-weight: bold
    }
    .lit {
        color: #044
    }
    .pun,
    .opn,
    .clo {
        color: #440
    }
    .tag {
        color: #006;
        font-weight: bold
    }
    .atn {
        color: #404
    }
    .atv {
        color: #060
    }
}

pre.prettyprint {
    padding: 2px;
    border: 1px solid #888
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
    list-style-type: none
}

li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
    background: #eee
}


.main_block .settings_left {
    float: left;
    width: 100%;
    max-width: 800px;
    position: relative;
    overflow:auto;
}
.main_block .settings_left .top_header {
    float: left;
    width: 100%;
    padding: 30px;
}
.main_block .settings_left .top_header .user_icon {
    float: left;
    width: 94px;
    position: relative;
    height: 100pX;
    overflow: hidden;
}
.main_block .settings_left .top_header .user_icon .edit_pic {
    visibility: hidden;
    top:-20px;
    position: absolute;
    padding: 4px 0;
    background: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    width: 100%;
    color: #333;
    transition-duration: 0.3s;
    cursor:pointer;
}
.main_block .settings_left .top_header:hover .user_icon .edit_pic {
    visibility: visible;
    top:0;
}
.main_block .settings_left .top_header .user_icon img {
    width:100%;
}
.main_block .settings_left .top_header .details {
    float: left;
    margin-left: 20px;
}
.main_block .settings_left .top_header .details .username {
    font-size: 16px;
    font-weight: 500;
    color: #666;
    margin: 0 0 10px 0;
    width: 100%;
}
.main_block .settings_left .top_header .details .date {
    font-size: 12px;
    color: #777;
}
.main_block .settings_left .top_header .details .date b {
    color: #555;
}
.main_block .settings_left .top_header .actions {
    float: right;
    margin-top: 12px;
}
.main_block .settings_left .top_header .actions ul {
    list-style:none;
}
.main_block .settings_left .top_header .actions ul li {
    display:inline-block;
}
.main_block .settings_left .top_header .actions ul li a i {
    margin-top: 5px;
    font-size: 17px;
    margin: 5px 5px 0 0;
    line-height:1;
}
.main_block .settings_left .field_container {
    float: left;
    width: 100%;
    padding: 30px;
}
.main_block .settings_left .field_container .field {
    width: 46%;
    margin-right: 10px;
}
.main_block .settings_left .field_container .field.dropbox {
    width:100%;
}
.main_block .settings_left .field_container .field label {
    width:100%;
    font-size: 14px;
    float: left;
    margin: 10px 0;
    color: #555;
}
.main_block .settings_left .field_container .field .button.dropbox{
    clear: both;
    background: #3d9ae8;
    color: #fff;
}
.main_block .settings_left .field_container .field .button.dropbox i {
    font-size: 17px;
    color: #fff;
    margin-top: 5px;
}
.main_block .settings_left .field_container .field .button.gdrive {
    clear: both;
    background: #d34836;
    color: #fff;
}
.main_block .settings_left .field_container .field .button.gdrive i {
    font-size: 17px;
    color: #fff;
    margin-top: 5px;
}
.button.gdrive {
    clear: both;
    background: #d34836;
    color: #fff;
}
.button.gdrive i {
    font-size: 17px;
    color: #fff;
    margin-top: 5px;
}

.recovery_block {
    display:none;
}


.recovery_page {
    background:#fff;
    margin:0;
    padding:0;
}
.main_view {
    max-width:800px;
    margin:auto;
}

.main_view .header_top {
    height:60px;
    margin-bottom:10px;
}
.main_view .header_top .logo {
    background-image: url('../img/logo.png');
    width: 129px;
    height: 40px;
    margin: 10px 0;
    display: block;
    background-size: contain !important;
    text-indent: -99999px;
}
.main_view .form_container {
    width:500px;
    margin:100px auto;
}
.shared_page{
    overflow:hidden;
}
.main_view .form_container .heading {
    color:#555;
    font-weight: 300;
    font-size:20px;
    float:left;
}
.shared_page .viewer_container {
    float:left;
    width:80%;
}

.shared_page .side_bar {
    float: right;
    width: 20%;
    padding: 10px;
}
.field_share{
    width: 216px;
    padding: 10px;
    margin: auto;
}
.toast_container .loading{
    display:none;
    position:relative;
    bottom:-300px;
}
.loading .loader {
    margin: 5px;
    float: left;
}
.loading .text {
    line-height: 2.4;
    margin-left: 10px;
}

.folder_back {
    float: left;
    clear: both;
    padding: 10px;
    background: #eee;
    border-radius: 0 4px 4px 0;
    position: relative;
    margin-left: 40px;
    cursor:pointer;
}
.folder_back:before {
    content: '';
    border-style: solid;
    position: absolute;
    border-width: 18px;
    border-color: transparent #eee transparent transparent;
    left: -36px;
    top: 0px;
}

.center_box {
    background: #FFF;
    width: 400px;
    margin: 100px auto;
    padding: 10px;
    border-radius: 4px;
    text-align: center;

}

.center_box .title{
    font-size: 21px;
    font-weight: 300;
    line-height: 4;
    color: #B4B4B4;
}

.button.dropbox{
    clear: both;
    background: #3d9ae8;
    color: #fff;
}
.button.dropbox i {
    font-size: 17px;
    color: #fff;
    margin-top: 5px;
}
.block_title {
    float: left;
    margin-left: 50px;
}
.block_title .title {
    color: #666;
    font-size: 20px;
}
.confirm_box {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 999;
}
.confirm_box .overlay {
    background:rgba(0,0,0,0.5);
    position:absolute;
    z-index:9;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
.confirm_box .confirm_model {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:10;
    overflow:hidden;
}
.confirm_box .confirm_model .model {
    background:#fff;
    width: 400px;
    border-radius:4px;
    margin:40px auto;
    overflow:hidden;
}
.confirm_box .confirm_model .model .header{
    float:left;
    width:100%;
    background:#f8f8f8;
    border-bottom:solid 2px #ccc;
    padding:10px;
    box-sizing:border-box;
}
.confirm_box .confirm_model .model .header h1{
    font-size:14px !important;
    font-family:helvetica;
    color:#555;
    font-weight:300;
}
.confirm_box .confirm_model .model .content {
    padding:10px 20px;
    float:left;
    width:100%;
    box-sizing:border-box;
}
.confirm_box .confirm_model .model .content p{
    font-size:12px !important;
    font-family:helvetica;
    color:#555;
    font-weight:300;
}
.confirm_box .confirm_model .model .content .buttons_container {
    float:left;
    width:100%;
    padding:10px;
    text-align:right;
}
.confirm_box .confirm_model .model .content .buttons_container .button{
    float:right;
    padding:0px 20px;
    border:none;
    margin:0 10px;
    border-radius:3px;
    border-bottom:solid 2px transparent;
    cursor:pointer;
}
.confirm_box .confirm_model .model .content .buttons_container .button:hover {
    border-bottom:solid 2px rgba(0,0,0,0.4);
}
.confirm_box .confirm_model .model .content .buttons_container .button.confirm {
    background:#2197F5;
    color:#fff;
}
.confirm_box .confirm_model .model .content .buttons_container .button.deny {
    background:#a30;
    color:#fff;
}
select {
    display: none; }

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 11px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto; }
.nice-select:hover {
    border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px; }
.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
.nice-select.disabled:after {
    border-color: #cccccc; }
.nice-select.wide {
    width: 100%; }
.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important; }
.nice-select.right {
    float: right; }
.nice-select.right .list {
    left: auto;
    right: 0; }
.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
.nice-select.small:after {
    height: 4px;
    width: 4px; }
.nice-select.small .option {
    line-height: 34px;
    min-height: 34px; }
.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important; }
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f6f6; }
.nice-select .option.selected {
    font-weight: bold; }

/*# sourceMappingURL=nice-select.css.map */
.pageContainer {
    float:left;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom:30px;
}
.pageContainer .notfound {
    margin: 100px auto;
    float: left;
    width: 100%;
    text-align: center;
}
.pageContainer .not_found {
    color: #888;
    font-size: 50px;
    font-weight: 300;
}
.pageContainer .notfound p {
    color: #555;
}
.pageContainer .title {
    float: left;
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #eee;
    margin-bottom: 30px;
}
.pageContainer .title .page_title {
    margin: 0;
    padding: 10px 0;
    color: #555;
    font-weight: 300;
}
.pageContainer .pagebody p {
    color:#555;
}
.pageContainer ul {
    margin-left:20px;
    list-style:none
}
.pageContainer ul li {
    line-height:2;
    color:#555;
}
.pageContainer ol {
    margin-left:20px;
    float: left;
    width: 100%;
    padding: 40px;

}
.pageContainer ol li {
    line-height:2;
    color:#555;
}
.pageContainer blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}

.pageContainer ul li:before {
    content: "\00BB \0020";
}

ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
    position: relative;
    line-height: inherit;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only {
    padding: .2em .5em .2em .5em;
}

ul.tagit li.tagit-choice-editable {
    padding: .2em 18px .2em .5em;
}

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}
ul.tagit {
    border-style: solid;
    border-width: 1px;
    border-color: #E5E9EC;
    background: inherit;
    border-bottom: none;
}
ul.tagit li.tagit-choice {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 30px;
    border: 1px solid #10A2F7;
    background: none;
    background-color: #10A2F7;
    font-weight: normal;
    padding: 5px 22px;
    margin-top:10px;
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #FFF;
    width: 136px;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
    display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    background-color: #bbcef1;
    border-color: #6d95e0;
}
ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #222;
}
ul.tagit input[type="text"] {
    color: #333333;
    background: none;
}
.ui-widget {
    font-size: 1.1em;
}

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete { position: absolute; cursor: default; }
* html .tagit-autocomplete.ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.tagit-autocomplete.ui-menu .ui-menu {
    margin-top: -3px;
}
.tagit-autocomplete.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.tagit-autocomplete.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.tagit-autocomplete.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; }
.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.tagit-autocomplete .ui-state-active  { border: 1px solid #aaaaaa; }

.tagit-autocomplete .ui-widget-content { border: 1px solid #aaaaaa; }
.tagit .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); }


.advertise.ad_780 {
    margin: 20px auto;
    width: 780px;
    height: 90px;
}
.advertise.ad_320 {
    margin: 20px auto;
    width: 320px;
    height: 100px;
}