.my-panel-group .my-panel {
     border-radius: 2px;
}
 .plusIcon{
     background-image: url('//www2.deloitte.com/etc/insights-lists/interactives/staging/2019/March/AnimatedGif/active-down-arrow.svg');
     background-repeat: no-repeat;
     height:22px;
     width:22px;
}
 .minusIcon{
     display:none;
     background-image: url('//www2.deloitte.com/etc/insights-lists/interactives/staging/2019/March/AnimatedGif/active-arrow.svg');
     background-repeat: no-repeat;
     height:22px;
     width:22px;
}
 .my-panel-heading.headingSection.activate .minusIcon{
     display:block;
}
 .my-panel-heading.headingSection.activate .plusIcon{
     display:none;
}
 .align-item-center{
     display:flex;
     align-items:center;
}
 .d-flex{
     display:flex;
}
 .pl-0{
     padding-left:0px !important;
}
 .font14{
     font-size:14px 
}
 .my-panel-heading {
     cursor:pointer;
}
/* .my-panel-heading [aria-expanded="true"] >.plusIcon{
     background-image: url('../assets/round-remove_circle');
     background-repeat: no-repeat;
     height:22px;
     width:22px;
}
 */
 .panel-default>.my-panel-heading {
     background-image: linear-gradient(to right,#00A5B8,#008EB7,#007DB6);
}
 .white-text{
     color:white;
     font-weight:700;
}
 .my-panel-heading.headingSection {
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
}
 .my-panel.border-none {
     border:none;
}
 .bg-white{
     background-color:white;
}
 .white-outline{
     color:white;
}
 .pull-right {
     float: right !important;
}
 .justify-content-end{
     display:flex;
     justify-content: flex-end;
}
 .my-panel-group {
     margin-bottom: 20px;
}
 .my-panel-group .my-panel {
     margin-bottom: 0;
     border-radius: 4px;
}
 .my-panel-group .my-panel + .my-panel {
     margin-top: 5px;
}
 .my-panel-group .my-panel-heading {
     border-bottom: 0;
}
/* .my-panel-group .my-panel-heading + .my-panel-collapse > .my-panel-body, .my-panel-group .my-panel-heading + .my-panel-collapse > .list-group {
     border-top: 1px solid #ddd;
}
 */
 .my-panel-group .panel-footer {
     border-top: 0;
}
 .my-panel-group .panel-footer + .my-panel-collapse .my-panel-body {
     border-bottom: 1px solid #ddd;
}
 .panel-default {
     border-color: #ddd;
}
 .panel-default > .my-panel-heading {
     color: #333333;
     background-color: #f5f5f5;
     border-color: #ddd;
}
 .panel-default > .my-panel-heading + .my-panel-collapse > .my-panel-body {
     border-top-color: #ddd;
}
 .panel-default > .my-panel-heading .badge {
     color: #f5f5f5;
     background-color: #333333;
}
 .panel-default > .panel-footer + .my-panel-collapse > .my-panel-body {
     border-bottom-color: #ddd;
}
 .my-panel > .my-panel-heading + .my-panel-collapse > .list-group .list-group-item:first-child {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .my-panel-heading + .list-group .list-group-item:first-child {
     border-top-width: 0;
}
 .my-panel-heading {
     padding: 10px 15px;
     border-bottom: 1px solid transparent;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
}
 .my-panel-heading > .dropdown .dropdown-toggle {
     color: inherit;
}
 .my-panel {
     margin-bottom: 20px;
     background-color: #fff;
     border: 1px solid transparent;
     border-radius: 4px;
    /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
     */
}
 .my-panel-body {
     padding: 15px;
}
 .my-panel-title {
     margin-top: 0;
     margin-bottom: 0;
     font-size: 16px;
     color: inherit;
}
 .my-panel-title > a, .my-panel-title > small, .my-panel-title > .small, .my-panel-title > small > a, .my-panel-title > .small > a {
     color: inherit;
}
 .my-panel-group .my-panel-heading + .my-panel-collapse > .my-panel-body, .my-panel-group .my-panel-heading + .my-panel-collapse > .list-group {
     border-top: 1px solid #ddd;
}
 .my-panel-group .panel-footer + .my-panel-collapse .my-panel-body {
     border-bottom: 1px solid #ddd;
}
 .panel-default > .my-panel-heading + .my-panel-collapse > .my-panel-body {
     border-top-color: #ddd;
}
 .panel-default > .panel-footer + .my-panel-collapse > .my-panel-body {
     border-bottom-color: #ddd;
}
 .my-panel-body:before, .my-panel-body:after{
     display: table;
     content: " ";
}
 .my-panel-body:after{
     clear: both;
}
/* Animation */
 @-webkit-keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
     animation-duration: 3s;
}
 @-webkit-keyframes rotateInDownRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0;
    }
     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         opacity: 1;
    }
}
 @keyframes rotateInDownRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0;
    }
     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         opacity: 1;
    }
}
 .rotateInDownRight {
     -webkit-animation-name: rotateInDownRight;
     animation-name: rotateInDownRight;
     animation-duration: 2s;
     animation-delay:0s;
}
 .activateIcon{
     background-image:url('//www2.deloitte.com/etc/insights-lists/interactives/staging/2019/March/AnimatedGif/circle1.svg');
     height: 23px;
     width:23px;
}
 .ViewIcon{
     background-image:url('//www2.deloitte.com/etc/insights-lists/interactives/staging/2019/March/AnimatedGif/active-icon.svg');
     height: 23px;
     width:23px;
}
 .sectionTitle a{
     color:#007DB6;
     font-size:16px;
     line-height:1.5;
     font-weight:700;
     text-decoration: none;
}
 .sectionTitle{
     list-style-type: none;
     font-family: 'Open Sans', sans-serif;
}
 .contentTitle{
     color:#A3A6A7;
}
 .keyTakaways {
     font-family: 'Open Sans', sans-serif;
     color:#404040;
     list-style-type: none;
     padding-bottom:10px;
     line-height: 1.5;
     font-size: 15px;
}
 .sectionTitle a:hover{
     color:#404040;
     cursor:pointer;
     font-weight:700;
}
 .sectionTitle.clicked a{
     color:#A3A6A7 !important;
}