#popUpPdf { background:rgba(0,0,0,0.8); top:0; right:0; left:0; position:fixed; bottom:0; z-index:3000; display:none; }
#popUpPdf .popUpPdf_holder { width: 900px; height: 850px; padding: 50px 10px 0 10px; border-radius: 20px; background: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; overflow: auto; }
/*
	#popUpPdf .close { float: right; font-size: 21px; line-height: 1; color: #000; margin-bottom: 20px; opacity: .2; }
*/
#popUpPdf .close {
    position: absolute;
    font-size: 21px;
    line-height: 1;
    color: #000;
    top: 15px;
    right: 20px;
}
embed { width: 100%; height: 100%; }

.branchHeader { margin: 0 0 5px 0; font-weight: bold; }
.downloadPDF a {padding: 10px 0; }
.downloadPDF a:hover {text-decoration: none; }
.categoryContent, .hidePart { display: none; }

fieldset { border: none; }
#jobDownloadDataTable { color: #7d7d7d; }
#jobDownloadDataTable th { text-align: left; width: auto !important; }
#jobDownloadDataTable td { border-bottom: 1px solid #eee; }
#jobDownloadDataTable_filter { width: 100%; margin: 20px 0; text-align: left; }
#jobDownloadDataTable_info { color: #7d7d7d; }
#jobDownloadDataTable_filter label {
    display: block;
    float: left;
    width: 100%;
    background: #004595;
    color: #fff;
    font-size: 15px;
    box-sizing: border-box;
    line-height: 50px;
    text-indent: 30px;
	cursor: pointer; 
}

#jobDownloadDataTable_filter input { width: 80%; height: 50px; font-size: 25px; font-weight: normal; color: #7d7d7d; padding: 0 10px; background: #f6f6f6; border: 1px solid #ccc; float: right; }
#jobDownloadDataTable img { max-height: 100px; width: 70%; padding-left: 20px; }

#jobDownloadDataTable .smallTable { width: 15%;}
/* #jobDownloadDataTable .bigTable { width: 55%; } */
#jobDownloadDataTable .bigTable, #jobDownloadDataTable .smallTable.doubleWith { width: auto;}
#jobDownloadDataTable .hideMe { display: none;}
#jobDownloadDataTable .applyNow { display: none;}
.JobTitleInfo { border: 1px solid #b9b9b9; border-radius: 15px; margin-bottom: 20px; background: #eee; font-size: 18px; display: none; }
.JobTitleInfo a span { border-radius: 5px; }

.languageChooser { background: #f6f6f6; border: 1px solid #ccc; border-radius: 6px; margin: 4px 5px 0 0; padding: 5px; width: 100%; cursor: pointer; color: #7d7d7d;}

.filterBranch { margin-right: 25px; color: #7d7d7d; }
.filterBranchInput { margin-right: 3px !important; }

.downloadPdfIcon {
    display: none;
    background: #004595;
    padding: 7px;
    color: #fff;
    font-size: 15px;
    width: 35px;
    height: 35px;
    font-size: 19px;
    float: right;
}
.downloadPdfButton { background: #004595; padding: 7px; color: #fff; font-size: 15px; }
.toggle-view {
    font-size: 30px;
    background: #51bec9;
    padding: 10px 12px 10px 10px;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    cursor: pointer;
    margin: 10px 0;
}

@media screen and (max-width: 800px) {
	#jobDownloadDataTable td { border: none; }
    .jobDownloadContent { border-bottom: 1px solid #ccc; padding-bottom: 20px;display: inline-block;margin-bottom: 20px;width: 100%;}
    .jobDownloadContent td { width: 90% !important; }
	.jobDownloadContent td:nth-child(3)   { width: 50% !important; float: left }
	.smallTable.downloadPDF { width: 20% !important;; float: right }
	
	.downloadImage, .toggle-view, thead { display: none; }
	.downloadPdfButton { display:none; }
	.downloadPdfIcon { display: block;  }
	#jobDownloadDataTable_filter input { width: 100%; }	
	
    label {width: 100%}   
}