/*@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800");
*/
/*@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@1&family=Playfair+Display:ital,wght@0,400;1,500&family=Poppins:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@1&family=Playfair+Display:ital,wght@0,400;1,500&family=Poppins:wght@300;400;500;600&family=Tinos&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
body {
    /*font-family: "Libre Baskerville", serif !important;*/
}

.modal-head-another {
    color: red !important;
}

.heading {
    font-size: 20px;
}
h3 {
    font-size: 22px;
    text-decoration: underline;
}

header, h2 {
    /*font-family: 'Poppins', sans-serif;*/
}
.sign_upbox {
    background: #003179;
    color: #fff;
    border-radius: 8px;
}
.btn-group .button {
    background-color: #808080; /* Green */
    border: none;
    color: white;
    padding: 12px 48px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    
}

    .btn-group .button:hover {
        background-color: #36454F;
    }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*font-family: 'Tinos', serif;*/
}

.rz-layout .rz-body {
    padding: 0 !important;
}
.body {
    min-height: 94vh;
    padding: 0;
    background-image: url('../images/bg-themes/homebg2.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.form {
    width: 90%;
}


.card {
    padding: 30px;
}

.container .form {
    margin-top: 30px;
}

.displaycontainer {
    background: #fff;
    padding: 25px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    max-width: 80%;
}

.containerPF {
    position: relative;
    max-width: 800px;
    width: 400%;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-left: 69%;
}

.containerCoOp {
    position: relative;
    max-width: 800px;
    width: 400%;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-left: 43%;
}

.containerItax {
    position: relative;
    max-width: 800px;
    width: 300%;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-left: 70%;
}

.containerGroup {
    position: relative;
    max-width: 800px;
    width: 300%;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-left: 111%;
}

.containerBank {
    position: relative;
    max-width: 800px;
    width: 300%;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-left: 35%;
}

.containerLoan {
    position: relative;
    max-width: 800px;
    width: 300%;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-left: 32%;
}

.containerEmp {
    position: relative;
    max-width: 950px;
    /* max-height: 300px; */
    /* margin-bottom: 30%; */
    width: 500%;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    /* margin-right: 10%; */
    margin-left: 17%;
}

div#login {
    width: 50%;
    margin: 0 auto;
}



.containerLogin {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.containerSignup {
    position: relative;
    max-width: 500px;
    width: 300%;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-left: 132%;
}

.form .input-box {
    width: 100%;
    margin-top: 20px;
}

.form .column {
    display: flex;
    column-gap: 15px;
}

.input-box label {
    color: #333;
}

.input-box InputText {
    position: relative;
    height: 50px;
    width: 100%;
    outline: none;
    font-size: 1rem;
    color: #707070;
    margin-top: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

.buttonsave {
    width:auto;
    color: #fff;
    font-size: 1rem;
    padding:7px 13px;
    border: none;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 400;
    background-color: rgb(130,106,251);
}

    .buttonsave:hover {
        background-color: rgb(88,56,250);
    }
td{padding:10px; }
.buttonback {
    width: auto;
    color: #fff;
    padding: 7px 13px;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 400;
    background-color: forestgreen;
}

    .buttonback:hover {
        background-color: #4F7942;
    }
/*Responsive*/
/*@media screen and (max-width:800px) {
    .form .column {
        flex-wrap: wrap;
    }
}*/

.title {
    font-size: 22px;
    text-decoration:underline;
    color: #2e54ed;
    font-weight: 500;
    text-align: center;
}

.heading {
    font-size: 20px;
}


.toprightlogin {
    position: absolute;
    right: 0;
    width: 20%;
}



.toprightsignup {
    position: absolute;
    right: 50px;
    width: 20%;
    text-align: right;
    margin-bottom: 24px;
}

.center {
    margin: auto;
    width: 20%;
    text-align: center;
}

.sector {
    float: left;
    /*width: 10%;*/
    padding: 5px;
    text-align: center;
}

.toprightlogout {
    position: absolute;
    right: 0;
    width: 20%;
    padding: 5px;
    text-align: center;
}

.spe-head {
    width: 500px;
    margin: auto;
    background: #fff;
    position: absolute;
    top: -28px;
    left: 25%;
}
.spe-head h3{ margin-bottom:0; padding:10px;}

.spe-head2 {
    width: 500px;
    margin: auto;
    background: #fff;
    position: absolute;
    top: -28px;
    left: 29%;
}

.spe-head2 h3 {
    margin-bottom: 0;
    padding: 10px;
}

.bg-bluee {
    background: #DC2424; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #094387, #6f7bf7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #094387, #6f7bf7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.but-bg {
    background: hsla(312, 66%, 76%, 1); color:#fff !important;
    background: linear-gradient(90deg, hsla(312, 66%, 76%, 1) 0%, hsla(234, 93%, 67%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(312, 66%, 76%, 1) 0%, hsla(234, 93%, 67%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(312, 66%, 76%, 1) 0%, hsla(234, 93%, 67%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#EA98DA", endColorstr="#5B6CF9", GradientType=1 );
}
.mt-30{ margin-top:30px;}
.mt-10 { margin-top: 10px;}