***** custom_login.css *****
/* Change background image and font family */
body {
  background-image: url(background.png);
  font-family: Arial,Verdana,sans-serif;
}

#login {
    width: 320px;
    padding: 8% 0 0;
    margin: auto;
    float: right!important;
   
}
 
/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  background-image: url(logo.png);
  width: 190px;
  height: 150px;
  background-size: 190px 150px;
}
 
/* Add a few changes to the color and style of form itself */
.login label {
  color: #454545;
  display: block;
  margin-bottom: 1em;
  font-weight: bold;
}
 
.login form .input {
  font-weight: normal;
}
 
.login #backtoblog a, .login #nav a {
  color: #4da28f;
}
 
.wp-core-ui .button-primary {
  background: #4da28f;
}

div#left-panel {
    color: #444;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://kb.cbesoftware.com/wp-content/uploads/2019/06/CBE-Building-1-min.jpg);
    background-color: rgba(247, 247, 247, 1);
    width: 66.666666666667%;
}

.ml-container {
    position: relative;
    min-height: 100vh;
    display: flex;
    height: 100%;
    min-width: 100%;
	background-color: #cecfcf;
}

.ml-container #login {
    max-width: 430px;
}

.ml-container #login {
    position: relative;
    padding: 0;
    width: 100%;
    max-width: 320px;
    margin: 0;
}

.ml-form-container {
    /* width: 640px; */
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

@media only screen and (max-width: 600px) {
  div#left-panel {
	  display: none;
}
}