/**
 * Author : Julien Bismuth (jbismuth@triskell-consulting.com)
 */

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

body {
margin:0;
padding:0;
font-family:"Source Sans Pro",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
font-size:1rem;
font-weight:400;
line-height:1.5;
color:#002060;
background:#f0f0f1;
}

a {
text-decoration:none;
outline:0;
color:#2271b1;
font-weight:600;
}

p {line-height:1.5;}

* {
box-sizing:border-box;
}

::selection {
background-color:#ea5f0a;
color:#ffffff;
}

form {margin:10px 0 0 0;}

input[type="text"], input[type="date"], input[type="password"] {
padding:5px 10px;
border:1px solid #8c8f94;
font-size:12px;
line-height:1.5;
border-radius:4px;
}

input[type="text"]:focus, input[type="date"]:focus, input[type="password"]:focus, select:focus {
border:1px solid #2271b1;
box-shadow:0 0 5px 2px #4863a0;
outline:1px solid #2271b1;
}

input[type="text"].error, input[type="date"].error, input[type="password"].error, select.error {
border:1px solid #e1565b;
box-shadow:0 0 5px 2px #e1565b;
}

input[type="text"].error:focus, input[type="date"].error:focus, input[type="password"].error:focus, select.error:focus {
outline:1px solid #e1565b;
}

input[type="checkbox"] {
width:16px;
height:16px;
margin:0;
padding:0;
}

input[type="radio"] {
width:14px;
height:14px;
margin:0;
padding:0;
}

select {
padding:2px 5px;
border:1px solid #8c8f94;
background-color:#ffffff;
color:#002060;
font-family:"Source Sans Pro",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
font-size:13px;
font-weight:500;
line-height:1.5;
border-radius:4px;
text-align:left;
}

button[type="submit"] {
display:block;
width:100%;
padding:5px 10px;
border:1px solid #2271b1;
background-color:#2271b1;
color:#ffffff;
font-family:"Source Sans Pro",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
font-size:14px;
font-weight:600;
line-height:1.5;
text-align:center;
border-radius:5px;
cursor:pointer;
}

.errormsg {
margin-top:-12px;
color:#e1565b;
font-size:12px;
}

.edit-warning {
margin-top:-10px;
color:#e1565b;
font-size:13px;
font-weight:600;
}

.edit-warning-msg {margin-left:8px;}

.register {
margin-top:25px;
margin-bottom:5px;
text-align:center;
}

.register-btn {letter-spacing:1px;}

.sendcandidate, .senduser {
margin-top:15px;
margin-bottom:5px;
text-align:center;
}

.sendlogin {
margin-top:20px;
margin-bottom:5px;
text-align:center;
}

.error-login {
margin-bottom:15px;
color:#e1565b;
font-size:13px;
font-weight:700;
}

.newcandidatetitle {
margin-bottom:20px;
padding-bottom:5px;
border-bottom:1px solid #8c8f94;
font-size:14px;
font-weight:700;
}

.title {
margin-bottom:20px;
padding-bottom:5px;
border-bottom:1px solid #8c8f94;
font-size:14px;
font-weight:700;
}

.timecontainer {
display:flex;
margin-bottom:15px;
}

.mincontainer {margin-left:30px;}

#wrapper {
max-width:1280px;
margin:0 auto;
padding:1rem 2rem 2.5rem 2rem;
}

#maincontainer {
width:580px;
margin:0 auto;
min-height:405px;
}

#createcontainer {
width:560px;
margin:0 auto;
min-height:405px;
}

#searchpagecontainer {
width:920px;
margin:0 auto;
position:relative;
}

#head {margin-bottom:10px;}

#logo {
width:260px;
margin:0 auto;
text-align:center;
}

#logo a {display:block;}

#logo img {
width:100%;
height:auto;
}

.footer {
border-top:1px solid #808080;
background-color:#1f2120;
}

.footer a {color:#ffffff;}

.footer-container {
max-width:1140px;
padding:0 1rem;
margin:0 auto;
color:#ffffff;
font-size:14px;
}

.footer-two-cols {
display:flex;
flex-wrap:wrap;
align-items:center;
min-height:100px;
}

.footer-left-col {
width:50%;
padding:0 12px;
}

.footer-right-col {
width:50%;
text-align:right;
}

.footer-left-col-wrapper {padding:10px 0 10px 50px;}

.legal {margin-bottom:15px;}

#main {
padding:15px 30px 25px 30px;
background:#ffffff;
border:1px solid #c3c4c7;
box-shadow:0 0 3px 1px rgba(0,0,0,.04), 0 0 5px 1px rgba(0,0,0,.2), 0 3px 3px 1px rgba(0,0,0,.1);
border-radius:0.5rem;
}

label, .label {
font-size:12px;
font-weight:600;
line-height:1.5;
margin-bottom:4px;
}

#candidateform label, #loginform label, #userform label, #userform .label {display:block;}

.consent {
display:flex;
margin-top:15px;
font-size:13px;
}

#candidateform .consent label {
display:inline-block;
margin-left:10px;
margin-top:-1px;
font-size:13px;
line-height:1.5;
cursor:pointer;
}

#searchform label {display:inline-block;}

#main #candidateform input[type="text"], #main #candidateform input[type="date"], #main #loginform input[type="text"], #main #loginform input[type="password"], #main #userform input[type="text"], #main #userform input[type="password"] {
width:100%;
margin-bottom:15px;
}

#candidateform select {background-color:#ffffff;}

#loginform input[type="text"], #loginform input[type="password"] {font-size:14px;}

.not-found {
padding:10px 0;
font-size:12px;
line-height:1.5;
}

.consent-result {
margin-bottom:10px;
font-size:13px;
font-weight:700;
}

.meeting-details {
font-size:12px;
font-weight:400;
}

.meeting-details p, .not-found p {margin:12px 0;}

#meeting-infos {
width:100%;
margin-bottom:15px;
padding:8px 10px 2px 10px;
border:1px solid #808080;
background-color:#fafafa;
font-size:14px;
font-weight:400;
line-height:1.5;
border-radius:8px;
}

#meeting-date-section, #meeting-time-section, #meeting-location-section {
display:flex;
align-items:flex-start;
margin-bottom:5px;
}

.meeting-date-icon, .meeting-time-icon, .meeting-location-icon {
display:inline-block;
width:25px;
height:25px;
margin-right:1rem;
text-align:center;
font-size:15px;
line-height:1.4;
flex:0 0 auto;
}

.pdflink {font-weight:700;}

.meetinglink {
color:#002060;
font-weight:700;
}

.notif, .notif a {
color:#2271b1;
font-weight:600;
}

.more-info {
font-size:12px;
font-style:italic;
}

.meetinglinkdesc {margin-top:12px;}

.premeetinglink {margin-bottom:5px;}

.textmeetinglink {
color:#2271b1;
font-size:12px;
font-weight:700;
word-break:break-all;
word-wrap:break-word;
}

.textmeetinglink a {
font-weight:700;
text-decoration:underline;
}

.consent-required {
margin-top:10px;
color:#e1565b;
font-size:13px;
line-height:1.5;
font-weight:700;
}

#searchform label, #searchform .label {
width:20%;
display:inline-block;
}

#searchform input[type="text"], #searchform input[type="date"] {
margin-bottom:10px;
width:75%;
}

#searchform label.yes-no, #userform label.yes-no {
display:inline-block;
width:auto;
padding-left:10px;
margin-right:20px;
}

#searchform select {background-color:#f0f0f1;}

.radiocontainer {
margin-bottom:15px;
padding-top:2px;
font-size:12px;
}

.top-right-buttons {text-align:right;}

.action-buttons {
margin-right:10px;
padding:4px 12px;
font-size:12px;
line-height:1.5;
background-color:#2271b1;
border:1px solid #2271b1;
color:#ffffff;
border-radius:5px;
cursor:pointer;
}

.btn-txt-nxt-img {margin-left:8px;}

.disconnect {
position:absolute;
top:0px;
right:20px;
font-size:12px;
}

.disconnect-btn {
padding:4px 12px;
border:1px solid #ea5f0a;
color:#ea5f0a;
font-size:12px;
line-height:1.5;
border-radius:4px;
cursor:pointer;
}

.manage-users {
position:absolute;
top:0px;
left:20px;
font-size:12px;
}

.manage-users-btn {
padding:4px 12px;
border:1px solid #2271b1;
color:#2271b1;
font-size:12px;
line-height:1.5;
border-radius:4px;
cursor:pointer;
}

.two-col-filters {display:flex;}

.left-col, .right-col {width:400px;}

.right-col {margin-left:45px;}

.search-btn {
display:flex;
margin-top:10px;
padding-top:10px;
border-top:1px solid #8c8f94;
}

.sort {
margin-top:10px;
text-align:right;
}

.sort label {margin-right:10px;}

.search-btn button {
display:inline-block;
width:auto;
margin:10px auto;
padding:4px 40px 4px 20px;
font-size:13px;
}

.search-txt-nxt-img {margin-left:20px;}

.list_meetings, .list_users {
border-collapse:collapse;
width:100%;
}

.list_meetings th, .list_meetings td, .list_users th, .list_users td {
border:1px solid #8c8f94;
padding:5px;
text-align:center;
}

th {background-color:#f0f0f1;}

th, td {font-size:12px;}

#search_results {
padding-top:25px;
padding-bottom:5px;
}

.no-results {
padding-bottom:10px;
text-align:center;
font-size:14px;
font-weight:700;
}

.meeting-action, .user-action {
padding:5px 15px;
font-size:14px;
line-height:1.5;
cursor:pointer;
}

.pagination-container {
margin-top:50px;
text-align:center;
}

.pagination-unordered-list {
display:inline-block;
height:42px;
margin:0;
padding:0;
list-style:none;
box-shadow:0 1px 2px 1px rgba(0,0,0,.2);
border-radius:8px;
}

.list-pagination {
display:inline-block;
margin:0;
}

.pagination-item {
display:inline-block;
height:42px;
line-height:42px;
min-width:40px;
padding:0 15px;
border-top:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
text-align:center;
font-size:14px;
color:#002060;
font-weight:400;
}

.previous {
border-left:1px solid #c0c0c0;
border-top-left-radius:8px;
border-bottom-left-radius:8px;
}

.next {
border-right:1px solid #c0c0c0;
border-top-right-radius:8px;
border-bottom-right-radius:8px;
}

.previous, .next {min-width:110px;}

.page-selected {
border:1px solid #002060;
font-weight:700;
}

.dots {font-weight:600;}

.pagination-item i {line-height:42px;}

.disabled {color:#76787a;}


@media only screen and (max-width: 768px) {
	.footer-container {font-size:13px;}
	.footer-left-col-wrapper {padding-left:30px;}
}

@media only screen and (max-width: 650px) {
	#wrapper {padding-left:1.5rem; padding-right:1.5rem;}
	#maincontainer {width:95%;}
	.footer-left-col-wrapper {padding-left:10px;}
}

@media only screen and (max-width: 520px) {
	#main {padding:10px 20px 25px 20px;}
	.title {font-size:13px;}
	#meeting-infos {font-size:13px; line-height:21px;}
	.meeting-date-icon, .meeting-time-icon, .meeting-location-icon {margin-right:0.5rem;}
	.footer-container{font-size:12px;}
}

@media only screen and (max-width: 480px) {
	#wrapper {padding-left:1rem; padding-right:1rem;}
	#maincontainer {width:100%;}
	#main {padding:10px 15px 25px 15px;}
	#meeting-infos {font-size:12px; line-height:21px;}
	button[type="submit"] {font-size:13px;}
	.footer-left-col-wrapper {padding-left:0;}
}

@media only screen and (max-width: 420px) {
	.footer-container{font-size:11px;}
	.footer-left-col {padding-left:0;}
}

@media only screen and (max-width: 380px) {
	#candidateform .consent label {font-size:12px;}
	.consent-required {font-size:12px;}
	button[type="submit"] {font-size:12px;}
	.footer-container{font-size:10px; padding-left:0.75rem; padding-right:0.75rem;}
}

@media only screen and (max-width: 360px) {
	#wrapper {padding-left:0.75rem; padding-right:0.75rem;}
}