@font-face {
    font-family: Lato-Regular;
    src: url(/fonts/Lato-Regular.ttf) format("truetype");
}

@font-face {
    font-family: lato-bold;
    src: url(../fonts/Lato-Bold.ttf) format("truetype");
}

@font-face {
    font-family: lato-bolditalic;
    src: url(../fonts/Lato-BoldItalic.ttf) format("truetype");
}

@font-face {
    font-family: lato-italic;
    src: url(../fonts/Lato-Italic.ttf) format("truetype");
}

html, body {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    font-size: 12pt;
    font-family: Lato-Regular, arial, verdana, sans-serif;
    background: #151b1f;
}

body {
    overflow-y: scroll;
}

body > div.contentholder > div.content {
    padding: 10px 0 0 0;
}

div.header {
    min-width: 1400px;
    background: #fefefe url('../images/header.png') no-repeat;
    font-size: 16px;
    font-family: lato-bold, serif;
    height: 186px;
    border-bottom: 5px solid #619016;
    border-top: 5px solid #151b1f;
}

div.advertbar {
    border-bottom: 1px solid #619016;
    height: 264px;
}

div.ad {
    margin: auto;
    width: 1400px;
    padding: 20px 0 20px 10px;
    text-align: left;
}

div.contentholder {
    min-width: 1400px;
    background: #fefefe url('../images/spacer.png') repeat-x;
    padding-bottom: 48px;
}

div.footer {
    min-width: 1400px;
    margin: auto;
    background: #151b1f;
    color: #fff;
}

div.footercontent {
    width: 1400px;
    font-size: 11pt;
    text-align: left;
    padding: 20px 0;
    margin: auto auto 0;
}

div.footercontent div.services {
    margin-left: 120px;
}

div.footercontent div.services ul li a {
    font-family: Lato-Regular, serif;
    color: #fff;
}

div.footercontent div.services ul.services {
    margin-right: 70px;
}

div.content {
    width: 1400px;
    margin: auto;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 50px;
    min-height: 450px;
}

div.box {
    width: 244px;
    padding: 10px 15px 10px 15px;
    border: 1px solid #00738d;
    background: #c2e1ec url('../images/boxbg.png') repeat-x;
    min-height: 150px;
    margin-bottom: 20px;
}

div.box p {
    margin-bottom: 10px;
    padding: 0;
}

div.spacer {
    height: 0;
    clear: both;
}

img {
    border: none;
}

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

div.main_news {
    margin-bottom: 30px;
}

div.main_news div.newsitem {
    margin: 0 0 20px 0;
}

div.main_news div.newsitem div.date {
    font-weight: bold;
}

div.main_news div.newsitem div.title a {
    color: #619016;
}

div.main_news div.more_news a {
    font-weight: bolder;
    font-family: lato-bold, serif;
    margin-top: 20px;
    color: #404041;
    text-decoration: none;
}

div.services {
    margin-bottom: 30px;
}

div.main_hosting {
    width: 700px;
    margin-right: 20px;
}

div.main_hosting div.hosting {
    width: 320px;
    margin-bottom: 30px;
    margin-right: 30px;
}

ul.hosting_list {
    list-style-type: disc;
    margin-left: 20px;
}

div.hosting img.right {
    margin-right: 30px;
}

div.hosting span.main_price {
    color: #619016;
}

div.hosting div.buttons {
    margin-top: 15px;
}

div.hosting div.buttons a {
    margin-right: 20px;
}

div.main_ticketing {
    margin-bottom: 30px;
    min-height: 600px;
}

div.headercontentholder {
    width: 1400px;
    margin: auto;
    text-align: left;
}

div.sitesnav {
    font-family: Lato-Regular, arial, verdana, sans-serif;
    margin-top: -40px;
    font-weight: 700;
}

div.sitesnav a {
    color: #404041;
    margin-right: 20px;
    text-transform: uppercase;
    font-family: Lato-Regular, arial, verdana, sans-serif;
    font-weight: 700;
    font-size: 16px;
}

div.sitesnav span.siteactive a {
    color: #619016;
}

div.menu {
    float: left;
    margin-top: 94px;
}

div.headercontentholder > div.menu > ul li ul li {
    display: flex;
    font-family: Lato-Regular, arial, verdana, sans-serif;
}

div.headercontentholder > div.menu > ul li ul li span,
div.headercontentholder > div.menu > ul li ul li a {
    display: inline-flex;
    width: 100%;
    padding: 12px 18px;
    line-height: 1.2em;
}

div.headercontentholder > div.menu > ul li ul li span.link_active {
    color: white;
}

ul.submenu {
    position: relative;
    padding: 0;
    margin: 0 0 20px;
    border-bottom: 1px solid #619016;
    height: 30px;
}

ul.submenu li {
    float: left;
    padding: 0 20px 0 0;
}

ul.submenu li ul {
    position: absolute;
    float: left;
    display: none;
    background: #fff;
    border: 1px solid #619016;
    margin: 0;
    width: 180px;
}

ul.submenu li ul li {
    float: none;
    margin: 0;
    padding: 3px 10px;
}

div.useraccount {
    text-align: right;
    margin-top: -50px;
    float: right;
    width: 400px;
}

div.usermenu {
    z-index: 101;
    display: none;
    position: absolute;
    width: 230px;
    margin-left: 172px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #619016;
}

#usersettings {
    display: inline-flex;
    color: #404041;
    line-height: 24px;
    cursor: pointer;
}

#usersettings > span {
    font-family: Lato-Regular, serif;
    margin-right: 8px;
}

div.menu ul li ul {
    z-index: 200;
}

div.menu ul li a {
    text-transform: uppercase;
    color: #404041;
    text-decoration: none;
}

div.menu ul li ul li a {
    color: #619016;
    text-transform: capitalize;
}

div.menu ul li {
    float: left;
    font-size: 14px;
}

div.usermenu ul {
    width: 100%;
    margin-bottom: 10px;
}

div.usermenu ul li {
    border-bottom: 1px dashed #ccc;
    padding: 10px;
}

div.usermenu > ul > li,
div.usermenu > ul > li > a {
    font-family: Lato-Regular, serif;
}

div.shoppingcartmain {
    font-family: lato-bold, serif;
    height: 50px;
    margin: auto;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

div.shoppingcartmain div.items {
    font-size: 10px;
    color: #fff;
    text-transform: inherit;
    text-align: left;
}

img.cartimage {
    margin-left: -15px;
    float: left;
}

span.cartdetails {
    float: left;
    margin: 0 0 0 20px;
}

div.error {
    min-height: 450px;
}

h1.main {
    width: 500px;
}

.tooltip {
    display: none;
    text-align: justify;
    z-index: 200;
    padding: 10px;
    width: 380px;
    background: #fff;
    border: 2px solid #619016;
}

ul.menu {
    z-index: 100;
    position: relative;
    margin: 0 0 0 -16px;
    padding: 0;
    height: 30px;
}

ul.menu li {
    float: left;
    font-family: lato-bold, serif;
    font-size: 14px;
}

ul.menu li ul {
    display: none;
    position: absolute;
    float: left;
    min-width: 210px;
    background: #fff;
    border: 1px solid #d6f0be;
    margin: 9px 0 0 0;
    border-top: 0;
}

div.headercontentholder > div.menu > ul.menu > li > span.link_active {
    padding-bottom: 15px;
    background: url('/images/icons/menubg.png') no-repeat center bottom;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
}

ul.menu span.link_active {
    background-color: #619016;
    cursor: default;
}

ul.menu li ul li a:hover {
    background-color: #e4f8dd;
}

div.menu > ul.menu > li > a,
div.menu > ul.menu > li > span.link_active > a {
    width: 100%;
    padding: 12px 18px;
    line-height: 2.4em;
}

ul.menu li ul li {
    float: none;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

div.notification {
    padding: 10px;
    font-size: 10px;
}

ul.menu li ul li span.link_active {
    text-transform: capitalize;
}

.clickable {
    cursor: pointer;
}

.note {
    font-family: lato-italic, serif;
    padding: 4px;
    border: 1px solid #ddd;
    font-size: .95rem;
}

#swifttagdatacontainer {
    text-align: center;
}

div.menuleft {
    width: 160px;
    float: left;
}

ul.dashmenu {
    font-size: 22px;
    font-family: lato-bolditalic, serif;
    line-height: 30px;
}

ul.dashmenu li ul {
    margin-bottom: 20px;
    margin-top: 10px;
}

ul.dashmenu li ul li {
    font-family: lato-regular, serif;
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #ccc;
}

ul.dashmenu li ul li a {
    text-decoration: none;
    display: block;
    color: #404041;
    padding: 5px;
    background: url('../images/menubackground.png') repeat-x;
}

ul.dashmenu li ul li a:hover {
    color: #000;
    display: block;
    background: url('../images/menubackground_inv.png') repeat-x;
}

ul.dashmenu li ul li ul {
    display: none;
    background: none;
}

ul.dashmenu li ul li ul li a {
    padding: 5px 0;
    display: block;
    background: none;
}

ul.dashmenu li ul li ul li a:hover {
    background: none;
}

div.mainright h1 {
    font-size: 22px;
    line-height: 30px;
}

div.datausage {
    background-color: white;
    margin-bottom: 20px;
    padding: 17px;
    border: 1px solid #e3f3ca;
    text-align: center;
}

h3.main {
    text-align: left;
}

div.datausage.portal-notice,
div.datausage.portal-notice p {
    text-align: left;
}

a.portal-button {
    display: inline-block;
    padding: 10px 18px;
    border: 1px solid #619016;
    border-radius: 4px;
    background-color: #619016;
    color: #fff;
    font: inherit;
    font-weight: bold;
    text-decoration: none;
}

a.portal-button:hover,
a.portal-button:focus {
    background-color: #507712;
    border-color: #507712;
    text-decoration: none;
}

a.portal-button:focus-visible {
    outline: 2px solid #414142;
    outline-offset: 3px;
}

.networktabs {
    margin-bottom: 10px;
}

#nocmsg {
    margin-top: 10px;
}

table.noctable {
    text-align: left;
}

table.noctable tr {
    cursor: pointer;
}

table.nofilter tr th:last-child {
    background: url('/images/icons/nofilter.gif') no-repeat right;
    padding-right: 16px;
}

div.searchholder {
    z-index: 100;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    text-align: right;
    float: right;
    right: 0;
    bottom: 0;
    width: 320px;
    margin: 80px -2px 0 0;
}

div.searchfield {
    z-index: 100;
    position: absolute;
    display: none;
    border: 1px solid #619016;
    background: #fff;
    padding: 10px;
    width: 300px;
    float: right;
    margin-top: 18px;
}

input.searchfield {
    border: 1px solid #a2cb62;
    width: 230px;
    height: 18px;
}

input.search, label.search {
    display: inline;
    width: 30px;
}

div.searchfield span {
    font-size: 11px;
    margin-right: 1px;
}

input.searchsubmit {
    margin-left: 5px;
    width: 60px;
}

span.addfavorite {
    color: #a2cb62;
}
/*crypto page*/
.crypto table tr th {
    background: #cbe2a7;
    border-bottom: 1px solid #619016;
}
.crypto .nowallet{
    text-align: left!important;
    padding:30px;
}
.crypto .wallets{
    min-height:180px;
}
.crypto .wallets img{
    width:180px;
}
.crypto .datausage {
    padding: 3px;
}
.crypto .wallets .qr{
    display: block;
    float:left;
}
.crypto .wallets .info{
    text-align: left;
    margin-top: 26px;
}
.crypto .wallets .address{
    display: inline;
    margin-right:7px;
}
.crypto .wallets-no-address{
    min-height: 130px!important;
}
.crypto .wallets-no-address .qr{
    width: 90px;
    height: 90px;
    background-color: #edf6f9;
    margin: 20px;
}
.crypto #wallet tr td{
    padding:6px 12px 0 0;
}

.crypto #transactions{
    font-size: 14px;
    margin-top:7px;
}
.crypto #transactions #pending,
.crypto #transactions #matched{
    vertical-align: bottom;
    padding-bottom: 1px;
    margin-left: 4px;
}
.crypto .blockchain-link{
    color: #666;
    text-decoration: underline;
}
.crypto #faq {
    padding-left: 30px;
    list-style-type: disc;
}
.crypto #faq a{
    text-decoration: underline;
}
.crypto .exchange-fee-notice {
    background-color: #f8fdf0;
    margin-bottom: 20px;
    padding: 17px;
    border: 1px solid #e3f3ca;
    width:90%;
}
.crypto .loading-image{
    width:16px!important;
    height:16px!important;
    margin-bottom: -3px;
    margin-right: 3px;
}

/*commissions page*/
.request_menu_payout,
.request_menu_credit,
.commission_details_row{
    display: none;
}
.commission_payout{
    background-color: #eff7ed;
    padding:21px;
    border: 1px solid #378e1c;
    margin-top: 7px;
    margin-bottom:7px;
}
.commission_payout.error{
    background-color: #f2e1e1;
    border: 1px solid #e09f9f;
    min-height: initial;
}
.commission_payout.error a{
    color:#000;
}
.commission_details_table{
    font-size: 14px;
}
.commission_details_table td{
    padding: 5px!important;
}

.commission_menu{
    padding-top:21px;
}
.commission_menu a{
    color:#000;
}
.commission_tab{
    display: inline;
    padding: 13px 14px 12px 14px;
    text-decoration: underline;
    background-color: #efefef;
    margin-right: 14px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.commission_tab.active{
    background-color: #e0f3df;
    text-decoration: none;
}