body {
    font-family: 'Roboto', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
}

.btmbdr {
    cursor: pointer;
}


.tblResult1 input[type=text]:not(.form-control), .tblResult input[type=password]:not(.form-control), .tblResult input[type=button]:not(.form-control), .tblResult select:not(.form-control), .tblResult textarea:not(.form-control) {
    padding: 3px 5px;
    border: 1px solid #6dd6cc75;
    background: #ffffff3d;
    color: #009688;
    width: 100%;
    line-height: 17px;
    height: 25px !important;
    border-radius: 4px;
}

.tblResult {
    width: calc(100% - 10px);
    border-right: 0px solid #def1df;
}

    .tblResult td {
        border: 1px solid var(--theme-border-grid-td);
        padding: 2px 5px;
        white-space: nowrap;
        vertical-align: middle;
    }

    /*.tblResult td:last-child {
            border-right: 1px solid var(--theme-border-grid-td);
        }*/

    .tblResult th.isActionCell {
        border-right: 1px solid #848181;
        min-width: 50px;
        max-width: 100px;
        width: 100px !important;
    }

/*.tblResult td:last-child:not(:first-child) {
        min-width: 20px;
        max-width: 80px;
        width: 80px !important;
    }*/




.tdlabel {
    display: none;
}

@media (min-width:768px) {
    .btnOpenMobSearch, .filterheader {
        display: none;
    }
}

@media (max-width:767px) {
    .chkClass:after, .tblResult > thead > tr > th.chkClass:after, .chkClass1:after, .tblResult > thead > tr > th.chkClass1:after {
        /*top: 9px !important;*/
    }


    ._btnGrdGrid, ._btnGrdList {
        display: none !important;
    }

    .mdl {
        flex-direction: column;
    }

        .mdl .tblResult {
            border: 0;
        }

            .mdl .tblResult thead {
                display: none;
            }

            .mdl .tblResult > tbody {
            }

                .mdl .tblResult > tbody > tr:nth-child(1) {
                    margin-top: 0 !important;
                }

                /*#tblResult > tr:nth-child(1), #tblResult1 > tr:nth-child(1), #tblResult2 > tr:nth-child(1), #tblResult3 > tr:nth-child(1), #tblResult9 > tr:nth-child(1), #tblResult10 > tr:nth-child(1) */
                .mdl .tblResult > tbody .rwOpenMobSearch {
                    /*display: none !important;*/
                    position: fixed;
                    margin: auto;
                    max-height: 80vh;
                    /*-webkit-transform: translate3d(0%, 0, 0);
                    -moz-transform: translate3d(0%, 0, 0);
                    -o-transform: translate3d(0%, 0, 0);
                    transform: translate3d(0%, 0, 0);*/
                    left: 0;
                    right: 0;
                    bottom: -100%;
                    padding: 0;
                    z-index: 9999;
                    overflow: auto;
                    border-radius: 0;
                    /*-webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
                    -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
                    -ms-transition: opacity 0.3s linear, bottom 0.3s ease-out;
                    -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
                    transition: opacity 0.3s linear, bottom 0.3s ease-out;*/
                }

    .btnOpenMobSearch {
        border: 0;
        position: fixed;
        bottom: 5px;
        right: 5px;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        font-size: 25px;
    }

    .filterheader {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .btnCloseMobSearch {
        line-height: 0.5;
        border: 0;
        background: transparent;
        font-size: 35px;
        margin-left: 10px;
    }

    .mdl .tblResult > tbody .rwOpenMobSearch.show {
        bottom: 0;
    }

        .mdl .tblResult > tbody .rwOpenMobSearch.show:before {
            content: "";
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            overflow: hidden;
            background-color: rgba(0,0,0,.5);
            transition: opacity .15s linear;
        }

        .mdl .tblResult > tbody .rwOpenMobSearch.show td {
            padding: 5px 15px;
        }

    .mdl .tblResult > tbody .rwOpenMobSearch .advSearch .textbox {
        border: 1px solid #ddd !important;
    }

    .mdl .tblResult > tbody .rwOpenMobSearch.show .btnOpenMobSearch {
        display: none;
    }

    .mdl .tblResult > tbody > tr {
        position: relative;
        line-height: normal;
        padding: 50px 15px 15px;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 0 10px rgb(0 0 0 / 20%) !important;
        display: block;
        overflow: hidden;
    }

        .mdl .tblResult > tbody > tr.trheader {
            background: #6693b8 !important;
            color: #fff;
            padding: 15px;
        }

            .mdl .tblResult > tbody > tr.trheader td {
                background: #6693b8 !important;
                color: #fff;
                font-size: 1.1rem;
                font-weight: 600;
            }

        .mdl .tblResult > tbody > tr.trtotal {
            background: #f5f5f5 !important;
            color: #000;
            padding: 15px;
            display: flex;
            justify-content: space-between;
        }

            .mdl .tblResult > tbody > tr.trtotal td {
                background: #f5f5f5 !important;
                color: #000;
                font-size: 1rem;
                font-weight: 600;
            }

        .mdl .tblResult > tbody > tr:not(.rowShow) {
            margin-top: 15px;
        }

            .mdl .tblResult > tbody > tr:not(.rowShow) > td.srno {
                position: absolute;
                top: 0;
                left: 0;
                width: 40px !important;
                height: 40px;
                background: var(--theme-bg-sub-menu) !important;
                border-radius: 10px 0 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 500;
            }

            .mdl .tblResult > tbody > tr:not(.rowShow) > td.chkClass,
            .mdl .tblResult > tbody > tr:not(.rowShow) > td.chkClass1 {
                position: absolute;
                top: 5px;
                right: 10px;
                width: 40px !important;
                height: 40px !important;
                background: #eee !important;
                border-radius: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 500;
            }

        .mdl .tblResult > tbody > tr > td {
            display: block;
            padding: 2px 0;
            border: 0 !important;
            text-align: left !important;
            background: #fff;
            white-space: initial;
        }

            .mdl .tblResult > tbody > tr > td .tdlabel {
                display: inline-block !important;
                margin: 0;
                color: #000;
                font-weight: 600;
                margin-right: 3px;
            }

            .mdl .tblResult > tbody > tr > td > span {
                position: relative;
                padding-left: 10px;
            }

                .mdl .tblResult > tbody > tr > td > span:before {
                    content: ":";
                    position: absolute;
                    left: 0;
                    top: 0;
                }
            /*.mdl .tblResult > tbody > tr > td .tdlabel:after {
                    content: ":";
                    margin: 0 5px;
                }*/

            .mdl .tblResult > tbody > tr > td a {
                padding: 5px 10px;
            }

                .mdl .tblResult > tbody > tr > td a i + span.hide {
                    display: inline-block !important;
                }

        .mdl .tblResult > tbody > tr .tdaction {
            margin-top: 10px;
            opacity: 1;
            width: 100%;
            display: flex;
            padding: 0;
            /*border: 1px solid #e4e6eb;
        box-shadow: 0 2px 10px rgba(0,0,0,.2);*/
        }

            .mdl .tblResult > tbody > tr .tdaction a,
            .mdl .tblResult > tbody > tr .tdaction button {
                /*flex: 1;*/
                padding: 6px 12px !important;
                margin-right: 5px;
                height: auto !important;
                line-height: normal;
                outline: 0 !important;
                border: 0 !important;
            }

                .mdl .tblResult > tbody > tr .tdaction a i + span,
                .mdl .tblResult > tbody > tr .tdaction button i + span {
                    display: block !important;
                    margin-left: 6px;
                }

    .mdl .tblResult .rowShow {
        padding: 0 !important;
        position: relative;
    }

        .mdl .tblResult .rowShow:before {
            content: "";
            display: block;
            background: #FEFFAF;
            height: 16px;
            position: absolute;
            top: -16px;
            width: 100%;
        }

        .mdl .tblResult .rowShow:after {
            content: "\f045";
            font-family: Material Design Icons;
            width: 40px;
            height: 40px;
            position: absolute;
            left: 10px;
            top: -15px;
            z-index: 999999999;
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #d6e9c6;
            font-size: 1.2rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
        }

    .mdl .tblResult .blankrow {
        overflow: hidden;
        padding: 0 !important;
        border-radius: 0 0 15px 15px;
        background-color: #f9f9f3 !important;
    }

        .mdl .tblResult .blankrow table {
            border: 0 !important;
            margin: 0;
            width: 100%;
        }

            .mdl .tblResult .blankrow table tbody {
                /*border-top: 1px solid #ddd !important;*/
                padding: 0;
                display: block;
            }

                .mdl .tblResult .blankrow table tbody tr {
                    display: block;
                    margin: 10px 0 10px 10px;
                    padding: 10px 10px 10px 80px;
                    border-radius: 100px 0 0 100px;
                    border: 1px solid #f3cf86;
                    border-right: 0 !important;
                    background-color: #fff !important;
                    position: relative;
                }
                    /*.mdl .tblResult .blankrow table tbody tr:nth-child(odd){
        background-color:#f5f5f5;                     
    }
    .mdl .tblResult .blankrow table tbody tr:nth-child(odd) td{
        background:transparent!important;
    }*/

                    .mdl .tblResult .blankrow table tbody tr td {
                        display: block;
                        padding: 2px 0;
                        border: 0 !important;
                        text-align: left !important;
                        background: #fff !important;
                    }

                        .mdl .tblResult .blankrow table tbody tr td:nth-child(1) {
                            position: absolute;
                            top: 50%;
                            left: 20px;
                            bottom: 0;
                            width: 40px;
                            height: 40px;
                            margin-top: -20px;
                            background: #f3cf86 !important;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-weight: 500;
                            font-size: 14px;
                            border-radius: 100%;
                        }


        .mdl .tblResult .blankrow ._BoxRow {
            padding: 30px 0 0 10px;
        }

            .mdl .tblResult .blankrow ._BoxRow ._UserHeader {
                display: flex;
                flex-wrap: wrap;
                overflow: auto;
            }

                .mdl .tblResult .blankrow ._BoxRow ._UserHeader > a {
                    margin: 5px;
                    flex: 0 0 auto;
                    display: flex;
                    text-align: center;
                    border: 1px solid #008000;
                    flex-wrap: wrap;
                    white-space: nowrap;
                    border-radius: 5px;
                    background: #fff;
                }

            .mdl .tblResult .blankrow ._BoxRow ._UserLeft {
                display: block;
                margin: 10px 0 10px 0px;
                padding: 10px 0 10px 15px;
                border-radius: 15px 0 0 15px;
                border: 1px solid #f3cf86;
                border-right: 0 !important;
                background-color: #fff !important;
                position: relative;
                box-shadow: none;
                float: none;
                width: 100%;
                max-width: 100%;
            }

                .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserHeading {
                    display: block;
                    height: auto;
                    padding: 10px 15px;
                    position: relative;
                    top: -10px;
                    left: -15px;
                    right: -15px;
                    width: calc(100% + 20px);
                    /*background: #f9f9f9;*/
                    border-width: 1px;
                }

                    .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserHeading > span {
                        display: block !important;
                        padding: 0;
                    }

                        .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserHeading > span:first-child {
                        }

                            .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserHeading > span:first-child > span {
                                font-weight: 600;
                                font-size: 1rem;
                                color: #000;
                                white-space: normal !important;
                                padding: 0;
                                display: block;
                            }

                                .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserHeading > span:first-child > span [id*=spnTeacher] {
                                    color: #ff0000;
                                }

                    .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserHeading span:after {
                        display: none !important
                    }

                .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserContent {
                    padding: 0;
                }

                    .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserContent ._oiList {
                        padding: 0;
                        margin: 0px;
                    }

                        .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserContent ._oiList li {
                            display: block !important;
                            border: 0;
                            padding: 2px 0;
                            margin: 0;
                            max-width: 100% !important;
                            flex: 0 0 100% !important;
                        }

                            .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserContent ._oiList li label {
                                max-width: 100% !important;
                                flex: 0 0 100% !important;
                                min-width: auto;
                            }

                                .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserContent ._oiList li label:first-child {
                                    display: inline-block !important;
                                    margin: 0;
                                    color: #000;
                                    font-weight: 600;
                                }

                .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserFooter {
                    display: block;
                    height: auto;
                    padding: 10px;
                    position: relative;
                    bottom: -10px;
                    left: -15px;
                    right: -15px;
                    width: calc(100% + 20px);
                    background: #f9f9f9;
                    border-width: 1px;
                }

                    .mdl .tblResult .blankrow ._BoxRow ._UserLeft ._UserFooter > a {
                        padding: 5px 10px;
                        margin: 0 !important;
                        display: inline-block;
                    }
}





.grid-responsvie .col-md-3 input {
    width: 100%;
}

.mdl {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.tab-content > .row + .row > .mdl {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
}

.mdl_bdr {
    width: 100%;
    float: left;
    padding: 0px 2px;
     overflow: auto;
}

#divscroll._isGrdList {
    padding: 0px 0px;
    overflow: initial;
}

.textbox {
    border: 1px solid var(--theme-border-grid-txt) !important;
    padding: 2px 5px !important;
    height: 28px;
    width: 100% !important;
}

    .textbox::placeholder {
        color: #def5f7;
        font-style: italic;
        font-size: 13px;
    }

input[type="text"]::placeholder {
    color: #ccc;
    font-style: italic;
    font-size: 12px;
}

.tab-content {
    display: flow-root;
    width: 100%;
}



#GridResult:not(._nt) {
    /* overflow: auto;*/
    clear: both;
    padding: 0 2px 10px;
}
/*.tblResult td:last-child{border-right: 1px solid #def1df;}*/
.tblResult thead th, .tblResult1 tr th {
    border: 1px solid var(--theme-border-grid-th);
    background-color: var(--theme-background);
    color: #fff;
    text-align: left;
    padding: 2px;
    /*padding: 3px 15px 3px 5px;*/
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.tblResult.clsInnertblResult {
    width: 98%;
    margin: 15px auto;
}

    .tblResult.clsInnertblResult th {
        background-color: #6693b8 !important;
        padding: 8px;
        border-right: 1px solid#e4e4e4;
        border-left: 0 none;
        color: #ffffff;
        text-align: center;
    }

    .tblResult.clsInnertblResult tr:first-child td, table.clsInnertblResult tr td {
        background-color: #fff !important;
        border-left: 0 none;
        text-align: left;
        color: #333;
        border-right: 1px solid#e4e4e4;
        font-weight: normal;
        padding: 6px;
    }

.tblResult tr:nth-child(even) {
    background: #fdfffe;
    transition: all 0.3s ease 0s;
}

.tblResult tr:nth-child(odd) {
    background: #ffffff;
    text-align: left !important;
}

input[type=button], input[type=submit] {
    color: #fff;
    transition: all 350ms ease-out 0s;
    cursor: pointer;
    display: inline-block;
    padding: 3px 5px !important;
    border: 1px solid #e77c83;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #e77c83;
    margin: 0 2px 2px 2px;
}

.Header_bottom {
    background: none repeat scroll 0 0 #fff;
    margin-top: 1px;
    width: 100%;
    display: flex;
    text-align: right;
    flex-wrap: wrap;
    justify-content: space-between;
}

    /*.Header_bottom {
    background: none repeat scroll 0 0 #fff;
    margin-top: 1px;
    width: 100%;
    display: flex;
    text-align: right;
    flex-wrap: wrap;
    justify-content: flex-end;
}*/

    .Header_bottom .contain .row {
        margin: 0;
        float: left;
        margin-left: 6px;
    }

.Header_top .contain .row {
    margin: 0;
    float: left;
    margin-left: 6px;
}

.Header_top {
    clear: both;
    padding: 3px 0 0px 0;
    text-align: right;
    width: 100%;
    display: none !important;
}

    .Header_top img {
        width: 20px !important;
    }

.contain_left {
    float: left;
    width: auto;
    text-align: left;
    display: block;
}

.contain_left_bt {
    line-height: 35px;
    display: flex;
    width: auto;
    margin-top: 5px;
    justify-content: flex-start;
}

.contain {
    width: auto;
    float: right;
    border: 0px solid #cccccc;
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: #03A9F4;
    color: #fff;
}

.contain_left {
    background: none repeat scroll 0 0 #fff;
    padding-top: 0;
}

.newest {
    cursor: pointer;
    float: left;
    width: 30px;
    height: 30px;
    border: 0px solid #e6e9ee;
    padding: 0px;
    margin-right: 5px;
    position: relative;
    /*background: url(../images/1.png) no-repeat center;*/
}

    .newest:after {
        content: '\f13d';
        font-family: Material Design Icons;
        position: relative;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

.newer {
    position: relative;
    cursor: pointer;
    float: left;
    border: 0px solid #e6e9ee;
    width: 30px;
    height: 30px;
    padding: 0px;
    /* background: url(../images/2.png) no-repeat center;*/
}

    .newer:after {
        content: '\f141';
        font-family: Material Design Icons;
        position: relative;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

.page_total {
    float: left;
    width: auto;
    height: 30px;
    font: normal 12px verdana;
    border-left: 0px solid #cccccc;
    border-right: 0px solid #cccccc;
    display: flex;
    align-items: center;
}

.older {
    position: relative;
    cursor: pointer;
    float: left;
    border: 0px solid #e6e9ee;
    width: 30px;
    height: 30px;
    padding: 0px;
    margin-right: 5px;
    /* background: url(../images/3.png) no-repeat center;*/
}

    .older:after {
        content: '\f142';
        font-family: Material Design Icons;
        position: relative;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

.oldest {
    position: relative;
    cursor: pointer;
    float: left;
    border: 0px solid #e6e9ee;
    width: 30px;
    height: 30px;
    padding: 0px;
    /*background: url(../images/4.png) no-repeat center;*/
}

    .oldest:after {
        content: '\f13e';
        font-family: Material Design Icons;
        position: relative;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

.tblResult tr th, .tblResult thead th, .tblResult1 tr th {
    /*  background-image: url(../images/caret-arrow-up.png);*/
    background-size: 14px;
    background-repeat: no-repeat;
    white-space: nowrap;
    background-position: 100% center;
    padding-left: 5px;
}

    .tblResult tr th.ascending {
        /*   background-image: url(../images/caret-arrow-up1.png) !important;*/
        background-repeat: no-repeat;
        background-position: 100% 10px;
    }


.displaycss {
    background-color: #ffffff;
    font: normal 15px calibri;
}

.rowcss {
    background-color: #F7F5F5;
    display: none;
}

.tablecss {
    background-color: #ffffff;
}

.plusClass {
    background-image: url(../images/plus.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.plusClass1 {
    background-image: url(../images/minus.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

tr.yellow td {
    background: #FEFFAF !important;
    color: #333333;
}

.yellow {
    background: #FEFFAF !important;
    color: #333333;
}

/*.rowShow tr:first-child td {
    background-color: #6693b8 !important;
    border-left: 0 none;
    color: #ffffff;
    text-align: center;
}

.rowShow tr:first-child td {
    border-left: 1px solid #09c1b0;
    background-color: #009688;
    color: #fff;
    text-align: left;
    padding: 6px 15px 6px 5px;
    font-size: 12px;
    font-weight: 500;
}*/
/*
.rowShow table {
    width: 100%;
}

.rowShow tr:first-child td {
    background-color: #009587 !important;
    border-left: 0 none;
    color: #ffffff;
    text-align: center;
}*/
/*
.rowShow tr:first-child th {
    background-color: #6693b8 !important;
    border-left: 0 none;
    color: #ffffff;
    text-align: center;
    padding: 6px 5px;
}

.rowShow tr:first-child th {
    border-right: 1px solid#ccc;
}
*/
.rowHide {
    display: none !important;
}

.rowShow {
    display: table-cell;
}

.btmbdr td {
    padding: 4px 6px;
}

.txt1, .of {
    border: 0 solid;
    float: left;
    font-size: 15px;
    font-weight: 500;
    padding: 3px;
    text-align: center;
    width: auto;
}

.txtb {
    text-align: center;
    padding: 5px !important;
    width: 49px !important;
    border: 0px solid #e6e9ee;
    background: transparent;
    color: #fff;
    font-weight: 500;
}

.blankrow {
    padding: 10px 10px !important;
}

.tolds {
    width: 80px;
    float: right;
    margin-right: 0px;
    margin-bottom: 3px;
    position: relative;
}

#totalCount {
    line-height: 10px;
    padding: 7px 10px;
    font-weight: 600;
    padding-left: 0;
    color: #666;
}

    #totalCount > i {
        margin-right: 5px;
    }

.tblResult1 thead tr:first-child td {
    border-left: 1px solid #27a4b0;
    background-color: #27a4b0;
    color: #fff;
    text-align: left;
    padding: 6px 5px;
    font-size: 12px;
    font-weight: 500;
}

.tblResult1.clsInnertblResult {
    width: 95%;
    margin: 21px auto;
}

    .tblResult1.clsInnertblResult th {
        background-color: #6693b8 !important;
        padding: 8px;
        border-right: 1px solid#e4e4e4;
        border-left: 0 none;
        color: #ffffff;
        text-align: center;
    }

    .tblResult1.clsInnertblResult tr:first-child td, table.clsInnertblResult tr td {
        background-color: #fff !important;
        border-left: 1px solid #6dd6cc75;
        text-align: left;
        color: #333;
        border-right: 1px solid #6dd6cc75 !important;
        border-bottom: 1px solid #6dd6cc75 !important;
        font-weight: normal;
        padding: 2px 5px;
    }

        .tblResult1.clsInnertblResult tr:first-child td:first-child, table.clsInnertblResult tr td:first-child {
        }

        .tblResult1.clsInnertblResult tr:first-child td:last-child, table.clsInnertblResult tr td:last-child {
            border-right: 0px;
        }

.tblResult1 tr:nth-child(even) {
    background: #fdfffe;
    transition: all 0.3s ease 0s;
}

.tblResult1 tr:nth-child(odd) {
    background: #ffffff;
    text-align: left !important;
}

.tblResult1 tr:first-child { /*background: #01c0c8;*/
    text-align: left !important;
}

.tblResult1 input[type=text]:not(.form-control), .tblResult input[type=password]:not(.form-control), .tblResult input[type=button]:not(.form-control), .tblResult select:not(.form-control), .tblResult textarea:not(.form-control) {
    padding: 2px 5px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #ffffff;
    color: #666;
    width: 100%;
    line-height: 17px;
    height: 24px !important;
    outline: none !important;
}

    .tblResult1 input[type=text]:not(.form-control):focus,
    .tblResult input[type=password]:not(.form-control):focus,
    .tblResult input[type=button]:not(.form-control):focus,
    .tblResult select:not(.form-control):focus,
    .tblResult textarea:not(.form-control):focus {
        background: #5fe2d729;
    }

.tblResult1 {
    width: 100%;
    border-right: 1px solid #def1df;
}

    .tblResult1 td {
        border-left: 1px solid #def1df;
        border-bottom: 1px solid #def1df !important;
        padding: 2px 5px;
        font-size: 13px;
        border-width: 1px;
        white-space: nowrap;
    }

/*.wrapper #divscroll{overflow:auto;}*/
.divscroll {
    padding: 0 1px;
}

.clsExpandRow {
    float: right;
}

a.btn-edit {
    color: #09a52b;
}

a.btn-delete {
    color: red;
}

a.btn-deactivate {
    color: #0006f9;
}

a.btn-disapprove {
    color: #0005DF;
}

.Header_top, .mdl .wrapper {
    max-width: 100%;
    flex: 1 0 100%;
}
/*.tblResult td:last-child{
    max-width: 100px;
}*/
.tblResult.IsActionButton tr th:last-child {
    /* width: 100px !important;
    max-width: 100px;*/
    min-width: 60px;
    text-align: center;
}

.tblResult td.advSearch {
    border-top: 0;
}

.clsTr {
    text-align: left;
    padding: 5px 10px;
    clear: both;
    width: 100%;
    max-width: 100%;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.clsTd {
    display: flex;
    align-items: flex-start;
    line-height: 22px;
}

    .clsTd > span {
        margin-right: 15px;
    }

    .clsTd > label {
        margin: 0;
        font-size: 13px;
        line-height: 22px;
        display: flex;
        align-items: center;
        font-weight: 500;
        letter-spacing: 0.1px;
        color: #03a9f4;
        margin-right: 3px;
        user-select: none;
    }

    .clsTd > span {
        font-size: 14px;
        font-weight: 400;
        padding: 0 0 0 6px;
    }

.clsTr {
    margin-bottom: 10px;
}

    .clsTr:first-child {
        margin-top: 5px;
    }

.content_center {
    width: auto;
    display: flex;
    min-height: 30px;
    align-items: center;
    margin-left: 3px;
}

    .content_center > button {
        text-align: center;
        justify-content: center;
        vertical-align: middle;
        text-transform: none;
        padding: 2px 4px;
        border: none;
        border-radius: 2px;
        text-shadow: none;
        font-size: 14px;
        line-height: 10px;
        font-weight: 400;
        white-space: nowrap;
        min-width: 30px;
        transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
        display: inline-flex;
        height: 18px;
        align-items: center;
        background: var(--theme-background);
        cursor: pointer;
        color: #fff;
    }

#totalCounttblResult3 {
    padding-left: 10px;
}

.content_center > button:not(:last-child) {
    margin-right: 5px;
}

.content_center > button:hover, .content_center > button.active {
    background: #09a52b;
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.2), 0 3px 4px 0 rgba(0,0,0,.14), 0 1px 8px 0 rgba(0,0,0,.12);
}


.clsTr:hover {
    background: #ddd6;
    box-shadow: 0 0 13px -3px #ababab3b;
}

a._isAB, a._lnkBtn {
    display: inline-flex;
    height: 22px;
    align-items: center;
}

a._lnkBtn, a._isAB {
    color: #666;
    text-align: center;
    justify-content: center;
    vertical-align: middle;
    text-transform: none;
    padding: 2px 6px;
    border: none;
    border-radius: 2px;
    text-shadow: none;
    font-size: 15px;
    line-height: 10px;
    font-weight: 400;
    white-space: nowrap;
    min-width: 30px;
    text-transform: capitalize;
    transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
}

    .tblResult tbody tr td:last-child a:not(:last-child), a._lnkBtn:not(:last-child), a._isAB:not(:last-child) {
        margin-right: 5px;
    }

    a._isAB.btnPrint, .btnPrint {
        background: #2196f3;
        color: #fff;
    }

    a._isAB.btn-select, .btn-select {
        background: #0097a7;
        color: #fff;
    }

    a._isAB.btn-active, .btn-active {
        background: #f56600;
        color: #fff;
    }

    a._isAB.btn-edit, .btn-edit {
        background: #f8b32d;
        color: #fff;
    }

    a._isAB.btn-deactivate, .btn-deactivate {
        background: #7cb342;
        color: #fff;
    }


    a._isAB.btnDel, .btnDel {
        background: #ff0000;
        color: #fff;
        border: 0px;
    }

    a._isAB.btnProductDesc, .btnProductDesc {
        background: #ed9200;
        color: #fff;
    }

    a._isAB.btnPricription, .btnPricription {
        background: #ff5722;
        color: #fff;
    }

    a._isAB.btnNotes, .btnNotes {
        background: #673ab7;
        color: #fff;
    }

    a._isAB.btnView, .btnView {
        background: #e7368d;
        color: #fff;
    }

    a._isAB:hover {
        box-shadow: 0 3px 3px -2px rgba(0,0,0,.2), 0 3px 4px 0 rgba(0,0,0,.14), 0 1px 8px 0 rgba(0,0,0,.12);
    }

.tblResult > thead > tr > th:not(._isActionButton) {
    cursor: pointer;
    position: relative;
    padding-right: 10px;
    background-image: none !important;
    height: 30px !important;
    text-transform: capitalize;
    /*  font-size:11px;*/
    background: #fff;
}

.tblResult > thead > tr > th._sNo {
    padding-right: 5px;
}

.tblResult > thead > tr > th:not(._isActionButton):after, .tblResult > thead > tr > th:not(._isActionButton):before {
    display: block;
    opacity: 0.8;
    position: absolute;
    font-family: "Material Design Icons";
    font-size: 12px;
    line-height: 18px;
    right: -1px;
    color: var(--theme-bg-menu);
}

.tblResult > thead > tr > th:not(._isActionButton):after {
    content: '\f35d';
    bottom: -2px;
}

.tblResult > thead > tr > th:not(._isActionButton):before {
    content: '\f360';
    top: -2px;
}

.tblResult > thead > tr > th._sNo:after, .tblResult > thead > tr > th._sNo:before {
    display: none;
}

.tblResult > thead > tr > th.ascending:not(._isActionButton):after, .tblResult > thead > tr > th.desending:not(._isActionButton):before {
    opacity: 1;
}

.tblResult > thead > tr > th, .tblResult > thead > tr > th.ascending, .tblResult > thead > tr > th.desending {
    background-image: none !important;
}

.tblResult._iSsNo tr td:first-child {
    text-align: right !important;
}

#totalCount {
    line-height: 10px;
    padding: 7px 10px;
    padding-left: 20px;
    position: relative;
    font-weight: 600;
    background-color: #B3E5FC;
    color: #006796;
    font-size: 12px;
}

    #totalCount > .mdi {
        position: absolute;
        left: 2px;
        font-size: 16px;
    }

@media (min-width: 992px) {
    .clsTr {
        display: flex;
        flex-wrap: wrap;
    }

    /*.clsTr .clsTd {
                    max-width: 25%;
                    flex: 1 0 25%;
                }*/
}

@media (min-width: 1100px) {
    .clsTr {
        display: flex;
        flex-wrap: wrap;
    }
    /*.clsTr .clsTd {
            max-width: 25%;
            flex: 1 0 25%;
        }*/
}

.setupclass {
    max-width: 100%;
    flex: 1 0 100%;
}

._0data {
    min-height: 180px;
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    user-select: none;
    box-shadow: 0 0 0 2px var(--theme-bg-menu);
    margin: 5px;
    border-radius: 3px;
}

._1data {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 100px;
    height: 100px;
}

    ._1data > i.mdi {
        font-size: 100px;
        color: #ddd;
    }

    ._1data > svg {
        width: 80px;
        height: 80px;
        fill: var(--theme-color);
    }

._3data {
    display: flex;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: var(--theme-color);
    font-weight: 500;
}

._4data {
    font-weight: 500;
    text-transform: capitalize;
    color: var(--theme-color);
}

.contain {
    background: transparent !important;
    color: #757575 !important;
}

.txtb {
    border: 2px solid #64798f1f !important;
    background: transparent !important;
    color: #757575 !important;
    height: 25px;
    border-radius: 2px;
}

a._lnkBtn {
    background: var(--theme-bg-menu) !important;
    color: var(--theme-color);
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    a._lnkBtn:hover {
        background: transparent !important;
        color: var(--theme-color);
    }

    a._lnkBtn._ttl {
        background: #131313;
        color: #fff;
    }

    a._lnkBtn > span, a._isAB > span {
        font-size: 13px;
    }

._srtNon tr th::after,
._srtNon tr th::before {
    display: none !important;
}

.tblResult.noAssDes > thead > tr > th:not(._isActionButton):after,
.tblResult.noAssDes > thead > tr > th:not(._isActionButton):before {
    display: none;
}

.tblResult.noAssDes > thead > tr > th {
    padding-right: 7px !important;
}

.chkClass,
.chkClass1 {
    position: relative;
    width: 30px !important;
}

    .chkClass:after,
    .tblResult > thead > tr > th.chkClass:after,
    .chkClass1:after,
    .tblResult > thead > tr > th.chkClass1:after {
        content: '\f131';
        font-family: "Material Design Icons";
        font-size: 24px;
        display: block;
        margin: 0 auto;
        text-align: center;
        line-height: 21px;
        color: var(--theme-background);
        cursor: pointer;
        position: absolute;
        top: 4px;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        opacity: 1;
    }

    .chkClass1:after,
    .tblResult > thead > tr > th.chkClass1:after {
        content: '\f132';
        color: var(--theme-color);
    }

    .chkClass:before,
    .chkClass1:before {
        display: none !important;
    }

.tblResult > thead > tr > th.chkClass:after,
.tblResult > thead > tr > th.chkClass1:after {
    /* color: #fff;*/
    opacity: 1;
}

.tblResult td > [type="checkbox"]:not(:checked) + label,
.tblResult td > [type="checkbox"]:checked + label {
    padding-left: 0;
    margin: 0;
}

.tblResult td.td-input {
    padding: 0px;
}

    .tblResult td.td-input > input[type="number"],
    .tblResult td.td-input > input[type="time"],
    .tblResult td.td-input > input[type="text"] {
        height: 30px;
        border-color: transparent;
        border-radius: 0;
    }

        .tblResult td.td-input:hover > input[type="number"],
        .tblResult td.td-input > input[type="number"]:focus,
        .tblResult td.td-input:hover > input[type="text"],
        .tblResult td.td-input > input[type="text"]:focus,
        .tblResult td.td-input:hover > input[type="time"],
        .tblResult td.td-input > input[type="time"]:focus,
        .tblResult td.isSibSelect:hover > select,
        .tblResult td.isSibSelect > select:focus {
            border-color: #03A9F4;
        }

.tblResult td.isSibSelect {
    padding: 0px;
}

    .tblResult td.isSibSelect > select {
        border-color: transparent;
        height: 30px !important;
        padding-right: 15px;
        border-radius: 0px;
    }

.tblResult td > .btn {
    margin: 0 !important;
    color: white;
}

.tblResult td .badge {
    margin: 3px;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 8px;
    text-transform: capitalize;
}


@media (max-width: 767px) {
    .mdl .clsColorBorder td {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        height: 11px;
        background: var(--theme-background);
        border-top-left-radius: 17px;
        border-top-right-radius: 17px;
    }

    .mdl .tblManualResult {
        width: 100%;
        padding: 50px 15px 15px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgb(0 0 0 / 20%) !important;
    }

    .tblManualResult {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

        .tblManualResult tr td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }

    .mdl .tblManualResult > tbody > tr {
        position: relative;
        line-height: normal;
        /* padding: 50px 15px 15px; */
        border-radius: 10px;
        background: #fff;
        /* box-shadow: 0 0 10px rgb(0 0 0 / 20%) !important; */
        display: block;
        overflow: hidden;
    }

        .mdl .tblManualResult > tbody > tr:nth-child(1) {
            margin-top: 0 !important;
        }



        .mdl .tblManualResult > tbody > tr > td {
            display: block;
            padding: 2px 13px;
            border: 0 !important;
            text-align: left !important;
            background: #fff !important;
            white-space: initial;
        }

        .mdl .tblManualResult > tbody > tr:not(.rowShow) > td.chkClass, .mdl .tblManualResult > tbody > tr:not(.rowShow) > td.chkClass1 {
            position: absolute;
            top: 5px;
            right: 10px;
            width: 40px !important;
            height: 40px !important;
            background: #eee !important;
            border-radius: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 500;
        }

        .mdl .tblManualResult > tbody > tr:nth-child(1) {
            margin-top: 0 !important;
            background: var(--theme-background) !important;
        }

        .mdl .tblManualResult > tbody > tr:not(.rowShow) > td.srno {
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            background: #eee !important;
            border-radius: 10px 0 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 500;
        }
}