/* The side navigation menu */
.sidebar {    
    

  
    overflow-x: hidden;
   height: 100vh;
    border-radius: 10px;
  }
   
  /* Page content. The value of the margin-left property should match the value of the sidebar's width property */
  div.content 
  {
    margin-left: 5px;
    padding: 1px 16px;
    margin-top: 5px;
    
 }  
  .component-search-width
  {
      width: 88%;
      font-size: 14px;
  }
 
  .element-list
  {
     background-color: #F9F9F9;
     /* padding: 20px 14px 20px 14px; */
     padding: 20px 0px 20px 3px;
     font-size: 14px;
     height: 60px;
  }
  .Component-panel-subhead
  {
     color: #717582;
  }
  .component-container
  {
     padding-left: 28px;  
}
     /* Component Icon Sizes */
    .component-icon
    {
        width: 5px;
    }
    .component-icon-2
    {
        width: 12px;
    }
    .component-icon-3
    {
        width: 15px; 
    }
    .component-icon-4
    {
        width: 22px; 
    }
     /* Component Icon Sizes */
    .icon-spacing
    {
        margin-right: 3px;
    }
    .preview-button
    {
        background-color: #E5ECFF;
        color: #081774;
        font-size: 14px;
        font-family: 'proximanova-semibold';
        padding-top: 10px;
        padding-left: 32px;
        padding-right: 32px;
    }
    .settings-button
    {
        background-color: #E5ECFF;
        border-radius: 532px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
     /* Drag zone style*/
    .drag-zone
    {
    padding: 1px 16px;
    border: 1px dashed #474E67;
    min-height: 600px;
    margin-top: 14px;
    border-radius: 5px;    
    }    
    .empty-state
    {
        margin-top: 146px;
    }

    .accordion-button::after {
        flex-shrink: 0;
        margin-left: auto;
        content: "";
        background-image: url(../images/Accord-icon.svg);
        background-repeat: no-repeat;
        background-size: 10px;
        transition: transform 0.2s ease-in-out;
    }
    
    .accordion-button:not(.collapsed)::after {
        background-image: url(../images/Accord-icon.svg);
        transform: rotate(90deg);
    }

    .breadcrumb-widget
    {
        margin-top: 68px;
    }