/* Common */

.capitalize-text {
	text-transform: capitalize;
}

span.icon {
	font-family: FontAwesome;
}

td.details-control {
	text-align: center;
	color: forestgreen;
	cursor: pointer;
}

tr.shown td.details-control {
	text-align: center;
	color: red;
}

.form-control::-moz-placeholder {
	color: #ccc;
}

.form-control:-ms-input-placeholder {
	color: #ccc;
}

.form-control::-webkit-input-placeholder {
	color: #ccc;
}

#top_search_form {
	position: fixed;
	top: 0;
	margin: auto;
	left: 0;
	right: 0;
	width: 100%;
	height: 50px;
	background-color: #4861A3;
}

.bd-navbar {
	min-height: 4rem;
	background-color: #1A1F24;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);
}

.nav-pages {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.nav-pages .reminders-btn .nav-link {
	margin: 0;
}
.nav-pages li {
	margin-right: .5rem;
}

body {
	overflow: hidden;
}

#content {
	max-height: 95%;
	overflow-y: scroll;
}

html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

header.card-header {
	background-color: #e2e2e2;
}
.card {
	/*background-color: #e2e2e2;*/
 	 border: none;
}

table.dataTable.nowrap th.tech_stack,
table.dataTable.nowrap td {
	width: 100px;
}

table {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
	word-wrap: break-word;
}

table.dataTable {
	font-size: 0.9rem;
}

#contacts-table tbody > tr > td { 
	white-space: nowrap;
}
    


/* Typeahead */

.typeahead,
.tt-query,
.tt-hint {
	/*padding: 8px 12px;*/
	/*outline: none;*/
}

.typeahead {
	background-color: #fff;
}

.tt-menu .tt-open {
	background-color: #fff;
}

.tt-hint {
	color: #999
}

.tt-dropdown-menu {
	width: 422px;
	margin-top: 3px;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: 18px;
	line-height: 24px;
	color: black;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #0097cf;
}

.tt-suggestion p {
	margin: 0;
	font-size: 18px;
	text-align: left;
}

.twitter-typeahead {
	width: 100%;
}

.tt-dataset {
	background-color: #fff;
}

.container {
	height: 100%;
	overflow-x: scroll;
}

.questionnaire-container {
	height: 100%;
	overflow-x: scroll;
}

.dataTables_scrollBody {
	width: auto;
	overflow-x: scroll !important;
}

div#filters {
	margin: 0px 0px 15px 0px;
}

#generate_account {
	font-size: 10px;
	display: initial;
}


#delete-candidate-button {
	margin-right: 10px;
}

table.dataTable td {
	padding: 8px;
}

.skill-tag {
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 0;
	border-radius: 5px;
}

.dropdown-menu {
	margin-left: inherit;
	margin-top: -30%;
	padding: 30px;
}

/* ALL MODALS */

.feedback_request_modal {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feedback_request_modal button {
    margin: .5rem;
}

/* Edit profile modal */

.modal-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.modal-header .close {
	margin: 0;
	padding: 0;
}
.modal-header h5 {
	margin: 0;
}

/* Buttons styling*/

.profile-btn {
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
	background-color: white;
}

.header-btn-container {
	display: flex;
	justify-content: center;
	align-items: center;
}
.copy-form-url-btn {
	background-color: white;
	text-transform: uppercase;
	margin-right: 1rem;
}
.add-btn {
	background-color: white;
	text-transform: uppercase;
	margin-right: 1rem;
}

.profile-btn , .profile-btn:active, .profile-btn:visited, .profile-btn:link, .profile-btn:hover, .profile-btn:disabled, .profile-btn:focus {
	outline: none;
	cursor: pointer;
}

#profile_photo_submit_button {
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
	width: 3rem;
    border-radius: 50%;
    border: 2px solid white;
	align-self: center;
}

 a, a:hover {
	text-decoration: none;
}

 button img {
	 pointer-events: none;
 }



/* Section header*/

/*.card-body {*/
/*	padding: 1rem;*/
/*}*/

.card-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-radius: 0;
}

/* Checkbox */
.form-check-input {
	position: relative;
	margin-left: .5rem;
}

/* Forms */
.form-btn {
	margin-top: 1rem;
}

/* Table */
.profile-table th, .profile-table td {
	text-align: center;
	vertical-align: middle;
}
.table td {
	vertical-align: middle;
}

/* Modal */
.modal-dialog button {
	margin-top: 1rem;
}

/* Info section */

.info-section {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.info-block {
	display: flex;
	flex-direction: column;
	width: 33%;
	padding: .5rem;
}

.prof-info-textarea {
	width: 100%;
	/*height: 100%;*/
}

.info-block__exp-since {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.info-block__exp-since--input {
	width: 85%;
}

.info-block__exp-since--checkbox {
	text-align: center;
}

/* Status form bottom*/
#status_form_bottom td {
	width: 300px;
	vertical-align: top;
}

/*General info forms*/


label span {
	font-size: .75rem;
}

.form-row .city-skype {
	margin-left: 0px;
	margin-right: 0px;
}

.custom-form {
	display: flex;
	flex-direction: column;
}

.custom-form__input-submit {
	display: flex;
	flex-direction: row;
	justify-content: start;
}

.custom-form__input-submit a {
	margin-left: .25rem;
}


.custom-form__input-submit .btn {
	padding-left: .5rem;
	padding-right: .5rem;
}

.custom-form__checkbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-left: .5rem;
}

.custom-form__checkbox span {
	font-size: .75rem;
	margin-left: .5rem;

}

.lemon-open-btn {
	margin-top: .5rem;
}

.input-submit-btn {
	width: 100%;
}

.form-inputs-margin input {
	margin-top: .5rem;
}

/* Skills table */

.skills .add-btn {
	margin-bottom: 1rem;
}

.skills-table th, .skills-table td {
	width: 100%;
	max-width: 100px;
	padding: .25rem;
	font-size: .75rem;
	text-align: center;
	vertical-align: middle;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.skills-table td input {
	align-items: center;
	margin: .3rem auto;
}

/* Upload avatar */

.avatar-upload-container {
    position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.avatar-upload-container__header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
}

.avatar {
	position: relative;
	min-width: 10rem;
	max-width: 13rem;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: start;
}

.avatar__no-upload {
	position: absolute;
	padding: 0 .2rem;
	font-size: .9rem;
	bottom: 0;
	text-align: center;
	text-transform: uppercase;
}

.avatar label {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: start;
}

.avatar #profileImage {
	width: 100%;
	max-width: 11rem;
	height: 11rem;
	object-fit: cover;
	border-radius: 1rem;
	border: 2px solid white;
	cursor: pointer;
}

.avatar label {
	margin: 0;
}

.avatar__cancel {
	position: absolute;
	top: .75rem;
	right: .75rem;
	width: 2rem;
	z-index: 999;
	height: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.avatar__cancel img {
	width: 2rem;
	height: 2rem;
	border-radius: 1rem;
	background-color: rgba(0, 0, 0, 0.2);
	border: 2px solid white;
	box-shadow: 0px 18px 25px #1B082326;
}

.custom-file-upload {
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
}

.avatar input[type="file"] {
	display: none;
}

.form-group #country {
	margin-bottom: 0;
}

.nav-link {
	color: grey;
	font-size: .9rem;
	text-transform: uppercase;
}

.nav-link:hover {
	color: black;
}

.col-md-12 {
	padding-left: 0;
	padding-right: 0;
}