/* HIS Terms & Condition */

.histnc.feereprow>li:nth-child(1) {
    width: 5% !important;
}

.histnc.feereprow>li:nth-child(2) {
    text-align: left;
    padding-left: 5px;
    width: 20%;
}

.histnc.feereprow.headrow>li {
    text-align: center !important;
}

/*Overriding Jquery CSS*/

.ui-content {
    background-color: white;
}

.ui-loader {
    top: 200px !important;
}

.fee_receipt_pages .ui-panel-content-wrap.ui-body-a.ui-panel-animate.ui-panel-content-wrap-closed {
    border: transparent;
}

.hidden {
    display: none;
}

.feesearchstudentdiv {
    margin: 0 10%;
}

.feedetailstableheaderdiv {
    margin: 10px 10px 0 10px;
    text-align: center;
}

.feedetailstablebodydiv {
    margin: 0px 10px 10px 10px;
    text-align: center;
}

ul.feereprow {
    padding: 0;
    margin: 0;
    display: flex;
}

li.feerepcell {
    display: inline-block;
    width: 20%;
    border-right: 1px solid #CCC;
    text-align: center;
    padding: 3px 0;
    min-height: 26px;
    vertical-align: top;
    border-top: 1px solid #CCC;
    font-size: 16px;
}

li.feerepcell:first-child {
    border-left: 1px solid #CCC;
}

li.feerepcell:last-child {
    border-right: 1px solid #CCC;
}

.feedetailstablebodydiv ul.feereprow:last-child li.feerepcell {
    border-bottom: 1px solid #CCC;
}

li.feerepcell:nth-child(2) {
    width: 39%;
}

li.feerepcell.nocurrentduecol {
    width: 10%;
}

li.feerepcell input[type="text"] {
    width: 90%;
    background-color: #FAFAFA;
    font-size: 16px;
}

.ui-grid-a.ui-responsive.feereceiptfineamountdiv {
    margin-bottom: 15px;
    margin-left: 50%;
    margin-top: 20px;
    width: 50%;
}

.ui-grid-b.ui-responsive.chequeordd_details.hidden {
    margin: 15px 0;
}

li.feerepcell.nocurrentduecol.description {
    width: 36%;
}

ul.feereprow.grouprow>li {
    background-color: #eaeaea;
    font-weight: bold;
}

#payugatewaysubmitform {
    margin: 0 auto;
    width: 15%;
}

.oldfeereceiptno:hover {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.pay_now_btn_cls {
    background-color: #F99B20;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    padding: 3px 25px;
    text-decoration: none;
    /* text-shadow: 0 1px 0 #2f6627; */
    text-transform: uppercase;
    margin-top: 10px;
    text-shadow: none;
    font-weight: 500;
}

.pay_now_btn_cls:hover {
    background-color: rgba(255, 165, 0, 0.69);
    /* border: 1px solid #18ab29; */
}

.pay_now_btn_cls:active {
    position: relative;
    top: 1px;
}

ul.feereprow.totalfeeamntrow .feerepcell {
    background-color: #ABABAB;
    color: white;
    text-shadow: none;
    padding: 5px 0;
    font-size: 18px;
}

@media all and (max-width:40em) {
    li.feerepcell {
        width: 25%;
    }
    li.feerepcell:nth-child(1) {
        width: 10%;
    }
    li.feerepcell:nth-child(2) {
        width: 23%;
    }
    li.feerepcell {
        min-height: 30px;
    }
}


/* United Internation School Fee Invoice CSS **/

.schlogo {
    float: left;
    /* width: 5%; */
}

.imglogo {
    height: 100px;
}

span.schname {
    font-size: 20pt;
    font-weight: bold;
}

.stdivleft {
    float: left;
    width: 48%;
    text-align: left;
}

.stdivright {
    float: right;
    width: 48%;
    text-align: left;
}

.stdetailsouterdiv {
    width: 100%;
    margin-left: 10%;
}

.staddress {
    text-align: left;
    margin-left: 10%;
    font-size: 10pt;
    display: block;
    clear: both;
}

.feeinvcondition {
    text-align: left;
}

.feeinvcondition li {
    list-style: none;
}

.strow {
    padding: 3px;
}

.strow .stlabel, .staddress .stlabel {
    font-size: 10pt;
    font-weight: bold;
}

.strow .stvalue, .staddress .stvalue {
    font-size: 10pt;
}

.clearfix {
    clear: both;
}

@media print {
    .div_module_heading, .section_module_menu_1 {
        display: none;
    }
}

.feeAccountGroups {
    margin-bottom: 25px;
    display: none;
}

.TandCDiv_atom {
    margin: 15px;
    border: 1px solid #ABABAB;
    border-radius: 5px;
    padding: 10px;
    background-color: #fefefe;
}

.hidden {
    display: none;
}

.installmentdiv>div {
    display: inline-block;
    width: 20%;
}

/* Fee Challan */

.feechallandiv {
    display: none;
}

/* End of Fee Challan 8?


/** TERMS AND CONDITIONS css for DAV **/

.tandcontent.EM5030 .main_heading {
    text-align: center;
}

.tandcontent.EM5030 .sub_heading {
    font-weight: bold;
    font-size: 12pt;
}

.tandcontent.EM5030 .sub_heading_point {
    padding: 5px;
}

/** END OF TERMS AND CONDITIONS css for DAV **/

/** CSS adjustments for React native mobile app**/

ul.feereprow.feereprow_head.react_native_cls>li {
    width: 100%;
}

ul.feereprow.feereprow_head.react_native_cls>label {
    display: inline;
}

ul.feereprow.feeheadrow.react_native_cls>li {
    width: 100%;
    border-left: 1px solid #757272;
}

ul.feereprow.feereprow_head.react_native_cls>.feerepcell.hidden {
    display: none;
}

.feereprow.react_native_cls {
    padding: 0;
    margin: 0;
    display: block;
    width: 100% !important;
}

ul.feereprow.totalfeeamntrow.react_native_cls>li {
    width: 100%;
}

.feeinvcondition.react_native_cls ul {
    width: 99% !important;
    padding: 0px !important;
    margin: 0px !important;
    display: block !important;
    text-align: center !important;
}

.feeinvcondition.react_native_cls li {
    width: 99% !important;
    padding: 0px !important;
    margin: 0px !important;
    display: block !important;
    text-align: center !important;
    border-left: 1pt solid black;
}

.feeinvcondition.react_native_cls .feereprow {
    display: block !important;
    text-align: center;
}

.feeinvcondition.react_native_cls .histnc.feereprow li {
    width: 100% !important;
}

.stdetailsouterdiv.react_native_cls>div {
    width: 100%;
    margin: 0 auto !important;
    padding: 0px;
    float: none;
    text-align: left;
}

.stdetailsouterdiv.react_native_cls {
    margin: 0px;
}

.staddress.react_native_cls>p {
    text-align: left;
    width: 100%;
}

.staddress.react_native_cls {
    margin: 0px;
}

ul.feereprow.feeheadrow.react_native_cls>li:nth-child(1) {
    text-align: left;
}

.react_native_unselect_feehead {
    background-color: white;
}

.react_native_select_feehead {
    background-color: ivory;
}

/** CSS adjustments for React native mobile app**/

.razorpay-container {
    /*top: -500px !important;*/
}

li.feerepcell.conditions {
    width: 100%;
    padding-top: 15px;
    font-weight: bold;
    color: red;
}

.tandcontent.EM5030 {
    height: 500px !important;
    overflow: auto !important;
    border: 1pt solid black;
}

.headremark {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

span.narration {
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
}

li.feerepcell.firstli.currentdue {
    width: 20% !important;
}

li.feerepcell.currentdue {
    width: 10% !important;
}

li.feerepcell.description.currentdue {
    width: 35.75% !important;
}

#otherfeegroupids {
    margin-top: 3%;
}

body #ConcessionDetails, body #concessionDataParent {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    /* text-align: left; */
    background-color: #fff;
}

#concessionDataParent table {
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    text-shadow: none !important;
}

#concessionDataParent table td, #concessionDataParent table th {
    border: 1px solid black;
    padding: 0.75rem;
}

#concessionDataParent table {
    border-collapse: collapse;
}

tbody#concessionTableTbody>tr>td:nth-child(3), tbody#concessionTableTbody>tr>td:nth-child(4), tbody#concessionTableTbody>tr>td:nth-child(5) {
    text-align: right;
}

.text-right {
    text-align: right;
}

.text-left, .studentsection {
    text-align: left;
}

#concessionDataParent {
    overflow-x: auto;
}

.float-right {
    float: right;
}

#printrpt {
    background-color: #F99B20;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
    cursor: pointer;
}
#concessionDataParent table {
    margin: 0px auto !important;
}


@media print {
    .div_module_heading {
        display: none;
    }
    .section_module_menu_1 {
        display: none;
    }
    #printrpt{
        display: none;
    }
}