/*!    * 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: 16px 'Poppins', sans-serif;    line-height: 1.6;    color: #586775;    font-weight: 500;}.df_container ol,.df_container p,.df_container ul{     font: 16px 'Poppins', sans-serif; }@media(min-width:1200px){    .df_container{        width: 100%;         margin: 0 auto;    }}.wpdf_files_grid_container {        text-align: left;    margin-bottom: 30px;    display: block!important;    position: relative;    box-sizing: border-box;    }.layout_1 *{    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;    box-shadow: none;}ol.fc-wpcp-breadcrumb .fc-nav-home{	cursor: pointer;}.fc-nav-right a#searchbtn:hover img,.fc-nav-right a.fc-nav-refresh:hover img,ol.fc-wpcp-breadcrumb .fc-nav-home:hover img{	opacity: 0.5;}  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:after {	content: '';	position: absolute;	border: solid black;	border-width: 0 2px 2px 0;	border-color: #586775;	display: inline-block;	padding: 2px;	right: -2px;	top: 40%;	 margin-top: 0px;	transform: rotate(-45deg);	-webkit-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;    box-shadow: none;}ol.fc-wpcp-breadcrumb>li a:hover{	color: #979b9f;}ol.fc-wpcp-breadcrumb>li span{    text-decoration: none;    color: #17B3E5;    font-size: 14px;}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 */#menuwrapper ul, #menuwrapper ul li{    margin:0;    padding:0;    list-style:none;    background-color: #fff;    }#menuwrapper{ background-color: #fff; }#sidemenu{         }#menuwrapper ul li{            text-align:left; }#menuwrapper ul li[data-type="folder"] > .df_list_row{    cursor:pointer;}/* We apply background color and border bottom white and width to 150px */#menuwrapper ul li .df_list_row{         text-align:left;    border-bottom: solid 1px #D5DADE;    padding:14px 10px;    display: flex;    align-items: center;}#menuwrapper ul li .df_list_row > div{	flex: 1;}#menuwrapper ul li .df_list_row > div:first-child{	    width: 30%;    flex: auto;}/* We apply the background hover color when user hover the mouse over of the li component */#menuwrapper ul li:hover{    /*position:relative;*/    }/* We apply the link style */#menuwrapper ul li a.download_btn{     color:#586775;    display:inline-block;    text-decoration:none;    background:url(../../../assets/layout-images/cloud-download.png) left center no-repeat;    padding-left: 40px;    box-shadow: none;}#menuwrapper ul li a.download_btn:hover{     color:#17B3E5;     background:url(../../../assets/layout-images/cloud-download-hover.png) left center no-repeat; } #menuwrapper ul li .df_folder_icon: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;    left: 5px;     transform: translateY(-50%);   }#menuwrapper ul li.active > .df_list_row > div >  span.df_folder_icon:after {    margin-top:3px;    margin-left: -2px;    margin-right: 7px;    border-left: 5px solid transparent;    border-right: 5px solid transparent;    border-top: 5px solid #D5DADE;}#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 */#menuwrapper ul li ul {    position:relative;    display:none;    background-color:#fff;    z-index: 100;    padding-left: 30px;    }#menuwrapper ul li ul li {     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.  */#menuwrapper ul li.active > ul{            visibility:visible;        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;    } #menuwrapper .show-subnav {  display: block!important;}.df_file_icon{    position: relative;    padding-left: 74px;        display: flex;    align-items: center;}.df_file_icon:before,.df_zip_icon:before,.df_pdf_icon:before,.df_docx_icon:before,.df_doc_icon:before, .df_jpg_icon:before, .df_png_icon:before,.df_svg_icon:before,.df_gif_icon:before,.df_jpeg_icon:before,.df_ico_icon:before, .df_txt_icon:before, .df_xlsx_icon:before, .df_xls_icon:before, .df_ppt_icon:before, .df_audio_icon:before, .df_movie_icon:before, .df_code_icon:before, .df_files_icon:before, .df_mp3_icon:before, .df_mp4_icon:before,.df_folder_icon:before,.df_html_icon:before,.df_xml_icon:before {    position: absolute;    content: '';    width: 24px;    height: 24px;    left: 30px;}.df_file_icon:before{	background: url(../../../assets/layout-images/file-icon.png) no-repeat left center;}#menuwrapper ul#sidemenu > li:first-child .df_file_icon:before{	background: none;}.df_jpg_icon:before,.df_png_icon:before,.df_svg_icon:before,.df_gif_icon:before,.df_jpeg_icon:before,.df_ico_icon:before {    background: url(../../../assets/layout-images/file-image.png) no-repeat left center;}.df_pdf_icon:before {    background: url(../../../assets/layout-images/file-pdf.png) no-repeat left center;}.df_docx_icon:before,.df_doc_icon:before {    background: url(../../../assets/layout-images/file-word.png) no-repeat left center;}.df_zip_icon:before {    background: url(../../../assets/layout-images/file-archive.png) no-repeat left center;}.df_mp3_icon:before,.df_audio_icon:before {    background: url(../../../assets/layout-images/file-audio.png) no-repeat left center;}.df_mp4_icon:before,.df_movie_icon:before {    background: url(../../../assets/layout-images/file-video.png) no-repeat left center;}.df_xlsx_icon:before,.df_xls_icon:before  {    background: url(../../../assets/layout-images/file-xlsx.png) no-repeat left center;}.df_txt_icon:before  {    background: url(../../../assets/layout-images/file-txt.png) no-repeat left center;}.df_folder_icon:before  {    background: url(../../../assets/layout-images/directory.png) no-repeat left center;         width: 27px}#menuwrapper ul li.active > .df_list_row > div > .df_folder_icon:before  {     background: url(../../../assets/layout-images/folder-open.png) no-repeat left center; }.df_ppt_icon:before  {    background: url(../../../assets/layout-images/file-ppt.png) no-repeat left center;}.df_html_icon:before{	background: url(../../../assets/layout-images/file-html.png) no-repeat left center;}.df_xml_icon:before{	background: url(../../../assets/layout-images/file-xml.png) no-repeat left center;}#menuwrapper ul li[data-type="folder"]:hover{    background:#F2F6F9;}#menuwrapper ul li.active >.df_list_row > div > span{    color:#17B3E5;}/*#menuwrapper ul li.active .df_folder_icon:before  {    background: url(../images/folder-open.png) no-repeat left center;}*/.df_text_center{	text-align: center; } .df_header_col1 .df_file_icon:after{ 	display: none !important; } .df_pagination_block{ 	border-top: 1px solid #D5DADE; 	text-align: center; 	margin-top: 80px; 	margin-bottom: 80px; } .df_pagination {  display: inline-block;  padding: 0;  margin: 0px 0;}.df_pagination li {display: inline; margin: 0px;}.df_pagination li a {  color: black;  float: left;  padding: 10px 16px;  text-decoration: none;  color: #586775;  position: relative;}.df_pagination li a.active {     color: #17B3E5;    border-top: 4px solid #17B3E5;}.df_pagination li a:hover {	color: #17B3E5; }.df_pagination li a.active:before {	position: absolute;	content: '';	border-top: 4px solid #17B3E5;	top: 0px;	left: 50%;	transform: translateX(-50%);	width: 24px; }@media(max-width:662px){	.df_container,	.df_container ol,	.df_container p,	.df_container ul {    	font: 12px 'Poppins', sans-serif !important; 	}	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;	}	#menuwrapper ul li a.download_btn{		font-size: 0px;        display: inherit;		width: 30px;    	height: 24px;    	background-size: 25px;    	background-position: center;	}    #menuwrapper ul li .df_list_row{        padding: 12px 0;    }	#menuwrapper ul li .df_list_row > div:first-child {	    width: 54%; 	    padding-right: 10px;        word-break: break-all;	}	.df_file_icon { 	    padding-left: 46px;        min-height: 22px;	}	#menuwrapper ul li .df_folder_icon:after{		left: 0px;	}	.df_file_icon:before,	.df_zip_icon:before,	.df_pdf_icon:before,	.df_docx_icon:before,	.df_doc_icon:before, 	.df_jpg_icon:before, 	.df_png_icon:before,	.df_svg_icon:before,	.df_gif_icon:before,	.df_jpeg_icon:before,	.df_ico_icon:before, 	.df_txt_icon:before, 	.df_xlsx_icon:before, 	.df_xls_icon:before, 	.df_ppt_icon:before, 	.df_audio_icon:before, 	.df_movie_icon:before, 	.df_code_icon:before, 	.df_files_icon:before, 	.df_mp3_icon:before, 	.df_mp4_icon:before,	.df_folder_icon:before,	.df_html_icon:before,	.df_xml_icon:before{		 left: 14px;	}		 	.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;	}}