@charset "UTF-8";
html {
    background: $bottomWrapper.bg.color;
    margin: 0 0 0 -1px;
    padding: 0;
    overflow-Y: scroll
}

select[name="home_cfg_id"] {
    margin-bottom: 10px
}

select[name="home_id-mod_id-ip-port"] {
    margin-bottom: 10px
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
    background-position: center 190px;
    color: #444;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    background-color: #ecf0f5
}

#ipaddress {
    color: #fff
}

#datetime {
    background: #398bba;
    color: #fff;
    height: 48px;
}

#wrapper {
    margin: 0;
    background-color: #ecf0f5;
    border-left: 230px solid #222d32
}

#topWrapper {
    border: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #000
}

#topBanner {
    background-position: center;
    height: 120px;
    background-image: url(images/topBanner.png);
    background-repeat: no-repeat
}

#refresh-manual {
    color: #333;
    height: 23px;
    background: #eee;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-family: "Trebuchet MS";
    font-size: 12px;
    border-radius: 0 0 7px 7px;
    right: 5%;
    position: absolute;
    box-shadow: inset 0 0 12px 0 #dbdbdb
}

/*
#servermonitor tbody tr.odd td {
    text-align: center;
}
*/

.main-content {
    background: #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    overflow-x: hidden;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-top: 3px solid #398bba
}

tr.maintr.odd {
    border-bottom: 1px solid #398bba
}

tr.maintr.expandme.odd {
    border-bottom: 1px solid #379bb9
}

tr.maintr.even {
    border-bottom: 1px solid #398bba
}

tr.maintr.expandme.even {
    border-bottom: 1px solid #379bb9
}

tr.expand-child.odd {
    border-bottom: 1px solid #379bb9
}

tr.expand-child.even {
    border-bottom: 1px solid #379bb9
}

div.submit-start {
    margin-top: 10px
}

table.start-server td.info {
    border-top: 0
}

table.start-server tbody tr td {
    border-top: 0
}

table.start-server td.left {
    border-top: 0
}

table.start-server td.right {
    text-align: left;
    border-top: 0
}

hr {
    display: none
}

.user_menu_link_selected,
.admin_menu_link_selected {
    color: #fff!important;
    border-left-color: #3c8dbc!important;
    background: #182124!important;
    text-shadow: none!important
}

.pull-right {
    margin-top: 3px;
    font-size: 14px!important
}

.menu>ul li>ul>li>a>span:before,
.menu>ul>li>a>span:before,
.menu ul>li>a>span:before,
.menu>ul li>ul>li.copied>a>span:before {
    font: normal normal normal 18px/1 FontAwesome;
    padding-right: 10px
}

.menu>ul li>ul>li>a>.addons_manager:before {
    content: "\f055"
}

.menu>ul li>ul>li.copied>a>span:before {
    content: "\f0db"
}

.menu>ul li>ul>li>a>.extras:before {
    content: "\f06b"
}

.menu>ul li>ul>li>a>.ftp_admin:before {
    content: "\f07b"
}

.menu>ul li>ul>li>a>.user_games:before {
    content: "\f11b"
}

.menu>ul li>ul>li>a>.config_games:before {
    content: "\f0c3"
}

.menu>ul li>ul>li>a>.show_groups:before,
.menu ul>li>a>span.groups:before {
    content: "\f0c0"
}

.menu>ul li>ul>li>a>.modulemanager:before {
    content: "\f12e"
}

.menu>ul li>ul>li>a>.settings:before {
    content: "\f013"
}

.menu>ul li>ul>li>a>.server:before {
    content: "\f17c"
}

.menu>ul li>ul>li>a>.themes:before {
    content: "\f009"
}

.menu>ul li>ul>li>a>.update:before {
    content: "\f0ac"
}

.menu>ul li>ul>li>a>.lgsl_admin:before {
    content: "\f080"
}

.menu>ul li>ul>li>a>.orders:before {
    content: "\f217"
}

.menu>ul li>ul>li>a>.rcon:before {
    content: "\f069"
}

.menu>ul li>ul>li>a>.services:before {
    content: "\f218"
}

.menu>ul li>ul>li>a>.shop_settings:before {
    content: "\f07a"
}

.menu>ul li>ul>li>a>.admin_dsi:before {
    content: "\f03e"
}

.menu>ul li>ul>li>a>.cron:before {
    content: "\f1da"
}

.menu>ul li>ul>li>a>.fastdl:before {
    content: "\f019"
}
.menu > ul li > ul > li > a > .fast_download:before {
    content: "\f019"
}
.menu>ul li>ul>li>a>.user_admin:before,
.menu ul>li>a>span.subusers:before {
    content: "\f234"
}

.menu>ul li>ul>li>a>.watch_logger:before {
    content: "\f15c"
}

.menu>ul li>ul>li>a>.litefm_settings:before {
    content: "\f085"
}

.menu>ul li>ul>li>a>.mysql_admin:before {
    content: "\f1c0"
}

.menu>ul>li>a>span.dashboard:before {
    content: "\f0e4"
}

.menu>ul>li>a>span.game_monitor:before {
    content: "\f109"
}

.menu>ul>li>a>span.TS3Admin:before {
    content: "\f025"
}

.menu>ul>li>a>span.ftp:before {
    content: "\f07c"
}

.menu>ul>li>a>span.administration:before {
    content: "\f0ae"
}

.menu>ul>li>a>span.username:before {
    content: "\f007"
}

.menu ul>li>a>span.logout:before {
    content: "\f011"
}

.menu>ul>li>a>span.controlpanellogin:before {
    content: "\f090"
}

.menu>ul>li>a>span.form:before {
    content: "\f234"
}

.menu>ul>li>a>span.lgsl:before {
    content: "\f080"
}

.menu>ul>li>a>span.user_cron:before {
    content: "\f1da"
}

.menu>ul>li>a>span.user_dsi:before,
.menu>ul>li>a>span.list_dsi:before {
    content: "\f03e"
}

.menu>ul>li>a>span.fd_user:before {
    content: "\f019"
}

.menu>ul>li>a>span.support:before {
    content: "\f1cd"
}

.menu>ul>li>a>span.util:before {
    content: "\f085"
}

.menu>ul>li>a>span.shop:before,
.menu>ul>li>a>span.shop_guest:before {
    content: "\f07a"
}

.menu>ul>li>a>span.dashboard,
.menu>ul>li>a>span.game_monitor,
.menu>ul>li>a>span.TS3Admin,
.menu>ul>li>a>span.ftp,
.menu>ul>li>a>span.administration,
.menu>ul>li>a>span.username,
.menu ul>li>a>span.logout,
.menu>ul>li>a>span.controlpanellogin,
.menu>ul>li>a>span.form,
.menu ul>li>a>span.subusers,
.menu ul>li>a>span.groups,
.menu>ul>li>a>span.lgsl,
.menu>ul>li>a>span.user_cron,
.menu>ul>li>a>span.user_dsi,
.menu>ul>li>a>span.fd_user,
.menu>ul>li>a>span.support,
.menu>ul>li>a>span.util,
.menu>ul>li>a>span.shop,
.menu>ul>li>a>span.shop_guest,
.menu>ul>li>a>span.list_dsi {
    padding-top: 5px;
    padding-bottom: 5px
}

.menu ul>li>a>span.customtab {
    background: url(images/menu/customtab1.png) no-repeat scroll left center transparent;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px
}

.menu-bg {
    float: left
}

.menu>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1
}

.menu>ul {
    z-index: 100;
    display: block;
    position: relative;
    width: 230px
}

.menu>ul li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
}

.menu>ul>li>a {
    display: block;
    position: relative;
    margin: 0;
    padding: 11px 20px;
    font-family: Helvetica, Arial, sans-serif;
    color: #d8d8d8;
    text-decoration: none;
    font-size: 12px;
    font-weight: 300;
    background: #222d32;
    border-left: 5px solid transparent;
    line-height: 1.42857143
}

.menu>ul li:first-child>a {
    border-top: 0
}

.menu>ul li:last-child>a {
    border-bottom: 0
}

.menu>ul>li>a:hover,
.menu>ul>li:hover>a {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    border-left-color: #398bba;
    background: #1e282c
}

.menu>ul .has-sub>a::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 4px solid #d8d8d8
}

.menu>ul .has-sub>a::before {
    content: "";
    position: absolute;
    top: 17px;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 4px solid #000
}

.menu>ul li>a:hover::after,
.menu>ul li:hover>a::after {
    border-left: 4px solid #fff
}

.menu>ul li>a:hover::before,
.menu>ul li:hover>a::before {
    border-left: 4px solid rgba(0, 0, 0, 0.3)
}

.treeview-sub {
    background-color: #2c3b41;
    list-style: none;
    padding: 0;
    padding-left: 5px;
    opacity: 1;
    display: none
}

.menu li.active>.treeview-sub {
    display: block
}

.treeview-sub>li>a {
    padding: 7px 7px 7px 15px;
    display: block;
    font-size: 14px;
    color: #8aa4af;
    text-decoration: none
}

.treeview-sub>li:hover>a {
    color: #fff
}

.menu>ul li:hover>ul {
    left: 100%;
    opacity: 1;
    visibility: visible
}

.menu li {}

#submenu_0,
#submenu_1 {
    margin-top: -1px
}

#container {
    min-height: 500px;
    padding: 1%
}

#banner {
    margin: 15px auto;
    width: 100%
}

#content {
    margin: 0 auto;
    text-align: left
}

#content a:link,
#content a:visited {
    color: #398bba;
    font-weight: bold;
    text-decoration: none
}

#content p {
    margin-top: 10px;
    text-align: left
}

.last {
    margin-right: 0!important;
    clear: right
}

.one_two {
    float: left;
    width: 48%;
    position: relative;
    margin-left: 1%;
    margin-right: 1%
}

.one_fourth {
    float: left;
    width: 25%;
    position: relative
}

.bloc {
    padding: 0 15px 1px 15px;
    background-color: #e4f3f7;
    border-radius: 2px;
    -moz-border-radius: 2px;
    overflow: hidden;
    text-align: left;
    font-size: .9em
}

.bloc h4 {
    font-size: 15px;
    margin-left: -15px;
    margin-right: -15px;
    cursor: move
}

.dragbox-content {
    padding-top: 15px;
    padding-bottom: 15px
}

.column {
    min-height: 150px
}

.column .dragbox {
    margin-bottom: 20px
}

.column .placeholder {
    background: #f0f0f0;
    border: 1px solid #ddd
}

.dragbox h4.collapse {
    background: #398bba url('images/collapse.png') no-repeat top right;
    background-size: 25px 100%
}

.dragbox h4 .configure {
    font-size: 11px;
    font-weight: normal;
    margin-right: 30px;
    float: right
}

.half {
    float: left;
    width: 440px;
    margin: 20px 40px 20px 0;
    position: relative
}

.padd15 {
    padding: 15px
}

.padd20 {
    padding: 20px
}

p {
    letter-spacing: normal;
    line-height: 1.7em
}

p2 {
    text-align: left;
    margin: 10px 0 10px 0;
    color: #fff;
    font-size: 20px;
    clear: both
}

h0 {
    color: #333;
    margin: 10px 0 10px 0;
    clear: both;
    width: 99.8%;
    height: 35px;
    background: #f5f5f5;
    border-style: solid;
    border-color: #cfcfcf;
    border-width: 1px;
    margin-top: 20px;
    padding-top: 10px;
    text-align: center;
    font-family: "Trebuchet MS";
    font-size: 20px;
    display: block;
    font-weight: bold;
    border-radius: 2px
}

h1 {
    color: #333;
    margin: 20px 0 10px 0;
    clear: both
}

h2 {
    color: #fff;
    clear: both;
    height: 35px;
    background: #398bba;
    padding-top: 10px;
    margin-top: -1px;
    margin-right: -1%;
    margin-left: -1%;
    text-align: center;
    color: #FFFF;
    font-weight: normal;
    font-family: "Trebuchet MS"
}

h3 {
    color: #333;
    margin: 10px 0 5px 0;
    clear: both
}

h4 {
    color: #fff;
    margin: 0 auto;
    height: 31px;
    background: #398bba;
    padding-top: 10px;
    text-align: center;
    font-family: "Trebuchet MS"
}

a:link,
a:visited {
    color: #9b251b;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

#bottomWrapper {
    background-color: #182124;
    background-position: center top;
    background-repeat: repeat-x;
    text-align: center;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 110px;
	bottom: 0;
	position: relative;
    clear: both
}

#bottomWrapper a:link,
#bottomWrapper a:visited {
    color: #379bb9
}

#bottomWrapper a:hover {
    color: #cdb380;
    text-decoration: none
}

#footer {
    min-height: 260px;
    width: 920px;
    margin: 0 auto;
    background-color: #101010;
    background-image: url(images/footer-bg.png);
    background-position: center top;
    background-repeat: no-repeat
}

.footer-last {
    margin-right: 0!important;
    clear: right
}

.footer-one-third {
    float: left;
    margin: 40px 100px 20px 0;
    width: 240px;
    position: relative;
    text-align: left;
    overflow: hidden
}

.footer-one-third h2 {
    margin-top: 10px;
    color: #FFF
}

.footer-one-third ul {
    border-top: 1px solid #1a1a1a;
    padding: 0
}

.footer-one-third ul,
.footer-one-third li {
    list-style: none;
    margin-left: 0
}

.footer-one-third li {
    border-bottom: 1px solid #1a1a1a;
    padding: 5px 0
}

#bottom-links {
    height: 60px;
    background: #010101 url('images/bottomLinks-bg.png') center top repeat-x
}

a img {
    border: 0;
    padding-right: 10px
}

.online_servers {
    color: #000;
    background-color: #FCBG0D;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.online_servers tr td {
    padding: 5px 10px;
    background-color: #4fd27f;
    border-radius: 3px;
    color: transparent;
    -webkit-border-radius: 3px
}

.online_servers tr td>div>a {
    color: #fff!important
}

table.tablesorter {
    font-family: arial;
    background-color: #FFF;
    margin: 10px 0 15px;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 1px;
    border-left: 1px solid #379bb9;
    border-right: 1px solid #379bb9
}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
    background-color: #398bba;
    font-size: 8pt;
    padding: 4px
}

table.tablesorter thead tr .header {
    cursor: pointer;
    color: #fff
}

table.tablesorter tbody td {
    color: #3d3d3d;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top
}

table.tablesorter tbody tr.odd td {
    background-color: #e4f3f7
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(images/asc.gif);
    background-repeat: no-repeat;
    background-position: center right
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(images/desc.gif);
    background-repeat: no-repeat;
    background-position: center right
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
    background-color: #398bba
}

table.tablesorter tfoot td {
    color: #3d3d3d;
    padding-top: 15px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    background-color: #e4f3f7;
    vertical-align: top;
    border: 1px solid #379bb9
}

.hidden {
    visibility: hidden;
    font-size: 0
}

.install {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 1.1em
}

.failure {
    color: red;
    text-align: center
}

.success {
    color: green;
    text-align: center
}

pre {
    text-decoration: none;
    text-align: left;
    clear: both;
    margin: 0 auto;
    padding: 0;
    color: white;
    background-color: black;
    border-left: 10px #000 solid;
    border-right: 10px #000 solid;
    border-top: 5px #000 solid;
    border-bottom: 5px #000 solid;
    word-wrap:  
    / 
    overflow: auto
}

.log {
    text-decoration: none;
    color: white;
    background-color: black;
    border-left: 5px #000 solid;
    border-right: 5px #000 solid;
    border-top: 5px #000 solid;
    border-bottom: 5px #000 solid;
    word-wrap:  
    / 
    overflow: auto
}

.button {
    border: 1px dotted gray
}

.server_monitor {
    background: #eee
}

.monitor-1 {
    float: left;
    display: inline-block
}

.monitor-1 div {
    float: left;
    padding-right: 5px;
    display: inline-block
}

.monitor-2 {
    background-color: #d7edf3;
    float: right;
    display: inline-block;
    text-align: center;
    padding: 10px
}

.monitor-2 div {
    display: inline-block
}

.monitor-3 {
    clear: both;
    position: relative;
    top: 5px;
    margin-bottom: 5px
}

.srvctrl {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-weight: normal
}

.srvctrl td,
.srvctrl th {
    padding: 0;
    border: 0
}

.mapicon {
    width: 135px;
    height: 100px;
    float: left
}

.hostname {
    width: 100px
}

.login {
    margin-left: auto;
    margin-right: auto
}

.lostpass {
    margin-left: auto;
    margin-right: auto
}

.note {
    text-align: center
}

p {
    text-align: center
}

.player_monitor {
    border-collapse: collapse
}

.player_monitor th {
    background: #CCC
}

.player_monitor tbody tr td .odd {
    background: 333
}

.input {
    border: 1px solid #006
}

input[type="submit"],
button {
    border: 2px solid #398bba;
    padding: 4px 8px;
    background: #398bba;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    margin: 0 2px
}

input[type="submit"]:hover,
button:hover {
    border: 2px solid #398bba;
    background: transparent!important;
    color: #398bba;
    border-radius: 2px;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear
}

input[type="text"],
input[type="password"],
textarea {
    color: #333;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 2px
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover {
    border-color: #398bba
}

.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px
}

.jqmOverlay {
    background-color: #000
}

* iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px')
}

* html .jqmWindow {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop)+Math.round(17 *(document.documentElement.offsetHeight || document.body.clientHeight) / 100)+'px')
}

.administration-table {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.administration-buttons {
    padding: 15px
}

.remove-button {
    width: 10px;
    border: 0 solid transparent
}

.start-server {
    width: 100%;
    word-wrap: break-word;
    table-layout: fixed
}

.start-server td.left select {
    max-width: 265px
}

.start-server td.left input[type=text] {
    word-break: normal
}

.start-server td.right {
    width: 50%;
    text-align: right !important
}

.start-server td.left {
    width: 50%;
    text-align: left !important
}

.submit-start {
    text-align: center
}

.owner {
    width: 90px;
    word-break: break-all
}

.operations {
    width: 320px
}

.ts3-add-virtual select {
    max-width: 194px
}

.server-starting,
.list_table {
    width: 100%
}

.server-starting td.right,
.list_table td.right {
    width: 200px
}

#servermonitor>tfoot .bloc {
    display: inline-block
}

#servermonitor>tfoot .bloc.right {
    float: right
}

.login_button:hover {
    color: #398bba;
    transition: all 300ms linear
}

.login_button {
    width: 320px;
    background-color: #378cd5;
    padding: 8px!important;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    transition: all 300ms linear;
    border-radius: 2px
}

#datetime>a>img {
    width: 230px;
    padding: 6.08px 0;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
}

#datetime>a>img:hover {
    background: url("images/light-bg.png");
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear
}

.slider,
.picker {
    position: relative;
    padding: 15px;
    top: -19px;
    left: -4px;
    font-size: 14px;
    cursor: pointer
}

.slider:hover,
.picker:hover {
    background: url("images/dark-bg.png")
}

.datetime {
    float: right;
    height: 48px;
    position: relative;
    right: 15px;
    width: 170px;
    line-height: 48px;
    text-align: center;
    cursor: pointer
}

.datetime>ul {
    position: absolute;
    background: #398bba url("images/dark-bg.png");
    list-style: none;
    top: 50px;
    width: 170px;
    padding: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    cursor: default
}

.datetime:hover {
    background: url("images/dark-bg.png")
}

.datetime:hover>ul {
    top: 35px;
    opacity: 1;
    visibility: visible;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear
}

.datetime>ul>li>span>i {
    cursor: pointer
}

.menu-hidder {
    margin-left: -230px;
	display: none;
}

.wrapper-hidder {
    border-left: 0!important
}

.copied>.treeview-a>.fa-angle-left:before {
    content: none
}

.treeview .treeview .copied {}

.treeview.active>a>.fa-angle-left {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.treeview>a.treeview-a {
    padding-left: 5px;
    padding-right: 18px
}

.treeview-sub>li>a.admin_menu_link_selected {
    border-left: none!important;
    background: #2c3b41!important
}

.treeview-sub>li>a.user_menu_link_selected {
    border-left: none!important;
    background: #2c3b41!important
}

.treeview-sub>li.treeview>a {
    padding-right: 18px;
    padding-left: 16px
}

.avatar-cover {
    padding: 12px;
    background-color: #3B3B3B33;
}

.avatar-username {
    color: #fff;
    font-size: 15px;
    left: 20px;
    position: relative;
    top: 10px;
    vertical-align: top;
}

.avatar-status {
    color: #a2a2a2;
    font-size: 13px;
    left: 95px;
    position: absolute;
    top: 90px;
}

.avatar-status i {
    color: #44b44d;
    font-size: 12px;
    padding-right: 5px
}

.pulse_heart {
    color: #e90606;
    margin: 0 3px;
    font-size: 10px;
    cursor: pointer;
    animation: pound_heart .35s infinite alternate;
    -webkit-animation: pound_heart .35s infinite alternate
}

@-webkit-keyframes pound_heart {
    to {
        transform: scale(1.4)
    }
}

@keyframes pound_heart {
    to {
        transform: scale(1.4)
    }
}

/**LOGIN CSS**/
.login_header {
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 25px 2px 25px;
}

.edit_avatar {
    overflow: hidden;
    position: relative;
}

.edit_avatar [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

/* Example stylistic flourishes */

.edit_avatar {
    border-radius: 0.5em;
    color: #d2d7d6;
    cursor: pointer;
    float: left;
    left: 95px;
    margin: 52px 0 0 -1px;
    position: absolute;
}

#remove_avatar {
    color: #ec4545;
    cursor: pointer;
    margin: 52px 13px 0;
    padding: 0;
    position: absolute;
}

.fileContainer [type=file] {
    cursor: pointer;
}