.dash-card:hover{
    box-shadow: 1px 8px 20px grey;
    -webkit-transition:  box-shadow .2s ease-in;

}

/* #tab-card-id .card{
    display: inline;
} */


/* for custom tab design */
.container-tab {
    /* width: 80%; */
    
    min-width: 400px;
    /* margin: 0 auto; */
    margin-bottom: 0px;
    /* border-bottom: 4px solid #102D4F; */
    overflow: hidden;
    transition: border 250ms ease;
    background-color: #f4f6f9;
    border-radius: 8px 8px 0 0;
  }
  .container-tab ul {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
    padding-left: 24px;
    list-style-type: none;
    
  }
  .container-tab ul * {
    margin: 0px;
    padding: 0px;
  }
  .container-tab ul li a{
    display: block;
    float: right;
    padding: 10px 24px 8px;
    background-color: #FFF;
    margin-right: 46px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    color: #102D4F;
  
    text-transform: capitalize;
    
  
    transition: all 250ms ease;

    
  }
  .container-tab ul li a:before,
  .container-tab ul li a:after {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 44px;  
    background-color: #FFF;
    transition: all 250ms ease;
  }
  .container-tab ul li a:before {
    right: -24px;
    transform: skew(30deg, 0deg);
    box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255, 255, 255, 0.034) -1px 0;
  }
  .container-tab ul li a:after {
    left: -24px;
    transform: skew(0deg, 0deg);
    box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255, 255, 255, 0.034) 1px 0;
  }
  .container-tab ul li a:hover,
  .container-tab ul li a:hover:before,
  .container-tab ul li a:hover:after {
    background-color: #F4F7F9;
    color: #444;
  }
  .container-tab ul li a.active {
    z-index: 3;
  }
  .container-tab ul li a.active,
  .container-tab ul li a.active:before,
  .container-tab ul li a.active:after {
    /* background-color: #102D4F; */
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #102D4F;
    color: #fff;
  }
  
  
  /*----- Round Tabs -----*/
  .container-tab.round ul li a{
    border-radius: 8px 8px 0 0;
  }
  .container-tab.round ul li a:before {
    border-radius: 0 8px 0 0;
  }
  .container-tab.round ul li a:after {
    border-radius: 8px 0 0 0;
  }
  .nav-tabs .active{
    background-color: #102D4F;
    color: #fff;
    
  }