﻿.infiGridColumninfiFilterPopupHeaderText {
    display: inline-block;
    }

    .infiGridColumnFilterIcon {
        cursor: pointer;
        margin-left:-7px;
    }
.filterDropDownContainer {
    position: relative;
}
.filterDropDownContainer {
    overflow:visible !important;
}

    .infiColumnFilterPopupContainer {
        background-color: #ffffff;
        z-index: 1000000;
        position: absolute;
        min-height: 200px;
        width: 200px; /*changed*/
        /*border: solid 1px #000000;*/
        padding: 3px;
        /*text-align: center;*/
        color: #000000;
        font-size: xx-small !important;
        box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.3); /*added*/
    }

    .infiFilterIconSelected {
        background-color: #ffffff;
    }

    .infiPopupContentSeparator {
        width: 100%;
        border: solid 1px #ededed;
        margin-top: 2px;
        margin-bottom: 3px;
    }

    .infiCustomFilterType {
        width: 145px;
        font-size: 11px !important;
    }

    .infiFilterPopupInnerItems {
        width: 92%;
    }

        .infiFilterPopupInnerItems > tbody {
            border: none !important;
        }

            .infiFilterPopupInnerItems > tbody > tr {
            border: none !important;
        }

        .infiFilterPopupInnerItems > tbody > tr > th {
            border: none !important;
            font-size: 11px !important;
            color: inherit !important;
            font-weight: normal !important;
        }

         .infiFilterPopupInnerItems > tbody > tr > td {
            border: none !important;
            font-size: xx-small !important;
            color: inherit !important;
            font-weight: normal !important;
        }

    .infiFilterPopupHeaderText {
        font-weight: bold;
        text-align: left;
        width: 100%;
        padding: 3px;
        font-size: 12px;
        padding-left: 24px;
        /*position: relative;*/
}

    .infiFilterPopupHeaderText:before {
        content: "";
        background: url(../Images/Icons/filter_new.png);
        background-size: contain;
        background-position: center;
        width: 20px;
        height: 20px;
        /*position: absolute;*/
        left: 0px;
        top: 0px;
    }

    .infiColumnFilterPopupText {
        width: 95%;
        font-size: 11px !important;
        font-weight: normal !important;
        color: inherit;
    }

    .arrow-right {
        background-image: url('../Images/Icons/default/arrow_up.png');
        height: 10px;
        width: 10px;
        background-size: cover;
    }

.searchAll {
    padding-right: 23px;
    height: 25px;
    border: 1px solid #ededed;
    background: url(../Images/Icons/search_small.png) no-repeat;
    background-position: 95% center;
    background-size: 16px 16px;
}

.filterSelectAll {
    width: 100%;
    text-align: left;
    padding: 3px;
    display: flex;
    font-size: 11px;
}

    .filterSelectAll label {
        margin: 0px;
        font-size: 11px;
        padding-left: 3px;
    }

.infiClearFilter,
.FilterOk,
.FilterCancel {  
    font-size: 11px;
    height: 25px;
}

.infiCustFilterText {
    height: 25px;
    border: 1px solid #ededed;
    width: 100%;
    margin: 3px 0;
}

.multiSelectTbl tr{
	background:none !important;
}
.multiSelectTbl tr td{
	vertical-align:top;
	
	
}

.multiSelectTbl tr td input[type="checkbox"]{	
	transform: scale(.8, .8);
	margin-top: 2px !important;
	}
    

.multiSelectTbl {
    /* margin-left: 10px; */
    display:inline-block;
}

    .multiSelectTbl:before {
        content: "";
        background: url(../Images/dot.png);
        background-repeat: repeat-y;
        /*position: absolute;*/
        top: 0px;
        left: -6px;
        height: 100%;
        width: 100%;
    }

.fltCont{
	border:1px solid #ededed;
	padding: 0px 0 5px 5px;
}
	
.multiSelectTableHolder {
	width:100%;
    max-height: 80px;
    overflow-y: auto;
}

.multiSelectTableHolder table.multiSelectTbl{
	width:inherit;
	
}


select.infiCustomFilterType {
    background: url(/Images/Icons/default/dropdown.png) 100% no-repeat;
    background-color:#fff;
}

.selectAlltbl tr td,
.selectAlltbl tr,
.multiSelectTbl tr td,
.multiSelectTbl tr {
    border: none !important;
    text-align: left;
}

    .infiFilterMultiSelect {
        width: 100%;
        font-size: xx-small !important;
        font-weight: normal !important;
        color: inherit;
    /*overflow-y: auto;*/
        max-height: 99px;
    }

    .filterDropDownContainer .datepickerClearImage {
    display: none !important;
}

.hideRow {
    display: none !important;
}

.infiColumnFilterActionBtns {
    text-align: right;
	margin-top:17px;
}

.infiColumnFilterActionBtns input[type="button"]{

}

.infiCustomFilterDataContainer input {
    width: 100%;
}

.fromTo {
    display: inline-block;
    /*width: 30px;*/
    text-align: left;
}
table.clrfiltr, table.filterokcan {
width:100%;
}
    table.clrfiltr tr td select {
        height:20px !important;
        width:100%;
    }
    table.clrfiltr tr td img{
    height:20px !important;
    }
table.cletxtbox tr td, table.filtrsrchall tr td, table.clrfiltr tr td{
    border:none !important;
    text-align:left;
    vertical-align:top;
}
    table.filtrsrchall tr td input {
    height:20px !important;
    }
    table.cletxtbox tr td input {
    width:100px !important;
    height:20px !important;
    }
table.filterokcan tr td {
    border:none !important;
    }
table.infiFilterSearchTextBox tr td input {
    height: 20px !important;
}
.infiColumnFilterPopupText {
    width: 100%;
    font-weight: normal !important;
    background-color:#fff;
    margin-top: 3px;
    text-align: left;
}

.filterSelectAll {
    width: 100%;
    text-align: left;
    padding: 3px;
    display: flex;
    font-size: 11px;
	border-top: 1px solid #ededed;
}

    .filterSelectAll label {
        margin: 0px;
        font-size: 11px;
        padding-left: 3px;
    }
    .infiFilterPopupHeaderText::before {
    content: "";
    background: url(../Images/PI/filter.png);
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.infiFilterPopupHeaderText {
    font-weight: bold;
    text-align: left;
    width: 100%;
    padding: 3px;
        padding-left: 3px;
    font-size: 12px;   
    position: relative;
}
.infiFilterPopupInnerItems tbody tr {
    background: #fff !important;
}

.filtrsrchall > thead tr {
    width: calc( 100% - 0px );
}
.filtrsrchall tr {
    height:20px !important;
}
.infiColumnFilterPopupContainer table tbody tr:nth-child(2n+1) {
    background: none;
}
.noBorder {
    border: none !important;
}