body {
    font-family: 'Lato', sans-serif;
}

/* login */
.login,
.registration {
    min-height: 100vh;
}

.card-login__body {

    padding: 50px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
}

.card-login .form-control {
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 2px solid #E9E9F0 !important;
}

.card-login__forgot-password {
    color: #4B70FF;
    font-size: 15px;
}

.card-login__forgot-password:hover {
    text-decoration: none;
    color: #4B70FF;
}

.card-login__remember-password {
    color: #43425D;
    font-size: 15px;
}

.card-login__btn-login {
    background: #4B70FF !important;
    font-size: 16px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    height: 50px;
    border-radius: 5px !important;
}

.card-login__registration {
    font-size: 16px;
}

.card-login__registration a {
    color: #DF2B60;
}

.card-login__registration a:hover {
    color: #DF2B60;
    text-decoration: none;
}

.card-login__registration .text-muted {
    color: #707070 !important;
}
.card-login .form-control::placeholder {
    color: #C4C4C4;
}

.card-login .form-control:-ms-input-placeholder {
    color: #C4C4C4;
}

.card-login .form-control::-ms-input-placeholder {
    color: #C4C4C4;
}

/* registration */
.card-registration {
    padding: 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
}

.card-registration .form-control {
    height: 40px;
    border-radius: 0 !important;
    border-color: #E9E9F0 !important;
    font-size: 14px;
}

.card-registration select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    border-radius: 0 !important;
}

.card-registration__title {
    color: #2F4EC2;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.card-registration__domain {
    line-height: 40px;
}

.registration__login {
    color: #43425D;
    font-size: 14px;
    margin: auto;
    margin-right: 0;
}

.registration__login a {
    color: #4B70FF;
    text-decoration: none;
}

.card-registration__btn-registration {
    background: #4B70FF !important;
    font-size: 16px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    height: 50px;
    border-radius: 5px !important;
}

.card-registration .form-control::placeholder {
    color: #AEAEAE;
}

.card-registration .form-control:-ms-input-placeholder {
    color: #AEAEAE;
}

.card-registration .form-control::-ms-input-placeholder {
    color: #AEAEAE;
}