/*###############(on register page)##############*/
.shoppixonlinelogo img{
    max-width: 15%;
    margin-bottom: 50px;
}
.termscheckbox{
  margin-bottom:20px;
}
.btn {
  border-color: transparent;
  border-radius: 0px;
}
/*shoppix online terms modal ( register page)*/
.shxOnlineterms a {
    color:#09bab2;   
}

.shxOnlineterms .btn{
      margin: 10px;
      margin-bottom: 50px;
}
.shxOnlineterms {
    margin-top: 50px;
}

#termsmodal .modal-footer {
      text-align: center;
      border-top: none;
      padding-bottom: 50px;
}

#termsmodal .btn{
  border-radius: 0;
  border: none;
}

#termsmodal .modal-footer .btn-success:hover,
#termsmodal .modal-footer .btn-success:active {
  background-color:#77cf77;
}

#termsmodal .modal-footer .btn-danger:hover,
#termsmodal .modal-footer .btn-danger:active {
  background-color:#ec635f;
}

.termscontent,
.basiccontent {
  margin-bottom:0px;
  padding-bottom: 0px;
}



.basiccontent {
  min-height:300px;  
  margin-bottom: 50px;
  padding: 18px 30px 30px 30px;
  background: white;
  color: #a5a5a5;
}

.transparentview{
  background:transparent;
  color:white;
}
/*###############################################*/



.loginpgTitle {
  margin-bottom: 50px;
}

.marginzero {
  margin:0px!important;
}

.shoppixplus>.container{
  padding-top: 100px;
}
@media (max-width: 768px) {
  .shoppixplus>.container{
    padding-top: 0px;
  }
  }




/*######## shoppix button formatting #################*/
.btn-shoppix, .btn-shoppix a,.btn-shoppix:active, .btn-shoppix:focus, .btn-shoppix a:active,.btn-shoppix-inverse, .btn-shoppix-inverse a,.btn-shoppix-inverse:active, .btn-shoppix-inverse:focus, .btn-shoppix-inverse a:active{
border: 0;
background:#08bac2;
color:white;
text-decoration: none;
border-radius: 0;
padding: 5px;
min-width: 50px;
box-shadow: none;
}

.btn-shoppix-inverse, .btn-shoppix-inverse a,.btn-shoppix-inverse:active, .btn-shoppix-inverse:focus, .btn-shoppix-inverse a:active {
background:transparent;
color:#a5a5a5;
box-shadow: none;
}

.btn-shoppix-inverse, .btn-shoppix-inverse:active, .btn-shoppix-inverse:focus {
outline:solid 1px rgba(128, 128, 128, 0.4);
outline-offset: -1px;

}


.btn-shoppix:hover,.btn-shoppix-inverse:hover{
  background: #12d0c6;
  text-decoration: none;
  color:white;
  outline: none;
}


.btn-shoppix a, .btn-shoppix-inverse a  {
  background:transparent;
  box-shadow: none;
}
.btn-shoppix-inverse a:hover, .btn-shoppix-inverse:hover a {
color:white;
}

.btn-shoppix:disabled, .btn-shoppix-inverse:disabled {
  background: rgba(106, 107, 111, 0.4);
   color: rgba(255, 255, 255, 0.4);
   pointer-events: none;
   cursor: default;
}
.btn-shoppix:disabled a, .btn-shoppix-inverse:disabled a{
   color: rgba(255, 255, 255, 0.5);
   pointer-events: none;
   cursor: default;
}

@media (max-width: 768px) {
  #registerEmail{
    background:#08bac2;
    color: white;
    padding: 10px 10px!important;
  }

  #registerEmail:disabled {
      background: rgba(106, 107, 111, 0.4);
      color: white;
    }

  .btn-shoppix:disabled a, .btn-shoppix-inverse:disabled a{
     color: rgba(255, 255, 255, 0.5);
  }


  }
/*###################################################*/


.loginpagecontent .loginbox {
padding-left: 50px;
padding-right: 50px;
margin-bottom: 50px;
}


.btn-plain{
 background:none;  
 border:none; 
 color:#0bbada;
}


.btn-plain:hover{
color:#1d90b4;
}


.helplink {
    padding: 0px 30px;
    margin-top: 50px;
}

.login-form section {
padding:0px;
padding-bottom:10px;
}

.login-form .fullname section {
padding:5px 0px 10px 0px;
}

.login-form .fullname .fullnamesec1 {
padding-right:10px;
}

.login-form .fullname .fullnamesec2 {
padding-left:10px;
}


.login-form .btn-u {
border: 0;
background:#08bac2;
padding: 6px 13px;
color:white;
}

.login-form .btn-u:hover {
  background: #12d0c6;
}

.login-form input {
    border-color:#0bbada;
    color:#0bbada;
}

.login-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(153, 153, 153, 0.34);;
}
.login-form ::-moz-placeholder { /* Firefox 19+ */
  color: rgba(153, 153, 153, 0.34);;
}
.login-form :-ms-input-placeholder { /* IE 10+ */
  color: rgba(153, 153, 153, 0.34);;
}
.login-form :-moz-placeholder { /* Firefox 18- */
  color: rgba(153, 153, 153, 0.34);;
}

.login-form header{
	color:#294487;
}


.maillist{
	background: white;
	padding: 20px;
}

.maillist img{

	padding: 5px 5px 5px 5px;
    max-width:80%;
}


.maillist div {
	border-bottom: 1px solid rgba(191, 191, 191, 0.27);
}

.maillist div:hover{
	box-shadow: 2px 2px rgba(0, 0, 0, 0.06); 
}


.registerblock {
  background:white;
  color:#868585;
  padding: 20px;
}

a.backtolist {
  color: #09bab2;
}


a.verifylink:hover{
  color:white;
}






/*#########################################################*/
/*re-format login box to be transparent*/
/*colour of background login form*/
#login-form.sky-form header,#login-form.sky-form fieldset,#login-form.sky-form footer,#login-form.sky-form {
    border: none;
    background: transparent;
}
#login-form.sky-form header{
     color: rgba(255, 255, 255, 0.5);
}
 
#login-form.sky-form .state-success input  {
      background: rgb(250, 255, 189);
}

#login-form.sky-form footer {
    padding: 0px 30px;
}

#login-form.sky-form .state-error + em {

    color: #ffffff;
}
/*###################login########################################*/

/*login page text and image */
#titlebox img {
  float:left;
  max-width: 40%;
}

@media (max-width: 768px) {
#titlebox img {
  max-width: 100%;
  padding-left: 50px;
  padding-right: 50px;

}
}

#continuebtn i{
    line-height: 1.5em;
}

/*##########################################RENEW######################################*/
.renew_buttons button, .renew_buttons button:active, .renew_buttons button:focus{
font-size: 1.2em;
min-width: 180px;
margin: 10px;

}



/* FORMATTED FOR MOBILE PHONE  */
@media (max-width: 768px) {

  #mainNav {
    display:none;
  }


.bgshoppixartinvert {
  background: url(../img/bg-pattern.png), linear-gradient(to left, #3f4db8, #08bab1);
}

.dashboard .section-heading {
  color: #294487;
}
.dashboard .section-subheader {
  color: #294487;
}

.dashcontent {
  color:#294487;
}
#viewhistory {
  color: #294487;
}
#emailtbl thead {
  border-bottom: 1.5px solid #294487;
}
.cancelregbox a,
.cancelregbox a:active {
  color: #294487;
}
  } /* END MEDIA MAX WIDTH 786 QUERY */


#termsconfirm p {
 font-size:16px;
color:#09bab2;
}
#termsconfirm {
  margin:10px 10% 10px 10%;
}
#rejecttermsbtn {
  white-space: pre-wrap;
}

@media (max-width: 391px) {
  .shxOnlineterms .btn {
      margin: 5px;
      margin-bottom: 10px;
  }
  .termscheckbox {
    margin-bottom: 50px;
  }
}
button.btn.btn-u.btn-danger.btn-cancel {
  background: transparent;
  color: #a5a5a5;
  border-radius: 0px;
  border-color: #a5a5a5;
}
button.btn.btn-u.btn-danger.btn-cancel:hover,
button.btn.btn-u.btn-danger.btn-cancel:active {
  background: #a5a5a5;
  color:white;
}
.termsdeclinedcontent {
  margin-top: 150px;
  margin-bottom: 250px;
}

.btn-primary {
  background:#09bab2;
  border-radius: 0px;
  border-bottom-color: transparent;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background: #12d0c6;
    border-radius: 0px;
    border-color: transparent;
    border: none;
}

.btn, .btn-u {
  border-radius: 2px;
}

.modal-footer {
  border-top: none!important;
}
.bootbox_centerfoot .modal-footer{
  text-align: center;
}

.checkboxfixandroid {

      padding: 8px;
      margin: 10px!important;

      -webkit-transform: scale(1.5);
      -ms-transform: scale(21.5);
        /* IE */
      -webkit-transform: scale(1.5);
        /* Safari and Chrome */

      -o-transform: scale(1.5);
       /* Opera */

}

.loadingicon {
  font-size: 1.5em;
  color: #08bac2;

}