body{background:#f1f1f1}
.wrapper{width:400px;}
#page{margin-top:40px;}
#content{float:left;width:auto;}
#logo{text-align:center;margin-top:60px;width: 390px;}
#logo img {width: 300px;}
#dnn_ContentPane{
	width:400px;
	background:#fff;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
	padding: 30px;
	margin-top:20px;
}

#dnn_ctr578_View_pnlLogin{width:100%!important;padding:0!important;}
.dnnLabel{clear:both;width:100%;text-align:left;margin-bottom:5px;}
.dnnLabel label{font-weight:bold;}
.dnnFormItem select{width:100%;}
.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea{width:100%;max-width:100%;box-sizing: border-box;padding:10px 2px;font-size:16px;}
span{margin:0!important;}
#dnn_ctr578_View_cmdLogin{background:#015a60;color:#fff;border-radius:0;display:block;text-align:center;border:0;box-shadow:none;font-weight:normal;padding:10px 35px;margin:10px 0 0 0!important;text-decoration:none;}

#dnn_ctr578_View_cmdLogin:hover{background:#02454a;}

.dnnFormItem > label.dnnFormLabel {
    display: inline-block;
    margin: 0 0 0 0;
    margin-top: 6px;
    margin-left: 0px;
    width: 0px;
    text-align: right;
}


/*@media screen and (max-width:720px){
	#logo>img{max-width:249px;}
	div,#dnn_ContentPane,#logo>img{width:100%!important;}
	#logo{margin:0;}
}*/

.dnnLoginActions {
	display: none;
}

.dnnLoginService {
	display: none;
	width: 345px !important;
}

ul.buttonList .Okta a {
    height: 75px;
    width: 300px !important;
    background: #00abec !important;
        width: 300px !important;
            height: 75px !important;
    font-size: 30px;
}

ul.buttonList li a {
    background: #00abec !important;
}

ul.buttonList .Okta a span {
    padding-left: 45px;
}
ul.buttonList .Okta 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);
}
/*OKTA*/
ul.buttonList .Okta a {
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
    border-color: #3d82a0;
    /* dark teal blue */
    background-position: 0;
    background: #00abec !important;
    width: 300px !important;
    height: 75px !important;
}
ul.buttonList .Okta a:hover {
    color: #fff;
    border-color: #3d82a0;
    /* dark teal blue */
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
    background-position: 0 -50px;
    background-color: #00baff;
}
ul.buttonList .Okta a:active {
    background-position: 0 -100px;
    border-color: #3d82a0;
    /* dark teal blue */
    background-color: #2680a9;
}
ul.buttonList .Okta a {
    height: 75px;
    width: 300px !important;
    background: #00abec !important;
    font-size: 30px;
}
ul.buttonList .Okta a span {
    padding-top: 28px !important;
    padding-left: 100px !important;
    background: none !important;
    text-align: center;
}

ul.buttonList .Okta a:after {
    position: absolute;
    left: 35px;
    top: 0;
    height: 100%;
    width: 0;
    content: "";
    border-left: 0px solid rgba(0,0,0,0.2) !important;
    border-right: 0px solid rgba(255,255,255,0.3) !important;
}

.TitleH2 {
	font-size: 20px;
	margin-left: 45px !important;

}

.alt-login {
	text-align: center;
}

.alt-login a {
	margin-top: 10px;
	line-height: 45px;
}

.alt-okta-login {
	display: none;
}