ul.yatra-downloads-file-list {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.yatra-downloads-file-list .yatra-file-type-icon {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    /*Start Run Code Snippet output CSS*/
    padding: 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    -webkit-box-flex: inherit;
       -moz-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    cursor: pointer;
    /*End Run Code Snippet output CSS*/
}

.yatra-downloads-file-list .yatra-file-type-icon .icon-holder {
    height: 100px;
    width: 100px;
    background: transparent;
    margin: 0 auto;
    background: url("../images/unknown.png");
    background-size: cover;
}

.yatra-downloads-file-list .yatra-file-type-icon:hover .icon-content {
    border: 1px solid #000;
}

.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-jpg .icon-holder,
.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-png .icon-holder,
.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-jpeg .icon-holder,
.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-gif .icon-holder,
.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-image .icon-holder {

    background: url("../images/picture.png");
    background-size: cover;
}

.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-pdf .icon-holder {

    background: url("../images/pdf.png");
    background-size: cover;
}

.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-zip .icon-holder {

    background: url("../images/zip.png");
    background-size: cover;
}

.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-txt .icon-holder,
.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-text .icon-holder {

    background: url("../images/text.png");
    background-size: cover;
}

.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-doc .icon-holder,
.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-docx .icon-holder {

    background: url("../images/doc.png");
    background-size: cover;
}

.yatra-downloads-file-list .yatra-file-type-icon.yatra-file-type-unknown .icon-holder {

    background: url("../images/unknown.png");
    background-size: cover;
}

.yatra-downloads-file-list .yatra-file-type-icon .icon-inner {

     height: 100%;
}

.yatra-downloads-file-list .yatra-file-type-icon .icon-content {
    padding: 5px;
    height: 100%;
    position: relative;
    border: 1px solid #aaa;
    background: #f9f9f9;
}

.yatra-downloads-file-list .yatra-file-type-icon .icon-content .file-name {

    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    font-weight: 500;
    font-size: 13px;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInlhdHJhLWRvd25sb2Fkcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxZQUFZO0lBQ1oscUJBQWM7SUFBZCxrQkFBYztJQUFkLHFCQUFjO0lBQWQsY0FBYztJQUNkLG9CQUFnQjtRQUFoQixnQkFBZ0I7Q0FDbkI7O0FBRUQ7SUFDSSxvQkFBYztPQUFkLGlCQUFjO1FBQWQsa0JBQWM7WUFBZCxjQUFjO0lBQ2QscUNBQXFDO0lBQ3JDLGFBQWE7SUFDYiwrQkFBdUI7T0FBdkIsNEJBQXVCO1lBQXZCLHVCQUF1QjtJQUN2QixtQkFBbUI7SUFDbkIsMEJBQW1CO09BQW5CLHVCQUFtQjtRQUFuQiwyQkFBbUI7WUFBbkIsbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQixtQ0FBbUM7Q0FDdEM7O0FBRUQ7SUFDSSxjQUFjO0lBQ2QsYUFBYTtJQUNiLHdCQUF3QjtJQUN4QixlQUFlO0lBQ2YseUNBQXlDO0lBQ3pDLHVCQUF1QjtDQUMxQjs7QUFFRDtJQUNJLHVCQUF1QjtDQUMxQjs7QUFFRDs7Ozs7O0lBTUkseUNBQXlDO0lBQ3pDLHVCQUF1QjtDQUMxQjs7QUFFRDs7SUFFSSxxQ0FBcUM7SUFDckMsdUJBQXVCO0NBQzFCOztBQUVEOztJQUVJLHFDQUFxQztJQUNyQyx1QkFBdUI7Q0FDMUI7O0FBRUQ7OztJQUdJLHNDQUFzQztJQUN0Qyx1QkFBdUI7Q0FDMUI7O0FBRUQ7OztJQUdJLHFDQUFxQztJQUNyQyx1QkFBdUI7Q0FDMUI7O0FBRUQ7O0lBRUkseUNBQXlDO0lBQ3pDLHVCQUF1QjtDQUMxQjs7QUFFRDs7S0FFSyxhQUFhO0NBQ2pCOztBQUVEO0lBQ0ksYUFBYTtJQUNiLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsdUJBQXVCO0lBQ3ZCLG9CQUFvQjtDQUN2Qjs7QUFFRDs7SUFFSSxtQkFBbUI7SUFDbkIsVUFBVTtJQUNWLFFBQVE7SUFDUiwrQkFBK0I7SUFDL0IsWUFBWTtJQUNaLFlBQVk7SUFDWixVQUFVO0lBQ1YsZUFBZTtJQUNmLGlCQUFpQjtJQUNqQixnQkFBZ0I7Q0FDbkIiLCJmaWxlIjoieWF0cmEtZG93bmxvYWRzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbInVsLnlhdHJhLWRvd25sb2Fkcy1maWxlLWxpc3Qge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xufVxuXG4ueWF0cmEtZG93bmxvYWRzLWZpbGUtbGlzdCAueWF0cmEtZmlsZS10eXBlLWljb24ge1xuICAgIGZsZXg6IDEgMSAyMCU7XG4gICAgLypTdGFydCBSdW4gQ29kZSBTbmlwcGV0IG91dHB1dCBDU1MqL1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBmbGV4LWdyb3c6IGluaGVyaXQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC8qRW5kIFJ1biBDb2RlIFNuaXBwZXQgb3V0cHV0IENTUyovXG59XG5cbi55YXRyYS1kb3dubG9hZHMtZmlsZS1saXN0IC55YXRyYS1maWxlLXR5cGUtaWNvbiAuaWNvbi1ob2xkZXIge1xuICAgIGhlaWdodDogMTAwcHg7XG4gICAgd2lkdGg6IDEwMHB4O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGJhY2tncm91bmQ6IHVybChcIi4uL2ltYWdlcy91bmtub3duLnBuZ1wiKTtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xufVxuXG4ueWF0cmEtZG93bmxvYWRzLWZpbGUtbGlzdCAueWF0cmEtZmlsZS10eXBlLWljb246aG92ZXIgLmljb24tY29udGVudCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzAwMDtcbn1cblxuLnlhdHJhLWRvd25sb2Fkcy1maWxlLWxpc3QgLnlhdHJhLWZpbGUtdHlwZS1pY29uLnlhdHJhLWZpbGUtdHlwZS1qcGcgLmljb24taG9sZGVyLFxuLnlhdHJhLWRvd25sb2Fkcy1maWxlLWxpc3QgLnlhdHJhLWZpbGUtdHlwZS1pY29uLnlhdHJhLWZpbGUtdHlwZS1wbmcgLmljb24taG9sZGVyLFxuLnlhdHJhLWRvd25sb2Fkcy1maWxlLWxpc3QgLnlhdHJhLWZpbGUtdHlwZS1pY29uLnlhdHJhLWZpbGUtdHlwZS1qcGVnIC5pY29uLWhvbGRlcixcbi55YXRyYS1kb3dubG9hZHMtZmlsZS1saXN0IC55YXRyYS1maWxlLXR5cGUtaWNvbi55YXRyYS1maWxlLXR5cGUtZ2lmIC5pY29uLWhvbGRlcixcbi55YXRyYS1kb3dubG9hZHMtZmlsZS1saXN0IC55YXRyYS1maWxlLXR5cGUtaWNvbi55YXRyYS1maWxlLXR5cGUtaW1hZ2UgLmljb24taG9sZGVyIHtcblxuICAgIGJhY2tncm91bmQ6IHVybChcIi4uL2ltYWdlcy9waWN0dXJlLnBuZ1wiKTtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xufVxuXG4ueWF0cmEtZG93bmxvYWRzLWZpbGUtbGlzdCAueWF0cmEtZmlsZS10eXBlLWljb24ueWF0cmEtZmlsZS10eXBlLXBkZiAuaWNvbi1ob2xkZXIge1xuXG4gICAgYmFja2dyb3VuZDogdXJsKFwiLi4vaW1hZ2VzL3BkZi5wbmdcIik7XG4gICAgYmFja2dyb3VuZC1zaXplOiBjb3Zlcjtcbn1cblxuLnlhdHJhLWRvd25sb2Fkcy1maWxlLWxpc3QgLnlhdHJhLWZpbGUtdHlwZS1pY29uLnlhdHJhLWZpbGUtdHlwZS16aXAgLmljb24taG9sZGVyIHtcblxuICAgIGJhY2tncm91bmQ6IHVybChcIi4uL2ltYWdlcy96aXAucG5nXCIpO1xuICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG59XG5cbi55YXRyYS1kb3dubG9hZHMtZmlsZS1saXN0IC55YXRyYS1maWxlLXR5cGUtaWNvbi55YXRyYS1maWxlLXR5cGUtdHh0IC5pY29uLWhvbGRlcixcbi55YXRyYS1kb3dubG9hZHMtZmlsZS1saXN0IC55YXRyYS1maWxlLXR5cGUtaWNvbi55YXRyYS1maWxlLXR5cGUtdGV4dCAuaWNvbi1ob2xkZXIge1xuXG4gICAgYmFja2dyb3VuZDogdXJsKFwiLi4vaW1hZ2VzL3RleHQucG5nXCIpO1xuICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG59XG5cbi55YXRyYS1kb3dubG9hZHMtZmlsZS1saXN0IC55YXRyYS1maWxlLXR5cGUtaWNvbi55YXRyYS1maWxlLXR5cGUtZG9jIC5pY29uLWhvbGRlcixcbi55YXRyYS1kb3dubG9hZHMtZmlsZS1saXN0IC55YXRyYS1maWxlLXR5cGUtaWNvbi55YXRyYS1maWxlLXR5cGUtZG9jeCAuaWNvbi1ob2xkZXIge1xuXG4gICAgYmFja2dyb3VuZDogdXJsKFwiLi4vaW1hZ2VzL2RvYy5wbmdcIik7XG4gICAgYmFja2dyb3VuZC1zaXplOiBjb3Zlcjtcbn1cblxuLnlhdHJhLWRvd25sb2Fkcy1maWxlLWxpc3QgLnlhdHJhLWZpbGUtdHlwZS1pY29uLnlhdHJhLWZpbGUtdHlwZS11bmtub3duIC5pY29uLWhvbGRlciB7XG5cbiAgICBiYWNrZ3JvdW5kOiB1cmwoXCIuLi9pbWFnZXMvdW5rbm93bi5wbmdcIik7XG4gICAgYmFja2dyb3VuZC1zaXplOiBjb3Zlcjtcbn1cblxuLnlhdHJhLWRvd25sb2Fkcy1maWxlLWxpc3QgLnlhdHJhLWZpbGUtdHlwZS1pY29uIC5pY29uLWlubmVyIHtcblxuICAgICBoZWlnaHQ6IDEwMCU7XG59XG5cbi55YXRyYS1kb3dubG9hZHMtZmlsZS1saXN0IC55YXRyYS1maWxlLXR5cGUtaWNvbiAuaWNvbi1jb250ZW50IHtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjYWFhO1xuICAgIGJhY2tncm91bmQ6ICNmOWY5Zjk7XG59XG5cbi55YXRyYS1kb3dubG9hZHMtZmlsZS1saXN0IC55YXRyYS1maWxlLXR5cGUtaWNvbiAuaWNvbi1jb250ZW50IC5maWxlLW5hbWUge1xuXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC41KTtcbiAgICBjb2xvcjogI2ZmZjtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogNXB4IDA7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBmb250LXNpemU6IDEzcHg7XG59Il19 */