/*
	Superyahctnetwork agent - Login
	Mark Townsend & Anna Hough 2016
*/
body {
    /* standard */
    background: #517fa4;
    background: -webkit-linear-gradient(to left, #517fa4, #243949);
    background: linear-gradient(to left, #517fa4, #243949);

    /* N+J 
	background: #00121f; 
	background: -moz-linear-gradient(45deg,  #00121f 0%, #002744 100%); 
	background: -webkit-linear-gradient(45deg,  #00121f 0%,#002744 100%); 
	background: linear-gradient(45deg,  #00121f 0%,#002744 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121f', endColorstr='#002744',GradientType=1 ); */

    /* cni 
	background: #b29e93; 
	background: -moz-linear-gradient(45deg,  #b29e93 0%, #603813 100%); 
	background: -webkit-linear-gradient(45deg,  #b29e93 0%,#603813 100%); 
	background: linear-gradient(45deg,  #b29e93 0%,#603813 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b29e93', endColorstr='#603813',GradientType=1 ); */

    /* pandion + Mirage 
	background:#000;*/
}

.card.loginContainer .card-content {
    padding: 15px 20px 20px 20px;
    overflow: hidden;
}
.card.loginContainer .card-content .logo {
    width: 100%;
    margin-bottom: 5px;
}
.card.loginContainer .card-content #loginExtranet {
    float: left;
    margin-top: 18px;
    width: 100%;
}
.forgotten-section {
    background: #eaeaea;
    width: 100%;
    float: left;
    padding: 0 30px;
    height: 38px;
    line-height: 38px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-top: -2px;
}
.row .col.loginContentContainer {
    width: 100%;
    padding: 0 10px;
    margin: 0.75rem 0;
}
.collapsible-body p {
    padding: 0;
}

/* standard */
.card.loginContainer .card-content button.signInButton {
    background: #16a085;
}
.card.loginContainer .card-content button.passwordReset {
    background: #16a085;
    font-size: 14px;
}
.card.loginContainer
    .card-content
    .filled-in[type="checkbox"]:checked
    + label::after {
    background-color: #26a69a;
    border: 2px solid #26a69a;
}

/* N&J 
.card.loginContainer  .card-content button.signInButton, .card.loginContainer  .card-content button.passwordReset { background:#f47721;}
.card.loginContainer  .card-content .filled-in[type="checkbox"]:checked + label::after { background-color:#f47721; border:2px solid #f47721;} */

/* CNI 
.card.loginContainer  .card-content button.signInButton, .card.loginContainer  .card-content button.passwordReset { background:#8d7059;}
.card.loginContainer  .card-content .filled-in[type="checkbox"]:checked + label::after { background-color:#8d7059; border:2px solid #8d7059;} */

/* pandion + Mirage 
.card.loginContainer  .card-content button.signInButton, .card.loginContainer  .card-content button.passwordReset { background:#333;}
.card.loginContainer  .card-content .filled-in[type="checkbox"]:checked + label::after { background-color:#333; border:2px solid #333;}*/

/* login media queries */
/*small*/
@media only screen and (min-width: 360px) {
    .forgotten-section {
        height: 53px;
        line-height: 53px;
    }
    .card.loginContainer .card-content {
        padding: 0 30px;
    }
    .card.loginContainer .card-content .logo {
        margin: 10px 0 15px 0;
    }
}
/*small medium*/
@media only screen and (min-width: 641px) {
    .card.loginContainer .card-content #loginExtranet {
        width: auto;
        margin-top: 0;
        float: right;
    }
    .row .col.loginContentContainer {
        width: 58%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}
/*large medium*/
@media only screen and (min-width: 769px) {
    .row .col.loginContentContainer {
        max-width: 390px;
    }
    .card.loginContainer .card-content .logo {
        margin: 20px 0 25px 0;
    }
}
.logo-wrap {
    display: block;
    padding: 40px 15px 25px 15px;
    text-align: center;
}
.logo-wrap .logo {
    display: inline-block;
    max-width: 100%;
}
.valign-middle {
    vertical-align: middle;
}
.slideable-body .ladda-button {
    padding: 5px 18px;
    margin-top: -7px;
}
.grey-bar {
    display: block;
    margin-top: 25px;
    padding: 10px 25px;
    background: #ccc;
}
.grey-bar a {
    color: #000;
}
#jsLoginSlideable {
    width: 100%;
}
.mn-content {
    height: 100%;
}

/* height issue in twig fix */
.slick-slide {
    height: auto;
    outline: none;
}

.ladda-button[data-color="blue"] {
    background: rgb(45, 161, 248);
    background: -moz-linear-gradient(
        top,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da1f8', endColorstr='#1a92eb',GradientType=0 );
    border: 1px solid #1585d8;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.ladda-button[data-color="blue"]:hover {
    background: rgb(39, 140, 239);
    background: -moz-linear-gradient(
        top,
        rgba(39, 140, 239, 1) 0%,
        rgba(23, 126, 218, 1) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(39, 140, 239, 1) 0%,
        rgba(23, 126, 218, 1) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(39, 140, 239, 1) 0%,
        rgba(23, 126, 218, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278cef', endColorstr='#177eda',GradientType=0 );
    border: 1px solid #1274c2;
    color: #fff;
}
.card-form input[type="checkbox"] + label.rememberLable {
    font-size: 12px;
}