* {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    box-sizing: border-box;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: whitesmoke;
}

.loginfrm {
    width: 24%;
    margin-top: 78px;
    margin-bottom: 78px;
}

.usrupd {
    padding: 20px;
}

.lbl {
    font-weight: bolder;
}

.std_button {
    width: 150px;
    height: 50px;
    padding: 10px 20px;
    border-radius: 50px;
    color: white;
}

table {
    border-radius: 24%;
}

table td {
    vertical-align: middle;
}

table th {
    background-color: antiquewhite;
    /* border: 1px solid gray; */
}

.my_reg_table th,
.priority_allo th,
.ptp_meeting th {
    background-color: antiquewhite;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    text-align: left;
}

.my_reg_table td,
.priority_allo td,
.ptp_meeting td {
    /* border-bottom: 1px solid gray; */
    text-align: left;
}

.priority_allo_div {
    display: inline-block;
    width: 20%;
}

.my_vert_resp_table {
    max-height: 500px;
    overflow: auto;
}

.priority_allo,
.ptp_meeting {
    margin: auto;
}

.div_center_cust_search {
    border: 3px solid gray;
    box-shadow: 0px 0px 9px gray;
    border-radius: 10px;
    width: 30%;
    margin: auto;
}

.div_center_cust_search form {
    padding: 20px 10px 20px 50px;
}

.div_center_allo_change {
    display: inline-block;
    width: 300px;
    margin: auto;
}

.ptp_meeting_div {
    display: inline-block;
    width: auto;
    margin: 40px;
}

.div-center {
    width: 50%;
    margin: auto;
}

.div-center-dashboard {
    max-width: 30%;
    margin: auto;
}
.div-center-dashboard th,
.div-center-dashboard td {
    width: 50%;
    border-bottom: 1px solid gray;
    border-top: none;
    background-color: transparent;
}

.div-center-perf {
    width: 90%;
    margin: auto;
}
.div-center-custsearch {
    width: 90%;
    margin: auto;
}

.bttn {
    background-color: darkgoldenrod;
    border-radius: 50px;
    height: 50px;
    color: whitesmoke;
}
.bttnback {
    border-radius: 50px;
    margin-left: 100px;
    height: 50px;
    width: 250px;
    background: skyblue;
    font-size: 15px;
}
.resetpass {
    width: 50%;
    margin: auto;
}

.resetpass input {
    width: 50%;
}
/* Navbar Setting */
.navbar {
    font-size: medium;
}

.navhidemenu {
    display: none;
}
/* Navbar Setting */

/* Title class for heading on pages */
.ttl h1 {
    color: navy;
    text-align: center;
    text-decoration: none;
    font-weight: bolder;
    font-family: "Poppins", sans-serif;
}

.ttl h6 {
    color: black;
    text-align: center;
    text-decoration: none;
    font-family: "Comic Sans", sans-serif;
}
/* Title class for heading on pages */

/* Database user table for Admin approval */
.tbluser {
    margin: auto;
    width: 100%;
}
.tbluser th {
    background-color: antiquewhite;
    text-align: left;
    /* border: 1px solid gray; */
}
.tbluser td {
    border: 0px;
    text-align: left;
}
/* Database user table for Admin approval */

/* Regular Allocation Filter Page  */

.reg_filter_form {
    margin: auto;
    width: 80%;
}

.reg_allo_tbl {
    margin: auto;
    width: 90%;
}
.reg_allo_container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10vw;
    grid-row-gap: 20px;
    text-align: center;
}

.reg_allo_container_grd {
    text-align: left;
}
.reg_allo_container #month_yr {
    background-color: seagreen;
    color: white;
}

.reg_allo_container label,
input,
select {
    width: 16vw;
    height: 30px;
}

.reg_allo_container input,
select {
    margin-bottom: 15px;
}

.reg_allo_container label {
    text-align: left;
    font-weight: bolder;
    color: darkred;
    font-style: italic;
    text-decoration: underline;
}

.reg_allo_table {
    margin: auto;
    width: 80%;
}

.reg_allo_table th {
    background-color: antiquewhite;
}
/* border: 1px solid gray; */

/* Regular Allocation Filter Page  */

.cust_search th {
    background-color: antiquewhite;
    color: black;
    /* border: 1px solid gray; */
    text-align: left;
    width: 25%;
}

.cust_search td {
    text-align: left;
    /* border: 1px solid gray; */
}

.cust_hist {
    width: 100%;
}

.cust_hist th,
.cust_hist td {
    text-align: left;
    /* border: 1px solid gray; */
}

.cust_hist th {
    background-color: antiquewhite;
}

/* Database user table for Org User Upd */
.tblorguserupd {
    margin: auto;
    width: 90%;
}
.tblorguserupd th {
    background-color: antiquewhite;
    text-align: left;
}
.tblorguserupd select,
.tblorguserupd input {
    border: 0px;
    width: 100%;
    margin-bottom: 0px;
    background-color: whitesmoke;
}

.tblorguserupd td {
    vertical-align: middle;
}

.tblorguserupd label {
    width: 100%;
}
/* Database user table for Org User Upd */

/* Customer Front End */
.front-end {
    width: 70%;
    margin: auto;
    /* text-align: center; */
}

.pmt-details-div {
    width: 50%;
    margin: auto;
}
.payment-details th {
    background-color: antiquewhite;
    text-align: left;
}

/* Customer Front End  */

.cust_search_result {
    width: 100%;
    margin: auto;
}

/* Sticky Table Setting*/

.stickyscrolltablediv {
    max-height: 600px;
    overflow-y: scroll;
    border: 3px;
    border-radius: 20px;
    box-shadow: 0px 0px 9px black;
    width: 98%;
    margin: auto;
}

.stickyscrolltable th {
    position: sticky;
    top: 0px;
}

.intrep td,
.intrep th {
    font-size: small;
}

.int_rep_summary {
    max-height: 400px;
    overflow-y: scroll;
    border: 3px solid grey;
    border-radius: 10px;
    box-shadow: 0px 0px 9px gray;
    width: 40%;
    margin: auto;
}

.int_rep_form {
    max-height: 800px;
    overflow-y: scroll;
    border: 3px solid grey;
    border-radius: 10px;
    box-shadow: 0px 0px 9px gray;
    width: 50%;
    margin: auto;
}

.allo_filter_page {
    height: 100%;
    text-align: center;
    text-decoration: underline;
}

.grid_wrapper {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1.5fr 7fr;
}

.filter_nav {
    border: 1px solid gray;
    border-radius: 20px;
    box-shadow: 0px 0px 9px gray;
    padding: 20px;
    margin-left: 20px;
    height: 75vh;
    font-size: small;
}

.filter_nav label,
.filter_nav select,
.filter_nav input {
    width: 200px;
}

.filter_nav label {
    font-size: smaller;
}

.filter_nav_new {
    font-size: smaller;
    padding: 10px;
}
.filter_nav_new label,
.filter_nav_new select,
.filter_nav_new input {
    width: 200px;
    margin-left: 15px;
}

.data_sheet {
    height: 75vh;
}

/* Interaction Report*/

.int_grid_wrapper {
    display: grid;
    grid-template-columns: 1fr 3fr;
    max-width: 100vw;
}

.int_filter_form {
    width: 100%;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    background-color: aqua;
}

.int_summary_report {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    font-size: small;
    max-height: 400px;
    overflow-y: scroll;
    background-color: blueviolet;
}

.int_data_sheet {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    background-color: coral;
}

.int_grid_wrapper label,
.int_grid_wrapper select,
.int_grid_wrapper input,
.int_grid_wrapper button {
    width: 100px;
    font-size: small;
    text-align: left;
    margin-left: 1rem;
}
.int_grid_wrapper label {
    font-weight: bold;
}

/* Interaction Report*/

/* Testing................*/

.grid_wrapper_new {
    display: grid;
    grid-template-columns: 1fr 7fr;
    /* background-color: chocolate; */
    width: 100vw;
    height: 110vh;
    padding: 20px;
}

.iform {
    /* background-color: blue; */
    max-height: minmax(575px, 775px);
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 0 15px;
    /* height: 600px; */
}
.form_summary_border1 {
    border: 3px solid gray;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 gray;
}

.iform button {
    font-size: small;
    width: 100px;
    height: 50px;
    border-radius: 20px;
}

.iform label {
    font-weight: bold;
}

.iform label,
.iform select,
.iform input {
    font-size: small;
    text-align: left;
    margin-bottom: 0;
}

.isummary {
    height: 400px;
    font-size: small;
    overflow-y: scroll;
    grid-column: 1/2;
    grid-row: 2/3;
    padding: 0 15px;
    margin: auto;
    margin-top: 15px;
}

.isummary table th,
.idata table th {
    background-color: antiquewhite;
    position: sticky;
    top: 0;
}

.idata {
    font-size: smaller;
    max-height: 110vh;
    overflow-y: scroll;
    grid-column: 2/3;
    grid-row: 1/3;
    padding: 0 20px;
    margin-top: 20px;
    border-radius: 20px;
    border: 3px solid gray;
    box-shadow: 0 0 9px 0 gray;
}

.idata table {
    font-size: smaller;
    /* text-align: center; */
}

/* Testing................*/
.cardgrid {
    display: grid;
    grid-template-columns: 2.5fr 1.5fr;
    /* border-bottom: 1px solid green; */
}
.contactP {
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: smaller;
    /* margin-left: 10px; */
}
.nameadd {
    grid-column: 1/2;
    grid-row: 2/5;
    margin-right: 10px;
    font-size: smaller;
}

.pinadd {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: smaller;
    margin-left: 10px;
}
.phoneadd {
    grid-column: 2/3;
    grid-row: 2/3;
    font-size: smaller;
    margin-left: 10px;
}
.last_pmt_rct {
    grid-column: 2/3;
    grid-row: 3/4;
    font-size: smaller;
    margin-left: 10px;
}

.visitedfreshpaid,
.emiposdue {
    font-size: small;
}

.msheading {
    text-decoration: underline;
    margin: 20px 0;
}

.ms_subhead_div {
    border: 3px solid gray;
    border-radius: 20px;
    box-shadow: 0 0 15px 0 gray;
    padding: 10px;
}

.ms_subhead {
    font-size: larger;
    font-weight: bolder;
    text-decoration: underline;
}
.ms_subhead_row {
    height: 125px;
    align-items: center;
}

.ms_img_style {
    border-radius: 50%;
    box-shadow: 0 0 10px 0 blue;
}
.ms_item:hover .ms_img_style {
    transition: 0.5s;
    box-shadow: 0 0 33px 0 black;
    cursor: pointer;
}

.ms_item:hover .ms_item_title {
    transition: 0.5s;
    color: blue;
    box-shadow: 0 0 15px 0 blue;
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none;
}

.switchboardcards {
    width: 6rem;
    height: 6rem;
    margin: auto;
    border: 0px;
    border-radius: 25%;
}

.switchboardfe p {
    font-size: small;
    font-weight: bold;
    color: blue;
}
.fe-swb-pic {
    border: 1px solid gray;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 darkgray;
}

.switchboard_container {
    min-height: 300px;
    width: 400px;
}

.productivitydiv {
    width: 50%;
}

/* Sticky Table Setting*/

/* ##############################################
#################################################
############################################## */

@media only screen and (max-width: 700px) {
    /* body {
    background-color: lightblue;
  } */

    .indexpage {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .loginfrm {
        width: 51%;
        margin-top: 24%;
        margin-bottom: 24%;
    }

    table {
        max-height: 600px;
    }

    .priority_allo_div {
        margin-bottom: 25px;
        display: block;
        width: 100%;
    }

    .div_center_cust_search {
        border: 3px solid gray;
        box-shadow: 0px 0px 9px gray;
        border-radius: 10px;
        width: 90%;
        margin: auto;
    }

    .div_center_cust_search form {
        padding: 20px;
    }

    .ptp_meeting_div {
        display: block;
        width: auto;
        margin: 20px;
    }

    .stickyscrolltablediv {
        font-size: small;
        min-height: 600px;
        overflow-y: scroll;
        border: 3px;
        box-shadow: 0px 0px 9px black;
        width: 90%;
        margin: auto;
    }

    .stickyscrolltable th {
        font-size: small;
        position: sticky;
        top: 0px;
    }

    .div_center_allo_change {
        display: block;
        width: 50%;
        margin-bottom: 20px;
    }

    .div-center-dashboard {
        max-width: 100%;
        margin: auto;
    }

    .int_rep_summary {
        max-height: 400px;
        overflow-y: scroll;
        border: 3px solid grey;
        border-radius: 10px;
        box-shadow: 0px 0px 9px gray;
        width: 90%;
        margin: auto;
    }

    .int_rep_form {
        max-height: 800px;
        /* overflow-y: scroll;  */
        border: 3px solid grey;
        border-radius: 10px;
        box-shadow: 0px 0px 9px gray;
        width: 100%;
        margin: auto;
    }

    /* This changes the font end display for FEs*/
    .front-end {
        width: 90%;
        margin: auto;
    }

    .pmt-details-div {
        width: 90%;
        margin: auto;
    }
    .cust_hist_div {
        font-size: x-small;
    }
    /* This changes the font end display for FEs*/
}

#fe_int_report_search,
#fesearchform {
    width: 30%;
    padding: 20px;
    border: 3px;
    border-radius: 20px;
    box-shadow: 0px 0px 9px black;
    margin: auto;
    margin-bottom: 100px;
}

#fe_int_report_wrapper,
#fesearchform_wrapper {
    margin-bottom: 10%;
}

/* Media query for small screens */

@media (max-width: 576px) {
    #fe_int_report_search,
    #fesearchform {
        width: 90%;
        padding: 20px;
        border: 3px;
        border-radius: 20px;
        box-shadow: 0px 0px 9px black;
        margin: auto;
    }

    #fe_int_report_wrapper {
        margin-bottom: 30%;
    }
}