/* CSS GlobalBehaviors */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Modak&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Open+Sans&display=swap');

html {scroll-behavior: smooth !important;}
#Default-style-1 {background:#FF824D;border:0;border-radius:0;color:#fff;float:left;font-family:helvetica;font-size:1.3em;font-weight:bold;margin:10px 0 0;padding:15px 1%;text-align:center;text-decoration:none;width:100%;}

.InstallStep-Holder      {margin:auto;width:90%;}
.InstallStep-Holder h2   {margin:1rem 0;float:left;width:100%;text-align:center;font-family: 'Nanum Gothic', sans-serif;}
.InstallStep-Holder h3   {margin:1rem 0;float:left;width:100%;background:#254481;color:#fff;padding:0.2em 0 0.2em 0.5em;border-top-left-radius:5px;border-top-right-radius:5px;}
.InstallStep-Holder span {margin: 0 0 1rem;float:left;width:53%;font-size:1em;}
.InstallStep-Holder img  {margin:0;float:right;width:45%;}

.InstallStep-Holder-outer      {float:left;margin:10px 0 0 0;width:33%;padding:1%;}
.InstallStep-Holder-outer h3   {margin:1rem 0;float:left;width:100%;background:#254481;color:#fff;padding:0.2em 0 0.2em 0.5em;border-top-left-radius:5px;border-top-right-radius:5px;}
.InstallStep-Holder-outer span {margin: 0 0 1rem;float:left;width:53%;font-size:1em;}
.InstallStep-Holder-outer img  {margin:0;float:right;width:45%;}

.Levels-Holder         {float:left;width:48%;border:1px solid #ccc;padding:1em;margin:0 0 0 2%;background:#ffffff;}
.Levels-Holder label   {float:left;width:100%;font-size:1.6em;margin:0 0 0.8em;text-align:center;font-weight:lighter;}
.Levels-Holder div     {width:60%;padding:0;margin:1em auto;}
.Levels-Holder div img {width:100%;padding:0;margin:0;}
.Levels-Holder p       {float:left;width:100% !important;font-size:1.3em !important;margin:0 !important;text-align:center;}

.togglePromoterIcon-Holder         {float:left;width:100%;}
.togglePromoterIcon-Holder a       {float:left;width:100%;border-bottom:3px solid #cccccc;padding:0.5em 0;margin:5px 0;cursor:pointer;background:#eaeaea;border-radius:6px;color:#38364c;}
.togglePromoterIcon-Holder a:hover {float:left;width:100%;border-bottom:3px solid #bbbaba;padding:0.5em 0;margin:5px 0;cursor:pointer;background:#ffffff;border-radius:6px;color:#fe2c77;}
.togglePromoterIcon-Holder a svg   {float:right;width:5%;font-size:3em;color:#38364c;cursor:pointer;margin:0 1% 0 0;}
.togglePromoterIcon-Holder a img   {float:left;margin:0 1% 0 0 !important;width:52px !important;}
.togglePromoterIcon-Holder a p     {float:left;margin:10px 0 0 !important;width:65% !important;font-size:1.5em !important;}
.togglePromoterIcon-Holder a span    {float:right;text-align:center;margin:0 2.5%;}
.togglePromoterIcon-Holder a span em {color:#1398cb;font-size:1.5em;font-style:normal;font-weight:bold;}

#PromoterMenu-Diamante {display:none;}
#PromoterMenu-Esmeralda {display:none;}
#PromoterMenu-Oro {display:none;}
#PromoterMenu-Plata {display:none;}




#snap-holder-account p {font-size:1.2em;color:#38364c;}
#back-top {float:right;width:60px;}
#back-top a {color:#bbb;display:block;font:11px/100% Arial,Helvetica,sans-serif;text-align:center;text-decoration: none;text-transform: uppercase;transition: all 1s ease 0s;}
#back-top a:hover {color:#000;}
#back-top span {background:#ddd url("/images/ui/global/ToTop.png") no-repeat scroll center center;border-radius:15px;display:block;height:45px;margin:0 10px 7px 0;transition:all 1s ease 0s;}
#back-top a:hover span {background-color:#777;}

/* OLDER - Desktops and laptops small */
@media screen and (min-width: 768px){
/* Styles */
.PromoterCountResult                   {width:100%;margin:1em auto auto;}
.PromoterCountResult-toggle            {float:left;width:100%;margin:auto;background:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.PromoterCountResult-button            {float:left;width:19%;margin:1% 0.5% 0;padding:0;border:1px solid #b5b0b0;border-bottom:0;border-top-left-radius:6px;border-top-right-radius:6px;}
.PromoterCountResult-button span       {float:left;width:auto;margin:7px auto auto 2%;font-family:'Fauna One', serif;font-size:1.2em;}
.PromoterCountResult-button img        {float:left;width:24px;margin:7px auto auto 3%;}
#PromoterCountResult-button-black     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-black svg {width:100%;margin:auto;}
#PromoterCountResult-button-gold     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-gold svg {width:100%;margin:auto;}
#PromoterCountResult-button-silver     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-silver svg {width:100%;margin:auto;}
#PromoterCountResult-button-green     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-green svg {width:100%;margin:auto;}
#PromoterCountResult-button-white     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-white svg {width:100%;margin:auto;}
.PromoterCountResult-open              {float:left;width:100%;margin:auto;}
.PromoterCountResult-open-heritage     {float:left;width:100%;margin:auto;background:none !important;}
.PromoterCountResult-open-heritageLevel{width:40% !important;background:none !important;}
.PromoterCountResult-open-heritage div          {float:left;width:30%;margin:auto;border-top:1px solid #b5b0b0;background:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.PromotorCountResult-open-heritage div div      {float:left;width:33%;margin:auto;border-top:0;}
.PromoterCountResult-open-heritage img  {float:left;width:35px;margin:2px auto auto 1.5%;} 
.PromoterCountResult-open-heritage label{float:left;width:auto;margin:7px auto auto 2%;text-align:center;font-size:1.2em;}
.PromoterCountResult-open-heritage p:nth-child(odd)  {float:left;width:50%;margin:auto;padding:10px 0;text-align:center;background-color:rgba(0,0,0, 0.2);font-size:1em;font-weight:bold;}
.PromoterCountResult-open-heritage span    {float:left;width:50%;margin:5px auto auto;text-align:center;font-size:1.8em;}

.GlobalPromoterCountResult       {width:100%;margin:auto;border-top:1px solid #ababab;}
.GlobalPromoterCountResult div      {float:left;width:50%;padding:10px 0;margin:auto;background:#ccc;}
.GlobalPromoterCountResult div label {float:left;width:100%;margin:auto;text-align:center;}
.GlobalPromoterCountResult div span  {float:left;width:100%;margin:auto;text-align:center;font-size:1.8em;}

.Admin-StyleContainer table {border:0;margin:auto;width:100%;text-align:center;}
.Admin-StyleContainer table th:nth-child(even) {line-height:18px;background-color:#464646;color:#ffffff;font-size:0.9em;padding:10px 0;text-align:center;}
.Admin-StyleContainer table th:nth-child(odd) {line-height:18px;background-color:#404040;color:#ffffff;font-size:0.9em;padding:10px 0;text-align:center;}
.Admin-StyleContainer table tbody tr:nth-child(even) {background:#fafafa;color:#000000;border-bottom:2px solid #cccccc;padding:3px 0 0 3px;font-size:1.2em;}
.Admin-StyleContainer table tbody tr:nth-child(odd)  {background:#ececea;color:#000000;border-bottom:2px solid #cccccc;padding:3px 0 0 3px;font-size:1.2em;}
.Admin-StyleContainer table tbody tr td {padding:7px 5px;}
.Admin-StyleContainer table tbody tr td textarea {border:1px solid #ccc;border-radius:10px;padding:3px;}
.Admin-StyleContainer fieldset {background:#ffffff;border:0;border-top-right-radius:15px;box-shadow:0px 10px 0px -6px #c5b6ab;padding:0 5px 20px;margin:auto;width:100%;}
.Admin-StyleContainer fieldset legend {background:#ffb03b url("/images/DropShadow.png") repeat-x scroll center 36px;border: 3px solid #ed9e29;color:#b56600;font-weight:bold;font-size:1.1em;margin:0;border-radius:4px;box-shadow: 0 7px 9px -6px #545454;padding:1%;}

.editor-field {height:auto !important;width:98%;margin-left:1%;}
.editor-field select {color:#8a1e52;width:100%;height:40px;border:2px solid #cccccc;border-radius:5px;}
.editor-field input {background:#f7f4f4;border:2px solid #cccccc;border-radius:5px;color:#000000;padding:1% 10px;width:100%;height:40px !important;}
.editor-label {position:relative;height:auto;width:99%;margin-top:3px;margin-left:1%;}
.editor-label label {font-family:helvetica;font-weight:bold;height:auto;font-size:1.1em;width:100%;}

#snap-holder-admin {margin:10px auto auto;width:100%;text-align:center;font-size:2em;float:left;}
#snap-holder-admin div {margin:0 0 0 2%;float:left;border:1px dashed #864b26;padding:5px;width:50px;border-radius:120px;height:50px;}
#snap-holder-admin div:hover {margin:0 0 0 2%;float:left;border:1px dashed #66872e;padding:5px;width:50px;border-radius:120px;height:50px;}
#snap-holder-admin div a {float:none;text-decoration:none;}
#snap-holder-admin div a:hover {float:none;text-decoration:none;}
#snap-holder-admin div a span {color:#864b26;}
#snap-holder-admin div a span:hover {color:#66872e;}
#snap-holder-step {margin: auto;width: 100%;height: auto;border:0;border-radius: 0;background-color:#38364c;text-align: center;padding: 21px 0 15px;}
#snap-holder-step span {margin:12px 0 0;width:50px;text-align:center;float:none;color:#ffffff;font-size:1.8em;line-height:15px;font-weight:bold;background:#FF824D;padding:10px 18px;border-radius:120px;height:50px;}
#snap-holder-account {float:left;margin:10px 0 0 0;width:33%;border-right:1px solid #d7d7fe;padding:1%;background:#ffffff;}
#snap-holder-account textarea {float:left;margin:5px 0;width:100%;border:2px double #B7B7B7;padding:1%;border-radius:10px;}
#snap-holder-account-secure {float:left;width:33%;margin:10px 0 0 0;padding:1%;}

#snap-holder-account-secure-holder {float:left;width:48%;margin:5px 0 0 1%;padding:1%;}
#snap-holder-account-secure-holder select {width:100%;height:40px !important;}
}
/* OLDER - Desktops and laptops ----------- */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1223px) {
/* Styles */
.PromoterCountResult                   {width:100%;margin:1em auto auto;}
.PromoterCountResult-toggle            {float:left;width:100%;margin:auto;background:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.PromoterCountResult-button            {float:left;width:19%;margin:1% 0.5% 0;padding:0;border:1px solid #b5b0b0;border-bottom:0;border-top-left-radius:6px;border-top-right-radius:6px;}
.PromoterCountResult-button span       {float:left;width:auto;margin:7px auto auto 2%;font-family:'Fauna One', serif;font-size:1.2em;}
.PromoterCountResult-button img        {float:left;width:24px;margin:7px auto auto 3%;}
#PromoterCountResult-button-black     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-black svg {width:100%;margin:auto;}
#PromoterCountResult-button-gold     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-gold svg {width:100%;margin:auto;}
#PromoterCountResult-button-silver     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-silver svg {width:100%;margin:auto;}
#PromoterCountResult-button-green     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-green svg {width:100%;margin:auto;}
#PromoterCountResult-button-white     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-white svg {width:100%;margin:auto;}
.PromoterCountResult-open              {float:left;width:100%;margin:auto;}
.PromoterCountResult-open-heritage     {float:left;width:100%;margin:auto;background:none !important;}
.PromoterCountResult-open-heritageLevel{width:40% !important;background:none !important;}
.PromoterCountResult-open-heritage div          {float:left;width:30%;margin:auto;border-top:1px solid #b5b0b0;background:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.PromotorCountResult-open-heritage div div      {float:left;width:33%;margin:auto;border-top:0;}
.PromoterCountResult-open-heritage img  {float:left;width:35px;margin:2px auto auto 1.5%;} 
.PromoterCountResult-open-heritage label{float:left;width:auto;margin:7px auto auto 2%;text-align:center;font-size:1.2em;}
.PromoterCountResult-open-heritage p:nth-child(odd)  {float:left;width:50%;margin:auto;padding:10px 0;text-align:center;background-color:rgba(0,0,0, 0.2);font-size:1em;font-weight:bold;}
.PromoterCountResult-open-heritage span    {float:left;width:50%;margin:5px auto auto;text-align:center;font-size:1.8em;}

.GlobalPromoterCountResult       {width:100%;margin:auto;border-top:1px solid #ababab;}
.GlobalPromoterCountResult div      {float:left;width:50%;padding:10px 0;margin:auto;background:#ccc;}
.GlobalPromoterCountResult div label {float:left;width:100%;margin:auto;text-align:center;}
.GlobalPromoterCountResult div span  {float:left;width:100%;margin:auto;text-align:center;font-size:1.8em;}

.Admin-StyleContainer table {border:0;margin:auto;width:100%;text-align:center;}
.Admin-StyleContainer table th:nth-child(even) {line-height:18px;background-color:#464646;color:#ffffff;font-size:0.9em;padding:10px 0;text-align:center;}
.Admin-StyleContainer table th:nth-child(odd) {line-height:18px;background-color:#404040;color:#ffffff;font-size:0.9em;padding:10px 0;text-align:center;}
.Admin-StyleContainer table tbody tr:nth-child(even) {background:#fafafa;color:#000000;border-bottom:2px solid #cccccc;padding:3px 0 0 3px;font-size:1.2em;}
.Admin-StyleContainer table tbody tr:nth-child(odd)  {background:#ececea;color:#000000;border-bottom:2px solid #cccccc;padding:3px 0 0 3px;font-size:1.2em;}
.Admin-StyleContainer table tbody tr td {padding:7px 5px;}
.Admin-StyleContainer table tbody tr td textarea {border:1px solid #ccc;border-radius:10px;padding:3px;}
.Admin-StyleContainer fieldset {background:#ffffff;border:0;border-top-right-radius:15px;box-shadow:0px 10px 0px -6px #c5b6ab;padding:0 5px 20px;margin:auto;width:100%;}
.Admin-StyleContainer fieldset legend {background:#ffb03b url("/images/DropShadow.png") repeat-x scroll center 36px;border: 3px solid #ed9e29;color:#b56600;font-weight:bold;font-size:1.1em;margin:0;border-radius:4px;box-shadow: 0 7px 9px -6px #545454;padding:1%;}

.editor-field {height:auto !important;width:98%;margin-left:1%;}
.editor-field select {color:#8a1e52;width:100%;height:40px;border:2px solid #cccccc;border-radius:5px;}
.editor-field input {background:#f7f4f4;border:2px solid #cccccc;border-radius:5px;color:#000000;padding:1% 10px;width:100%;height:40px !important;}
.editor-label {position:relative;height:auto;width:99%;margin-top:3px;margin-left:1%;}
.editor-label label {font-family:helvetica;font-weight:bold;height:auto;font-size:1.1em;width:100%;}

#snap-holder-admin {margin:10px auto auto;width:100%;text-align:center;font-size:2em;float:left;}
#snap-holder-admin div {margin:0 0 0 2%;float:left;border:1px dashed #864b26;padding:5px;width:50px;border-radius:120px;height:50px;}
#snap-holder-admin div:hover {margin:0 0 0 2%;float:left;border:1px dashed #66872e;padding:5px;width:50px;border-radius:120px;height:50px;}
#snap-holder-admin div a {float:none;text-decoration:none;}
#snap-holder-admin div a:hover {float:none;text-decoration:none;}
#snap-holder-admin div a span {color:#864b26;}
#snap-holder-admin div a span:hover {color:#66872e;}
#snap-holder-step {margin: auto;width: 100%;height: auto;border:0;border-radius: 0;background-color:#38364c;text-align: center;padding: 21px 0 15px;}
#snap-holder-step span {margin:12px 0 0;width:50px;text-align:center;float:none;color:#ffffff;font-size:1.8em;line-height:15px;font-weight:bold;background:#FF824D;padding:10px 18px;border-radius:120px;height:50px;}
#snap-holder-account {float:left;margin:10px 0 0 0;width:33%;border-right:1px solid #d7d7fe;padding:1%;background:#ffffff;}
#snap-holder-account textarea {float:left;margin:5px 0;width:100%;border:2px double #B7B7B7;padding:1%;border-radius:10px;}
#snap-holder-account-secure {float:left;width:33%;margin:10px 0 0 0;padding:1%;}

#snap-holder-account-secure-holder {float:left;width:48%;margin:5px 0 0 1%;padding:1%;}
#snap-holder-account-secure-holder select {width:100%;height:40px !important;}
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
.PromoterCountResult                   {width:100%;margin:1em auto auto;}
.PromoterCountResult-toggle            {float:left;width:100%;margin:auto;background:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.PromoterCountResult-button            {float:left;width:19%;margin:1% 0.5% 0;padding:0;border:1px solid #b5b0b0;border-bottom:0;border-top-left-radius:6px;border-top-right-radius:6px;}
.PromoterCountResult-button span       {float:left;width:auto;margin:7px auto auto 2%;font-family:'Fauna One', serif;font-size:1.2em;}
.PromoterCountResult-button img        {float:left;width:24px;margin:7px auto auto 3%;}
#PromoterCountResult-button-black     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-black svg {width:100%;margin:auto;}
#PromoterCountResult-button-gold     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-gold svg {width:100%;margin:auto;}
#PromoterCountResult-button-silver     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-silver svg {width:100%;margin:auto;}
#PromoterCountResult-button-green     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-green svg {width:100%;margin:auto;}
#PromoterCountResult-button-white     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-white svg {width:100%;margin:auto;}
.PromoterCountResult-open              {float:left;width:100%;margin:auto;}
.PromoterCountResult-open-heritage     {float:left;width:100%;margin:auto;background:none !important;}
.PromoterCountResult-open-heritageLevel{width:40% !important;background:none !important;}
.PromoterCountResult-open-heritage div          {float:left;width:30%;margin:auto;border-top:1px solid #b5b0b0;background:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.PromotorCountResult-open-heritage div div      {float:left;width:33%;margin:auto;border-top:0;}
.PromoterCountResult-open-heritage img  {float:left;width:35px;margin:2px auto auto 1.5%;} 
.PromoterCountResult-open-heritage label{float:left;width:auto;margin:7px auto auto 2%;text-align:center;font-size:1.2em;}
.PromoterCountResult-open-heritage p:nth-child(odd)  {float:left;width:50%;margin:auto;padding:10px 0;text-align:center;background-color:rgba(0,0,0, 0.2);font-size:1em;font-weight:bold;}
.PromoterCountResult-open-heritage span    {float:left;width:50%;margin:5px auto auto;text-align:center;font-size:1.8em;}

.GlobalPromoterCountResult       {width:100%;margin:auto;border-top:1px solid #ababab;}
.GlobalPromoterCountResult div      {float:left;width:50%;padding:10px 0;margin:auto;background:#ccc;}
.GlobalPromoterCountResult div label {float:left;width:100%;margin:auto;text-align:center;}
.GlobalPromoterCountResult div span  {float:left;width:100%;margin:auto;text-align:center;font-size:1.8em;}

.Admin-StyleContainer table {border:0;margin:auto;width:100%;text-align:center;}
.Admin-StyleContainer table th:nth-child(even) {line-height:18px;background-color:#464646;color:#ffffff;font-size:0.9em;padding:10px 0;text-align:center;}
.Admin-StyleContainer table th:nth-child(odd) {line-height:18px;background-color:#404040;color:#ffffff;font-size:0.9em;padding:10px 0;text-align:center;}
.Admin-StyleContainer table tbody tr:nth-child(even) {background:#fafafa;color:#000000;border-bottom:2px solid #cccccc;padding:3px 0 0 3px;font-size:1.2em;}
.Admin-StyleContainer table tbody tr:nth-child(odd)  {background:#ececea;color:#000000;border-bottom:2px solid #cccccc;padding:3px 0 0 3px;font-size:1.2em;}
.Admin-StyleContainer table tbody tr td {padding:7px 5px;}
.Admin-StyleContainer table tbody tr td textarea {border:1px solid #ccc;border-radius:10px;padding:3px;}
.Admin-StyleContainer fieldset {background:#ffffff;border:0;border-top-right-radius:15px;box-shadow:0px 10px 0px -6px #c5b6ab;padding:0 5px 20px;margin:auto;width:100%;}
.Admin-StyleContainer fieldset legend {background:#ffb03b;border:0;color:#545454;font-weight:bold;font-size:1.2em;margin:0 0 1.8em;border-radius:0;box-shadow:none;padding:1%;}

.editor-field {height:auto !important;width:98%;margin-left:1%;}
.editor-field select {color:#8a1e52;width:100%;height:40px;border:2px solid #cccccc;border-radius:5px;}
.editor-field input {background:#f7f4f4;border:2px solid #cccccc;border-radius:5px;color:#000000;padding:1% 10px;width:100%;height:40px !important;}
.editor-label {position:relative;height:auto;width:95%;margin-top:3px;margin-left: 1%;}
.editor-label label {font-family:helvetica;font-weight:bold;height:auto;width:100%;font-size:1.1em;}

#snap-holder-admin {margin:10px auto auto;width:100%;text-align:center;font-size:2em;float:left;}
#snap-holder-admin div {margin:0 0 0 2%;float:left;border:1px dashed #864b26;padding:5px;width:50px;border-radius:120px;height:50px;}
#snap-holder-admin div:hover {margin:0 0 0 2%;float:left;border:1px dashed #66872e;padding:5px;width:50px;border-radius:120px;height:50px;}
#snap-holder-admin div a {float:none;text-decoration:none;}
#snap-holder-admin div a:hover {float:none;text-decoration:none;}
#snap-holder-admin div a span {color:#864b26;}
#snap-holder-admin div a span:hover {color:#66872e;}
#snap-holder-step {margin: auto;width: 100%;height: auto;border:0;border-radius: 0;background-color:#38364c;text-align: center;padding: 21px 0 15px;}
#snap-holder-step span {margin:12px 0 0;width:50px;text-align:center;float:none;color:#ffffff;font-size:1.8em;line-height:15px;font-weight:bold;background:#FF824D;padding:10px 18px;border-radius:120px;height:50px;}
#snap-holder-account {float:left;margin:10px 0 0 0;width:33%;border-right:1px solid #d7d7fe;padding:1%;background:#ffffff;}
#snap-holder-account textarea {float:left;margin:5px 0;width:100%;border:1px double #cccccc;padding:1%;border-radius:6px;}
#snap-holder-account-secure {float:left;width:33%;margin:10px 0 0 0;padding:1%;}

#snap-holder-account-secure-holder {float:left;width:48%;margin:5px 0 0 1%;padding:1%;}
#snap-holder-account-secure-holder select {width:100%;height:40px !important;}
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
.PromoterCountResult                   {width:100%;margin:1em auto auto;}
.PromoterCountResult-toggle            {float:left;width:100%;margin:auto;background:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.PromoterCountResult-button            {float:left;width:19%;margin:1% 0.5% 0;padding:5px 0;border:1px solid #b5b0b0;border-bottom:0;border-top-left-radius:6px;border-top-right-radius:6px;}
.PromoterCountResult-button span       {float:left;width:auto;margin:2px auto auto 2%;font-family:'Fauna One', serif;font-size:1.5em;}
.PromoterCountResult-button img        {float:left;width:28px;margin:4px auto auto 3%;}
#PromoterCountResult-button-black     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-black svg {width:100%;margin:auto;}
#PromoterCountResult-button-gold     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-gold svg {width:100%;margin:auto;}
#PromoterCountResult-button-silver     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-silver svg {width:100%;margin:auto;}
#PromoterCountResult-button-green     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-green svg {width:100%;margin:auto;}
#PromoterCountResult-button-white     {float:right;width:32px;margin:3px 2% auto auto;border:0;background:none;font-size:1.7em;}
#PromoterCountResult-button-white svg {width:100%;margin:auto;}
.PromoterCountResult-open              {float:left;width:100%;margin:auto;}
.PromoterCountResult-open-heritage     {float:left;width:100%;margin:auto;background:none !important;}
.PromoterCountResult-open-heritageLevel{width:40% !important;background:none !important;}
.PromoterCountResult-open-heritage div          {float:left;width:30%;margin:auto;border-top:1px solid #b5b0b0;background:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.PromotorCountResult-open-heritage div div      {float:left;width:33%;margin:auto;border-top:0;}
.PromoterCountResult-open-heritage img  {float:left;width:35px;margin:2px auto auto 1.5%;} 
.PromoterCountResult-open-heritage label{float:left;width:auto;margin:7px auto auto 2%;text-align:center;font-size:1.2em;}
.PromoterCountResult-open-heritage p:nth-child(odd)  {float:left;width:50%;margin:auto;padding:10px 0;text-align:center;background-color:rgba(0,0,0, 0.2);font-size:1em;font-weight:bold;}
.PromoterCountResult-open-heritage span    {float:left;width:50%;margin:5px auto auto;text-align:center;font-size:1.8em;}

.GlobalPromoterCountResult       {width:100%;margin:auto;border-top:1px solid #ababab;}
.GlobalPromoterCountResult div      {float:left;width:50%;padding:10px 0;margin:auto;background:#ccc;}
.GlobalPromoterCountResult div label {float:left;width:100%;margin:auto;text-align:center;}
.GlobalPromoterCountResult div span  {float:left;width:100%;margin:auto;text-align:center;font-size:1.8em;}

.Admin-StyleContainer table {border:0;margin:auto;width:100%;text-align:center;}
.Admin-StyleContainer table th:nth-child(even) {line-height:18px;background-color:#464646;color:#ffffff;font-size:0.9em;padding:10px 0;text-align:center;}
.Admin-StyleContainer table th:nth-child(odd) {line-height:18px;background-color:#404040;color:#ffffff;font-size:0.9em;padding:10px 0;text-align:center;}
.Admin-StyleContainer table tbody tr:nth-child(even) {background:#fafafa;color:#000000;border-bottom:2px solid #cccccc;padding:3px 0 0 3px;font-size:1.2em;}
.Admin-StyleContainer table tbody tr:nth-child(odd)  {background:#ececea;color:#000000;border-bottom:2px solid #cccccc;padding:3px 0 0 3px;font-size:1.2em;}
.Admin-StyleContainer table tbody tr td {padding:7px 5px;}
.Admin-StyleContainer table tbody tr td textarea {border:1px solid #ccc;border-radius:10px;padding:3px;}
.Admin-StyleContainer fieldset {background:#ffffff;border:0;border-top-right-radius:15px;box-shadow:0px 10px 0px -6px #c5b6ab;padding:0 5px 20px;margin:auto;width:100%;}
.Admin-StyleContainer fieldset legend {background:#ffb03b url("/images/DropShadow.png") repeat-x scroll center 36px;border: 3px solid #ed9e29;color:#b56600;font-weight:bold;font-size:1.1em;margin:0;border-radius:4px;box-shadow: 0 7px 9px -6px #545454;padding:1%;}

.editor-field {height:auto !important;width:98%;margin-left: 1%;}
.editor-field select {color:#8a1e52;width:100%;height:40px;border:2px solid #cccccc;border-radius:5px;}
.editor-field input {background:#f7f4f4;border:2px solid #cccccc;border-radius:5px;color:#000000;padding:1% 10px;width:100%;height:40px !important;}
.editor-label {position:relative;height:auto;width:95%;margin-top:3px;margin-left:1%;}
.editor-label label {font-family:helvetica;font-weight:bold;height:auto;width:100%;font-size: 1.1em;}

#snap-holder-admin {margin:10px auto auto;width:100%;text-align:center;font-size:2em;float:left;}
#snap-holder-admin div {margin:0 0 0 2%;float:left;border:1px dashed #864b26;padding:5px;width:50px;border-radius:120px;height:50px;}
#snap-holder-admin div:hover {margin:0 0 0 2%;float:left;border:1px dashed #66872e;padding:5px;width:50px;border-radius:120px;height:50px;}
#snap-holder-admin div a {float:none;text-decoration:none;}
#snap-holder-admin div a:hover {float:none;text-decoration:none;}
#snap-holder-admin div a span {color:#864b26;}
#snap-holder-admin div a span:hover {color:#66872e;}
#snap-holder-step {margin: auto;width: 100%;height: auto;border:0;border-radius: 0;background-color:#38364c;text-align: center;padding: 21px 0 15px;}
#snap-holder-step span {margin:12px 0 0;width:50px;text-align:center;float:none;color:#ffffff;font-size:1.8em;line-height:15px;font-weight:bold;background:#FF824D;padding:10px 18px;border-radius:120px;height:50px;}
#snap-holder-account {float:left;margin:10px 0 0 0;width:33%;border-right:1px solid #d7d7fe;padding:1%;background:#ffffff;}
#snap-holder-account textarea {float:left;margin:5px 0;width:100%;border:2px double #B7B7B7;padding:1%;border-radius:10px;}
#snap-holder-account-secure {float:left;width:33%;margin:10px 0 0 0;padding:1%;}

#snap-holder-account-secure-holder {float:left;width:48%;margin:5px 0 0 1%;padding:1%;}
#snap-holder-account-secure-holder select {width:100%;height:40px !important;}
}