/*simple box - zwyk�a ramka*/
div.dataWrapper {    
    background: #fff;
}

div.dataWrapper div.dataHeader {height: 4px; font-size: 1px; background: #fff url(../gfx/filter/tBg.gif) repeat-x;}
div.dataWrapper div.dataHeader div.left {float: left; width: 5px; height: 4px; background: url(../gfx/filter/tl.gif) no-repeat; font-size: 1px;}
div.dataWrapper div.dataHeader div.right {float: right; width: 5px; height: 4px; background: url(../gfx/filter/tr.gif) no-repeat; font-size: 1px;}

div.dataWrapper div.dataHeaderGray div.left {float: left; width: 5px; height: 4px; background: url(../gfx/filter/tlGray.gif) no-repeat; font-size: 1px;}
div.dataWrapper div.dataHeaderGray {height: 4px; font-size: 1px; background: #fff url(../gfx/filter/tBg.gif) repeat-x;}
div.dataWrapper div.dataHeaderGray div.right {float: right; width: 5px; height: 4px; background: url(../gfx/filter/trGray.gif) no-repeat; font-size: 1px;}


div.dataWrapper  div.data {
    padding: 8px 13px; 
    border-left: 1px solid #c3c3c3; 
    border-right: 1px solid #c3c3c3; 
    background: #fff;
}

div.dataWrapper div.dataFooter {height: 4px; font-size: 1px; background: #fff bottom url(../gfx/filter/tBg.gif) repeat-x;}
div.dataWrapper div.dataFooter div.left {float: left; width: 5px; height: 4px; background: url(../gfx/filter/bl.gif) no-repeat; font-size: 1px;}
div.dataWrapper div.dataFooter div.right{float: right; width: 5px; height: 4px; background: url(../gfx/filter/br.gif) no-repeat; font-size: 1px;}


/*convex box - wypuk�a ramka*/
div.dataWrapper  div.convexdata {
    padding: 8px 13px; 
    border-left: 1px solid #c3c3c3; 
    border-right: 1px solid #c3c3c3; 
    background: #fff url(../gfx/filter/bBgci.gif) repeat-x 0% 100%; 
    text-align: center; 
}

div.convexFooter {height: 6px; margin-bottom: 6px; font-size: 1px; background: url(../gfx/filter/bBgc.gif) repeat-x;}
div.convexFooter div.left {float: left; width: 5px; height: 6px; background: url(../gfx/filter/blc.gif) no-repeat; font-size: 1px;}
div.convexFooter div.right {float: right; width: 5px; height: 6px; background: url(../gfx/filter/brc.gif) no-repeat; font-size: 1px;} 


/*filter box - filtr i zwyk�a ramka na dane*/

div.filterWrapper {	padding: 0px 20px 0px 20px; text-align: left;}
div.filterWrapper div.filterBox {height: 15px; font-size: 1px; background: #cdcdcd url(../gfx/filter/tBgf.gif) repeat-x;}  
div.filterWrapper div.filterBox div.left {float: left; width: 5px; height: 15px; background: url(../gfx/filter/tlf.gif) no-repeat; font-size: 1px;}
div.filterWrapper div.filterBox div.showhide {float: right; width: 50px; height: 15px; background: url(../gfx/filter/button.gif) no-repeat; font-size: 10px; color: #336699; font-weight: bold; cursor: pointer;}
div.filterWrapper div.filterBox div.showhidetooltip0 {float: right; width: 36px; height: 15px; background: url(../gfx/filter/buttont0.gif) no-repeat; font-size: 1px; cursor: pointer;}
div.filterWrapper div.filterBox div.showhidetooltip1 {float: right; width: 36px; height: 15px; background: url(../gfx/filter/buttont1.gif) no-repeat; font-size: 1px; cursor: pointer;}
div.filterWrapper div.filterBox div.right {float: right; width: 5px; height: 15px; background: url(../gfx/filter/trf.gif) no-repeat; font-size: 1px;}
div.filterWrapper div.filterFooter {
    height: 8px; 
    background: #cdcdcd url(../gfx/filter/tBgg.gif) repeat-x;
    border-left: 1px solid #888888; 
    border-right: 1px solid #888888;}
div.filterWrapper div.filter{
    background: #cdcdcd;
    color: #fff;
    padding: 8px 13px;
    border-left: 1px solid #888888; 
    border-right: 1px solid #888888;
    text-align: center;
}

.tdLabel  {
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
    float: right;	 	
}

label.checkboxLabel {
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
    float: right;	 	
}

#notAllocatedPayments_filter{
    display: table-cell;
    vertical-align: middle;
}

#transcollect_searchPayment{
    display: table-cell;
    vertical-align: middle;
}

#segmentCheckboxes {
    column-count: 2;
    border: 1px solid rgba(40, 37, 31, 0.69);
    padding: 0.5rem;
}

.vertical-checkbox{
    display: flex;
}

div.miniSize {
    width: 200px;
}

div.wait {
    width: auto;
    height: 20px;
    background: transparent;
    float: left;
    position: absolute;
}

div.wait object{
    height:0px;
}

div.hint {
    margin-bottom : 5px;
    padding-left: 30px;
    font-size: large;
    font-weight: bold;
    text-align: center;
}

div.data input[type=text], div.data input[type=password], div.convexdata input, div.filter input, 
div.convexdata select, div.filter select,
div.data textarea, div.convexdata textarea, div.filter textarea {
    width: 270px;
    border: 1px solid #c3c3c3;
}

div.data input:hover[type=text], div.convexdata input:hover[type=text], div.filter input:hover[type=text],
div.data input:hover[type=select], div.convexdata input:hover[type=select], div.filter input:hover[type=select],
div.data textarea:hover, div.convexdata textarea:hover, div.filter textarea:hover  {
    width: 270px;
    border: 1px solid #4a6eb0;
}

div.data input:focus[type=text], div.convexdata input:focus[type=text], div.filter input:focus[type=text],
div.data input:focus[type=select], div.convexdata input:focus[type=select], div.filter input:focus[type=select],
div.data textarea:focus, div.convexdata textarea:focus, div.filter textarea:focus {
    width: 270px;
    border: 1px solid #4a6eb0;
}

div.data input[type=checkbox]:hover, div.convexdata input[type=checkbox]:hover, div.filter input[type=checkbox]:hover,
div.data input[type=checkbox]:focus, div.convexdata input[type=checkbox]:focus, div.filter input[type=checkbox]:focus,
div.data input[type=checkbox], div.convexdata input[type=checkbox], div.filter input[type=checkbox] {
    float : left;
    width : auto;
}

.checkboxBilling{
    float : left;
    width : 10px;
}

div.data input[type=radio], div.convexdata input[type=radio], div.filter input[type=radio],
div.data input[type=radio]:hover, div.convexdata input[type=radio]:hover, div.filter input[type=radio]:hover,
div.data input[type=radio]:focus, div.convexdata input[type=radio]:focus, div.filter input[type=radio]:focus {
    float : none;
    width : auto;
}

div.data select {
    width: 272px;
    border: 1px solid #c3c3c3;
}

div.data select:hover, div.convexdata select:hover, div.filter select:hover,
div.data select:focus, div.convexdata select:focus, div.filter select:focus {
    width: 272px;
    border: 1px solid #4a6eb0;
}

div.filterInfo {
    font-size: 12px;
}

.nameFiltered,.stateFiltered{
    display:none;
}


/*
textarea {
        width : 100%;
}
*/