/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 23, 2020, 12:02:13 PM
    Author     : KLR-PC-07
*/

.modal-login {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto;  /*Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;

}

/* Hide scrollbar for Chrome, Safari and Opera */
.modal-login::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.modal-login {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.modal-login-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 100%; 
    /*overflow-y: scroll; Could be more or less, depending on screen size */
}

.modal-login-otp {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto;   /*Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;

}

/* Hide scrollbar for Chrome, Safari and Opera */
.modal-login-otp::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.modal-login-otp {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.modal-login-otp-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 100%; 
    /*overflow-y: scroll; Could be more or less, depending on screen size */
}

.modal-signup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 100px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto;  /*Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 35px;

}

/* Hide scrollbar for Chrome, Safari and Opera */
.modal-signup::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.modal-signup {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* modal1 Content/Box */
.modal-signup-content {
    background-color: #fefefe;
    margin: auto auto auto auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 100%; 
    /*overflow-y: scroll; Could be more or less, depending on screen size */
}

.modal3 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto;  /*Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;

}

/* Hide scrollbar for Chrome, Safari and Opera */
.modal3::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.modal3 {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}


/* modal1 Content/Box */
.modal3-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 100%; 
    /*overflow-y: scroll; Could be more or less, depending on screen size */
}
/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

#fullHeightModalRight {
    top:3%;
    left:39%;
    outline: none;
}

/*.modal-lg {
    max-width: 20%;
}*/
/*Hide scrollbar for Chrome, Safari and Opera*/ 
.form1::-webkit-scrollbar {
    display: none;
}

/*Hide scrollbar for IE, Edge and Firefox*/ 
.form1 {
    -ms-overflow-style: none; 
    scrollbar-width: none;
}
/*Hide scrollbar for Chrome, Safari and Opera*/ 
.form2::-webkit-scrollbar {
    display: none;
}

/*Hide scrollbar for IE, Edge and Firefox*/ 
.form2 {
    -ms-overflow-style: none; 
    scrollbar-width: none;
}
/*Hide scrollbar for Chrome, Safari and Opera*/ 
.form3::-webkit-scrollbar {
    display: none;
}

/*Hide scrollbar for IE, Edge and Firefox*/ 
.form3 {
    -ms-overflow-style: none; 
    scrollbar-width: none;
}