/************************************/
        .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;
}
.MultiColumnerTotalBG {
    margin-left: 15px;
    border: solid thin #ccc;
    border-radius: 6px;
    padding: 1px 10px 1px 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px -62px 13px -111px inset, rgba(0, 0, 0, 0.3) 0px -2px 19px -10px inset;
    background: #f3f3f3;
}

    .MultiColumnerTotalBG .balanceSet {
        border-right: 0px;
        padding-right: 0px;
        margin-right: 0px;
        line-height: 16px;
    }
.ckeckboxSetting {
    margin: 4px 6px 0px 0px;
}
.MultiColumnerTotalBG label {
    color: #24426b;
    font-weight: 500;
}
#headerTotalAmount {
    font-weight:bold;
}