/*!

    * 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 h1,

.df_container h2,

.df_container h3,

.df_container h4,

.df_container h5,

.df_container h6{

    font-family:'Poppins', sans-serif ;

}

.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;

    }

}

.wpdf_files_grid_container {

    

    text-align: left;

    margin-bottom: 30px;

    display: block!important;

    position: relative;

}

.darklayout_2 .layout_2 *{

    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 #fff;

    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: #fff;

    font-size: 14px;

}

ol.fc-wpcp-breadcrumb>li a:hover {

    color: #979b9f;

}

ol.fc-wpcp-breadcrumb>li span,

ol.fc-wpcp-breadcrumb>li a.active{

    text-decoration: none;

    color: #17B3E5;

    cursor: inherit;

}

ol.fc-wpcp-breadcrumb .is-hidden {

    display: none;

}

div.wpdf_files_list_container.darklayout_2 .layout_2 {

    float: left;

    width: 100%;

    /*border:1px solid #ddd;*/

}

 

 

  

.darklayout_2 .layout_2 .wpdf-folder-style,

.darklayout_2 .layout_2 .wpdf-file-style {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    list-style: none;

    margin: 0;

    padding: 0; 

}

.darklayout_2 .layout_2 .wpdf-folder-style li{

    cursor: pointer; 

}

.darklayout_2 .layout_2 .wpdf-folder-style li,

.darklayout_2 .layout_2 .wpdf-file-style li {

    float: left;

    text-decoration: none;

    list-style: none;

   

    padding-left: 15px;

    padding-right: 15px;

    margin: 0px 0 20px;

    text-align: center;

     position: relative;

    width: 100%;

    min-height: 1px;

 

}

@media (min-width: 576px){

    .darklayout_2 .layout_2 .wpdf-folder-style li,

    .darklayout_2 .layout_2 .wpdf-file-style li{

            -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

}

@media (min-width: 960px){

    .darklayout_2 .layout_2 .wpdf-folder-style li,

    .darklayout_2 .layout_2 .wpdf-file-style li{

        -webkit-box-flex: 0;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

}

.darklayout_2 .layout_2 ul.wpdf-folder-style .wpdf-panel {

    width: 100%;

    display: flex;

     border: solid 1px #393939;

    border-radius: 4px;

    background-color: #181818;

    padding: 8px 10px;

    text-align: left;

        align-items: center;

        font-weight: 500;

        text-decoration: none;

        color: #fff;
overflow: hidden;
    position: relative;
}
.darklayout_2 .layout_2 ul.wpdf-folder-style .wpdf-panel:after {
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(24,24,24,1) 71%);
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
}
.darklayout_2 .layout_2 ul.wpdf-folder-style li.active  .wpdf-panel,

.darklayout_2 .layout_2 ul.wpdf-folder-style li:hover  .wpdf-panel {

    border: solid 1px #17b3e5;

    color: #17b3e5;

}

.darklayout_2 .layout_2 .wpdf_file_name {

    text-transform: uppercase;

}

.darklayout_2 .layout_2 .wpdf_directory_icon {

        display: inline-block;

    margin-right: 6px;
    min-width: 25%;

} 

.darklayout_2 .layout_2 .wpdf_directory_icon img {

    box-shadow: none;

    border-radius: 0px;

    display: inherit;

}

.darklayout_2 .layout_2 .wpdf_file_icon{

        display: inline-block;

    margin-right: 10px;

     -webkit-box-flex: 0;

    -ms-flex: 0 0 18px;

    flex: 0 0 18px;

    max-width: 18px;

} 

.darklayout_2 .layout_2 ul.wpdf-file-style div.wpdf-file-panel {

    width: 100%;

    display: flex;

     border-top: solid 1px #393939; 

    padding: 12px 15px;

    text-align: left;

        align-items: center;

        font-weight: 500;

        position: relative;

        overflow: hidden;

}

.darklayout_2 .layout_2 ul.wpdf-file-style div.wpdf-file-panel:before{

    position: absolute;

    content: '';

    height: 100%;

    width: 40px;

    right: 0px;

    top: 0px;

    bottom: 0px;

    background: rgb(24,24,24);

    background: linear-gradient(90deg, rgba(24,24,24,0) 0%, rgba(24,24,24,1) 88%); 

    z-index: 100;
    border-bottom-right-radius: 10px;

}

.darklayout_2 .layout_2 .wpdf-file-style li:hover .wpdf-file-panel{

    color: #17B3E5;

}

.darklayout_2 .layout_2 .wpdf-file-outer-panel{

     border: solid 1px #393939;

    border-radius: 4px;

    background-color: #181818; 

}

.darklayout_2 .layout_2 .wpdf-file-format{

    display: flex;

    position: relative;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    overflow: hidden; 

}

.darklayout_2 .layout_2 .wpdf-file-format img{

    width: 100%;

    height: auto; 

}

.darklayout_2 .layout_2 .wpdf-overlay{

    position: absolute;

    content: '';

    background-color:rgba(1,29,47,0.72);

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 10;

    display: none;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    cursor: default;

}

/*.darklayout_2 .layout_2 .wpdf-file-style li:hover .wpdf-overlay{

    display: inline-block;

}*/

.darklayout_2 .layout_2 .wpdf-overlay img{

    width: 30px;

    height: auto;

    margin: 0 auto 3px;

    display: block;

}

.darklayout_2 .layout_2 .wpdf-overlay-inner{

    position: absolute;

    top:50%;

    left: 50%;

    transform: translate(-50%,-50%);

    color: #fff;

    font-size: 16px;

}

.darklayout_2 .layout_2 .wpdf-overlay-inner a{

    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 30px;
    text-decoration: none;

}
.darklayout_2 .layout_2 .wpdf-overlay-inner ul{
    margin: 0;
    padding: 0;
    display: flex;
}
.darklayout_2 .layout_2 .wpdf-overlay-inner ul li{
    list-style: none;
    display: inline-flex;
    margin: 3px;
    padding: 3px !important;
    flex: 1 0 0;
    max-width: inherit;
    border: 1px solid #fff;
    border-radius: 10px;
}
.darklayout_2 .layout_2 .wpdf-overlay-inner ul li:hover{
    border-color: #17B3E5;
}
.darklayout_2 .layout_2 .wpdf-overlay-inner a.download_icon{
    display: inline-block;
   
    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: 20px 15px;
}
.darklayout_2 .layout_2 .wpdf-overlay-inner li:hover a.download_icon{    
    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");
   
}
.darklayout_2 .layout_2 .wpdf-overlay-inner a.view_icon{
    display: inline-block;
    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-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='M2375 3904 c-317 -32 -597 -104 -899 -231 -459 -193 -933 -515 -1324%0A-900 -148 -145 -166 -176 -143 -255 21 -75 336 -368 626 -584 514 -382 1046%0A-617 1585 -700 85 -13 174 -18 340 -18 238 0 347 11 562 59 206 46 521 161%0A733 267 378 190 791 488 1113 805 148 145 166 176 143 256 -21 74 -336 367%0A-626 583 -361 268 -727 462 -1111 587 -279 91 -481 126 -764 131 -107 2 -213%0A2 -235 0z m328 -305 c415 -62 750 -354 865 -754 160 -552 -165 -1132 -723%0A-1293 -552 -160 -1132 165 -1293 723 -190 657 309 1325 996 1334 46 1 116 -4%0A155 -10z'/%3E%3Cpath d='M2465 3304 c-104 -21 -137 -30 -190 -52 -179 -76 -331 -227 -407%0A-407 -41 -97 -53 -162 -53 -285 0 -123 12 -188 53 -285 93 -218 282 -380 522%0A-447 26 -7 101 -12 175 -12 119 0 138 3 220 31 130 45 208 93 305 192 96 97%0A155 197 189 320 l20 73 -32 -6 c-169 -35 -307 3 -422 119 -176 175 -178 448%0A-5 627 28 29 47 55 43 58 -20 17 -115 50 -185 64 -71 15 -184 19 -233 10z'/%3E%3C/g%3E%3C/svg%3E");
    */background-size:20px;
}
.darklayout_2 .layout_2 .wpdf-overlay-inner li:hover a.view_icon{
    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");
   
    /*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='M2375 3904 c-317 -32 -597 -104 -899 -231 -459 -193 -933 -515 -1324%0A-900 -148 -145 -166 -176 -143 -255 21 -75 336 -368 626 -584 514 -382 1046%0A-617 1585 -700 85 -13 174 -18 340 -18 238 0 347 11 562 59 206 46 521 161%0A733 267 378 190 791 488 1113 805 148 145 166 176 143 256 -21 74 -336 367%0A-626 583 -361 268 -727 462 -1111 587 -279 91 -481 126 -764 131 -107 2 -213%0A2 -235 0z m328 -305 c415 -62 750 -354 865 -754 160 -552 -165 -1132 -723%0A-1293 -552 -160 -1132 165 -1293 723 -190 657 309 1325 996 1334 46 1 116 -4%0A155 -10z'/%3E%3Cpath d='M2465 3304 c-104 -21 -137 -30 -190 -52 -179 -76 -331 -227 -407%0A-407 -41 -97 -53 -162 -53 -285 0 -123 12 -188 53 -285 93 -218 282 -380 522%0A-447 26 -7 101 -12 175 -12 119 0 138 3 220 31 130 45 208 93 305 192 96 97%0A155 197 189 320 l20 73 -32 -6 c-169 -35 -307 3 -422 119 -176 175 -178 448%0A-5 627 28 29 47 55 43 58 -20 17 -115 50 -185 64 -71 15 -184 19 -233 10z'/%3E%3C/g%3E%3C/svg%3E");
   */
}

.darklayout_2 .layout_2 .wpdf_file_icon img{

    width: 18px;

    height: 18px;

    display: inherit;

}

.darklayout_2 .layout_2 .row_downloadbutton {

    display: block;

    width: 100%;

    height: 100%;

    background: #212f3d;

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

    opacity: 0;

}

.darklayout_2 .layout_2 .row_downloadbutton a {

    display: block;

    margin: auto;

    margin-top: 25%;

    width: 100%;

    color: #fff;

    text-decoration: none;

}

.darklayout_2 .layout_2 .wpdf-list-style li:hover .row_downloadbutton {

    display: block;

    -webkit-transition: opacity .5s;

    -moz-transition: opacity .5s;

    -o-transition: opacity .5s;

    opacity: 1;

}

.darklayout_2 .layout_2 h3.wpdf-title-block{

    position: relative;

        margin: 20px 0;

    padding: 0 15px;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 500;

    color: #D5DADE;

 }

.darklayout_2 .layout_2 h3.wpdf-title-block:after{

    position: absolute;

    content: '';

    top:50%;

    transform: translateY(-50%);

    background: #D5DADE;

    width: 25px;

    height: 2px;

    margin-left: 5px;

}

.darklayout_2 .layout_2 .df_file_icon{

    position: relative;

    padding-left: 22px;    

    display: flex;

    align-items: center;

    white-space: nowrap;

}

.darklayout_2 .layout_2 .df_file_icon:before,

.darklayout_2 .layout_2 .df_zip_icon:before,

.darklayout_2 .layout_2 .df_pdf_icon:before,

.darklayout_2 .layout_2 .df_docx_icon:before,

.darklayout_2 .layout_2 .df_doc_icon:before, 

.darklayout_2 .layout_2 .df_jpg_icon:before, 

.darklayout_2 .layout_2 .df_png_icon:before,

.darklayout_2 .layout_2 .df_svg_icon:before,

.darklayout_2 .layout_2 .df_gif_icon:before,

.darklayout_2 .layout_2 .df_jpeg_icon:before,

.darklayout_2 .layout_2 .df_ico_icon:before, 

.darklayout_2 .layout_2 .df_txt_icon:before, 

.darklayout_2 .layout_2 .df_xlsx_icon:before, 

.darklayout_2 .layout_2 .df_xls_icon:before, 

.darklayout_2 .layout_2 .df_ppt_icon:before, 

.darklayout_2 .layout_2 .df_audio_icon:before, 

.darklayout_2 .layout_2 .df_movie_icon:before, 

.darklayout_2 .layout_2 .df_code_icon:before, 

.darklayout_2 .layout_2 .df_files_icon:before, 

.darklayout_2 .layout_2 .df_mp3_icon:before, 

.darklayout_2 .layout_2 .df_mp4_icon:before,

.darklayout_2 .layout_2 .df_folder_icon:before,

.darklayout_2 .layout_2 .df_html_icon:before,

.darklayout_2 .layout_2 .df_xml_icon:before {

    position: absolute;

    content: '';

    width: 24px;

    height: 24px;

    left: -3px;

    background-size: 18px 18px !important;

}

.darklayout_2 .layout_2 .df_file_icon:before{

    background: url(../../../assets/layout-images/file-icon.png) no-repeat left center;

}

 

.darklayout_2 .layout_2 .df_jpg_icon:before,

.darklayout_2 .layout_2 .df_png_icon:before,

.darklayout_2 .layout_2 .df_svg_icon:before,

.darklayout_2 .layout_2 .df_gif_icon:before,

.darklayout_2 .layout_2 .df_jpeg_icon:before,

.darklayout_2 .layout_2 .df_ico_icon:before {

    background: url(../../../assets/layout-images/file-image.png) no-repeat left center;

}

.darklayout_2 .layout_2 .df_pdf_icon:before {

    background: url(../../../assets/layout-images/file-pdf.png) no-repeat left center;

}

.darklayout_2 .layout_2 .df_docx_icon:before,

.darklayout_2 .layout_2 .df_doc_icon:before {

    background: url(../../../assets/layout-images/file-word.png) no-repeat left center;

}

.darklayout_2 .layout_2 .df_zip_icon:before {

    background: url(../../../assets/layout-images/file-archive.png) no-repeat left center;

}

.darklayout_2 .layout_2 .df_mp3_icon:before,

.darklayout_2 .layout_2 .df_audio_icon:before {

    background: url(../../../assets/layout-images/file-audio.png) no-repeat left center;

}

.darklayout_2 .layout_2 .df_mp4_icon:before,

.darklayout_2 .layout_2 .df_movie_icon:before {

    background: url(../../../assets/layout-images/file-video.png) no-repeat left center;

}

.darklayout_2 .layout_2 .df_xlsx_icon:before,

.darklayout_2 .layout_2 .df_xls_icon:before  {

    background: url(../../../assets/layout-images/file-xlsx.png) no-repeat left center;

}

.darklayout_2 .layout_2 .df_txt_icon:before  {

    background: url(../../../assets/layout-images/file-txt.png) no-repeat left center;

}

.darklayout_2 .layout_2 .df_folder_icon:before  {

    background: url(../../../assets/layout-images/directory.png) no-repeat left center; 

        width: 27px

}

.darklayout_2 .layout_2 .df_ppt_icon:before  {

    background: url(../../../assets/layout-images/file-ppt.png) no-repeat left center;

}

.darklayout_2 .layout_2 .df_html_icon:before{

    background: url(../../../assets/layout-images/file-html.png) no-repeat left center;

}

.darklayout_2 .layout_2 .df_xml_icon:before{

    background: url(../../../assets/layout-images/file-xml.png) no-repeat left center;

}

/* pagination */

.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;}

.df_pagination li a, .df_pagination li span {

  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; 

}

/* ends */

@media(max-width:662px){

     

    .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;

    }

}
.darklayout_2{
    background-color: #181818;
    padding: 0 15px;
    position: relative;
}
 

.darklayout_2 .layout_2 .df_container { 

    color: #fff; 

}

.darklayout_2 .layout_2.wpdf_files_grid_container{

  background-color: #292929;

  display: block !important;

  padding: 10px;

  border-top: 1px solid #393939; 

}

.darklayout_2 .layout_2  #menuwrapper,

.darklayout_2 .layout_2  #menuwrapper ul,

.darklayout_2 .layout_2  #menuwrapper ul li{

  background: none;

}

.darklayout_2 .layout_2 .fc-nav-header { 

    border-bottom: solid 1px #252525;

}

.darklayout_2 .layout_2 .df_pagination_block {

    border-top: 1px solid #393939;

}

.darklayout_2 .layout_2 .df_folder_icon:before {

    background: url(../images/directory-white.png) no-repeat left center;

    width: 27px;

}