/*******************************************
 *******************************************
	AJLogin v4.1
	By: Adam Jarret
	RandomRavings.com
 *******************************************
 *******************************************/




table {
	width: 97%;
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	outline: none;
}

label.classColAdmin,
.classColAdmin  { background-color:#E7DDDA; width:100%; margin-right:auto;}


#member_table {
	border-bottom: 1px solid #000000;
}

#member_table td {
	border: 1px solid #000000;
	padding: 5px;
}

#member_table th {
	border: 1px solid #000000;
	padding: 5px;
	white-space: nowrap;
	cursor: pointer;
	cursor: hand;
	width: 300px;
	text-align: left;
}

#member_table #control {
	width: 140px;
	background: #EEEEEE;
	cursor: default;
	text-align: left;
}

#member_table #control.headerSortUp {
	background: #EEEEEE;
	cursor: default;
}

#member_table #control.headerSortDown {
	background: #EEEEEE;
	cursor: default;
}

#member_table .control {
	white-space: nowrap;
}

#why_to {
	font-size: 8pt;
}

#member_table #MemberIndex {
	width: 70px;
}

#member_table #MemberAccessLevel {
	width: 70px;
}

#member_table #MemberConfirmed {
	width: 100px;
	min-width: 100px;
	white-space:normal;
	text-align: left;
}

#member_table .MemberConfirmed {
	text-align: center;
}

#member_table #MemberApproved {
	width: 100px;
	min-width: 100px;
	white-space:normal;
	text-align: left;
}

#member_table .MemberApproved {
	text-align: center;
}

#member_table .date {
	width: 200px;
}

.fa-input { font-family: FontAwesome; }

.header {
	background: #EEEEEE url('/login/images/bg.gif') no-repeat center right;
}

.header.headerSortUp {
	background: #EEEEEE url('/login/images/asc.gif') no-repeat center right; 
}

.header.headerSortDown {
	background: #EEEEEE url('/login/images/desc.gif') no-repeat center right; 
}

.header span {
	margin-right: 20px;
}

#admin-current-user {
	font-size: 11pt;
}

#filter {
	width: 240px;
}

div.filter-box1,
#filter-box {
	width: 260px;
	border: 1px solid #000000;
	border-collapse: collapse;
	border-spacing: 0;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align:left;
	background-color:white;
}

#filter-box h2 { padding:0; margin:0;}

#filter-box div {
	padding-bottom:3px;
}

#filter-box .filter-form-item {
	display: block;
}

#filter-count-wrapper {
	font-weight: normal;
	font-size: 10pt;
}

.hide {
	display: none!important;
}

img.icon {
	cursor: pointer;
	cursor: hand;
	height:25px;
	width:25px;
}

.icon-delete {
}

.icon-approve {
}

.icon-unapprove {
}

.icon-confirm {
}

.icon-unconfirm {
}

#admin_bulk_acitons_div {
	border: 1px solid #000000;
	width: 260px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align:left;
}

#admin_bulk_acitons_div h2 { padding:5px 0 10px 0; margin:0;}


.admin-bulk-aciton {
	float: left;
}

.admin-bulk-aciton-buton {
	margin-bottom: 10px;
}

.admin-bulk-aciton-buton img {
	margin-right: 10px;
	height:25px;
	width:25px;

}

#select-controls {
}

#select-all {
	cursor: pointer;
	cursor: hand;
	color: #003366;
	font-weight: bold;
	margin: 0px;
}

#select-none {
	cursor: pointer;
	cursor: hand;
	color: #003366;
	font-weight: bold;
	margin: 0px;
}

#admin-new-member-button {
	margin: 0px 0px 0px 33px;
}

#admin-new-member-div {
	width: 200px;
}

#admin-left-column {
	margin-left:0px;
	width: 260px;
	position: absolute;
	background-color:white;
	left:30px;
}

#admin-right-column {
	margin-right:30px;
	left: 310px;
	position: absolute;
	background-color:white;
}



/*******************************************
 *******************************************
	AJLogin v4.1
	By: Adam Jarret
	RandomRavings.com
 *******************************************
 *******************************************/
 
 section.page-header{ margin-bottom:0px;}
 
 /**/
 div.alert-box-envelope{ height:28px; border:solid 0px #6666CC;
 position:relative; top:-24px;
 }
 
.alert-box {
	padding: 0px 0px;
    margin-bottom: 0px;
	text-align:center;
	opacity:1.0;
	display:none;
	z-index:100;
}


 .alert-box p { margin:0px;
 	font-size:16px;
	display:inline-table;
	padding:2px 8px;
    border: 1px solid transparent;
    border-radius: 0px 0px 5px 5px;
 }
 
.alert-box p.nogood { background-color:Tomato; color:White;}

.success p {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.nosuccess p, {
    color: #3c763d;
    background-color: mistyrose;
    border-color: #d6e9c6;
}

.nosuccess {
    background-color: mistyrose;
    border-color: red;
}

.alert-box.success p:before {
    font-family: FontAwesome;
    padding-right: 0.5em;
    top: 0px;
    left: -20;
    content: "\f00c";
    color: green;
}



.failure p {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}


.alert-box.failure p:before {
    font-family: FontAwesome;
    padding-right: 0.5em;
    top: 0px;
    left: -20;
    content: "\f12a";
    color: #a94442;
}



.warning p {
    color: #8a6d3b;
    background-color: #fff0e0;
    border-color: #ffd8af;
}




span.langfr:lang(fr) { display: inline;}
span.langnl:lang(nl) { display: inline;}
span.langen:lang(en) { display: inline;}

div.member-form label,
div.change_pass_form label
 {
    line-height: 1.5;
    font-weight: normal;
    margin-top: 2px;
    font-size: 1.0rem;
	color:darkslateblue;
}
label[for="Flag_1"] { color:red!important;}

label.control-label	{ padding-right:10px; background-color:#f6f6f6; line-height:1.5; font-size:1.0rem; color:darkslateblue; text-align:left; margin-right:auto; display:block; }
div.radioMemberCivility .radio-input{ background-color:#aff; margin:10px;}

form#member_form label span.required { width:12px; text-align:right; color:red;}


span.span-error label.error {
	font-size:0.85rem!important;
	padding: 0px 0px 0px 12px;
	color:Red!important;
	display:inline;
	font-style:italic;
}

div#fg-MemberCivility { display:none;}

div.member-form .form-group,
form#change_pass_form .form-group
 {
    margin-bottom: 0.5rem;
}

div.radioMemberCivility div div label{ position:relative; bottom:6px;}
div.radioMemberCivility div div input{ position:relative; bottom:-2px;}

.btn-group-xs > .btn, .btn-xs {
    padding  : .35rem .4rem;
    font-size  : .875rem;
    line-height  : .65;
    border-radius : .2rem;
}

th.aj-select-created span { font-weight:bold;}
th.aj-select-LastLogin span { font-weight:bold;}

form#member_form label span{ width:100%; text-align:right;}
form#member_form label.checkbox-label {display:inline;}

form#member_form div.form-control-radio {}
form#member_form div.form-control-radio label { display:inline;}
form#member_form label.checkbox-label {display:inline;} 
form#member_form input.text-input, form#member_form div.form-control-radio { border-radius:0 0 0.1875rem 0.1875rem;}
form#member_form input.date-input, form#member_form div.form-control-radio { border-radius:0 0 0.1875rem 0.1875rem;}
form#member_form input.file-input, form#member_form div.form-control-radio { border-radius:0 0 0.1875rem 0.1875rem;}

form#member_form div.checkbox-group{ display:inline; margin-left: 0px; background-color:#f6f6f6;}

div.radioMemberCivility div div label { background-color:white!important;}
form#member_form label.control-label{ width:100%; text-align:left; background-color:#f6f6f6; border-radius:0.1875rem;}
form#change_pass_form  label.control-label{ width:100%; text-align:left; background-color:#f6f6f6; border-radius:0.1875rem; margin-bottom:0; padding:1px 10px 0 15px;}
form#change_pass_form input.text-input{ border-radius:0 0 0.1875rem 0.1875rem;}

@media (max-width: 991.98px){
}

@media (max-width: 767.98px){
form#member_form div.form-inline label.control-label { display:inline;}
form#member_form label.control-label{ width:100%; border-radius:0.1875rem 0.1875rem 0 0;}
form#change_pass_form  label.control-label{ width:100%; border-radius:0.1875rem 0.1875rem 0 0;}
form#member_form  div.checkbox-group { border:1px solid #dae1e7;background-color:white;}
form#member_form  div.checkbox-group { display:block; margin-right:15px; margin-top:8px; margin-bottom:8px; line-height:2.2; border-radius:0.1875rem;}
}

th#UserLanguage { display:block; width:45px!important; overflow:hidden; height:59px; border-bottom:none; border-left:none; border-right:none;}
th#UserLanguage span { content:'LG'}

td.UserLanguage,td.MemberAccessLevel,td.MemberNews{ text-align:center;}

th#MemberNews {}
th#key1{  width:40px!important; overflow:hidden; height:59px; border-bottom:none;  text-align:center;}
th#Flag_1{width:40px!important; overflow:hidden; height:59px; border-bottom:none;  text-align:center;}
th#Flag_2{width:40px!important; height:59px; border-bottom:none;text-align:center;}
th#key1 span{ content:"ID"; text-align:center;}

td.key1, td.Flag_1, td.Flag_2 { text-align:center;}
td.key1 span{ text-align:center;}

i.fa-id-card-o:before {color:#aaa;}

td.key1 span i.fa-id-card { color:#B0D2B3;}
td.key1 span i.fa-id-card.overdue { color:#ffaa44;}
td.Flag_2 span i { color:#B0D2B3;}
td.key1 span a i.fa-id-card.overdue.IDCardDateEmpty { color:#fc766f;}


i.fa-times:before {color:#CA0F0F}
i.fa-flag:before {color:orange}
#member_table > tbody > tr > td > span > a > i.fa,
#member_table > tbody > tr > td > span > i.fa,
td.control i.fa,
i.fa.fa-trash.admin-bulk-aciton { font-size:30px;}
i.fa.fa-trash.admin-bulk-aciton { padding-left:0px; padding-right:5px; padding-bottom:1px; display:block; margin:0 0 0px -4px;}

i.fa-pencil-square:before {color:orange; padding-left:5px; padding-right:5px;}
i.fa-trash:before { padding-left:5px; padding-right:5px;}




/*div.photoID { width:90%; padding :20px 5% 20px 5% ; margin: 20px 5% 20px 5% ; min-height:600px; background-color:#eee; border:solid 1px #ddd; text-align:center;}

div.photoID img { margin:12px;}
div.photoID P { text-align:left;}
div.photoID div { text-align:center; background-color:#FFFF99; font-size:18px; margin-top:12%;}*/


label.control-label.admin,
.checkbox-group.admin { background-color:#f9f5f2!important;}
.checkbox-group.admin { margin-bottom:10px;}

input#file-upload-button,
#FILE1::file-selector-button {
  border: 1px solid;
  border-radius: 3px;
  background-color: #fe696a;
  color:white;
  line-height:24px;
  padding:5px 16px;
  width:192px;
  cursor:pointer;
}

#delete-doc-id a{ position:relative; bottom:31px; left:30px; color:#fcf4f6!important;; font-size:10px;}

td.MemberDateCreated > span { color:#888;}

p.enconstrution { background-color:#FFFF33; padding:5px; font-weight:bold;}

#IDCardDate {border:solid 1px #ddd;}
#fa-icon-id-card { font-size: 100px; color:  #B0D2B3;}


section.section-login ul.nav-tabs {border-bottom: 1px solid #d0d5db;}

section.section-login div.tab-content { padding-top: 0px;}

section.section-login a.nav-link,
section.section-identite a.nav-link

 { margin-left:20px; margin-right:20px; border-radius: 10px 10px 0px 0px; background-color:#ffa8a8;}
 
 section.section-identite a.nav-link { margin-top:23px;}


section.section-login div.form-control-radio { border: 1px solid #dae1e7!important;}

form.form_upload { width:100%;}

form.form-editprofile #fg-Flag_1 { display:none;}
form.form-editprofile #fg-Flag_2 { display:none;}
#fg-IDCard { display: none;}
form.form-editprofile #fg-IDCardDate { display: none;}

input#IDCardDate.overdue { background-color:#ffa;}
input#IDCardDate.DateValid { background-color: #dbffd3; }

div#photoid {text-align:center; overflow: hidden; overflow-x: hidden; border:1px #eee0DB solid; padding:0; z-index:5; background-color:#ffd; margin: 0 auto; width:100%; max-height:1200px; margin-top:1.0rem;}



.numberCircle {
    border-radius: 50% ;
    width: 36px;
    height: 36px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 28px Arial, sans-serif;
	display:inline;
}

div.bloc1
{
  float: left;
  background: OldLace;
  width: 36px;
  margin: 20px 10px 15px 10px;
}
label.bloc2, 
label.bloc2 span.langfr,
label.bloc2 span.langnl,
label.bloc2 span.langen
{
  background: #fff; font-size:20px;
  margin: 14px 10px 18px 10px; line-height:20px;

}

label.bloc2 span { font-size:14px; color: DarkGray; line-height:14px;}

input.DateValid {background-color:honeydew; }
input.overdue {background-color:mistyrose; }

td.text-danger { color:red;}


input#files{ background-color:GhostWhite; border-color:#ececec; border-style:solid; }

#alert { padding: 0.15rem 1rem; margin: 0.25rem 0px ; height:2.0rem; padding: 0.25rem 0.0rem;}

/* Style for the zoomed image */
.zoomed {
  transform: scale(3);  // Zoom x 3
  transition: transform 0.5s;  // Smooth transition effect
  cursor: move;
}

div { border:solid orange 0px;}

.color-Love-Red{ color:#E41B17;}

input#files {
    padding: 0rem !important;
}

input::file-selector-button {
    display: block;
    width: 200px;
    height: calc(1.5em + 1.25rem + 2px);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4b566b;
/*    background-color: #fff;*/
    background-clip: padding-box;
    border: 1px solid #dae1e7;
    border-radius: 0.3125rem;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/*#member_form_submit { background-color:#f0f0f0;}*/

#formDate { margin: 0px -15px;}



section.section-identite-upload{
    padding-top: 0px;
    padding-bottom: 10px;
}

.nav-tabs {
     margin-bottom:25px;
}