
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2014 X.commerce, Inc. (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(http://www.sungod.co/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(http://www.sungod.co/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(http://www.sungod.co/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(http://www.sungod.co/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(http://www.sungod.co/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(http://www.sungod.co/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(http://www.sungod.co/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(http://www.sungod.co/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(http://www.sungod.co/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */



.v-center {
  height: 100vh;
  width: 100%;
  display: table;
  position: relative;
  text-align: center;
}

.v-center > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10%;
}

.btn {
  font-size: 3vmin;
  padding: 0.75em 1.5em;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  text-decoration: none;
  display: inline;
  border-radius: 4px;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn:hover {
  background-color: #ddd;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}

.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: white;
  border-radius: 8px;
  background-clip: padding-box;
}
@media (min-width: 32em) {

.modal-box { width: 777px; }
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; background: url("http://www.sungod.co/skin/frontend/base/default/images/applycoupon/applycoupon-bg.png"); min-height: 504px;  }
.coupon-successfully-img { text-align: center; margin: 36px 0 15px 0;}
.coupon-successfully-img img { display: inline-block; max-width: 100%;}
.coupon-successfully-text { color: #000000; font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif; font-size: 28px; font-weight: 500; line-height: 34px; text-align: center;}

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.77) !important;
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 20px;
  right: 20px;
  text-decoration: none;
  color: #bbb;
  background: url("http://www.sungod.co/skin/frontend/base/default/images/applycoupon/popup-close.png");
  text-indent: -9999px;
  width: 23px; height: 23px;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

@media screen and (max-width: 800px) {
    .modal-box { width: 92%;}
    .modal-box .modal-body { min-height:0;}
    .coupon-successfully-text { margin-bottom: 15px; }
}
@media screen and (max-width: 767px) {
    .coupon-successfully-text { font-size: 24px; line-height: 30px;}

}

@media screen and (max-width: 480px) {
a.close { background-size: cover; height: 18px; right: 10px; top: 10px; width: 18px; }
.coupon-successfully-img { margin-top: 15px;}
.coupon-successfully-text { font-size: 20px; line-height: 26px; } 
.modal-box .modal-body { padding: 2em 1em;}
}
@media screen and (max-width: 360px) {
.coupon-successfully-img { margin-top: 0px;}
.coupon-successfully-text { font-size: 18px; line-height: 24px; margin-bottom: 0 } 
}
/**GLOBAL**/
.affiliate-page .col-main {
    margin-top: 150px;
}
.aff-main-content {
    min-height: 500px;
    margin-left: 230px;
}
.aff-main-content .affiliateplus-search-button,
.aff-main-content .pager .div-right,
.aff-main-content .pager .pages strong,
.aff-main-content .pager .pages .next,
.aff-main-content .pager .pages .previous {
    display: none;
}
.aff-main-content .pager .amount {
    font-size: 0.9em;
    text-align: center;
    margin-top: 40px;
}
.aff-main-content ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.aff-main-content ol li {
    display: inline-block;
    margin: 0 5px;
}
.affiliate-page .col-main ul.messages {
    margin-left: 230px;
}
.affiliate-page table {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.affiliate-page table thead tr.affiliateplus-grid-title {
    display: table-row;
}
.affiliate-page table thead tr.affiliateplus-grid-title th {
    padding: 10px 0;
}
.affiliate-page table td {
    padding: 5px 0;
}

/**NAVIGATION**/
.main .navbar-collapse-aff .block-title-aff, .navbar-collapse-aff .block-title-aff h2, .affiliate-page .aff-main-content .aff-title h2, .affiliate-page .aff-main-content .aff-title h1 {
    color: #2b2b2b;
    background-color: #fff;
}
.main .navbar-collapse-aff .block-title-aff {
    margin-bottom: 10px;
}
.navbar-default {
    width: 200px;
    position: absolute;
    margin-left: 10px;
    top: 0;
    left: 0;
    text-align: center;
}
.navbar-default .navbar-nav li {
    margin: 3px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9em;
    text-align: left;
    display: inline-block;
    width: 200px;
    background-color: #bbb;
    color: #fff;
    border-radius: 3px;
    position: relative;
}
.navbar-default .navbar-nav li.active, .navbar-default .navbar-nav li:hover{
    background-color: #22aaff;
}
.navbar-default i {
    margin: 0 10px;
    font-size: 1.5em;
    line-height: 40px;
    width: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.navbar-default p {
    display: inline-block;
    line-height: 40px;
    padding-left: 50px;
}
.navbar-default .navbar-nav li:hover i {
    color: #fff;
}
.navbar-default p {
    margin: 0;
}
#nav-header {
    background-color: #2b2b2b;
    font-weight: bold;
    text-align: center;
}
#nav-header p {
    padding: 0;
}
#nav-header:hover {
    background-color: #2b2b2b;
}

/**LINK GENERATOR**/
div.link-generator-input {
    margin: 24px 0 40px 0;
}
input#affiliate-link {
    margin-top: 20px;
}

/**COMMISSION PAGE**/


/**ACCOUNT SETTINGS*/
.aff-main-content .my-account {
    text-align: center;
}
.aff-main-content h1 {
    margin-bottom: 30px;
}
.aff-main-content .form-group p {
    display: inline-block;
    width: 200px;
    text-align: left;
}
.aff-main-content .checkbox-block-cont {
    margin: 10px 0;
}
.aff-main-content .checkbox-block {
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    margin: 5px 0;
    width: 385px;
    text-align: left;
}
.aff-main-content .checkbox-block label, .aff-main-content .checkbox-block input {
    cursor: pointer;
}
.aff-main-content .password-block-cont {
    margin-bottom: 30px;
}



/** GLOBAL SUNGOD CHANGES **/
.affiliateplus-index-referrers th:nth-child(1), .affiliateplus-index-referrers td:nth-child(1) {
    text-align: left;
}
.affiliateplus-index-referrers th:nth-child(2), .affiliateplus-index-referrers td:nth-child(2) {
    display: none;
}
.affiliateplus-index-listtransaction th:nth-child(3), .affiliateplus-index-listtransaction td:nth-child(3) {
    display: none;
}

.affiliateplus-banner-list li.affiliate-page-link div {
    width: 100%;
    position: relative;
    padding-right: 120px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.affiliateplus-banner-list li.affiliate-page-link div input, input#affiliate-link {
    width: 100%;
    box-sizing: border-box;
}
.affiliateplus-banner-list li.affiliate-page-link div button {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    width: 110px;
}
.affiliate-page .aff-main-content .aff-title h1#sgstyle {
    background-color: #fff;
    color: #2b2b2b;
}
.affiliateplus-index-index .page-title {
    display: none;  
}
#referer_grid tr:nth-child(2), #sales_grid thead tr:nth-child(2), #payments_grid thead tr:nth-child(2) {
    display: none;
}

#sg-input-box i.fa-info-circle {
    font-size: 1.5em;
}

.affiliateplus_form_request .my-blance {
    margin: 15px 0;
}

.affiliateplus_form_request .input-blance, .affiliateplus_form_request .request-withrawal {
    display: inline-block;
}


.stat-block {
    display: inline-block;
    width: 30%;
    margin: 0 1%;
    text-align: center;
}
.stat-block h4 {
    font-size: 0.8em;
}
.stat-block span {
    font-weight: 900;
    font-size: 1.5em;
}
.stat-block span.blue {
    color: #22aaff;
}

.pager .amount {
    display: none;
}
.pager .pages {
    margin: 20px 0;
}

.affiliateplus-index-paymentform #verified-div {
    display: none;
}
.affiliateplus-index-paymentform .form-group small {
    display: none;
}

div#balance {
    line-height: 54px;
    font-size: 1.3em;
    display: inline-block;
    font-weight: bold;
}
#affiliateplus_payment_request_form {
    margin-top: 20px;
}

#affiliateplus_payment_request_form .minimum-note {
    text-align: center;
    font-style: italic;
    font-size: 0.8em;
    margin-bottom: 20px;
}
/* Affiliateplus Program Plugin stylesheet */

.affiliate-clear { min-height: 18px; clear: both; }

.affiliateplusprogram_total_commission { color: #ff0000; }

.affiliateplus-form-search .input-box .label { font-weight: bold; }
.affiliateplus-form-search .input-box .left input { margin-left: 10px; }

.affiliateplus-anchor {color: #1e7ec8; text-decoration: underline; cursor: pointer;}
.pager .div-left{
    float: left;
}
.pager .div-right {
    float: right;
    margin-right: 4%;
}
