input.login_input {
    height: 40px !important;
    line-height: 20px !important;
    padding: 10px 10px !important;
    /* font-size: 12px !important; */
}

.bookmarkappliedjob{
	position: relative;
    color: #ffffff;
    background-color: #34a853;
    border-radius: 5px;
    padding: 5px 20px;
    line-height: 15px;
    font-size: 13px;
}

.removebookmark{
	position: relative !important;
	font-size: 15px !important;
	line-height: 15px !important;
	margin-right: 15px !important;
	padding: 10px 5px !important;
	border-radius: 50px !important;	
}

.applyjobbookmark{
position: relative !important;
    color: #ffffff !important;
    background-color: #34a853 !important;
    border-radius: 5px !important;
    padding: 5px 20px !important;
    line-height: 15px !important;
    font-size: 13px !important;
    width: 125px !important;	
}


button[disabled]:hover {
    background-color: #CCC !important;
    border-color: #CCC !important;
}

button[disabled]{
    background-color: #CCC !important;
    border-color: #CCC !important;
}

button[disabled].attempted{
    background-color: yellowgreen !important;
    border-color: yellowgreen !important;
}

button[disabled].skipped{
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
}

button[disabled].reviewed{
    background-color: #3c8dbc !important;
    border-color: #3c8dbc !important;
}

button[disabled].unattempted{
    background-color: #f5c5cc !important;
    border-color: #f5c5cc !important;
}
 
button[disabled].paginationarrow{
    background-color: transparent !important;
    border-color: transparent !important;
}

.addresstype {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #2F2D51;
    line-height: 1.4em;
    margin-bottom: 30px;
    margin-top: 30px;
}

.btn-style-yes {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #34a853;
    font-size: 15px;
    line-height: 20px;
    border-radius: 8px;
    font-weight: 400;
    padding: 10px 5px 10px 5px;
    width: 150px;
}

.btn-style-start_test {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #34a853;
    font-size: 15px;
    line-height: 20px;
    border-radius: 8px;
    font-weight: 400;
    padding: 5px 5px 5px 5px;
    width: 100px;
}

.btn-style-start_test:hover {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #0e5221;
    font-size: 15px;
    line-height: 20px;
    border-radius: 8px;
    font-weight: 400;
    padding: 5px 5px 5px 5px;
    width: 100px;
}

.btn-style-no {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #dc3545;;
    font-size: 15px;
    line-height: 20px;
    border-radius: 8px;
    font-weight: 400;
    padding: 10px 5px 10px 5px;
    width: 150px;
}

.btn-style-ok {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #5c6770;
    font-size: 15px;
    line-height: 20px;
    border-radius: 8px;
    font-weight: 400;
    padding: 10px 5px 10px 5px;
    width: 150px;
}

.viewresume {
    position: relative;
    display: block;
    background: rgba(25, 103, 210, .07);
    border-radius: 8px;
    height: 40px;
    width: 100%;
    font-size: 16px;
    color: #1967D2;
    /* line-height: 30px; */
    text-align: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

li.tab-btn.selectedpreference.ng-scope {
    position: relative;
    display: inline-block;
    background: #e4e4e4;
    border: 1px solid #aaa;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    /* border-bottom: none; */
}



.default-form .form-group select.unify_select{
	display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
	background-color: #f0f5f7;
    background-clip: padding-box;
    border: 1px solid #f0f5f7;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.default-form .form-group select.unify_select_search{
	display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

select.unify_select_filter{
	position: relative;
    height: 45px;
    padding: 10px 15px;
    font-size: 14px;
    color: #696969;
    line-height: 25px;
    background: #F0F5F7;
    margin-right: 10px;
    width: 250px;
    border-radius: 5px;
}

.default-table thead th {
    position: relative;
    padding: 5px 10px;
    font-size: 16px;
    color: #1967D2;
    font-weight: 500;
    line-height: 30px;
    white-space: nowrap;
}

.default-table tr td {
    position: relative;
    padding: 5px 10px;
    font-size: 14px;
    color: #696969;
    font-weight: 400;
}

a.theme-btn.btn-style-seven {
    padding: 10px 20px;
}

.display_error{
    position: relative;
	max-height: 25px;
    min-height: 25px;
    top: -15px;
}

.login_display_error{
    position: relative;
	max-height: 25px;
    min-height: 25px;
    top: -15px;
}

input.pw {
  -webkit-text-security: disc;
}


.validation_error_message_x{
	text-align: center;
    display: inline-block;
    position: relative;
    top: 0px;
    font-size: smaller;
    width: 100%;
    color: #ec2d02;	
}

.validation_error_message{
	color: #e60a0a;
    padding: 0px 5px;
    position: absolute;
    z-index: 1;
    visibility: visible;
    font-size: smaller;
    width: 100%;
    text-align: center;	
}

.password_validation_error_message{
	color: #e60a0a;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    visibility: visible;
    font-size: x-small;
    width: 100%;
    text-align: center;
}

.register_error_message{
	text-align: center;
    display: inline-block;
    position: relative;
    top: 0px;
    font-size: 12px;
    width: 100%;
    color: #ec2d02;
}

.login_error_message{
	text-align: center;
    display: inline-block;
    position: relative;
    top: 0px;
    font-size: 15px;
    width: 100%;
    color: #ec2d02;
}

.register_success_message{
	text-align: center;
    display: inline-block;
    position: relative;
    top: -25px;
    font-size: large;
    width: 100%;
    color: #05671c;	
}

.setpassword_success_message {
    text-align: center;
    display: inline-block;
    position: relative;
    top: 10px;
    font-size: large;
    width: 100%;
    color: #05671c;
}

.select2-container {
    max-width: 100%;
    z-index: 1;
    width: 100% !important;
}

.customtab {
	border-bottom: none; 
	display: flex; 
	flex-wrap: wrap;	
}

.custom-alert-title {
    text-align: center;
    display: block;
    border-bottom: 1px solid;
}

.custom-alert-content {
    text-align: center !important;
    padding: 15px 5px 5px;
}

.btn-style-navigation {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #00c0ef;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    width: 95%;
    font-size: 0.8em;    
}

.btn-style-result {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #00a65a;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    width: 95%;
    font-size: 0.8em;    
}

.btn-style-dashboard {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #00c0ef;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    width: 95%;
    font-size: 0.8em;    
}

.btn-style-skip {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #f39c12;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    width: 95%;
    font-size: 0.8em;    
}

.btn-style-markreview {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #007bb6;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    width: 95%;
    font-size: 0.8em;    
}

.btn-style-submit {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #00a65a;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    width: 95%;
    font-size: 0.8em;    
}

h4.custom-title {
    position: relative;
    font-size: 18px;
    line-height: 15px;
    color: #202124;
    margin-bottom: 10px;
    margin-top: 30px
}

/* added on 06-09-2021 by Subrahmanya*/
.default-form .form-group select:focus {
	border-color: #F0F5F7;
    background: #F0F5F7;
}

.select2-container--default .select2-selection--single {
    position: relative;
    width: 100%;
    display: block;
    color: #5c6770;
    font-size: 14px;
    line-height: 30px;
    padding: 5px 10px;
    height: 40px; /* 54px */
    background-color: #ffffff;
    border-radius: 10px;
    border: 2px solid #e6e8ed;
    border: 1px solid #F0F5F7;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.select2-container--default .select2-selection--single {
	background-color: #F0F5F7;
	border: 1px solid #F0F5F7;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 8px;
    background: #FFF !important;
    border: 1px solid grey;
    width: 90%;
    margin: 5px auto;
    display: block;
}

.select2-container--default .select2-results__option {
    position: relative;
    color: #4b4342;
    font-weight: 500;
    font-size: 17px;
    padding: 13px 10px;
    line-height: 20px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	background: #F0F5F7;
	border-top: 1px solid #F0F5F7;
}
/* end added 06-09-2021 */

/* clears the 'X' from Internet Explorer 
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
*/

/* clears the 'X' from Chrome 
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
*/


.custom-edit-button {
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(25, 103, 210, .07);
    border-radius: 8px;
    margin-right: 10px;
    min-width: auto;
    color: rgba(25, 103, 210, 1);
}

/*start snackbar*/
#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-right: 0px;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 70px;
  font-size: 15px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarcandidateeducation {
  visibility: hidden;
  min-width: 250px;
  margin-right: 0px;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 70px;
  font-size: 15px;
}

#snackbarcandidateeducation.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarerror {
  visibility: hidden;
  max-width: 70%;
  margin: auto;
  background-color: #f9ab00;
  color: #e72b18;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  bottom: 70px;
  font-size: 15px;
  right: 20px;
}

#snackbarerror.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarsuccess {
  visibility: hidden;
  max-width: 70%;
  margin: auto;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  bottom: 70px;
  font-size: 15px;
  right: 20px;
}

#snackbarsuccess.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarerrortop {
  visibility: hidden;
  max-width: 70%;
  margin: auto;
  background-color: #f9ab00;
  color: #e72b18;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  bottom: 70px;
  font-size: 15px;
  right: 20px;
}

#snackbarerrortop.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarsuccesstop {
  visibility: hidden;
  max-width: 70%;
  margin: auto;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  bottom: 70px;
  font-size: 15px;
  right: 20px;
}

#snackbarsuccesstop.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarcandidateexperience {
  visibility: hidden;
  min-width: 250px;
  margin-right: 0px;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 70px;
  font-size: 15px;
}

#snackbarcandidateexperience.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarcandidateachievement {
  visibility: hidden;
  min-width: 250px;
  margin-right: 0px;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 70px;
  font-size: 15px;
}

#snackbarcandidateachievement.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarcandidateaddress {
  visibility: hidden;
  min-width: 250px;
  margin-right: 0px;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 70px;
  font-size: 15px;
}

#snackbarcandidateaddress.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarcandidatecitypreference {
  visibility: hidden;
  min-width: 250px;
  margin-right: 0px;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 70px;
  font-size: 15px;
}

#snackbarcandidatecitypreference.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarcandidateindustrypreference {
  visibility: hidden;
  min-width: 250px;
  margin-right: 0px;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 70px;
  font-size: 15px;
}

#snackbarcandidateindustrypreference.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarcandidatedesignationpreference {
  visibility: hidden;
  min-width: 250px;
  margin-right: 0px;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 70px;
  font-size: 15px;
}

#snackbarcandidatedesignationpreference.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#snackbarcandidateprofile {
  visibility: hidden;
  min-width: 250px;
  margin-right: 0px;
  background-color: #CDE9F6;
  color: #000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 70px;
  font-size: 15px;
}

#snackbarcandidateprofile.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 70px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 70px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 70px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 70px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

/*end snackbar*/


/*for exam*/
div.myquestion {
    position: relative !important;
    margin: 10px 0px 10px !important;
    display: inline-block;
    /* font-size: 16px !important;*/
}

div.label.myoption {
	position: relative !important;
    margin-left: 30px !important;
    font-size: 16px;
    text-indent: -15px;
    cursor: pointer;
}

.question{
	padding: 10px;
	margin-bottom: 12px;
	position: relative;
	overflow: visible;
	margin-left: 10px;
}

.myquestion .MJXc-display {
	display: inline-block;
	text-align: left !important;
	margin: 0.5em 0 !important;
	padding: 0;
}

.myoption .MJXc-display {
	display: inline-block;
	text-align: left !important;
	margin: 0.5em 0.5em;
	padding: 0;
}

img.questionimage {
	vertical-align: top;
	border-style: none;
}


img.solutionimage {
	vertical-align: top;
	border-style: none;
	max-width: 500px !important;
}

img.optionimage {
    vertical-align: middle;
    border-style: none;
}

.qno{
	display: inline-block;
	height: 30px;
	width: 30px;
	border: 1px solid #59bcee;
	border-radius: 5px;
	text-align: center;
}

.option{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 6px;
	position: relative;
	overflow: visible;
}

div.solution {
    position: relative !important;
    margin-left: 10px !important;
    display: inline-block;
    font-size: 15px;
}

div.mysolution {
    position: relative !important;
    /* margin: 10px !important; */
    display: inline-block;
    font-size: 15px;
    padding-right: 10px !important;
}

div.solution span.mjx-block {
    text-align: left !important;
    line-height: 0px;
} 

span.mjx-chtml.MJXc-display {
    display: inline;
    text-align: center;
    margin: 1em 0;
    padding: 0;
}

.qoption {
    position: relative;
    padding: 0px 0px 10px 0px;
    overflow: visible;
    margin-left: 40px !important;
    text-indent: -15px;
    cursor: pointer;
}

label.radiooption {
    display: inline-block;
    width: 100%;
    margin: 10px 0px 10px;
    font-weight: normal;
    cursor: pointer;
}

	span.indicationpadding{
		display: inline-block; 
		text-align: center; 
		padding: 0% 2% 0% 2%;
	}
	button.attemptedindication {
	    width: 35px;
	    height: 35px;
	    border: 1px solid #fff;
	    padding: 0px;
	    border-radius: 25px;
	    background: yellowgreen;
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	    cursor: context-menu;
	}
	
	button.unattemptedindication {
	    width: 35px;
	    height: 35px;
	    border: 1px solid #fff;
	    padding: 0px;
	    border-radius: 25px;
	    background: #f5c5cc;
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	    cursor: context-menu;
	}
	
	button.skippedindication {
	    width: 35px;
	    height: 35px;
	    border: 1px solid #fff;
	    padding: 0px;
	    border-radius: 25px;
	    background: #f39c12;
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	    cursor: context-menu;
	}
	
	button.reviewedindication {
	    width: 35px;
	    height: 35px;
	    border: 1px solid #fff;
	    padding: 0px;
	    border-radius: 25px;
	    background: #3c8dbc;
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	    cursor: context-menu;
	}
	
	button.reportedindication {
	    width: 35px;
	    height: 35px;
	    border: 1px solid #fff;
	    padding: 0px;
	    border-radius: 25px;
	    background: #fb2705;
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	    cursor: context-menu;
	}
	
	
	button.attempted {
	    width: 40px;
	    height: 40px;
	    border: 1px solid #000;
	    padding: 0px;
	    border-radius: 25px;
	    background: yellowgreen;
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	}
	
	button.unattempted {
	    width: 40px;
	    height: 40px;
	    border: 1px solid #000;
	    padding: 0px;
	    border-radius: 25px;
	    background: #f5c5cc;
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	}
	
	button.skipped {
	    width: 40px;
	    height: 40px;
	    border: 1px solid #000;
	    padding: 0px;
	    border-radius: 25px;
	    background: #f39c12;
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	}
	
	button.reviewed {
	    width: 40px;
	    height: 40px;
	    border: 1px solid #000;
	    padding: 0px;
	    border-radius: 25px;
	    background: #3c8dbc;
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	}
	
	button.reported {
	    width: 40px;
	    height: 40px;
	    border: 1px solid #000;
	    padding: 0px;
	    border-radius: 25px;
	    background: #fb2705;
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	}

	.btn-style-add-new {
		position: relative;
	    text-align: center;
	    white-space: nowrap;
	    color: #ffffff;
	    background-color: #34a853;
	    line-height: 20px;
	    border-radius: 8px;
	    padding: 0px 3px 0px 3px;
	    font-size: 12px;
	}

	.questionlegend {
	    padding: 0px;
	    border-radius: 5px;
	    position: relative;
	    display: inline-block;
	    text-align: right;
	    height: 25px;
	    font-size: 100%;
	    font-weight: bold;
	}	

	span.rightans.ng-scope {
	    color: #0073b7 !important;
	    font-size: larger;
	    font-weight: bold;
	    margin-left: 0px;
    	position: absolute;
	}
	
	span.wrongans.ng-scope {
	    color: #dd4b39 !important;
	    font-size: larger;
	    font-weight: bold;
	    margin-left: 0px;
    	position: absolute;
	}

/*for exam*/

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.select2-container--default .select2-selection--multiple {
    background-color: #f0f5f7;
    border: 0px solid #aaa;
    border-radius: 5px;
    cursor: text;
    font-size: 14px;
}

li.tab-btn.applicants.active-btn {
    border-radius: 10px;
}

.candidate-block-five.profile {
    /* position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
    padding: 10px 10px;
    background: #FFFFFF;
    border: 1px solid #ECEDF2;
    border-radius: 8px;
    /* -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease; */
    margin-bottom: 14px;
}

.candidate-block-five.profile .post-tags li {
    position: relative;
    background: #F0F5F7;
    border-radius: 30px;
    font-size: 14px;
    line-height: 20px;
    color: #696969;
    padding: 5px 20px;
    border-radius: 20px;
    margin-right: 10px;
    margin-bottom: 5px;
}

/* Pagination CSS */
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    justify-content: center;
}

button.customclose {
	position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    z-index: 999;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);
}

ul.error_summary li {
    list-style: auto;
    margin-left: 15px;
    font-size: 12px;
    color: red;
    padding: 0;
    line-height: 15px;
}


/* NOTIFICATION */
    .main-header .menu-btn .count {
        font-size: 10px;
    }

    .uj-notification-panel {
        width: 450px;
        padding: 10px !important;
        max-height: 450px !important;
        overflow: auto;
    }

    .uj-notification-panel li:hover a {
        color: inherit !important;
        background: transparent !important;
    }

    .uj-notification-list {
        border-bottom: 1px solid #f0f5f7;
    }

    .uj-notification-list a {
        display: block !important; 
        padding: 10px 5px !important;
        text-transform: inherit !important;
    }

    .uj-notification-subheader {
        display: flex;
        justify-content: space-between;
        color: lightslategrey;
        line-height: 20px;
    }

    .uj-notication-details {
        border-bottom: 1px solid #f0f5f7;
    }

    .uj-notication-details:hover {
        cursor: pointer;
        color: #1967D2;
        background: rgba(25, 103, 210, .1);
        border-radius: 8px;
    }
/* NOTIFICATION END */

/* REMOVING HAND CURSOR FROM SKILLS */

ul.job-skills li a {
    cursor: text;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


