p {
       word-wrap: break-word !important;

     }

     .vue-advanced-cropper__background {
       background: none !important;
     }



     .sidebar {
       position: fixed;
       left: 0;
       top: 0;
       height: 100%;
       width: 78px;
       background: #FFF;
       padding: 6px 14px;
       z-index: 99;
       transition: all 0.5s ease;
       box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.5) !important;
     }

     .p-component-overlay {
       z-index: 999999999999 !important;
     }

     .sidebar.open {
       width: 250px;
     }

     .mediacard {
       background-color: rgb(255, 255, 255);
       color: rgb(126, 126, 126);
       align-items: center;
       width: 77px;
       display: flex;
       height: 80px;
       border-radius: 10px;
       flex-wrap: wrap;
       border: 1px solid rgb(210, 210, 210);
       font-size: 12px;
     }

     .mediacard:hover {
       background-color: rgb(245, 245, 245);
       cursor: pointer;
     }

     .hidden {
       position: absolute;
       display: none;
       z-index: 99999999;
     }

     .lb-width {
       width: 19%
     }

     .shown {
       position: absolute;
       z-index: 99999999;
       width: 50px;

       display: block;
     }

     .sidebar .logo-details {
       height: 60px;
       display: flex;
       align-items: center;
       position: relative;
     }

     .sidebar .logo-details .icon {
       opacity: 0;
       transition: all 0.5s ease;
     }

     .elemStyle {
       height: 400px;
       width: 200px;
     }

     .searchbox {
       position: absolute;
       right: 130px
     }

     .panel-style:hover {
       background-color: rgb(245, 245, 245);
       cursor: pointer;
     }

     .feature-img-button {
       /* left: 27px; */
       z-index: 10;
       top: -71px;
       /* width: 129px; */
       position: relative;
       visibility: hidden;
     }

     .feature-img-button:hover {
       visibility: visible;
       /* visibility: hidden; */

     }

     #a:hover+#b {
       visibility: visible;
     }

     .media-text-style {
       font-weight: 600;
       margin-top: 31px;
       position: relative;
     }

     .sidebar .logo-details .logo_name {
       color: #11101d;
       font-size: 20px;
       font-weight: 600;
       opacity: 0;
       transition: all 0.5s ease;
     }

     .sidebar.open .logo-details .icon,
     .sidebar.open .logo-details .logo_name {
       opacity: 1;
     }

     .content.shift {
       margin-left: 150px;

     }

     .grid {
       margin-right: 0 !important;
     }

     .row {
       padding-right: 1.0rem !important;
     }

     .content {
       /* left: 280px; */
       margin-left: 280px;

       position: relative;
     }

     .sidebar .logo-details #btn {
       position: absolute;
       top: 50%;
       right: 0;
       transform: translateY(-50%);
       font-size: 22px;
       transition: all 0.4s ease;
       font-size: 23px;
       text-align: center;
       cursor: pointer;
       transition: all 0.5s ease;
     }

     .sidebar.open .logo-details #btn {
       text-align: right;
     }

     .sidebar i {
       color: #fff;
       height: 60px;
       min-width: 50px;
       font-size: 28px;
       text-align: center;
       line-height: 60px;
     }

     .sidebar .nav-list {
       margin-top: 20px;
       height: 100%;
       padding-left: 0px;
     }

     .sidebar li {
       position: relative;
       margin: 8px 0;
       list-style: none;
     }

     .sidebar li .tooltip {
       position: absolute;
       top: -20px;
       left: calc(100% + 15px);
       z-index: 3;
       background: #fff;
       box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
       padding: 6px 12px;
       border-radius: 4px;
       font-size: 15px;
       font-weight: 400;
       opacity: 0;
       white-space: nowrap;
       pointer-events: none;
       transition: 0s;
     }

     .sidebar li:hover .tooltip {
       opacity: 1;
       pointer-events: auto;
       transition: all 0.4s ease;
       top: 50%;
       transform: translateY(-50%);
     }

     .sidebar.open li .tooltip {
       display: none;
     }

     .sidebar input {
       font-size: 15px;
       color: #fff;
       font-weight: 400;
       outline: none;
       height: 50px;
       width: 100%;
       width: 50px;
       border: none;
       border-radius: 12px;
       transition: all 0.5s ease;
       background: #1d1b31;
     }

     .sidebar.open input {
       padding: 0 20px 0 50px;
       width: 100%;
     }

     .sidebar .bx-search {
       position: absolute;
       top: 50%;
       left: 0;
       transform: translateY(-50%);
       font-size: 22px;
       background: #1d1b31;
       color: #fff;
     }

     .sidebar.open .bx-search:hover {
       background: #1d1b31;
       color: #fff;
     }

     .sidebar .bx-search:hover {
       background: #fff;
       color: #11101d;
     }

     .sidebar li a {
       display: flex;
       height: 100%;
       width: 100%;
       border-radius: 12px;
       align-items: center;
       text-decoration: none;
       transition: all 0.4s ease;
       background: #FFF;
     }

     /* .sidebar li a:hover {
       background: #a91e23;
     } */

     .sidebar li a:hover .links_name {
       color: #000000 !important;
     }

     .sidebar li a .links_name {
       color: #11101d !important;
       font-size: 15px;
       font-weight: 400;
       white-space: nowrap;
       opacity: 0;
       pointer-events: none;
       transition: 0.4s;
     }

     .sidebar li a i {
       color: #11101d !important;
     }

     .sidebar.open li a .links_name {
       opacity: 1;
       pointer-events: auto;
     }

     .sidebar li a:hover .links_name,
     .sidebar li a:hover i {
       transition: all 0.5s ease;
       color: #11101d !important;
     }

     .sidebar li i {
       height: 50px;
       line-height: 50px;
       font-size: 18px;
       border-radius: 12px;
     }

     .sidebar li.profile {
       position: fixed;
       height: 60px;
       width: 78px;
       left: 0;
       bottom: -8px;
       padding: 10px 14px;
       background: #1d1b31;
       transition: all 0.5s ease;
       overflow: hidden;
     }

     .sidebar.open li.profile {
       width: 250px;
     }

     .sidebar li .profile-details {
       display: flex;
       align-items: center;
       flex-wrap: nowrap;
     }

     .sidebar li img {
       height: 45px;
       width: 45px;
       object-fit: cover;
       border-radius: 6px;
       margin-right: 10px;
     }

     .sidebar li.profile .name,
     .sidebar li.profile .job {
       font-size: 15px;
       font-weight: 400;
       color: #fff;
       white-space: nowrap;
     }

     .sidebar li.profile .job {
       font-size: 12px;
     }

     .sidebar .profile #log_out {
       position: absolute;
       top: 50%;
       right: 0;
       transform: translateY(-50%);
       background: #1d1b31;
       width: 100%;
       height: 60px;
       line-height: 60px;
       border-radius: 0px;
       transition: all 0.5s ease;
     }

     .sidebar.open .profile #log_out {
       width: 50px;
       background: none;
     }

     .home-section {
       position: relative;
       background: #fff;
       min-height: 100vh;
       top: 0;
       left: 78px;
       width: calc(100% - 78px);
       transition: all 0.5s ease;
       z-index: 2;
     }

     .sidebar.open~.home-section {
       left: 250px;
       width: calc(100% - 250px);
     }

     .sidebar .dropdown {
       display: none;
     }

     .sidebar .dropdown.show {
       margin-left: 15px;
       display: block;
     }

     .home-section .text {
       display: inline-block;
       color: #11101d;
       font-size: 25px;
       font-weight: 500;
       margin: 18px;
     }

     .bx-chevron-down:before {
       position: relative;
       top: 3px;
     }



     .footer {
       padding: 0 !important;
       padding-bottom: 16px !important;
     }

     .seperator {
       border-left: thick solid #000000;
       margin: 0px 15px;
       height: 20px
     }

     .search-select-img {
       padding: 15px;
       margin-bottom: 5px;
       width: 100%;
       position: relative;
       left: 0px;
       top: 40px
     }

     .search-bar {
       position: absolute;
       left: 100%
     }

     .file-list {
       display: block;
     }

     .mobile-file-list {
       display: none;
     }

     .feature-img-desc {
       position: relative;
     }

     @media (max-width: 920px) {
       .searchbox {
         right: 40px !important
       }



       .lb-width-mobile {
         width: 70% !important
       }

       .shown {
         width: 70%;
       }

       .mobile-file-list {
         display: block;
       }

       .select-media-search {
         width: 175px !important;
       }

       .file-list {
         display: none;
       }

       .search-bar {
         position: relative;
       }

       .search-select-img {
         padding: 15px;
         margin-bottom: 5px;
         width: 0px;
         position: relative;
         left: 368px;
         top: 40px
       }

       .mobile-gallery {
         display: flex !important;
         flex-wrap: wrap !important;
         align-content: stretch !important;
         justify-content: center !important;
         align-items: flex-start !important;
       }
     }

     @media (max-width: 420px) {
       .sidebar li .tooltip {
         display: none;
       }
     }

     @media (max-width: 575.98px) {
       .content {
         margin-left: 0px !important;
       }

     }

     .content {
       position: relative;
       bottom: 80px;
     }