/************************************/
.printDropDown {
    min-width: 180px;
}

.dropdown.open .printDropDown {
    max-height: 240px;
}

.resultDropdown {
    background: #fff;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    z-index: 99;
    border: solid thin #ccc;
    display: none;
}


.resultOtherDropdown {
    background: #fff;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    z-index: 99;
    border: solid thin #ccc;
    display: none;
}

.AlignRightinGridlabel {
    text-align: right;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px !important;
    height: 15px;
}


    .switch input {
        display: none;
    }

.sliderBtbn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #999;
    -webkit-transition: .4s;
    transition: .4s;
}

    .sliderBtbn:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 3px;
        bottom: 1px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .sliderBtbn {
    background-color: #16C1C9;
}

input:focus + .sliderBtbn {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .sliderBtbn:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.sliderBtbn.round {
    border-radius: 34px;
}

    .sliderBtbn.round:before {
        border-radius: 50%;
    }

.tab-content {
    width: inherit !important;
}

.ExtremelyBigTable .table-custom-class th {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    -webkit-flex: 1;
    flex: 1;
}

.ExtremelyBigTable .table-custom-class td {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    -webkit-flex: 1;
    flex: 1;
}
/************************************/

#bgDiv {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: Black;
    filter: alpha(opacity=25);
    opacity: 0.5;
    z-index: 999;
}

#Progress {
    top: 45%;
    left: 40%;
    text-align: center;
    position: fixed;
    background-color: transparent;
    width: 300px;
    z-index: 9999;
}


.container {
    width: 100#;
    margin: 0 auto;
}



ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul.tabs li {
        background: none;
        color: #222;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
    }

        ul.tabs li.current {
            background: #ededed;
            color: #222;
        }

.tab-content {
    display: none;
    background: #ededed;
    padding: 0px;
}

    .tab-content.current {
        display: inherit;
    }


.loading {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}
/*#tableDatapagination{float:right;}
            #tableDatapagination .pagination ul li.inactive,
            #tableDatapagination .pagination ul li.inactive:hover{
                background-color:#ededed;
                color:#bababa;
                border:1px solid #bababa;
                cursor: default;
            }
            #tableDatapagination .data ul li{
                list-style: none;
                font-family: verdana;
                margin: 5px 0 5px 0;
                color: #000;
                font-size: 13px;
            }

            #tableDatapagination .pagination{
                width: 466px;
                height: 25px;
                margin-top:10px;
            }
            #tableDatapagination .pagination ul li{
                list-style: none;
                float: left;
                border: 1px solid #0485A3;
                padding: 2px 6px 2px 6px;
                margin: 0 3px 0 3px;
             
                font-size: 12px !important;
                color: #0485A3;
                font-weight: bold;
                background-color: #f2f2f2;
            }
            #tableDatapagination .pagination ul li:hover{
                color: #fff;
                background-color: #0485A3 ;
                cursor: pointer;
            }
			.go_button
			{    padding: 3px 5px;
			background-color:#0485A3;border:1px solid #0485A3;color:#fff;padding:2px 6px 2px 6px;cursor:pointer;margin-top:-1px;
			}
			.total
			{
			float:right;font-family:arial;color:#999;
			}
			.pagination p{float:left;    padding: 0px;  margin: 0px;}
			.innerPagination{margin-top:-1px;}
			.innerPagination ul{margin:0px;}
			.pagedata{ float:left;}
                 #tableDatapagination .pagination ul li.activepage{color:#fff;background-color:#0485A3*/;
}

.clearfix {
    clear: both;
}

.scroller {
    font-size: 13px;
}

.table-custom-class thead tr {
    background: #18aacc;
}

.checkboxbg {
    padding: 13px 10px;
}

.stockbg {
    border-top: 1px solid #ccc;
    padding: 5px 10px;
}

.firststock {
    text-align: left;
    font-size: 14px;
    width: 50%;
    font-weight: bold;
    color: #18aacc
}

.laststock {
    text-align: left;
    font-size: 14px;
    width: 50%;
    font-weight: bold;
    color: #18aacc
}


/*.table-new-custome-class thead tr{display:table-row !important;}
        .table-new-custome-class tbody tr{display:table-row !important;}
        .table-new-custome-class tbody tr td{    white-space: unset;}*/

.table-custom-class thead tr {
    display: table-row !important;
}

.table-custom-class tbody tr {
    display: table-row !important;
}

    .table-custom-class tbody tr td {
        white-space: unset;
    }

.table-custom-class {
    width: 100%;
}



.minwidth250 {
    min-width: 250px;
}

ul.dynatree-container li {
    display: table;
}

ul.dynatree-container a i {
    color: #298698;
    margin-right: 5px;
}

.popupbg {
    width: 40%;
}

.dynatree-container {
    max-height: 400px;
    overflow: auto;
}

.current a {
    color: #298698 !important;
}

.tab-content.current a.btn {
    color: #fff !important;
}

.balanceSet {
    margin-right: 10px;
    border-right: solid thin #a2a2a2;
    padding-right: 10px;
    text-align: right;
}


.tdsStatus {
    background-color: #c4eae4 !important;
}




*, *::after, *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


#mdlHighriseVoucherView .modal-header {
    padding: 10px 15px;
    background: #54c5cb;
    color: #fff;
}

#mdlHighriseVoucherView .close {
    font-size: 28px;
    padding: 10px;
}

#mdlHighriseVoucherView .modal-dialog {
    width: 75%;
}

.modal.fade.slide-right .modal-dialog .modal-content {
    height: auto;
}

.HighriseVoucherViewBox {
    background: #eff2fb;
    border: solid 2px #15a4c6;
    border-radius: 6px;
    margin-bottom: 5px;
}

.HighriseVoucher {
    background: #e5f6ff;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
}

.HighriseVoucherBoxHeader {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    border-bottom: solid thin #e3e3e3;
}

.HighriseVoucherBoxBody {
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 5px;
    border-radius: 6px;
}

    .HighriseVoucherBoxBody [class^="col-md"] {
        border-right: 1px solid #ccc;
    }

    .HighriseVoucherBoxBody h5 {
        margin-bottom: -1px;
        font-size: 14px;
        color: #787878;
        margin-top: 10px;
    }

    .HighriseVoucherBoxBody p {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 7px;
        color: #333;
    }




.HighriseVoucher .HighriseVoucherBoxHeader .HighriseVoucherNo {
    color: #957d32;
    background-color: #fef6dd !important;
    border: dashed thin #957d32;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 8px;
    margin-top: -7px;
    border-radius: 6px;
}

.HighriseVoucherDetails {
    background: #e5f8e7;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
}

.HighriseVoucherPANValidation {
    font-weight: normal !important;
    float: right;
    background: rgba(0,133,120,0.75);
    color: #fff;
    padding: 5px;
    border-radius: 6px;
    margin-top: -4px;
}

.btnHighriseVoucherView {
    cursor: pointer !important;
}

#mdlHighriseVoucherView .modal-dialog {
    min-width: 75%;
}

#mdlHighriseVoucherView .close {
    outline: none;
    border: none;
    background: none;
    top: 20px !important;
}


.box-header {
    border-bottom: solid thin #f0f0f0;
    /*background: #f7f7f7;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;*/
    padding-bottom: 3px;
    display: flex;
    align-items: self-end;
}

    .box-header h4 {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        transform: translateY(-7px);
        margin-left: 8px;
    }

    .box-header a.btnAccording svg {
        /* float: right; */
        display: inline-block;
        color: #444;
        cursor: pointer;
    }

.mr10 {
    margin: 10px;
}

.HighriseVoucher .HighriseVoucherBoxHeader .VoucherStatus {
    color: green;
    background-color: #d8e7d4 !important;
    border: dashed thin green;
    padding: 1px 10px;
    font-size: 14px;
    font-weight: bold;
    /* margin-left: 8px; */
    margin-top: 0px;
    border-radius: 6px;
}

.footer-reconciliation {
    background-color: #fff;
    position: fixed;
    bottom: 14px;
    right: 11px;
    left: 40px;
    transform: translate(10px, 10px);
    z-index: 9999 !important;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

*, *::after, *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.total-tds-deducted {
    background-color: #18AACC;
    color: #fff;
    padding: 8px 5px;
    font-weight: bold;
    border-radius: 8px;
    text-align: center;
}

.total-matched {
    background-color: #6765de;
    color: #fff;
    padding: 8px 5px;
    font-weight: bold;
    border-radius: 8px;
    text-align: center;
}

.tds-pending {
    background-color: #1868cc;
    color: #fff;
    padding: 8px 5px;
    font-weight: bold;
    border-radius: 8px;
    text-align: center;
}

.positionrelative {
    position: relative;
}

.fr {
    float: right;
}

.mr4 {
    margin-right: 4px;
}

.faiconsetting {
    color: #fff;
    font-size: 15px;
    position: absolute;
    left: 6px;
    top: 7px;
}