h1, h2{
	padding:20px 0;
	color:#3f42ce;
	text-align:center;
}

table{
	margin-bottom:20px;
}

.tbl2 td{
	padding:20px;
	font-size:20px;
}

table,tr,td,th{
	border:1px solid #000;
	border-collapse:collapse;
	margin:auto;
	width:90%;
}

.logout{
	background:#000;
	color:#fff;
	border:none;
	padding:7px 20px;
	box-sizing:border-box;
	text-decoration:none;
	float:right;
}

.img{
	width:113px;
	height:151px;
	overflow:hidden;
	margin-left:30px;
	margin-bottom:30px;
	display:block;
	padding:5px;
	border:1px solid #000;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
}

.img img{
	width:100%;
}

.img3x4{
	width:113px;
	height:151px;
	overflow:hidden;
	margin-bottom:30px;
	margin-right:20px;
	border:1px solid #000;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	float:left;
}

.img3x4 img{
	width:100%;
}

input:invalid {
    border-color: red;
}

.months{
	column-count: 2;
    column-gap: 35px;
    max-width: 500px;
    margin: auto;
    width: 100%;
}

.applicant{
	margin-bottom:40px;
	border-bottom:10px double #333;
	overflow:hidden;
	padding-bottom:20px;
}

.applicant p{
	font-size:16px !important;
	text-align:left !important;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	line-height:23px !important;
	padding:0 0 15px 0 !important;
	margin:0 !important;
	align-items:center;
	
}

.pdf_icon {
	width:30px;
	margin-left:15px;
}

.info_box{
	float:left;
	margin-bottom:30px;
}

.clear{
	clear:both
}

.header_imgs{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}

.imgs_info{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	margin:25px auto;
	clear:both;
}

.imgs_info div{
	width:32%;
	
}

.imgs_info div img{
	width:100%;
}

.imgs_info div h4{
	color:#3f42ce;
	padding:12px 0;
	font-size:22px;
}

.work_place_photos{
	margin:20px auto;
}

.work_place_photos h3{
	text-align:center !important;
	color:#3f42ce;
	padding:20px 0;
	font-size:26px;
}

.work_place_photos_show{
	display:flex;
	justify-content:space-evenly;
	align-items:flex-start;
}

.work_place_photos_show div{
	width:32%;
}

.work_place_photos_show img{
	width:100%;
}

th{
	background:#eee;
	padding:20px;
	font-size:20px;
}

th h3{
	font-size:24px;
}

td{
	padding:20px;
	font-size:20px;
}

input[type='text'] {
	width:100%;
	padding:15px;
	color:#333;
	border:1px solid #000;
	box-sizing:border-box;
}

input[type='password'] {
	width:100%;
	padding:15px;
	color:#333;
	border:1px solid #000;
	box-sizing:border-box;
}

select{
	width:100%;
	height:46px;
	
	
}

textarea {
	width:100%;
	padding:10px;
	color:#333;
	border:1px solid #000;
	height:120px;
	resize:none;
	box-sizing:border-box;
}

input[type='submit']{
	background:#000;
	color:#fff;
	border:none;
	padding:7px 20px;
	box-sizing:border-box;
}

.container{
	max-width:1300px;
	width:100%;
	margin:20px auto;
}

.container h1{
	
	text-align:center;
	color:
}

.container p{
	
	text-align:center;
	font-size:20px;
	line-height:30px;
	
}

.logo{
	margin:20px auto;
	display:block;
	max-width:420px;
	width:94%;
}

form{
	width:94%;
	margin:auto;
}

form div{
	
	width:100%;
	margin:0 0 30px 0;
}

input[type='date']{
    width: 60%;
    padding: 15px;
    color: #333;
    border: 1px solid #000;
    box-sizing: border-box;
	margin-bottom:15px;

}

input[name='period']{
	border:none;
	border-bottom:1px  dashed #000;
}

input[name='name_surname']{
	border:none;
	border-bottom:1px  solid #000;
}

input[name='date_of_birth']{
	border:none;
	border-bottom:1px  solid #000;
}

input[name='phone_number']{
	border:none;
	border-bottom:1px  solid #000;
}

.work_exp, .educations{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.work_exp div, .educations div{
	width:32%;
}

.btn, .btn_dev{
	background:#000;
	color:#fff;
	padding:7px 0px;
	display:block;
	border:none;
	width:100%;
	text-align:center;
}

.btn_dev{
	display:none;
}

.working_together{
	display:none;
}

.development_plan{
	display:none;
}

.text-center{
	text-align:center;
}

input[type='file']{
	position: absolute;
    z-index: -1;
    overflow: hidden;
    left: 80%;
}

#file4{
	
    left: 79%;
}

.img_upload{
	position: relative;
    background: #000;
    padding: 10px 20px;
    color: #fff;
    font-size: 18px;
    z-index: 1;
    max-width: 466px;
    display: inline-block;
	width:100%;
	cursor:pointer;
}

.uploads{
	position:relative;
	max-width:520px;
	width:100%;
	margin:0 auto 20px
}

.error{
	color:red;
}

fieldset{
	max-width:520px;
	width:500px;
	margin:auto;
}

fieldset input{
	margin-bottom:15px;
}

@media screen and (max-width:769px){
	.work_exp div, .educations div {
    width: 100%;
}
.img_upload{
	max-width:75%;
}
input[type='file'] {
    position: relative;
    z-index: -1;
    overflow: hidden;
    left: 62%;
    top: -30px;
}
#file4 {
    left: 60%;
}
}