.ccm-ui .login-row .controls *{
    color:#000;
}
.ccm-ui .login-row .controls button.btn{
    background-color:#FFB81C;
}
.ccm-ui .login-row .controls .btn-success{
    background-color:#78BE20;
}
.ccm-ui .login-row .controls .btn-primary{
    background-color:#5ce2ff;
}
.ccm-ui .login-row .controls .btn:focus,
.ccm-ui .login-row .controls .btn:hover
.ccm-ui .login-row .controls button.btn:focus,
.ccm-ui .login-row .controls button.btn:hover{
    background-color:#fff;
}
.ccm-ui .login-row .controls .btn{
    color:#000;
    
}
.ccm-ui .login-row .controls .btn:focus,
.ccm-ui .login-row .controls .btn:hover{
    color:#000;
    text-decoration:underline;
    text-underline-position:under;
}
.ccm-ui .login-page h2{
    color:#fff;
    text-shadow: 0 0 10px #231f20 , 0 0 5px #231f20 , 0 0 1px #000;
    margin: 0 ;
}
.login-form .top2,
.login-form .top,
.login-row .types{
    color:white;
    width:100%; height:auto;margin-bottom:0;background:#231f20;
    padding: 20px 35px 20px;
}
.login-form .top2{
    background:#425563;
    padding: 15px 35px 15px;
}
.login-form .top2 a{
    color: #FFB81C;
    text-decoration:underline;
    text-underline-position:under;
}
.login-form .top2 a:focus,
.login-form .top2 a:hover{
    color: #ffe2a1;
    text-underline-position:unset;
    text-decoration:none;
    
}
.ccm-ui .login-form .form-group {
    margin-bottom: 30px;
}
.login-row .controls {
background-color: #0095a7; height:auto;
}
         body{ font-family: Arial,sans-serif;}
        .mobile-nav-button { display:none!important; }/*--no point as permissions say you can't get to any other pages!--*/
        .logOut  { display:none!important; }/*--no point as they aren't logged in--*/
        .login-page{
           margin:150px 10px;
        }
        h1 { font-size:2em; font-family:bold; }
        div.login-form hr {
            margin-top: 10px !important;
            margin-bottom: 5px !important;
        }

        ul.auth-types {
            margin: 20px 0px 0px 0px;
            padding: 0;
        }

        ul.auth-types > li > .fa,
        ul.auth-types > li svg,
        ul.auth-types > li .ccm-auth-type-icon {
            position: absolute;
            top: 2px;
            left: 0px;
        }

        ul.auth-types > li {
            list-style-type: none;
            cursor: pointer;
            padding-left: 25px;
            margin-bottom: 15px;
            transition: color .25s;
            position: relative;
        }

        ul.auth-types > li:hover {
            color: #cfcfcf;
        }

        ul.auth-types > li.active {
            font-weight: bold;
            cursor: auto;
        }
		
		.checkbox label { color:black!important; }
		.login-page .controls{
		    padding: 35px 35px 15px;
		}
		.ccm-required-attribute-form{
		    height:340px;overflow:auto;margin-bottom:20px;
		}