.pvtUi { color: #00BFFF; }


table.pvtTable {
    font-size: 8pt;
    text-align: left;
    border-collapse: collapse;
}
table.pvtTable tbody tr th {
    background-color: #ffffff !important;
    border: 1px solid #a8a240 !important;
    font-size: 8pt !important;
    padding: 5px !important;
    text-align: center;
}

table.pvtTable thead tr th {
    background-color: #40875e !important;
    border: 1px solid #a8a240  !important;
    font-size: 8pt !important;
    padding: 10px !important;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

table.pvtTable .pvtColLabel {text-align: center;}
table.pvtTable .pvtTotalLabel {text-align: right;}

table.pvtTable tbody tr td {
    color: #3D3D3D;
    padding: 5px;
    background-color: #FFF;
    border: 1px solid #a8a240 !important;
    vertical-align: inherit !important;
    text-align: center !important;
}

.pvtTotal, .pvtGrandTotal { font-weight: bold; }

.pvtVals { text-align: center; white-space: nowrap;}
.pvtRowOrder, .pvtColOrder {
    cursor:pointer;
    width: 15px;
    margin-left: 5px;
    display: inline-block; }
.pvtAggregator { margin-bottom: 5px ;}

.pvtAxisContainer, .pvtVals {
    border: 1px solid gray;
    background: #00BFFF;
    padding: 5px;
    min-width: 20px;
    min-height: 20px;

    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
.pvtAxisContainer li {
    padding: 8px 6px;
    list-style-type: none;
    cursor:move;
    text-align: left !important;
    font-size: 10px !important;
}

.pvtAxisContainer li.pvtPlaceholder {
    -webkit-border-radius: 5px;
    padding: 3px 15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px dashed #aaa;
}

.pvtAxisContainer li span.pvtAttr {
    -webkit-text-size-adjust: 100%;
    background: #ffffff !important;
    border: 1px solid #c5dbec !important;
    color: #0071C5 !important;
    padding: 2px 5px;
    white-space:nowrap;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pvtTriangle {
    cursor:pointer;
    color: grey;
}

.pvtHorizList li { display: inline; }
.pvtVertList { vertical-align: top; }

.pvtFilteredAttribute { font-style: italic }

.pvtFilterBox{
    z-index: 100;
    width: 300px;
    border: 1px solid gray;
    background-color: #fff;
    position: absolute;
    text-align: center;
}

.pvtFilterBox h4{ margin: 15px; }
.pvtFilterBox p { margin: 10px auto; }
.pvtFilterBox label { font-weight: normal; }
.pvtFilterBox input[type='checkbox'] { margin-right: 10px; margin-left: 10px; }
.pvtFilterBox input[type='text'] { 
    width: 230px;
    border: 1px solid #ddd !important;
    height: 27px;
}
.pvtFilterBox .count { color: gray; font-weight: normal; margin-left: 3px;}

.pvtCheckContainer{
    text-align: left;
    font-size: 14px;
    white-space: nowrap;
    overflow-y: scroll;
    width: 100%;
    max-height: 250px;
    border-top: 1px solid #0071C5;
    border-bottom: 1px solid #0071C5;
}

.pvtCheckContainer p{ margin: 5px; }

.pvtRendererArea { padding: 5px;}

.pvtAxisContainer, .pvtVals{
   border: 1px solid #a8a240 !important;
    background: #FFFFFF !important;
}

.pvtFilterBox {
    position: fixed !important;
    top: 46% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: 42% !important;
    z-index: 100 !important;
    border: 1px solid #40875e !important;
    background-color: #fff !important;
    text-align: center !important;
    box-shadow: 0 0 8px #40875e;
}

/*.visionChangePasswordButton, .visionChangePasswordButton:hover, button, button:hover {
    padding: 0px 5px;
    padding-left: 5px;
    margin: 3px;
    font: normal 12px/22px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}*/
.visionChangePasswordButton, button{
  margin: .5em .4em .5em 0;
    cursor: pointer;
    font-size: 1em !important;
    background: #fff;
    color: #0071C5;
    outline: 0;
    padding: 5px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif !important;  
}
.visionChangePasswordButton:hover, button:hover{
    margin: .5em .4em .5em 0;
    cursor: pointer;
    font-size: 1em !important;
    background: #0071C5;
    color: #fff;
    outline: 0;
    padding: 5px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.pvtRenderer{
 border-color: #0071C5 !important;   
}

.pvtAggregator{
 border-color: #0071C5 !important;    
}

@media only screen and (max-width:480px) and (min-width:320px){
    .ui-dialog{
        height: auto !important;
        display: block !important;
        position: fixed !important;
        left: 5% !important;
        width: 85% !important;
        top: 10% !important;
    }
}

@media only screen and (max-width:768px) and (min-width:481px){
    .ui-dialog{
        height: auto !important;
        display: block !important;
        position: fixed !important;
        left: 5% !important;
        width: 85% !important;
        top: 10% !important;
    }
}
.pivotSearchIcon {
margin-left: 62px;
margin-top: -27px;
}
/*.pivotRowsSearchIcon {
margin-left: 90px;
margin-top: -30px;
}*/
/*.VisionGenericPivotTableSearch{
    margin-bottom: 10%;
    position: sticky;
    bottom: 224px;
}*/
.pivotUnusedSearch{
    position: absolute;
    bottom: 342px;
    margin-left: 88px;
}
.pivotRowsSearch{
    position: absolute;
    top: 2px;
    right:33px;
}
 /*search box start*/
 .clear_pvtRowsText{
     position: relative;
    bottom: 20px;
    left: 50px;
 }
 
 .clear_unUsedText{
     position: relative;
    bottom: 20px;
    left: 75px;
 }
 
 /*search box start*/

 .VisionGenericPivotRowsTableSearch{
    position: absolute;
    top: 2px;
    left: 3px;
    width: 218px;
 }