/*!
* WP Display Files Frontend CSS
* @author Flipper Code <hello@flippercode.com>
* @version 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.df_container{
     font: 14px 'Poppins', sans-serif;
    line-height: 1.6;
    color: #586775;
}
.df_container ol,
.df_container p,
.df_container ul{
     font: 14px 'Poppins', sans-serif;
 }
@media(min-width:1200px){
    .df_container{
        width: 100%; 
        margin: 0 auto;
    }
}
.layout_3.wpdf_files_grid_container {
    
    text-align: left;
    margin-bottom: 0px;
    display: block!important;
    position: relative;
    border-bottom: 15px solid #eff2f3;
}
.layout_3 *{
    box-sizing: border-box;
}
.fc-nav-header{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D5DADE;
    padding: 15px 0;
}
.fc-nav-right{
    margin-left: auto;
    display: flex;
    align-items: center;
}
.fc-nav-right ul{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
.fc-nav-right ul li{
    list-style: none;
    display: inline-block;
    position: relative;
}
.fc-nav-right a{
    margin-left: 30px;
    display: inline-block;
    cursor: pointer;
}
 ol.fc-wpcp-breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
        display: flex;
    align-items: center;
}
ol.fc-wpcp-breadcrumb>li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    display: inline-block;
    unicode-bidi: bidi-override;
    position: relative;
}
 
ol.fc-wpcp-breadcrumb>li:before, ol.fc-wpcp-breadcrumb>li:after {
    border-right: 1px solid #586775;
    content: '';
    display: block;
      height: 4px;
    margin-top: -1px;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    
    right: 0px;
    top: 40%;
    width: 0;
}
ol.fc-wpcp-breadcrumb>li:after {
    margin-top: 2px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
ol.fc-wpcp-breadcrumb>li:first-child:before,
ol.fc-wpcp-breadcrumb>li:first-child:after,
ol.fc-wpcp-breadcrumb>li:last-child:before,
ol.fc-wpcp-breadcrumb>li:last-child:after{
    display: none;
}
ol.fc-wpcp-breadcrumb>li a{
    text-decoration: none;
    color: #586775;
    font-size: 14px;
}
ol.fc-wpcp-breadcrumb>li a:hover {
    color: #979b9f;
}
ol.fc-wpcp-breadcrumb>li span{
    text-decoration: none;
    color: #17B3E5;
}
ol.fc-wpcp-breadcrumb .is-hidden {
    display: none;
}
div.wpdf_files_list_container.layout_2 {
    float: left;
    width: 100%;
    /*border:1px solid #ddd;*/
}
 
 
  
/* We remove the margin, padding, and list style of UL and LI components */
.layout_3 #menuwrapper ul{
    
    position: relative;
}
.layout_3 #menuwrapper ul, .layout_3 #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
    background-color: #fff;
    
}
.layout_3 #menuwrapper{
    position:relative;
    left:0;
    top:0;
    bottom:0; 
    background-color: #EFF2F3; 
    display: flex; 
}
.layout_3 #sidemenu{
     
    width:30%; 
    z-index: 10;
}
 
/* We apply background color and border bottom white and width to 150px */
.layout_3 #menuwrapper ul li{
     
    width:100%;
    cursor:pointer;
    text-align:left;
    border-bottom: solid 1px #D5DADE;
    padding: 10px 25px 10px 10px;
    
}
/* We apply the background hover color when user hover the mouse over of the li component */
.layout_3 #menuwrapper ul li:hover{
    /*position:relative;*/
    background-color: #F2F6F9;
    
}
/* We apply the link style */
.layout_3 #menuwrapper ul li a{
    padding-top:20px;
    padding-bottom:20px;
    color:#586775;
    display:inline-block;
    text-decoration:none;
}
.layout_3 #menuwrapper ul li a.selected{
    color:#ddd;   
}
.layout_3 #menuwrapper ul li a:hover{
    color:#3F68DE;
    transition:color 0.3s ease;
    -o-transition:color 0.3s ease;
    -webkit-transition:color 0.3s ease;
    -moz-transition:color 0.3s ease;
}
.layout_3 #menuwrapper ul li span:after {
    content: "  ";
    display: inline-block;
    border-bottom: 0.35em solid transparent;
    border-left: 0.35em solid #D5DADE;
   
    border-top: 0.35em solid transparent;
    height: 0px;
    top: 50%;
    position: absolute;
    right: -12px; 
    left: auto;
    transform: translateY(-50%);
    transition:border-right 1s ease;
    -o-transition:border-right 1s ease;
    -webkit-transition:border-right 1s ease;
    -moz-transition:border-right 1s ease;
    z-index: 10;
}
.layout_3 #menuwrapper ul li a.noflyout:hover:after {
    border-right: 0.8em solid transparent;
    transition:none;
    -o-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
}
/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
.layout_3 #menuwrapper ul li ul,
.layout_3 #menuwrapper ul li ul div{
    position:absolute;
    display:block;
    visibility:hidden;
    height:0%; 
    width:0px; 
    background-color:#fff;
    z-index: 100;
    
}
.layout_3 #menuwrapper ul li ul li,
.layout_3 #menuwrapper ul li ul li div{ 
    background-color:#fff;
}
/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
.layout_3 #menuwrapper ul li ul{ 
    overflow-y: hidden;
}
.layout_3 #menuwrapper ul li.active > ul{ 
    top:0px;
    display:block;
    visibility:visible;
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    width:100%; 
    transition:background-color 0.5s ease;
    -o-transition:background-color 0.5s ease;
    -webkit-transition:background-color 0.5s ease;
    -moz-transition:background-color 0.5s ease;
    
}
.layout_3 #menuwrapper ul li ul ul{
    width: 100% !important;
} 
 
.layout_3 .df_file_icon{
    position: relative;
    padding-left: 35px;    
    display: flex;
    align-items: center;
}
.layout_3 .df_file_icon:before,
.layout_3 .df_zip_icon:before,
.layout_3 .df_pdf_icon:before,
.layout_3 .df_docx_icon:before,
.layout_3 .df_doc_icon:before, 
.layout_3 .df_jpg_icon:before, 
.layout_3 .df_png_icon:before,
.layout_3 .df_svg_icon:before,
.layout_3 .df_gif_icon:before,
.layout_3 .df_jpeg_icon:before,
.layout_3 .df_ico_icon:before, 
.layout_3 .df_txt_icon:before, 
.layout_3 .df_xlsx_icon:before, 
.layout_3 .df_xls_icon:before, 
.layout_3 .df_ppt_icon:before, 
.layout_3 .df_audio_icon:before, 
.layout_3 .df_movie_icon:before, 
.layout_3 .df_code_icon:before, 
.layout_3 .df_files_icon:before, 
.layout_3 .df_mp3_icon:before, 
.layout_3 .df_mp4_icon:before,
.layout_3 .df_folder_icon:before,
.layout_3 .df_html_icon:before,
.layout_3 .df_xml_icon:before  {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    left: 0px;
}
.layout_3 .df_file_icon:before{
    background: url(../../../assets/layout-images/file-icon.png) no-repeat left center !important;
}
 
.layout_3 .df_jpg_icon:before,
.layout_3 .df_png_icon:before,
.layout_3 .df_svg_icon:before,
.layout_3 .df_gif_icon:before,
.layout_3 .df_jpeg_icon:before,
.layout_3 .df_ico_icon:before {
    background: url(../../../assets/layout-images/file-image.png) no-repeat left center !important;
}
.layout_3 .df_pdf_icon:before {
    background: url(../../../assets/layout-images/file-pdf.png) no-repeat left center !important;
}
.layout_3 .df_docx_icon:before,
.layout_3 .df_doc_icon:before,
.layout_3 .df_odt_icon:before
 {
    background: url(../../../assets/layout-images/file-word.png) no-repeat left center !important;
}
.layout_3 .df_zip_icon:before {
    background: url(../../../assets/layout-images/file-archive.png) no-repeat left center !important;
}
.layout_3 .df_mp3_icon:before,
.layout_3 .df_audio_icon:before {
    background: url(../../../assets/layout-images/file-audio.png) no-repeat left center !important;
}
.layout_3 .df_mp4_icon:before,
.layout_3 .df_movie_icon:before,
.layout_3 .df_mov_icon:before,
.layout_3 .df_webm_icon:before,
.layout_3 .df_ogg_icon:before,
.layout_3 .df_avi_icon:before,
.layout_3 .df_wmv_icon:before
 {
    background: url(../../../assets/layout-images/file-video.png) no-repeat left center !important;
}
.layout_3 .df_xlsx_icon:before,
.layout_3 .df_xls_icon:before,
.layout_3 .df_ods_icon:before
  {
    background: url(../../../assets/layout-images/file-xlsx.png) no-repeat left center !important;
}
.layout_3 .df_txt_icon:before  {
    background: url(../../../assets/layout-images/file-txt.png) no-repeat left center !important;
}
.layout_3 .df_folder_icon:before  {
    background: url(../../../assets/layout-images/directory.png) no-repeat left center !important; 
        width: 27px
}
.layout_3 #menuwrapper ul li.active > .df_list_row > div > .df_folder_icon:before  { 
    background: url(../../../assets/layout-images/folder-open.png) no-repeat left center !important; 
}
.layout_3 .df_ppt_icon:before,
.layout_3 .df_odp_icon:before
  {
    background: url(../../../assets/layout-images/file-ppt.png) no-repeat left center !important;
}
.layout_3 .df_html_icon:before{
    background: url(../../../assets/layout-images/file-html.png) no-repeat left center !important;
}
.layout_3 .df_xml_icon:before{
    background: url(../../../assets/layout-images/file-xml.png) no-repeat left center !important;
}
.layout_3 #menuwrapper ul li.active{
    background:#F2F6F9;
}
.layout_3 #menuwrapper ul li.active > span{
    color:#17B3E5;
}
.layout_3 .df_downloadfile{
    background: #fff;
    flex: 1;
    position: relative;
    text-align: center;
}
.layout_3 .df_downloadfile:before{
    position:absolute;
    content:'';
    background-color:#eff2f3;
    width:15px;
    height:100%;
    left:0px;
    top: 0px;
    bottom: 0px;
     z-index: 0;
}
.layout_3 .df_downloadfile_block {
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
}
.layout_3 .df_downloadfile_block img{
    display: inline-block;
}
.layout_3 .df_downloadfile_btn {
    background: #D5DADE;
    color: #fff;
    position: relative;
    padding: 10px 15px 10px 54px;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none!important;
    font-weight: 500;
    margin-top: 10px;
}
.layout_3 .df_downloadfile_btn:hover,
.layout_3 .df_downloadfile_btn:focus {
    background: #17B3E5;
    color: #fff;
}
.layout_3 .df_downloadfile_btn:before{
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='22' viewBox='0 0 30 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.2 9.62188C25.3922 9.12031 25.5 8.57187 25.5 8C25.5 5.51562 23.4844 3.5 21 3.5C20.0766 3.5 19.2141 3.78125 18.5016 4.25937C17.2031 2.00937 14.7797 0.5 12 0.5C7.85625 0.5 4.5 3.85625 4.5 8C4.5 8.12656 4.50469 8.25313 4.50937 8.37969C1.88437 9.30313 0 11.8062 0 14.75C0 18.4766 3.02344 21.5 6.75 21.5H24C27.3141 21.5 30 18.8141 30 15.5C30 12.5984 27.9375 10.175 25.2 9.62188ZM18.9703 13.7797L14.0297 18.7203C13.7391 19.0109 13.2609 19.0109 12.9703 18.7203L8.02969 13.7797C7.55625 13.3062 7.89375 12.5 8.55938 12.5H11.625V7.25C11.625 6.8375 11.9625 6.5 12.375 6.5H14.625C15.0375 6.5 15.375 6.8375 15.375 7.25V12.5H18.4406C19.1062 12.5 19.4438 13.3062 18.9703 13.7797Z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size:30px 24px; 
    /*background:url(../../../assets/layout-images/cloud-download-white.png) no-repeat left;*/
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    content: '';
    width: 30px;
    height: 24px;
    left: 15px;
    top:50%;
    transform: translateY(-50%);
}
.layout_3 .view_icon {
    background: #D5DADE;
    color: #fff;
    position: relative;
    padding: 10px 15px 10px 49px;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none!important;
    font-weight: 500;
    margin-top: 10px;
}
.layout_3 .view_icon:hover,
.layout_3 .view_icon:focus {
    background: #17B3E5;
    color: #fff;
}
.layout_3 .view_icon:before{
    background-image:url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='%23ffffff' stroke='none'%3E%3Cpath d='M2480 4303 c-560 -16 -1119 -212 -1565 -547 -382 -287 -696 -685%0A-879 -1113 l-35 -83 35 -82 c350 -820 1098 -1427 1983 -1609 325 -67 757 -66%0A1087 1 880 180 1628 788 1978 1608 l35 82 -35 83 c-182 427 -485 813 -865%0A1103 -495 376 -1114 575 -1739 557z m281 -599 c246 -46 448 -152 619 -324 222%0A-221 340 -506 340 -820 0 -314 -118 -599 -340 -820 -221 -222 -506 -340 -820%0A-340 -314 0 -599 118 -820 340 -222 221 -340 506 -340 820 0 314 118 599 340%0A820 220 221 499 338 811 339 77 1 160 -5 210 -15z'/%3E%3Cpath d='M2435 3246 c-153 -31 -259 -88 -370 -200 -136 -137 -199 -291 -199%0A-486 0 -198 63 -350 204 -490 140 -141 292 -204 490 -204 198 0 350 63 490%0A204 141 140 204 292 204 490 0 198 -63 350 -204 490 -131 132 -273 195 -460%0A205 -51 3 -113 -1 -155 -9z'/%3E%3C/g%3E%3C/svg%3E");
     background-size:26px; 
     background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    content: '';
    width: 30px;
    height: 24px;
    left: 15px;
    top:50%;
    transform: translateY(-50%);
}
.layout_3 #menuwrapper ul li a.mob_download_btn,
.layout_3 #menuwrapper ul li a.mob_view_btn{
    display: none;
}
.layout_3 .dynamic-listing{
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}
.layout_3 .dynamic-listing.open-folder{ 
    overflow-y: hidden;
}
.layout_3 .df_file_icon{
    word-break: break-all;
}   
.layout_3 #menuwrapper ul li.icon_back span:after{
    display: none;
}
.layout_3 .df_downloadfile_block img{
    margin-bottom: 8px;
    border-radius: 5px;
     max-width: 350px;
}
@media(max-width:662px){
    #sidemenu,
    .layout_3 #menuwrapper ul li.active > ul{     
        width:100%; 
    }
    .df_container {
        font: 12px 'Poppins', sans-serif; 
    }
    ol.fc-wpcp-breadcrumb>li a,
    ol.fc-wpcp-breadcrumb>li span{
        font-size: 12px;
    } 
    ol.fc-wpcp-breadcrumb>li:first-child{
        padding-right: 0px;
    }
    .fc-search-box {    
        width: 279px;
        top: 48px;
        right: -60%;
    }
    
    .fc-nav-right a {
        margin-left: 10px;
    }
    #searchbtn img,
    .fc-nav-refresh img,
    .fc-nav-home img{ 
        height: 18px;
    }
    ol.fc-wpcp-breadcrumb>li:after {         
        border-width: 0 1px 1px 0;
    }
    .layout_3 .df_downloadfile{
        display: none;
    }
    .layout_3 #menuwrapper{
        height: inherit;
    }
    .layout_3 .df_file_icon { 
        padding-left: 20px;
    }
    .layout_3 .df_file_icon:before,
    .layout_3 .df_zip_icon:before,
    .layout_3 .df_pdf_icon:before,
    .layout_3 .df_docx_icon:before,
    .layout_3 .df_doc_icon:before, 
    .layout_3 .df_jpg_icon:before, 
    .layout_3 .df_png_icon:before,
    .layout_3 .df_svg_icon:before,
    .layout_3 .df_gif_icon:before,
    .layout_3 .df_jpeg_icon:before,
    .layout_3 .df_ico_icon:before, 
    .layout_3 .df_txt_icon:before, 
    .layout_3 .df_xlsx_icon:before, 
    .layout_3 .df_xls_icon:before, 
    .layout_3 .df_ppt_icon:before, 
    .layout_3 .df_audio_icon:before, 
    .layout_3 .df_movie_icon:before, 
    .layout_3 .df_code_icon:before, 
    .layout_3 .df_files_icon:before, 
    .layout_3 .df_mp3_icon:before, 
    .layout_3 .df_mp4_icon:before,
    .layout_3 .df_folder_icon:before,
    .layout_3 .df_html_icon:before,
    .layout_3 .df_xml_icon:before{
         left: -4px;
         background-size: 18px 18px;
    }
    .layout_3 #menuwrapper ul li[data-type="file"] span:after{
        display: none;
    }
    .layout_3 #menuwrapper ul li[data-type="file"]{ 
        padding-right: 60px;
    } 
    .layout_3 #menuwrapper ul li a.mob_download_btn{
        color: #586775;
        display: inline-block;
        text-decoration: none;
        /*background: url(../../../assets/layout-images/cloud-download.png) left center no-repeat;*/
        background-image:url("data:image/svg+xml,%3Csvg width='30' height='22' viewBox='0 0 30 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.2 9.62188C25.3922 9.12031 25.5 8.57187 25.5 8C25.5 5.51562 23.4844 3.5 21 3.5C20.0766 3.5 19.2141 3.78125 18.5016 4.25937C17.2031 2.00937 14.7797 0.5 12 0.5C7.85625 0.5 4.5 3.85625 4.5 8C4.5 8.12656 4.50469 8.25313 4.50937 8.37969C1.88437 9.30313 0 11.8062 0 14.75C0 18.4766 3.02344 21.5 6.75 21.5H24C27.3141 21.5 30 18.8141 30 15.5C30 12.5984 27.9375 10.175 25.2 9.62188ZM18.9703 13.7797L14.0297 18.7203C13.7391 19.0109 13.2609 19.0109 12.9703 18.7203L8.02969 13.7797C7.55625 13.3062 7.89375 12.5 8.55938 12.5H11.625V7.25C11.625 6.8375 11.9625 6.5 12.375 6.5H14.625C15.0375 6.5 15.375 6.8375 15.375 7.25V12.5H18.4406C19.1062 12.5 19.4438 13.3062 18.9703 13.7797Z' fill='%23586775'/%3E%3C/svg%3E");
    background-size:20px 14px; 
    /*background:url(../../../assets/layout-images/cloud-download-white.png) no-repeat left;*/
    background-repeat: no-repeat;
    background-position: left center;
        padding: 0px;
        box-shadow: none;
        font-size: 0px;
        background-size: 20px;
        width: 20px;
        height: 14px;
        position: absolute;
        right: 7px;
        margin-top: -18px;
       
    }   
    .layout_3 #menuwrapper ul li a.mob_download_btn:hover{
        background-image:url("data:image/svg+xml,%3Csvg width='30' height='22' viewBox='0 0 30 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.2 9.62188C25.3922 9.12031 25.5 8.57187 25.5 8C25.5 5.51562 23.4844 3.5 21 3.5C20.0766 3.5 19.2141 3.78125 18.5016 4.25937C17.2031 2.00937 14.7797 0.5 12 0.5C7.85625 0.5 4.5 3.85625 4.5 8C4.5 8.12656 4.50469 8.25313 4.50937 8.37969C1.88437 9.30313 0 11.8062 0 14.75C0 18.4766 3.02344 21.5 6.75 21.5H24C27.3141 21.5 30 18.8141 30 15.5C30 12.5984 27.9375 10.175 25.2 9.62188ZM18.9703 13.7797L14.0297 18.7203C13.7391 19.0109 13.2609 19.0109 12.9703 18.7203L8.02969 13.7797C7.55625 13.3062 7.89375 12.5 8.55938 12.5H11.625V7.25C11.625 6.8375 11.9625 6.5 12.375 6.5H14.625C15.0375 6.5 15.375 6.8375 15.375 7.25V12.5H18.4406C19.1062 12.5 19.4438 13.3062 18.9703 13.7797Z' fill='%2317B3E5'/%3E%3C/svg%3E");
  
    } 
    .layout_3 #menuwrapper ul li a.mob_view_btn{
        color: #586775;
        display: inline-block;
        text-decoration: none;
       background-image:url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='%23586775' stroke='none'%3E%3Cpath d='M2480 4303 c-560 -16 -1119 -212 -1565 -547 -382 -287 -696 -685%0A-879 -1113 l-35 -83 35 -82 c350 -820 1098 -1427 1983 -1609 325 -67 757 -66%0A1087 1 880 180 1628 788 1978 1608 l35 82 -35 83 c-182 427 -485 813 -865%0A1103 -495 376 -1114 575 -1739 557z m281 -599 c246 -46 448 -152 619 -324 222%0A-221 340 -506 340 -820 0 -314 -118 -599 -340 -820 -221 -222 -506 -340 -820%0A-340 -314 0 -599 118 -820 340 -222 221 -340 506 -340 820 0 314 118 599 340%0A820 220 221 499 338 811 339 77 1 160 -5 210 -15z'/%3E%3Cpath d='M2435 3246 c-153 -31 -259 -88 -370 -200 -136 -137 -199 -291 -199%0A-486 0 -198 63 -350 204 -490 140 -141 292 -204 490 -204 198 0 350 63 490%0A204 141 140 204 292 204 490 0 198 -63 350 -204 490 -131 132 -273 195 -460%0A205 -51 3 -113 -1 -155 -9z'/%3E%3C/g%3E%3C/svg%3E");
     background-size:20px; 
     background-repeat: no-repeat;
    background-position: left center;
        padding: 0px;
        box-shadow: none;
        font-size: 0px;
        background-size: 20px;
        width: 20px;
        height: 14px;
        position: absolute;
        right: 35px;
        margin-top: -18px;
    }
    .layout_3 #menuwrapper ul li a.mob_view_btn:hover{
        background-image:url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='%2317B3E5' stroke='none'%3E%3Cpath d='M2480 4303 c-560 -16 -1119 -212 -1565 -547 -382 -287 -696 -685%0A-879 -1113 l-35 -83 35 -82 c350 -820 1098 -1427 1983 -1609 325 -67 757 -66%0A1087 1 880 180 1628 788 1978 1608 l35 82 -35 83 c-182 427 -485 813 -865%0A1103 -495 376 -1114 575 -1739 557z m281 -599 c246 -46 448 -152 619 -324 222%0A-221 340 -506 340 -820 0 -314 -118 -599 -340 -820 -221 -222 -506 -340 -820%0A-340 -314 0 -599 118 -820 340 -222 221 -340 506 -340 820 0 314 118 599 340%0A820 220 221 499 338 811 339 77 1 160 -5 210 -15z'/%3E%3Cpath d='M2435 3246 c-153 -31 -259 -88 -370 -200 -136 -137 -199 -291 -199%0A-486 0 -198 63 -350 204 -490 140 -141 292 -204 490 -204 198 0 350 63 490%0A204 141 140 204 292 204 490 0 198 -63 350 -204 490 -131 132 -273 195 -460%0A205 -51 3 -113 -1 -155 -9z'/%3E%3C/g%3E%3C/svg%3E");
   
    }
    .layout_3 .df_folder_icon + .mob_download_btn,
    .layout_3 .df_folder_icon + .mob_view_btn{
        display: none;
    }
}
.layout_3   #menuwrapper ul li.active  span.df_folder_icon.lfc + ul.df_sub .icon_back{
    position: relative;
}
.layout_3  #menuwrapper ul li.active  span.df_folder_icon.lfc + ul.df_sub .icon_back:after{
    position: absolute;
    content: '';
    right: 8px;
    top: 31%;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0L8 4L12 8V5C15.859 5 19 8.14 19 12C19 12.88 18.8293 13.7201 18.5312 14.4961L20.0469 16.0098C20.6519 14.8008 21 13.442 21 12C21 7.038 16.963 3 12 3V0ZM3.95312 7.99023C3.34812 9.19923 3 10.558 3 12C3 16.962 7.037 21 12 21V24L16 20L12 16V19C8.141 19 5 15.86 5 12C5 11.12 5.17075 10.2799 5.46875 9.50391L3.95312 7.99023Z' fill='%23586775'/%3E%3C/svg%3E%0A");
     background-repeat: no-repeat; 
     animation: rotation 2s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}