/* CSS Document */
.ContentPane * {
    zoom: 1;
}

/* Trigger quirks mode for IE */
.dnnLogin {
    width: 100%;
}

.LoginPanel {
    /*width: 500px;*/
    /*padding-right: 50px;*/
    /*float: left;*/
}

/* Tabs */
.dnnAdminTabNav {
    width: 500px;
}


/*
 * Login form sections
 **/
.loginContent {
    min-height: 100vh;
    height: 100%;
}

section.login-container {
    display: flex;
    flex-direction: column;
    /*align-content: space-around;*/
    justify-content: center;
}

section.title {
    background: #424242;
    font-size: 14px;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

section.crest {
    text-align: center;
}

section.crest > a {
    display: inline-block;
}

section.crest > a > img {
    width: 120px;
}

section.social {
    width: 280px;
    margin: 0 auto;
    padding: 10px 0;
}

section.social > ul.buttonList {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

section.social > ul.buttonList > li {
    width: 100%;
    margin: 5px 0;
}

section.social > ul.buttonList > li > a {
    display: flex;
    position: relative;
    padding: 7px 12px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 32px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.12);
    overflow: hidden;
}

section.social > ul.buttonList > li > a > i.icon, ul.buttonList > li > a > span {
    flex: 1 0 32px; /* limit to 32px in width */
    display: block;
    min-width: 0;
    cursor: pointer;
}

section.social > ul.buttonList > li > a > i.icon {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
}

section.social > ul.buttonList > li > a > span {
    flex: 0 1 100%; /* take 100% of available width */
    text-align: center;
}

section.social > ul.buttonList > li > a.simple {
    padding: 6px 12px;
    line-height: normal;
    text-transform: none;
    box-shadow: none;
}

section.divider {
    position: relative;
    display: none;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 10px;
    background: #fff;
    line-height: 22px;
    text-align: center;
    color: #999;
}

section.divider:before, section.divider:after {
    content: '';
    position: absolute;
    top: 30px;
    width: 30%;
    height: 1px;
    background: #999;
}

section.divider:before {
    left: 20px;
}

section.divider:after {
    right: 20px;
}

section.regular {
    width: 280px;
    margin: 0 auto;
}

section.regular > .username, section.regular > .password, section.regular > .btn-remember, section.regular > .btn-login, section.regular > .btn-reset {
    position: relative;
    padding: 10px 0;
}

section.regular > .username > input, section.regular > .password > input {
    background: #eceff1;
    outline: #eceff1 groove 1px;
}

section.regular > .btn-remember {
    font-size: 12px;
}

section.regular > .btn-login {
    padding-bottom: 0;
}

section.regular > .btn-login > a {
    display: block;
    padding: 7px 12px;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    background: #00abec;
    background: #e0e0e0;
    background: #fff;
    color: #fff;
    color: #666;
    color: #999;
    border-radius: 5px;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.12);
    box-shadow: 0 0 2px 2px #e0e0e0;
}

section.regular > .btn-login > a:hover {
    background: #00baff;
    color: #fff;
}

section.regular > .btn-reset {
    padding-top: 5px;
    font-size: 12px;
}

section.closing {
    position: relative;
    width: 100%;
    /*bottom: 0;*/
    padding: 10px;
}

/*section.closing > .bottom-border {
    height: 30px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 0 0 20px 20px;
}*/

section.closing > .closing-links {
    display: flex;    
    list-style: none;
    margin: 0;
    font-size: 10px;    
}

section.closing > .closing-links > li {
    flex: 1 0 50%; /* limit to 50% in width */
}

section.closing > .closing-links > li > a {
    color: #999;
}

section.closing > .closing-links > li:last-child {
    text-align: right;
}

section.closing > .closing-links > li:last-child > a > img {
    height: 14px;
    filter: invert(40%);
}


.dnnLoginService {
    /*padding-top: 25px;*/
}

.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {
    /*width: 200px;*/
    /*min-width: 200px;*/
    /*margin-bottom: 5px;*/
}

/*.dnnPrimaryAction {
    margin-top: 18px;
    margin-left: 34%;
}*/

/*.dnnLoginRememberMe {
    padding-left: 34%;
}*/

/*#socialControls {
    float: left;
    padding-top: 27px;
}*/


/* SET SOCIAL SPECIFIC STYLES */
ul.buttonList .facebook a span, ul.buttonList .twitter a span, ul.buttonList .googleplus a span, ul.buttonList .windowslive a span {
    /*padding-left: 45px;*/
    /*background: url(images/socialLoginbuttons-icons.png) no-repeat 12px 7px;*/
}

ul.buttonList .facebook a:after, ul.buttonList .twitter a:after, ul.buttonList .googleplus a:after, ul.buttonList .windowslive a:after {
    /*position: absolute;
    left: 35px;
    top: 0;
    height: 100%;
    width: 0;
    content: "";
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(255,255,255,0.3);*/
}


/*FACEBOOK*/
ul.buttonList .facebook a {
    color: #fff;
    /*text-shadow: 0px -1px 0px rgba(0,0,0,0.4);*/
    /*border-color: #286c93;*/ /* dark blue */
    /*background-position: 0 0;*/
    background-color: #5581bb;
}
ul.buttonList .facebook a:hover {
    color: #fff;
    /*text-shadow: 0px -1px 0px rgba(0,0,0,0.4);*/
    /*border-color: #286c93;*/ /* dark blue */
    /*background-position: 0 -50px;*/
    background-color: #729dcd;
}
ul.buttonList .facebook a:active {
    /*background-position: 0 -100px;*/
    /*border-color: #286c93;*/ /* dark blue */
    background-color: #537fba;
}


/*TWITTER*/
ul.buttonList .twitter a {
    color: #fff;
    /*text-shadow: 0px -1px 0px rgba(0,0,0,0.4);*/
    /*border-color: #3d82a0;*/ /* dark teal blue */
    /*background-position: 0 -150px;*/
    background-color: #11a2d6;
}
ul.buttonList .twitter a:hover {
    color: #fff;
    /*border-color: #3d82a0;*/ /* dark teal blue */
    /*text-shadow: 0px -1px 0px rgba(0,0,0,0.4);*/
    /*background-position: 0 -200px;*/
    background-color: #43c1e3;
}
ul.buttonList .twitter a:active {
    /*background-position: 0 -250px;*/
    /*border-color: #3d82a0;*/ /* dark teal blue */
    background-color: #0597cc;
}
ul.buttonList .twitter a span {
    /*background-position: 9px -40px;*/
}


/*GOOGLE PLUS*/
ul.buttonList .googleplus a {
    color: #fff;
    /*text-shadow: 0px -1px 0px rgba(0,0,0,0.4);*/
    /*border-color: #821e16;*/ /* dark red */
    /*background-position: 0 -300px;*/
    background-color: #b12e1e;
}
ul.buttonList .googleplus a:hover {
    color: #fff;
    /*text-shadow: 0px -1px 0px rgba(0,0,0,0.4);*/
    /*border-color: #821e16;*/ /* dark red */
    /*background-position: 0 -350px;*/
    background-color: #cc3633;
}
ul.buttonList .googleplus a:active {
    /*background-position: 0 -400px;*/
    /*border-color: #821e16;*/ /* dark red */
    background-color: #a5281a;
}
ul.buttonList .googleplus a span {
    /*background-position: 10px -90px;*/
}


/*WINDOWS LIVE ID*/
ul.buttonList .windowslive a {
    color: #fff;
    /*text-shadow: 0px -1px 0px rgba(0,0,0,0.4);*/
    /*border-color: #7a7a7a;*/ /* dark grey*/
    /*background-position: 0 -450px;*/
    background-color: #8f8f8f;
}
ul.buttonList .windowslive a:hover {
    color: #fff;
    /*text-shadow: 0px -1px 0px rgba(0,0,0,0.4);*/
    /*border-color: #7a7a7a;*/ /* dark grey*/
    /*background-position: 0 -500px;*/
    background-color: #b3b3b3;
}
ul.buttonList .windowslive a:active {
    /*background-position: 0 -550px;*/
    /*border-color: #7a7a7a;*/ /* dark grey*/
    background-color: #808080;
}
ul.buttonList .windowslive a span {
    /*background-position: 9px -141px;*/
}


/* clean some form style */
.dnnFormItem{
    width: 100%;
}
.dnnFormItem > label.dnnFormLabel {
    display: inline-block;
    margin: 6px 18px 0 0;
    width: 30%;
    text-align: right;
}
div.dnnCaptcha
{
	width: 70% !important;
	margin-left: 30%;
	padding-left: 22px;
}
span.dnnFormMessage.dnnFormError.dnnCaptcha
{
	right: 24%;
	bottom: -55px;
}
a.dnnDisabledAction:link, a.dnnDisabledAction:visited, a.dnnDisabledAction:active, a.dnnDisabledAction:hover {
    text-decoration: none;
    color: Silver;
	opacity: 0.5;
	/*IE8*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
}