.login-page, .register-page {
    background: #d2d6de;
}
 .login-page h1{
     
    color: #fff;
    z-index: 1000;
 }
        .other-box{
    margin: 2% auto;
}
        .login-box{
    margin: 2% auto;
}
.mb-10 {
    margin-bottom: 4rem !important;
}
.login-page .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}
.xxx {
    z-index: 100!important;
    position: relative;
    width:80%;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #fff;
}
#myVideo {

    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    opacity:0.7;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.login-box-body{
        border-radius: 7px!important;
}
.p-header {
    min-height: 100vh;
    max-height: 999px;
    padding: 0;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.ssima-logo {
    margin-top: -48px;
    margin-bottom: 120px;
}
h1.ssima-title{
    margin-bottom: 56px;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #525f7f;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 11px 40px;
    font-size: 14px;
    line-height: 1.35em;
    border-radius: .25rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.btn-danger {
    background: #fd5d93;
    background-image: -webkit-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93);
    background-image: -o-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93);
    background-image: -moz-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93);
    background-image: linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93);
    background-size: 210% 210%;
    background-position: top right;
    background-color: #fd5d93;
    transition: all 0.15s ease;
    box-shadow: none;
    color: #fff;
}
.btn-success {
    background: #28a745;
    background-image: -webkit-linear-gradient(to bottom left,#28a745,#0098f0,#28a745);
    background-image: -o-linear-gradient(to bottom left,#28a745,#0098f0,#28a745);
    background-image: -moz-linear-gradient(to bottom left,#28a745,#0098f0,#28a745);
    background-image: linear-gradient(to bottom left,#28a745,#0098f0,#28a745);
    background-size: 210% 210%;
    background-position: top right;
    background-color: #28a745;
    transition: all .15s ease;
    box-shadow: none;
    color: #fff;
}
.btn-primary {
    background: #1d8cf8;
    background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-size: 210% 210%;
    background-position: top right;
    background-color: #1d8cf8;
    transition: all 0.15s ease;
    box-shadow: none;
    color: #fff;
}
.btn-warning {
    background: #ff8d72;
    background-image: -webkit-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72);
    background-image: -o-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72);
    background-image: -moz-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72);
    background-image: linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72);
    background-size: 210% 210%;
    background-position: top right;
    background-color: #ff8d72;
    transition: all 0.15s ease;
    box-shadow: none;
    color: #fff;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.form-control {
    border-radius: .4285rem;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.bg-info{background-color:#00c0ef!important; color: #fff;}
.p-2{padding:.5rem !important}
.text-center{text-align:center !important}

@media(max-width:767px){ h1.ssima-title{ font-size: 2.1rem;} .login-logo b{ font-size: 1.6rem;}}