.password-container {
     position: relative;
 }

 .ion-ios-eye {
     position: absolute;
     top: 12%;
     right: 4%;
     cursor: pointer;
     color: #868e96;
 }

 /* body {
            background-image: url('https://dev.bcm.ltd/img/sky_night.jpg');
            background-size: cover;
            background-repeat: none;
        } */

 .custom-lable {
     font-size: 12px;
 }

 .custom-checkbox {
     float: right;
 }

 .btn-primary {
     background: linear-gradient(to right, #7d3c67 25%, #b83f67 64%);
     /* border-color: #7d3c67; */
     border: none;
 }


 .btn-primary:hover,
 .btn-primary:focus {
     color: #fff;
     background: #693659;
     background: -webkit-linear-gradient(135deg, #693659 30%, #9f3859 100%) !important;
     background: linear-gradient(135deg, #693659 30%, #9f3859 100%) !important;
     border-color: linear-gradient(to right, #693659 30%, #9f3859 100%);
     box-shadow: 0 0 0 0.2rem rgba(141, 55, 89, 0.63);
     box-shadow: none !important;
     border-color: #7d3c67;
 }

 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle {
     background: #693659;
     background: -webkit-linear-gradient(135deg, #693659 30%, #9f3859 100%);
     background: linear-gradient(135deg, #693659 30%, #9f3859 100%);
     border-color: linear-gradient(to right, #693659 30%, #9f3859 100%);
     border-color: #7d3c67;
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
     background-color: #3bbaa8;
 }

 .alert {
     border: none;
     font-weight: normal;
     color: #fff;
 }

 .alert .close {
     color: #fff;
     opacity: 0.5;
     outline: none !important;
 }

 .alert .close:hover {
     opacity: 1;
 }

 .alert-danger {
     color: #ffffff !important;
     background-color: #fb434a !important;
     border-color: #fb434a !important;
 }


 .form-control {
     border: none;
 }

 .btn-lg {
     padding: .55rem 1rem !important;
 }

 a,
 a.text-primary {
     color: #3bbaa8 !important;
 }

 a.text-primary:hover,
 a.text-primary:focus {
     color: #349b8c !important;
 }

 @media screen and (-webkit-min-device-pixel-ratio:0) {
     /* .btn-primary {
         background: -webkit-linear-gradient(0deg, #7d3c67 25%, #b83f67 64%) !important;
         border-color: #7d3c67 !important;
     } */

     .input-group .form-control {
         width: 100% !important;
     }
 }

 .heroContent {
     position: absolute;
     top: 85%;
     left: 35%;
     transform: translate(-50%, -50%);

 }

 .heroContent h1 {
     color: white;
     font-size: 50px;
 }

 .copyright-login {
     padding: 0 55px;
     font-size: 12px;
     position: absolute;
     bottom: 13px;
 }

 @media screen and (max-width: 425px) {
     .copyright-login {
         bottom: -66px;
     }
 }