@font-face {
	font-family: Pangram-Regular;
	src: url(homePageFonts/Pangram-Regular.otf);
}
html, body{ height:100%; margin:0; }
body {height:100%;display:flex; flex-direction:column; }
p {margin: 0px}
a:hover {text-decoration: none;}
input:focus {outline: none !important; box-shadow: none !important; border-color: #04177E !important}
.form-control:focus {outline: none !important; box-shadow: none !important; border-color: #04177E !important}
button:focus {outline: none !important; box-shadow: none !important;}
.theme_button {color:white; border-radius: 5px; background: #13b5ea; border:none; padding:6px 15px;}
.theme_button:hover {color: white; }

label.error {color: red !important; font-size: 12px; margin-bottom: 0px; position: absolute; bottom: 0px}
#error_message, #error_message2{margin: 0px auto;color: red;}
.alert__message{padding: 10px 0px 0px 70px;}
/*.form-group label.error {color: red !important; font-size: 12px; margin-bottom: 0px}*/

.row {padding: 0px; margin: 0px}
.row_less_padding > [class*="col-"] {padding-left: 10px;padding-right: 10px;}
.row_no_padding > [class*="col-"] {padding-left: 0px;padding-right: 0px;}
.main_container {width: 100% !important; max-width: unset; padding-right: 0px; padding-left: 0px;}
.empty-result{
	flex: 1 0 auto;
}

.header {background-color: white; border-bottom: 1px solid #EEEEEE; display: block}
.nav_link {font-size: 16px;font-family: Pangram-Regular;}
.logo {height: 50px}
.right_nav .nav-link {padding-right: 15px !important}
.header-button{font-family: Pangram-Regular;}

.login_page { background-image: url(../images/background.jpg);background-position: center;background-size: cover;background-repeat: no-repeat; background-attachment: fixed;}
.employer_login_page {background-image: url(../images/background-employer.jpg)}
.login_body {background-color: white; border-radius: 6px; padding: 30px 20px;margin:0px auto; max-width: 500px; margin-bottom: 20px; margin-top: 35px}
.login_logo {text-align: center; margin-top: 20px}
.login_logo img {width: 160px;}
.login_heading {color: #04177E; margin-bottom: 30px; font-weight: 600;}
.login_form {margin-top: 20px;}
.login_form_text { text-align: left; font-size: 12px}
.login_form_text p {display: inline;}
.forgot_password {float: right;}

.nav-tabs .nav-item {
    width: 50%;
    text-align: center;
}
.nav-tabs .nav-link.active {
    background-color: #13b5ea;
    color: white;
    font-weight: bold;
}
.cv_image_loader, .cv_image_loader_employer {text-align: center;display:none;right: 0px;bottom: 50px; z-index: 9; width: 100%; position: absolute;}
.cv_image_loader img {filter: none !important;}

.dashboard_main {margin-bottom: 30px}
.dashboard {margin-top: 50px}
.box {width: 100%; border:2px solid #e3e3e3;box-shadow: 0 0 5px rgba(0,0,0,0.13); position: relative;}
.sidebar_box {padding-bottom: 20px}
.sidebar {width: 100%;  padding: 15px 1px;}
.profile_pic {width: 100%; text-align: center;}
.profile_pic:hover .edit_profile_pic_form {display: block;}
.profile_pic img{margin-top: 20px; width: 100px; height:100px; border:1px solid #666666; border-radius: 50px;}
.edit_profile_pic_form {display:none;position: absolute;left: calc(50% + 30px); top: 5px; padding: 4px 8px; border-radius: 10px; opacity: 0.6; font-size: 20px}
.edit_profile_pic_form:hover {background-color: #666666; color: white}
.profile_pic p {color: #666666; cursor: default; font-weight: bold;font-size: 16px}
.sidebar_item {padding: 10px 15px; color: #666666;}
.sidebar_item a {color: #666666;}
.sidebar_item.active {border-left: 3px solid #666666; font-weight: bold;}
.sidebar_item.active a {color: #666666 !important;}
#yourBtn {
  position: relative;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}

.dashboard_h {width: 100%; border-bottom: 1px solid #666666; color: #666666; margin-bottom: 20px; padding-bottom: 10px }
.box_padding {padding:20px;}
.section_h {color: #666666; font-size: 18px; font-weight: bold; padding-left: 10px;}
.sub_section_h {color: #666666; font-size: 18px; font-weight: bold; padding: 5px 0px 15px;}
.radioButtons{display: flex; justify-content: center; align-items: center;}
.margin_bottom_heading {margin-bottom: 20px}
.existing_resume {margin: 20px 0px; padding:10px; overflow: hidden; position: relative;}
.resume_main p {margin-top: 28px; color: #13b5ea; display: inline-block;}
.svg_grey {}
.existing_resume img  {width: 20px; cursor: pointer;}
.existing_resume img,.my_account .edit_icon  {width: 20px; margin-left: 15px; cursor: pointer;filter: invert(79%) sepia(0%) saturate(0%) hue-rotate(193deg) brightness(95%) contrast(84%); }
.resume_image {width: 80px !important; max-height: 80px; float: left; margin-right: 10px; margin-left: 0px !important }
.resume_title_editor {display: none;}
.resume_title_editor input {margin-top: 28px; border:none; border-bottom: 1px solid #e3e3e3; width: calc(100% - 380px); min-width: 100px; color: #13b5ea}
.resume_title_editor input:focus {border-color: #e3e3e3 !important}
.resume_icons {position: absolute;right: 10px; top: 38px; }
.resume_icons img {width: 18px; margin: 5px; cursor: pointer;}
.resume_delete {margin-right: 20px;}
.upload_new_resume {display: none;}
.add_new_resume_button {color: #13b5ea; font-weight: bold; cursor: pointer; width: fit-content; margin-top: 30px; padding-left: 10px}
.new_resume_form {margin-top: 20px}

.new_resume_form input[type=file] {margin-top: 3px}
.new_resume_form input[type=button] {margin-top: 10px}
.resume_upload_button {margin-top: 10px}

.my_account {padding: 15px; margin:20px 0px}
.edit_account {display: none;}
.my_account table {width: 100%}
.my_account table td {padding: 5px 8px;}
.my_account table td:last-child {font-style: italic;color: #666666; word-break: break-word;}
.my_account table td:first-child {font-weight: bold;color: #666666}
.edit_account .input-group {margin: 10px 0px}
.form-group{margin-bottom: 1.2rem; margin-top: 0.2rem;}
.form-group label {margin-bottom: 0px; color: #666666}
input::placeholder {color: #b6b6b6 !important}
.divider_line {border-bottom:1px solid #b6b6b6; width: 70%; margin: 30px auto;}

/*EMployer*/


.posted_job .job_title  {padding: 10px}
.applicant_td{width: 45%}
.posted_job .status_active {color: #5fdba7; font-size: 15px; margin-left: 80px}
.posted_job .status_disabled {color: #d3d3d3; font-size: 15px; margin-left: 80px}
.job-title-link {font-size: 1.2em;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /* number of lines to show */
	-webkit-box-orient: vertical;}
.post-status {font-size: 0.9em; margin-top:13px;}
.number-status {font-size: 0.9em;}
.posted_job .dots {text-align: right; font-weight: bold; position: relative; cursor: pointer;}
/*.posted_job .dots_p {transform: rotate(-90deg);}*/
.posted_job .date_posted {font-weight: normal;font-size: 0.8em; color: #666666; font-style: italic;}
.divider {height: 20px}


.job_title {font-weight: bold;}
.dropdown_menu {z-index:2;display:none;padding:5px 0px;min-width: 150px; position: absolute;right:20px;top: 40px; text-align: left; background-color: white; white-space: nowrap; font-weight: normal; font-style: normal;}
.dropdown_menu p {padding: 5px 8px;}
.dropdown_menu a {color: #666666; display: block;}
.dropdown_menu p:hover{color: white; background-color: #eeeeee}
.job_post_overlay {position: fixed;width: 100%; height: 100%; top:0; left: 0; background-color: transparent; display: none;z-index: 1}
/*.dropdown_menu p:hover .dropdown_menu a{color: white; background-color: #666666}*/

/*Applicants*/
.applicant_image {width: 60px}
.applicant_image img {width: 60px !important; height: 60px; border-radius: 50px; filter: unset !important;}

/*Subscriptions*/
.subscription_box {padding: 20px 10px; color: #666666}


/*City Sponsorship*/
.rounded-tags{display: inline-block; line-height: 1.3em; color: white; background: #13b5ea; border: none; padding: 6px 15px; border-radius: 60px;white-space: nowrap;-webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }




/*Seeker Dashboard CSS Start*/


/*Seeker Dashboard CSS End*/


@media only screen and (max-width: 1199px)
{
  	/*.theme_button{margin-top: 1em;}*/
	.radioButtons{display: initial;}
}

@media only screen and (max-width: 768px)
{
	.resume_icons img {margin-top: 27px;}
	.theme_button{margin-top: 1em;}
	.dashboard_main {margin: 30px 0px;}
	.resume_image {width: 50px !important}
	.resume_main p {margin-top: 15px;}
	.resume_title_editor input{margin-top: 15px;}
	.resume_icons {position: absolute;right: 0px; top: 0px}
	.dashboard_h {font-size: 20px }
}

@media only screen and (max-width: 500px)
{
	/*.login_page {padding-top: 30px}*/
	.box_padding {
		padding: 10px;
	}
	.resume_icons img {margin-top: 27px;}
	.theme_button{margin-top: 1em;}
	.login_body {padding: 30px 5px;}
	.my_account{padding: 0px;}
	.applicant_image a{margin-right: 5px !important}
	.my_account table td{padding: 0;}
	.box_padding {padding:0px;}
}
.m-auto {
    margin: 0 auto!important;
}