#contextMenu {
    position: fixed;
    display: none;
    /*width:50%;*/
    
    border:1px solid #B2B2B2;
    width:200px;      background:#F9F9F9;
    /* box-shadow: 3px 3px 2px #E9E9E9; */
    border-radius:4px;
    z-index:100000;
  }

  .exportcontextUI{
      list-style:none;
      margin:0px;
      margin-top: 0pxpx;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      font-size:17px;
      /* box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); */
     /* z-index:1000;
      position: absolute;
      background-color:#F2F2F2;
      border: 1px solid white;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);*/
  }
  .exportcontextLI{
      padding: 8px  30px 8px 10px ;
      cursor: pointer;
      list-style-type: none;
      transition: all .1s ease;
      /*border-bottom: 1px solid #737373;*/
      font-size: 13px;
  }
  .exportcontextLI:hover {
      background-color: #053E4D;
      color:white;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
.closebtncss{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 900;
}

@media (min-width: 992px){
    .modal-lg, .modal-xl {
        max-width: 1200px !important;
    }
    } 

.qs-side-bar.open {
    right: 0 !important;
    left: unset !important;
}
.qs-side-bar {
    right: -390px !important;
    position: fixed !important;
    top: 60px !important;
    bottom: 0 !important;
    width: 270px !important;
    left: unset !important;
    z-index: 90 !important;
    display: block !important;
    padding: 20px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background-color: #e9e9e9  !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16) !important;
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16) !important;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16) !important;
}
.qv-object-header{
  height: auto;
}
/* .side-closed.side-closed-hover section.content {
    margin-left: 105px;
} */
.lui-input {
    vertical-align: middle !important;
    width: 100% !important;
    height: 28px !important;
    display: block !important;
    outline: none !important;
    font-size: 13px !important;
    padding: 3px 6px !important;
    border-radius: 3px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    transition: border-color .2s ease-out !important;
    color: #595959 !important;
    background-color: #fff !important;
    border: 1px solid #b3b3b3 !important;
}
.qv-object-kpi .left {
    justify-content: space-around !important;
}

/* Additional Kpi */
.qv-object-kpi .kpi-value {
    /* color: rgb(48, 175, 47) !important; */
    font-size: 25px !important;
   
}
.qv-object-kpi .kpi-data>div {
   color : grey !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}


.lui-button.lui-active, .lui-button:active {
    background-color: rgb(47, 154, 197) !important;
    }
/* .qv-object .qv-object-title[title="Joining Pipeline"]{
  
   border-bottom-width: inherit !important;
   } */
/* devesh edited */
.modal-content{
    padding: 0px!important;
}

.modal-body{
    padding: 5px 10px !important;
}
/* .qv-object *{
    font-family: 'Muli', sans-serif !important;
} */
.qv-object .qv-object-title .qv-object-title-text{
    /* color: #101010; */
    font-size: 13px;
    /* font-family: 'Muli', sans-serif; */
}
qv-object-text-image .qv-media-tool-html.responsive-text.bp-3 [size="5"]{
    color: grey !important;
}
.qv-object .qv-object-title
{
    padding: 10px !important;
    border-bottom: 1px solid rgba(105, 99, 99, 0.35);
}
#toggleSideMenu{
    background-color: #36449c !important;
    }
/* .qv-object-kpi .kpi-data>div{
    color: #101010;
} */
.margin_left_right0{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.sectionCustom{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.filterPadding00{
    padding-left: 0px !important;
    padding-right: 0px !important;
} 
.padding10px{
    padding: 15px !important ;
}
.marginTop15px{
    margin-top: 15px;

}
.marginTop5px{
    margin-top: 5px;

}
.heading{
    color:#000!important;
}

.marginrigth5{
    margin-right: 5px !important;
}

i.material-icons.icon1{
    width: 40px;
    right: 0px;
    float: right;
    margin-top: -20px;
    top: 28px;
    z-index: 100;
    position: absolute;
    cursor: pointer;
}
i.material-icons.icon11{
    width: 40px;
    right: -8px;
    float: right;
    margin-top: -20px;
    top: 28px;
    z-index: 100;
    position: absolute;
    cursor: pointer;
}
i.material-icons.icon2{
    width: 40px;
    right: 8px;
    float: right;
    margin-top: -20px;
    top: 28px;
    z-index: 100;
    position: absolute;
    cursor: pointer;
}
i.material-icons.icon3{
    width: 40px;
    right: 8px;
    float: right;
    margin-top: -20px;
    top: 45px;
    z-index: 100;
    position: absolute;
    cursor: pointer;
}
i.material-icons.icon31{
    width: 40px;
    right: 15px;
    float: right;
    margin-top: -20px;
    top: 45px;
    z-index: 100;
    position: absolute;
    cursor: pointer;
}
i.material-icons.icon4{
width: 40px;
right: 0px;
float: right;
margin-top: -20px;
top: 30px;
z-index: 50;
position: absolute;
cursor: pointer;
}
i.material-icons.icon400{
    width: 40px;
    right: 0px;
    float: right;
    margin-top: -20px;
    top: 30px;
    z-index: 50;
    position: absolute;
    cursor: pointer;
    }
    i.material-icons.icon405{
        width: 40px;
        right: 7px;
        float: right;
        margin-top: -20px;
        top: 30px;
        z-index: 50;
        position: absolute;
        cursor: pointer;
        }
i.material-icons.icon4ews{
width: 40px;
right: -10px;
float: right;
margin-top: -20px;
top: 30px;
z-index: 50;
position: absolute;
cursor: pointer;
}

i.material-icons.icon4rigth{
    width: 40px;
    right: 7px;
    float: right;
    margin-top: -20px;
    top: 30px;
    z-index: 50;
    position: absolute;
    cursor: pointer;
    }

i.material-icons.icon_new{
    width: 40px;
    right: 0px;
    float: right;
    margin-top: 10px;
    z-index: 50;
    position: absolute;
    cursor: pointer;
    }
i.material-icons.icon5{
    width: 40px;
    right: 8px;
    float: right;
    top: 10px;
    z-index: 50;
    position: absolute;
    cursor: pointer;
    }

 .qlik-preloader{
    top: 45%;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
 }   


 /* css added for map */

 .qv-object-map-chart .sidebar, .qv-object-map .sidebar {
    width: 20vw !important;
}
.qv-object-map-chart .sidebar, .qv-object-map .sidebar {
    left: 0 !important;
    position: relative !important;  
}
.qv-object-map-chart .webmap-div, .qv-object-map .webmap-div {
    width: 69vw !important;
}