/* Loading icon */
.loading,
#loading,
#loading-box,
#no-details {
	padding: 10px;
}

.loading > .dp-fa,
#loading > .dp-fa,
#loading-box > .dp-fa,
#no-details > .dp-fa {
	font-size: 30px;
	margin-top: 0 !important;
	vertical-align: middle;
}

.loading > span,
#loading > span,
#loading-box > span,
#no-details > span {
	font-size: 14px;
	font-weight: 400;
	margin-left: 5px;
	vertical-align: middle;
}

#loading-app {
	height: 100px;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	width: 100px;
}

#loading-app > .fa,
#loading-app > .fas,
#loading-app > .far,
#loading-app > .fal,
#loading-app > .fab {
	font-size: 80px;
}

.introjs-tooltiptext ul {
	list-style-type: circle;
	padding: 0 0 0 25px;
}

/* UI Dialog font awesome */
.ui-dialog-content .far {
	color: #be965c;
    font-size: 50px;
	margin: 25px 0;
}

/* Cocoon input validation */
.cocoon-valid-field {
	color: #83bb1c;
	font-size: 20px;
    margin: 0 5px;
    vertical-align: middle;
}

.cocoon-invalid-field {
	color: #d45659;
	font-size: 20px;
    margin: 0 5px;
    vertical-align: middle;
}

/* Web Help */
.faq-link {
	float: none !important;
	font-weight: 400 !important;
}

.srm-faq-link {
	float: none !important;
	font-weight: bold;
}

.webhelp {
	position: absolute;
	right: 0;
}

.webhelp > .fa,
.webhelp > .fas,
.webhelp > .far,
.webhelp > .fal,
.webhelp > .fab {
	color: #554646;
	font-size: 30px;
	vertical-align: top;
}

.webhelp:hover > .fa,
.webhelp:hover > .fas,
.webhelp:hover > .far,
.webhelp:hover > .fal,
.webhelp:hover > .fab {
	color: #554646;
}

/* INFO */
div.infoDiv {
	width: 500px;
	border:1px solid white;
}

div.infoDiv table {
    margin: 0 auto;
}

.infoHeader {
	font-size: 12px;
	font-weight: bold;
}

#contentTabDiv {
	width: 745px;
	padding: 0px; 
	border:none;
    background: transparent; 
    margin-left: 20px;
	clear:both;
}

#contentTabDiv hr{
	height: 1px;
	border: 0;
	width: 745px;
	background-color: #554646;
	color: #554646;
}

#tabs .organisationTree {
	width: 745px;
}

/* Messages
---------------------------------------- */
.SuccessMessage {
	display: none;
}

.SuccessMessageShow {
	border: none;
	display: block;
	clear: both;
	color: #49595A;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
	padding: 10px;
    text-align: left;
}

.SuccessMessageShow > .dp-fa {
	color: #83bb1c;
	font-family: Font Awesome\ 5 Pro;
	font-size: 30px;
	margin-right: 15px;
	vertical-align: middle;
}

.NoSuccessMessage {
	display: none;
}

.NoSuccessMessageShow {
	border: 2px solid #d45659;
	clear: both;
	display: block;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
	padding: 10px;
	text-align: center;
}

.NoSuccessMessageShow > .dp-fa {
	color: #d45659;
	font-family: Font Awesome\ 5 Pro;
	font-size: 30px;
	margin-right: 15px;
	vertical-align: middle;
}

.PortalWarningMessage {
    border-bottom: 1px solid #f1f2f3;
	clear: both;
    display: none;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
	padding: 10px;
	text-align: center;
}

.WarningMessage {
	border: 2px solid #cc9933;
	display: block;
	clear: both;
	color: #49595A;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
	padding: 10px;
	text-align: center;
}

.PortalWarningMessage > .dp-fa,
.WarningMessage > .dp-fa {
    color: #cc9933;
    font-family: Font Awesome\ 5 Pro;
	font-size: 30px;
	margin-right: 15px;
	vertical-align: middle;
}

.PortalWarningMessage > div {
	display: inline-block;
}

.PortalWarningMessage > div#wMessageCollapse {
	background: #fcfcfc;
	margin: 10px auto;
	max-width: 500px;
	padding: 30px !important;
	text-align: left;
}

.PortalInfoMessage {
	display: block;
	clear: both;
	color: #49595A;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
	padding: 10px;
    text-align: center;
}

.InfoMessage {
	border: none;
	display: block;
	clear: both;
	color: #49595A;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
	padding: 10px;
    text-align: left;
}

.PortalInfoMessage > .dp-fa,
.InfoMessage > .dp-fa {
    color: #6699cc;
    font-family: Font Awesome\ 5 Pro;
	font-size: 30px;
	margin-right: 15px;
	vertical-align: middle;
}

.SuccessMessageShow > span,
.NoSuccessMessageShow > span,
.PortalWarningMessage > span,
.WarningMessage > span,
.PortalInfoMessage > span,
.InfoMessage > span {
	display: inline-block;
	max-width: 80%;
	text-align: left;
	vertical-align: middle;
}


.PortalInfoMessageOrangeState {
	background: #FDC4D5 5px 4px !important;
	border: medium none;
	display: block;
	clear: both;
	color: red;
	margin: 0px;
	padding: 10px 5px 10px 50px;
	text-align: center;
}

/* Advanced & quick search
---------------------------------------- */
.advanced-search-container,
.quick-search-container,
.community-documents-container {
	display: block;
}

.advanced-search-container .col-md-11,
.quick-search-container .col-md-11,
.community-documents-container .col-md-11 {
	margin-bottom: 25px;
	margin-left: 5%;
	margin-right: 5%;
	padding: 0px !important;
	width: 90%;
}

.advanced-search-container .col-md-3,
.quick-search-container .col-md-3,
.community-documents-container .col-md-3 {
	margin-right: 2%;
	padding: 0px !important;
	width: 25%;
}

.advanced-search-container .col-md-8,
.quick-search-container .col-md-8,
.community-documents-container .col-md-8 {
	margin-right: 0%;
	padding: 0px !important;
	width: 73%;
}

.advanced-search-container h1,
.quick-search-container h1,
.community-documents-container h1 {
	font-size: 27px;
	font-weight: 300;
	margin: 20px auto;
}

.advanced-search-results {
	height: 650px;
}

.quick-search-results,
.community-documents-results {
	background: #ffffff;
	height: 600px;
	overflow: auto;
}

#srm-documents .fxGridTdDetailLabel,
.advanced-search-results .fxGridTdDetailLabel,
.community-documents-results .fxGridTdDetailLabel,
.quick-search-results .fxGridTdDetailLabel {
	padding-left: 10px !Important;
}

.advanced-search-form {
	background: #ffffff;
	display: block;
	height: 650px;
}

.quick-search-form {
	background: #ffffff;
	display: block;
	height: 600px;
}

.quick-search-form .search-tooltips {
	margin: 25px 0 0 0;
	padding: 0;
	text-align: left !important;	
	top: 135px;
}

.quick-search-form .search-tooltips ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.quick-search-form .search-tooltips .highlight-1  {
	color: #764F2E;
}

.quick-search-form .search-tooltips ul li ul {
	list-style: initial;
	margin: 0;
	padding: 5px 25px;
}

.community-documents-form {
	background: #ffffff;
	display: block;
	height: 600px;
	overflow-y: auto;
}

.community-documents-form .titleBarTitle {
    display: inline-block !important;
    margin: 2% 2% 0 2% !important;
    width: 96% !important;
}

.community-documents-form .box {
    border: none !important;
    height: auto;
    margin: 2%;
    max-height: 350px;
    min-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
	position: relative;
	width: 96%;
}

.community-documents-form .box .icon-people {
	color: #decaad;
	font-size: 20px;
	position: absolute;
	margin-left: 10px;
}

.community-documents-form .box .fa-minus-square {
	color: #cccccc;
	font-size: 15px;
	margin: 0 5px;
	vertical-align: middle;
}
.community-documents-form .box .fa-user-friends {
	color: #be965c;
	font-size: 20px;
	margin-left: 5px;
	vertical-align: middle;
}	

.community-documents-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.community-documents-form .communities-list {
	border-top: 1px solid #eeeeee;
	list-style: none;
	margin: 5px 0 10px 25px;
	padding: 0;
}

.community-documents-form .calendarPlaceHolder img {
	vertical-align: bottom;
}

.community-documents-form ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 5px;
}

.community-documents-form .communities-list {
	border-top: 1px solid #eeeeee;
	list-style: none;
	margin: 5px 0 10px 25px;
	padding: 0;
}

.community-documents-form .communities-list li {
	background: none;
	border-bottom: 1px solid #eeeeee;
	cursor: pointer;
	padding: 5px;
}

.community-documents-form .communities-list li:hover {
	background-color: #f5efe7;
}

.community-documents-form .communities-list li::before {
	color: #cccccc;
	content: "\f054";
	font-family: Font Awesome\ 5 Pro;
	font-size: 15px;
	margin-right: 10px;
	vertical-align: middle;
}

.community-documents-form .communities-list li.active {
	background-color: #f5efe7;
	color: #554646;
	font-weight: 600;
}

.community-documents-form .communities-list li.active::before {
	color: #cccccc;	
}

.community-documents-form img {
	vertical-align: bottom;
}

#documentlist-advancedform {
	display: block;
	padding: 0 20px;
}

#documentlist-form {
	display: block;
	padding: 20px;
}

.daily-publications-form {
	background: #ffffff;
	display: block;
}

.advanced-search-form form label,
.quick-search-form form label,
.daily-publications-form form label,
.community-documents-form label {
	display: block;
	font-size: 13px;
	font-weight: normal;
	margin: 0 !important;
	padding: 10px 0;
}

.advanced-search-form form input[type="text"] {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 4px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 96%;
}

.advanced-search-form form select {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 3px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 99%;
}

.advanced-search-form form #iicDocNumber {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 4px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 31%;
}

.advanced-search-form form #iicDocYear:focus,
.advanced-search-form form #iicDocCode:hover {
	border: 1px solid #be965c;
	outline: none;
}

.advanced-search-form form #iicDocYear,
.advanced-search-form form #iicDocCode {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 3px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 31%;
}

.advanced-search-form form div {
	display: block;
}

.community-documents-form .dateFilter {
	display: none;
	margin: 2% 4% 0 4% !important;
	width: 92% !important;
}

.community-documents-form a#applyDateFilter {
	display: inline-block;
	margin: 10px 0;
}

.advanced-search-form form .left,
.community-documents-form .leftDate {
	clear: none;
	display: inline-block;
	float: left;
	margin-right: 4%;
	position: relative;
	width: 48%;	
}

.advanced-search-form form .right,
.community-documents-form .rightDate {
	display: inline-block;
	float: right;
	position: relative;
	width: 48%;
}

.advanced-search-form #content-search-tooltips,
.advanced-search-form #title-search-tooltips,
.advanced-search-form #number-search-tooltips,
.advanced-search-form #qualifier-search-tooltips,
.advanced-search-form #docDateFrom-search-tooltips,
.advanced-search-form #docDateTo-search-tooltips,
.advanced-search-form #pubDateFrom-search-tooltips,
.advanced-search-form #pubDateTo-search-tooltips {
    background: #ffffff;
    box-shadow: 0px 2px 3px #8a8a8a;
    display: none;
    font-size: 12px;
    height: auto;
    margin-top: 5px;
    min-height: 25px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    left: 0%;
    text-align: left !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
    width: 275px;
    z-index: 995;
}

.advanced-search-form #content-search-tooltips span,
.advanced-search-form #title-search-tooltips span,
.advanced-search-form #number-search-tooltips span,
.advanced-search-form #qualifier-search-tooltips span,
.advanced-search-form #docDateFrom-search-tooltips span,
.advanced-search-form #docDateTo-search-tooltips span,
.advanced-search-form #pubDateFrom-search-tooltips span,
.advanced-search-form #pubDateTo-search-tooltips span {
    color: #764F2E;
    display: block;
    margin: 15px 0 5px 0;
}

.advanced-search-form form .left input[type="text"],
.advanced-search-form form .right input[type="text"],
.community-documents-form .leftDate input[type="text"],
.community-documents-form .rightDate input[type="text"] {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 4px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 92%;
}

.quick-search-form form input[type="text"] {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 96%;
}

.advanced-search-form form input[type="text"]:focus,
.advanced-search-form form input[type="text"]:hover,
.quick-search-form form input[type="text"]:focus,
.quick-search-form form input[type="text"]:hover {
	border: 1px solid #be965c;
}

.quick-search-form form input[type="submit"] {
	font-size: 16px;
	font-weight: normal;
	margin: 40px 0px 0px 0px !important;
	padding: 10px 5px;
	text-align: center;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 99%;
}

.advanced-search-form form input[type="submit"] {
	font-size: 16px;
	font-weight: normal;
	margin: 30px 0px 0px 0px !important;
	padding: 10px 5px;
	text-align: center;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 99%;
}

.advanced-search-form #calendarFromDate,
.advanced-search-form #calendarToDate,
.advanced-search-form #calendarFromPubDate,
.advanced-search-form #calendarToPubDate,
.community-documents-form #calendarFromDate,
.community-documents-form #calendarToDate {
    display: none;
    height: 170px;
    margin-top: -206px;
	position: absolute;
	width: 201px;
    z-index: 999;
}

.advanced-search-form #calendar1,
.community-documents-form #calendar1,
.advanced-search-form #calendar2,
.community-documents-form #calendar2,
.advanced-search-form #calendar4,
.advanced-search-form #calendar5 {
    box-shadow: 0px 0px 3px #8a8a8a;
    display: none;
    height: 170px;
    margin-top: -28px;
    position: relative;
    right: 0px;
    width: 201px;
}

.daily-publications-form #calendarDate {
    display: none;
    height: 170px;
    margin-top: -15px !important;
	position: absolute;
	width: 201px;
    z-index: 999;
}

.daily-publications-form #calendar3 {
    box-shadow: 0px 0px 3px #8a8a8a;
    display: none;
    height: 170px;
    margin-top: -28px !important;
    position: relative;
    right: 0px;
    width: 201px;
}

.advanced-search-form .gldp-cocoon .core,
.community-documents-form .gldp-cocoon .core {
	font-size: 10px !important;
}

.advanced-search-form .gldp-cocoon .prev-arrow,
.advanced-search-form .gldp-cocoon .next-arrow,
.community-documents-form .gldp-cocoon .prev-arrow,
.community-documents-form .gldp-cocoon .next-arrow {
    margin: 0px !important;
}

.advanced-search-form .gldp-cocoon .prev-arrow > .dp-fa,
.advanced-search-form .gldp-cocoon .next-arrow > .dp-fa,
.community-documents-form .gldp-cocoon .prev-arrow > .dp-fa,
.community-documents-form .gldp-cocoon .next-arrow > .dp-fa {
	font-size: 13px;
}

.advanced-search-form .gldp-cocoon .monyear select,
.community-documents-form .gldp-cocoon .monyear select {
    background: #FFF;
    border: 1px solid #EEE !important;
    color: #222;
    font-size: 10px !important;
    font-weight: normal;
    width: 40% !Important;
}


/* Manage communities
---------------------------------------- */
#manage-container {
	display: block;	
}

#manage-container .col-md-11 {
	margin-bottom: 25px;
	margin-left: 5%;
	margin-right: 5%;
	padding: 0px !important;
	width: 90%;	
}

#manage-container h1 {
	font-size: 27px;
	font-weight: 300;
	margin: 20px auto;
}

.manage-content {
	background: #ffffff;
	display: block;
	height: auto;
	min-height: 600px;
	overflow: hidden;
    -webkit-box-shadow:  0 3px 15px rgba(0,0,0, .2);
    -moz-box-shadow:  0 3px 15px rgba(0,0,0, .2);
    box-shadow:  0 3px 15px rgba(0,0,0, .2);
}

.manage-tabs #tabs {
	background: none !important;
	border-bottom: none !important;
	margin: 0px !important;
	padding: 0px;
	width: auto !important;
    border-bottom: 1px solid #be965c !important;
}

.manage-tabs #tabs .tab {
    color: #554646;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal !important;
    padding: 9px 15px !important;
}

.manage-tabs #tabs .active {
    background-color: #ffffff !important;
    color: #554646 !important;
	border: 1px solid #be965c;
	border-bottom-color: #fff;
	margin-bottom: -1px;
    font-weight: 600 !important;
}

.manage-content #contentTabDiv {
	border: none;
	background: none !important;
	margin: 0px !important;
	min-height: 500px;
	padding: 30px;
	width: auto !important;
}

.manage-content #contentTabDiv .col-md-2 {
    border-right: 1px solid #eeeeee;
    height: auto;
    margin: 0;
    min-height: 500px;
    overflow: hidden;
    padding: 0px !important;
	width: 20% !important;
}

.manage-content #contentTabDiv .col-md-10 {
    border-right: 1px solid #eeeeee;
    height: auto;
    margin: 0;
    min-height: 500px;
    overflow: hidden;
    padding: 0px !important;
	width: 79.5% !important;
}

.manage-content #contentTabDiv .last {
    border-right: medium none !important;
    margin-right: 0px !important;
}

.manage-content #contentTabDiv .col-md-2 h2,
.manage-content #contentTabDiv .col-md-10 h2 {
	color: #764F2E;
	font-size: 20px;
    font-weight: 400;
    margin: 0 auto 25px auto;
}

.manage-content #contentTabDiv .col-md-2 #nominatedDelegates,
.manage-content #contentTabDiv .col-md-2 #communityManagers {
	margin-bottom: 40px;
}

.manage-content #contentTabDiv .col-md-2 #nominatedDelegates .dp-fa,
.manage-content #contentTabDiv .col-md-2 #communityManagers .dp-fa {
	font-size: 20px;
	margin: 0 5px;
	vertical-align: middle;
}

.manage-content #contentTabDiv .col-md-2 ul,
.manage-content #contentTabDiv .col-md-10 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.manage-content #contentTabDiv .col-md-2 ul li,
.manage-content #contentTabDiv .col-md-10 ul li {
    margin: 0 0 15px 0;
}

.manage-content #contentTabDiv .col-md-2 .name,
.manage-content #contentTabDiv .col-md-10 .name {
   display: block;
}

.manage-content #contentTabDiv .col-md-2 .buttons,
.manage-content #contentTabDiv .col-md-10 .buttons {
	margin: 50px 0 0 0;
	text-align: center;
}

.manage-content #contentTabDiv .col-md-2 .buttons a,
.manage-content #contentTabDiv .col-md-10 .buttons a {
	color: #ffffff !important;
	display: inline-block;
	min-width: 100px;
	padding: 10px;
}

.manage-content #contentTabDiv .col-md-2 .buttons a:hover,
.manage-content #contentTabDiv .col-md-10 .buttons a:hover {
	color: #ffffff !important;
	text-decoration: none !important;
}

.manage-content #contentTabDiv .col-md-2 .box .commentBox,
.manage-content #contentTabDiv .col-md-10 .box .commentBox {
	margin: 10px 10px 40px 0;
	height: auto;
	max-height: 350px;
	overflow-y: auto;
}

.manage-content #contentTabDiv .col-md-2 .box .infoBox,
.manage-content #contentTabDiv .col-md-10 .box .infoBox {
    background: url("../images/icons/icon.notification.background.png") no-repeat 0px 1px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0px 0px 15px;
    padding: 0px 0px 0px 20px;
}

.manage-content #contentTabDiv .col-md-2 .box .user,
.manage-content #contentTabDiv .col-md-10 .box .user {
	color: #554646;
	font-size: 12px;
	font-weight: 600;
	margin: 0 !important;
}

.manage-content #contentTabDiv .col-md-2 .box .timestamp,
.manage-content #contentTabDiv .col-md-10 .box .timestamp {
	color: #be965c;
	font-size: 11px;
	font-style: italic;
	font-weight: 400;
	margin: 0 !important;
}

.manage-content #contentTabDiv .col-md-2 .box .timestamp a,
.manage-content #contentTabDiv .col-md-10 .box .timestamp a {
	border-left: 1px solid #eeeeee;
	font-style: normal !important;
	margin-left: 5px;
	padding-left: 5px;
}

.manage-content #contentTabDiv .col-md-2 .box .comment,
.manage-content #contentTabDiv .col-md-10 .box .comment {
	font-size: 13px;
	font-weight: 400;
}

.manage-content #contentTabDiv .col-md-2 .box .comment a,
.manage-content #contentTabDiv .col-md-10 .box .comment a {
	color: #337ab7;
	text-decoration: none;
}

.manage-content #contentTabDiv .col-md-2 .box .comment a:hover,
.manage-content #contentTabDiv .col-md-10 .box .comment a:hover {
	color: #337ab7;
	text-decoration: underline;
}

.manage-content #contentTabDiv .col-md-2 .box #showMore,
.manage-content #contentTabDiv .col-md-10 .box #showMore {
	margin: 0 0 20px 0;
}

.manage-content #createUserLink {
	bottom: 0px;
	float: right;
	margin: 0px;
	padding: 20px 10px;
	right: 10px;
	width: auto !important;
}

.manage-content #createUserLink a {
	font-size: 15px !important;
	margin: 0 !important;
	min-width: 100px;
	padding: 10px !important;
}

/* Messages (Notes & Consultations)
---------------------------------------- */
#inbox-container {
	display: block;
	min-height: 500px;
}

#inbox-container .col-md-12,
#inbox-container .col-md-12 > .col-md-5,
#inbox-container .col-md-12 > .col-md-7 {
	padding: 0;
}

#inbox-container .col-md-12 > .inbox-tabs {
	padding-bottom: 10px;
	font-size: 13px;
}

#inbox-container .col-md-12 > .inbox-tabs > .active {
	border-bottom: 4px solid #554646;
	cursor: pointer;
	margin: 0 10px;
	padding: 6px;
}

#inbox-container .col-md-12 > .inbox-tabs > .disabled {
	cursor: pointer;
	margin: 0 10px;
	padding: 6px;
}

#inbox-container .col-md-12 > .col-md-5,
#inbox-container .col-md-12 > .col-md-7 {
	border-top: 1px solid #eeeeee;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container {
	height: auto;
	max-height: 475px;
	overflow-y: auto;
	overflow-x: hidden;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container > .no-messages {
	padding: 20px 10px;
	text-align: left;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container > .no-messages > .fa,
#inbox-container .col-md-12 > .col-md-5 > .table-container > .no-messages > .fas,
#inbox-container .col-md-12 > .col-md-5 > .table-container > .no-messages > .far,
#inbox-container .col-md-12 > .col-md-5 > .table-container > .no-messages > .fal,
#inbox-container .col-md-12 > .col-md-5 > .table-container > .no-messages > .fab {
	color: #cccccc;
	font-size: 25px;
	padding: 0 10px;
	vertical-align: middle;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container > .no-messages > span {
	vertical-align: middle;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr:hover,
#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr.unread:hover {
	background-color: #faf7f3;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr.active > td,
#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr.active:hover > td {
	background-color: #f5efe7;
	color: #222222;
}


#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr.unread {
	background-color: #fcfaf8;
	font-weight: 600;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr.unread > td:first-child {
	border-left: 3px solid #be965c;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr > td {
	border-bottom: 1px solid #eeeeee;
	border-top: none;
	cursor: pointer;
	font-size: 12px;
	padding: 20px;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr > td:last-child {
	text-align: right;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr > td .message-subject {
	color: #554646;
	display: block;
	font-size: 15px;
}

#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr > td .message-detail {
	display: block;
	margin: 10px 0 0 0;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details {
	height: auto;
	max-height: 455px;
	overflow-y: auto;
	padding: 20px 0 0 20px;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel {
	background: none;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-heading {
	background: none;
	border-radius: 0;
	padding: 0 10px;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-heading > h2 {
	color: #764F2E;
	margin: 0 0 10px 0;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-heading > p {
	font-size: 12px;
	margin: 0 0 5px;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-heading > p.deadline {
	font-size: 14px;
	margin: 15px 0 0 0;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-heading > p > .message-from,
#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-heading > p > .message-to,
#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-heading > p > .message-date {
	color: #554646;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-heading > p.deadline > .message-date {
	color: #554646;
	font-weight: 600;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-body {
	background: none;
	border-radius: 0;
	border-top: 1px solid #eeeeee;
	margin: 20px 0 0 0;
	padding: 20px 10px 0 10px;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-body > h3 {
	font-size: 14px;
	font-weight: 600;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-footer {
	background: none;
	border-radius: 0;
	border-top: 1px solid #eeeeee;
	margin: 0;
	padding: 20px 10px 0 10px;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-footer > ul {
	margin: 0;
	padding: 0;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-footer > ul > li {
	display: inline-block;
	padding: 5px 0;
	vertical-align: top;
	width: 50%;
}

#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-footer > ul > li > .dp-fa {
	color: #dddddd;
	font-size: 20px;
	margin: 0 5px 0 0;
	vertical-align: bottom;
}

.messages-centre > .col-md-10 {
	margin: 0 10% 25px 10%;
	padding: 0px !important;
	width: 80%;
}

.messages-centre > .col-md-10 > h1 {
	font-size: 27px;
	font-weight: 300;
	margin: 20px auto;
}

.messages-centre > .col-md-10 > #inbox-container {
	background: #ffffff;
	height: auto;
	min-height: 550px;
	overflow: auto;
	padding: 25px;
}

.messages-centre > .col-md-10 > #inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr > td:first-child {
	padding: 10px 0 10px 10px;
	text-align: center;
	vertical-align: middle;
}

.messages-centre > .col-md-10 > #inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr > td:first-child > .far {
	color: #be965c;
	font-size: 20px;
}

.messages-centre > .col-md-10 > #inbox-container .col-md-12 > .col-md-5 > .table-container {
	max-height: 520px;
}

.messages-centre > .col-md-10 > #inbox-container .col-md-12 > .col-md-7 > #message-details {
	max-height: 500px;
}

.messages-centre > .col-md-10 > #inbox-container h2 {
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 10px 0;
}

.messages-centre > .col-md-10 > #inbox-container .buttons {
	margin: 50px 0 0 0;
	text-align: center;
}

.messages-centre > .col-md-10 > #inbox-container .buttons a {
	color: #ffffff !important;
	display: inline-block;
	min-width: 100px;
	padding: 10px;
}

/* User settings
---------------------------------------- */
.user-settings-container {
	display: block;
}

.user-settings-container .col-md-11 {
	margin-bottom: 25px;
	margin-left: 5%;
	margin-right: 5%;
	padding: 0px !important;
	width: 90%;
}

.user-settings-container h1 {
	font-size: 27px;
	font-weight: 300;
	margin: 20px auto;
}

.user-settings-container h2 {
	font-size: 20px;
	font-weight: 400;
	margin: 0 auto 25px auto;
}

.user-settings-content {
	background: #ffffff;
	display: block;
	height: auto;
	min-height: 600px;
	overflow: hidden;
}

.user-settings-tabs #tabs {
	background: none !important;
	border-bottom: none !important;
	margin: 0px !important;
	padding: 0px;
	width: auto !important;
    border-bottom: 1px solid #be965c !important;
}

.user-settings-tabs #tabs .tab {
    color: #554646;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal !important;
    padding: 9px 15px !important;
}

.user-settings-tabs #tabs .active {
    background-color: #ffffff !important;
    color: #554646 !important;
    border: 1px solid #be965c;
    border-bottom-color: #fff;
    margin-bottom: -1px;
    font-weight: 600 !important;
}

.user-settings-content #contentTabDiv {
	background: #ffffff !important;
	display: block;
	margin: 0px !important;
	padding: 10px 20px;
	width: auto !important;
}

.user-settings-content #contentTabDiv .col-md-2 {
	border-right: 1px solid #eeeeee;
	height: auto;
	margin-bottom: 25px;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	min-height: 550px;
	overflow: hidden;
	padding: 0px !important;
	width: 20% !important;
}

.user-settings-content #contentTabDiv .col-md-2 select {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 50%;
}

.user-settings-content #contentTabDiv .col-md-2 select:focus,
.user-settings-content #contentTabDiv .col-md-2 select:hover {
	border: 1px solid #be965c;
	outline: none;
}

.user-settings-content #contentTabDiv .col-md-2 .checkBox {
	display: block;
	height: auto;
	margin-top: 20px;
	overflow: hidden;
	width: 90%;
}

.user-settings-content #contentTabDiv .col-md-2 .checkBox label {
	float: right;
	width: 90%;
}

.user-settings-content #contentTabDiv .col-md-2 .checkBox input[type="checkbox"] {
	float: left;
	margin-top: 15px;
}

.user-settings-content #contentTabDiv .col-md-3 {
	border-right: 1px solid #eeeeee;
	height: auto;
	margin-bottom: 25px;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	min-height: 550px;
	overflow: hidden;
	padding: 0px !important;
	width: 31.5% !important;
}

.user-settings-content #contentTabDiv .col-md-3 > #login-history {
	display: block;
}

.user-settings-content #contentTabDiv .col-md-3 > #login-history > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.user-settings-content #contentTabDiv .col-md-3 > #login-history > ul > li > .fa-check-circle {
	color: #83bb1c;
	font-size: 20px;
	padding: 0 5px;
	vertical-align: middle;
}

.user-settings-content #contentTabDiv .col-md-3 > #login-history > ul > li > .fa-times-circle {
	color: #b82925;
	font-size: 20px;
	padding: 0 5px;
	vertical-align: middle;
}

.user-settings-content #contentTabDiv .col-md-3 > #login-history > ul > li > span {
	vertical-align: middle;	
}

.user-settings-content #contentTabDiv .col-md-9 {
	border-right: 1px solid #e1e1e1;
	height: auto;
	margin-bottom: 25px;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	min-height: 550px;
	overflow: hidden;
	padding: 0px !important;
	width: 75% !important;
}

.user-settings-content #contentTabDiv .col-md-9 .codemapThead {
	font-size: 13px;
	font-weight: normal;
	margin: 0 !important;
	padding: 10px 0;
}

.user-settings-content #contentTabDiv .col-md-9 select {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: inline-block;
	font-size: 13px;
	height: 150px !important;
	margin: 0;
	padding: 5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 100% !important;
}

.user-settings-content #contentTabDiv .col-md-9 select:focus,
.user-settings-content #contentTabDiv .col-md-9 select:hover {
	border: 1px solid #be965c;
	outline: none;
}

.user-settings-content #contentTabDiv .col-md-9 .community-list {
	float: left;
	height: 185px;
	margin-top: 5px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 45%;
}

.user-settings-content #contentTabDiv .col-md-9 .selectButtons {
	float: left;
	margin: 75px 0 0 0;
	text-align: center;
	width: 10%;
}

.user-settings-content #contentTabDiv .col-md-9 td .selectButtons {
	margin: 0;
	width: 100%;
}

.user-settings-content #contentTabDiv .col-md-9 .selectButtons .buttons {
	float: none !important;
}


.user-settings-content #contentTabDiv .col-md-9 .selectButtons .buttons a {
	height: 20px !important;
	margin: 5px auto !important;
	padding: 5px !important;
	width: 20px !important;
}

.user-settings-content #contentTabDiv .last {
	border-right: none !important;
	margin-right: 0 !important;
}

.user-settings-content form input[type="password"],
.user-settings-content form input[type="text"],
.user-settings-content input[type="text"],
.user-settings-content form textarea {
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	width: 80%;
}

.user-settings-content form label,
.user-settings-content label {
	display: block;
	font-size: 13px;
	font-weight: normal;
	margin: 0 !important;
	padding: 10px 0;
}

.user-settings-content form select {
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	width: 35%;
}

.user-settings-content .buttons {
	clear: both;
	display: block;
	float: right;
	width: auto !important;
}

.user-settings-content .buttons a {
	font-size: 13px !important;
    margin: 10px 0 !important;
	padding: 10px !important;
    width: 125px !important;
}

.user-settings-content .buttons button{
	font-size: 13px !important;
    margin: 10px 0 !important;
	padding: 10px !important;
    width: 145px !important;
}

/* My travel information
---------------------------------------- */
.user-settings-container > .col-md-11 > #contentDiv {
	display: block;
	margin: 0px !important;
	width: auto !important;
}

.user-settings-container > .col-md-11 > #contentDiv > .col-md-7 {
	background-color: #ffffff;
	min-height: 500px;
	padding: 0 !important;
}

.user-settings-container > .col-md-11 > #contentDiv > .col-md-5 {
	min-height: 500px;
	padding: 0 !important;
}

.user-settings-container .panel-default > .panel-heading > h2 {
    font-size: 21px;
    margin: 10px 0 40px 0;
}

.user-settings-container .panel-default > .panel-body {
	padding: 0 !important
}

.user-settings-container .panel-default > .panel-body > .row {
	border-bottom: 1px solid #f5efe7;
	margin: 0 !important;
	padding: 10px;
}

.user-settings-container .panel-default > .panel-body > .row > em {
	font-size: 15px;
	margin: 0 0 5px;
}

.user-settings-container .panel-default > .panel-body > .row > .col-md-4 {
	padding: 0 !important;
}

.user-settings-container .panel-default > .panel-body > .row > .col-md-4 > span {
	font-size: 13px;
}

.user-settings-container .panel-default > .panel-body > .row > .col-md-4 > span > .dp-fa {
	font-size: 20px;
	margin: 0 5px;
	vertical-align: top;
}

.user-settings-container .panel-default > .panel-body > .row > .col-md-4 > span > .green {
	color: #83bb1c;
}

.user-settings-container .panel-default > .panel-body > .row > .col-md-4 > span > .red {
	color: #b82925;
}

.user-settings-container #form-travel-information {
	display: none;
	padding: 10px 50px;
}

.user-settings-container #form-travel-information .relative {
	position: relative;
}

.user-settings-container #form-travel-information #origin {
	background: none;
	position: relative;
	z-index: 5;
}

.user-settings-container #form-travel-information #autocomplete {
	background: none;
	border: none;
	box-shadow: none !important;
	left: 1px;
	position: absolute;
	top: 39px;
	z-index: 0;
}

.user-settings-container #form-travel-information.form-inline > .form-group,
.user-settings-container #form-travel-information.form-inline > .checkBox {
	margin: 0 20px;
	min-height: 50px;
	vertical-align: top !important;
}

.user-settings-container #form-travel-information.form-inline > .form-group > input[type="text"] {
	padding: 0 10px !important;
}

.user-settings-container #form-travel-information.form-inline > .form-group > .btn-default {
	border-radius: 0px !important;
	margin: 5px 15px 5px 0;
	min-width: 75px;
	padding: 7px 10px;
}

.user-settings-container #form-travel-information.form-inline > .form-group > .btn-default:hover,
.user-settings-container #form-travel-information.form-inline > .form-group > .active {
	background-color: #be965c !important;
	color: #ffffff;
}

.user-settings-container #form-travel-information.form-inline > .buttons {
	margin: 50px 0 0 0;
}

.user-settings-container #form-travel-information.form-inline > .buttons > a {
	margin: 0 auto !important;
	padding: 10px;
	width: 150px;
}

.user-settings-container #declaredInfo .panel-default > .panel-body > .row {
	border-bottom: none;
	margin: 20px 0 0 0 !important;
}

.user-settings-container #declaredInfo .panel-default > .panel-body > .row > .col-md-4 {
	font-size: 21px;
	font-weight: 400;
	padding: 0 !important;
}

.user-settings-container #declaredInfo .panel-default > .panel-body > .row > .col-md-4 > .dp-fa {
	color: #be965c;
	vertical-align: middle;
}

.user-settings-container #declaredInfo .panel-default > .panel-body > .row > .declared {
	/* color: #83bb1c; */
	font-size: 17px;
}

.user-settings-container #pastAttendances {
	height: auto;
	max-height: 500px;
	overflow-y: auto;
	padding: 0 0 0 30px;	
}

.user-settings-container #pastAttendances .titleBarTitle {
	background-color: #ffffff;
	margin: 0 0 10px 0 !important;
	min-height: 50px;
	padding: 5px 0;
	width: 100%;
}

.user-settings-container #pastAttendances .titleBarText {
	font-size: 15px;
	line-height: 50px;
	margin: 0 0 0 20px !important;
	padding: 0;
}

.user-settings-container #pastAttendances .titleBarText > .date {
	display: inline-block;
	font-size: 20px;
	line-height: 1.75em;
	text-align: center;
	vertical-align: top;
}

.user-settings-container #pastAttendances .titleBarText > .date > span {
	color: #554646;
	display: block;
	font-size: 11px;
	line-height: 0em;
	text-transform: uppercase;
}

.user-settings-container #pastAttendances .titleBarText > .travelinfo {
	display: inline-block;
	margin: 0 0 0 25px;
}

.user-settings-container #pastAttendances .titleBarText > .travelinfo > .dp-fa {
	color: #be965c;
}

.user-settings-container #pastAttendances .titleBarText > .declared {
	/* color: #83bb1c; */
	float: right;
	font-size: 13px;
	margin: 0 10px 0 0;
}

.user-settings-container #pastAttendances .titleBarText > em {
	float: right;
	font-size: 11px;
	margin: 0 10px 0 0;
}

.user-settings-container #pastAttendances .ui-icon-triangle-1-e,
.user-settings-container #pastAttendances .ui-icon-triangle-1-s {
	background: #ffffff !important;
	font-size: 17px;
	line-height: 50px;
	text-align: center;	
}

.user-settings-container #pastAttendances .ui-icon-triangle-1-e:before {
	content: "\f105";
	display: inline-block;
	font-family: Font Awesome\ 5 Pro;
}

.user-settings-container #pastAttendances .ui-icon-triangle-1-s:before {
	content: "\f107";
	display: inline-block;
	font-family: Font Awesome\ 5 Pro;
}

.user-settings-container #pastAttendances .box {
	background-color: #ffffff;
	margin: -9px 0 10px 0 !important;
	padding: 20px 25px;
}

.user-settings-container #pastAttendances .box .row {
	margin: 0 !important;
	padding: 10px 0;
}

.user-settings-container #pastAttendances .box .row > span {
	display: block;
	font-size: 12px;
	margin: 5px 0 0 0;
}

.user-settings-container #pastAttendances .box .row > span > .dp-fa {
	font-size: 17px;
	margin: 0 5px 0 0;
	vertical-align: top;
}

.user-settings-container #pastAttendances .box .row > span > .green {
	color: #83bb1c;
}

.user-settings-container #pastAttendances .box .row > span > .red {
	color: #b82925;
}

/* Request access
---------------------------------------- */
.request-access-container {
	display: block;
}

.request-access-container .col-md-8 {
	background: #ffffff;
	height: auto;
	margin: 0 20%;
	min-height: 350px;
	overflow: hidden;
	padding: 2.5% !important;
	width: 55%;
}

.request-access-container .col-md-11 {
	margin-bottom: 25px;
	margin-left: 5%;
	margin-right: 5%;
	padding: 0px !important;
	width: 90%;
}

.request-access-container h1 {
	font-size: 27px;
	font-weight: 300;
	margin: 30px auto;
}

.request-access-container h2 {
	font-size: 20px;
	font-weight: 400;
	margin: 0 auto 10px auto;
}

.request-access-content {
	display: block;
}

.request-access-tabs #tabs {
	border-bottom: none !important;
	margin: 35px auto !important;
	padding: 0px;
	text-align: center;
}

.request-access-r-tabs #tabs {
	border-bottom: none !important;
	margin: 35px auto !important;
	padding: 0px;
	text-align: center;
	width: 615px !important;
}

.request-access-tabs #tabs .tab,
.request-access-r-tabs #tabs .tab {
    background: none !important;
    color: #554646;
    display: inline-block;
    font-size: 12px;
    font-weight: 400 !important;
    margin: 0 25px;
	vertical-align: top !important;
    width: 150px; 
}

.request-access-tabs #tabs .tab .tab-background,
.request-access-r-tabs #tabs .tab .tab-background {
	background: #554646;
	display: block;
	height: 2px;
	margin-top: 32.5px;
	margin-left: 75px;
	position: absolute;
	width: 205px;
	z-index: 0;
}

.request-access-tabs #tabs .tab .steps,
.request-access-r-tabs #tabs .tab .steps {
    background: #ffffff !important;
    border: 2px solid #554646 !important;
    color: #554646 !important;
    display: block;
    font-size: 27px;
    font-weight: 400 !important;
	height: 35px;
	line-height: 1.2em;
    margin: 0 auto 10px auto;
    padding: 13px !important;
    position: relative;
    width: 35px;
    z-index: 1;
}

.request-access-tabs #tabs .tab .steps .small,
.request-access-r-tabs #tabs .tab .steps .small {  
    display: block;
    font-size: 12px;
    font-weight: normal !important; 
}

.request-access-tabs #tabs .active,
.request-access-r-tabs #tabs .active {
    background: none !important;
	color: #554646 !important;   	 
}

.request-access-tabs #tabs .step-done,
.request-access-r-tabs #tabs .step-done {
    background: none !important;
	color: #554646 !important;
}

.request-access-tabs #tabs .active .steps,
.request-access-r-tabs #tabs .active .steps {
    background: #554646 !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;  	 
}

.request-access-tabs #tabs .step-done .steps,
.request-access-r-tabs #tabs .step-done .steps {
    background: #6f6767 !important;
    border: 2px solid #6f6767 !important;
    color: white  !important;
}

.request-access-content #contentTabDiv {
	background: #ffffff;
	display: block;
	height: auto;
	margin: 0px !important;
	min-height: 600px;
	overflow: hidden;
	padding: 20px;
	width: auto !important;
}

.request-access-r-content #contentTabDiv {
	background: #ffffff !important;
	display: block;
	height: auto;
	margin: 0px !important;
	min-height: 400px;
	overflow: hidden;
	padding: 20px;
	width: auto !important;
}

.request-access-content #contentTabDiv .col-md-2 {
	border-right: 1px solid #e1e1e1;
	height: auto;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	min-height: 600px;
	overflow: hidden;
	padding: 0px !important;
	width: 20% !important;
}

.request-access-content #contentTabDiv .col-md-2 select {
	border-radius: 0px;
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 50%;
}

.request-access-content #contentTabDiv .col-md-3 {
	border-right: 1px solid #e1e1e1;
	height: auto;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	min-height: 625px;
	overflow: hidden;
	padding: 0px !important;
	width: 31.5% !important;
}

.request-access-r-content #contentTabDiv .col-md-3 {
	border-right: 1px solid #e1e1e1;
	height: auto;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	min-height: 400px;
	overflow: hidden;
	padding: 0px !important;
	width: 31.5% !important;
}

.request-access-content #contentTabDiv .col-md-9 {
	border-right: 1px solid #e1e1e1;
	height: auto;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	min-height: 600px;
	overflow: hidden;
	padding: 0px !important;
	width: 75% !important;
}

.request-access-content #contentTabDiv .col-md-9 .codemapThead {
	font-size: 13px;
	font-weight: normal;
	margin: 0 !important;
	padding: 10px 0;
}

.request-access-content #contentTabDiv .col-md-9 select {
	border-radius: 0px;
	display: inline-block;
	font-size: 13px;
	height: 150px !important;
	margin: 0;
	padding: 5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: 100% !important;
}

.request-access-content #contentTabDiv .col-md-9 select:focus,
.request-access-content #contentTabDiv .col-md-9 select:hover {
	border: 1px solid #be965c;
	outline: none;
}

.request-access-content #contentTabDiv .col-md-6 {
	border-right: 1px solid #e1e1e1;
	height: auto;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	min-height: 500px;
	overflow: hidden;
	padding: 0px !important;
	width: 48% !important;
}

.request-access-content #contentTabDiv .last {
	border-right: none !important;
	margin-right: 0 !important;
}

.request-access-content form input[type="password"],
.request-access-content form input[type="text"],
.request-access-r-content form input[type="password"],
.request-access-r-content form input[type="text"] {
	border-radius: 0px;
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	width: 80%;
}

.request-access-content form label,
.request-access-r-content form label {
	display: block;
	font-size: 13px;
	font-weight: normal;
	margin: 0 !important;
	padding: 10px 0;
}

.request-access-content form select {
	border-radius: 0px;
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	width: 35%;
}

.request-access-content .buttons,
.request-access-r-content .buttons {
	clear: both;
	float: right !important;
	width: auto !important;
}

.request-access-content .buttons a,
.request-access-r-content .buttons a {
    display: inline-block;
	font-size: 15px;
	min-width: 125px;
    padding: 7px 5px !important;
    text-align: center !important;
    width: auto !important;
}

.request-access-content .organizationSelection {
	height: 400px;
	margin: 15px auto;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100% !important;
}

.request-access-content .requestAccessProgress {
	margin-bottom: 10px;
	width: 100%;
}

.request-access-content .rfastart {
	background: #cac4a7;
	color: #554646;
	height: 50px;
	margin-right: 2%;
	text-align: center;
	width: 23%;
}

.request-access-content .rfastartHilite {
	background: #554646;
	color: #ffffff;
	height: 50px;
	margin-right: 2%;
	text-align: center;
	width: 23%;
}

.request-access-content .rfastep {
	background: #cac4a7;
	color: #554646;
	height: 50px;
	margin-right: 2%;
	text-align: center;
	width: 23%;
}

.request-access-content .rfastepHilite {
	background: #554646;
	color: #ffffff;
	height: 50px;
	margin-right: 2%;
	text-align: center;
	width: 23%;
}

.request-access-content .rfaend {
	background: #cac4a7;
	color: #554646;
	height: 50px;
	text-align: center;
	width: 23%;
}

.request-access-content .rfaendHilite {
	background: #554646;
	color: #ffffff;
	height: 50px;
	text-align: center;
	width: 23%;
}

.infoTable {
	background-color: #e1e1e1;
	clear:both;
	margin: 0 0 10px 0; 
	padding: 5px;
}


.password-help {
	padding: 10px;
}

.password-help p,
.password-help ul li {
	line-height: 2em;
}

/* Help, FAQ */
.help {
	display: block;
}

.help > .col-md-10 {
	margin-bottom: 25px;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0px !important;
	width: 80%;
}

.help > .col-md-10 > h1 {
	font-size: 27px;
	font-weight: 300;
	margin: 20px auto;
}

.help > .col-md-10 > #container {
	background: #ffffff;
	height: auto;
	min-height: 600px;
	overflow: auto;
	padding: 0 10px 10px 10px;
}

.help > .col-md-10 > #container > ol {
	margin: 0;
	padding: 10px 0 0 25px;
}

.help > .col-md-10 > #container li {
    font-weight: 400;
    line-height: 2em;
}

.help > .col-md-10 > #container #access-system,
.help > .col-md-10 > #container #customize-system,
.help > .col-md-10 > #container #community-membership,
.help > .col-md-10 > #container #access-documents,
.help > .col-md-10 > #container #dp-access,
.help > .col-md-10 > #container #da-access,
.help > .col-md-10 > #container #srm-access,
.help > .col-md-10 > #container #srm-security,
.help > .col-md-10 > #container #srm-preparation,
.help > .col-md-10 > #container #srm-teleconference,
.help > .col-md-10 > #container #srm-communities,
.help > .col-md-10 > #container #srm-notifications,
.help > .col-md-10 > #container #srm-documents,
.help > .col-md-10 > #container #srm-comments,
.help > .col-md-10 > #container #da-votes,
.help > .col-md-10 > #container #da-comments {
	margin-bottom: 10px;
}

.help > .col-md-10 > #container .titleBarTitle {
	width: 100% !important;
}

.help > .col-md-10 > #container .box {
	border: 1px solid #f5efe7;
	height: auto;
	margin-top: 5px;
	min-height: 75px;
	overflow: hidden;
}

.help > .col-md-10 > #container .faqp {
	font-weight: 400;
	line-height: 2em;
	padding: 0 10px;
	text-align: justify;
}

.help > .col-md-10 > #container p {
	font-size: 14px;
	font-weight: 400;
	line-height: 2em;
	margin: 0px !important;
	padding: 10px;
	text-align: left;
}

/* Docs mobile */
.docsMobile {
	width: 100%;
}

.docsMobile th:first-child {
	border-bottom: 1px solid #dddddd;
	font-size: 12px;
	font-weight: 400;
	height: 24px;
	padding: 5px;
	width: 55%;
}

.docsMobile th:nth-child(2),
.docsMobile th:last-child {
	border-bottom: 1px solid #dddddd;
	font-size: 12px;
	font-weight: 400;
	height: 24px;
	padding: 5px;
	width: 7.5%;
}

.docsMobile th:nth-child(3) {
	border-bottom: 1px solid #dddddd;
	font-size: 12px;
	font-weight: 400;
	height: 24px;
	padding: 5px;
	width: 30%;
}

.docsMobile td .icon-agp {
	border: 1px solid #554646;
	border-radius: 100%;
	display: block;
	font-size: 13px;
	font-weight: 600;
	min-width: 5px;
	padding: 0px 5px;
    text-align: center;
}

.docsMobile td .icon-classification {
	border: 1px solid #554646;
	font-size: 15px;
	font-weight: 600;
	padding: 0 5px;
}

.docsMobile td:first-child {
	color: #554646;
	font-size: 12px;
	font-weight: 400;
	padding: 5px;
	vertical-align: top;
	width: 55%;
}

.docsMobile td:nth-child(2),
.docsMobile td:last-child {
	color: #554646;
	font-size: 12px;
	font-weight: 400;
	padding: 5px;
	vertical-align: top;
	width: 7.5%;
}

.docsMobile td:nth-child(3) {
	color: #554646;
	font-size: 12px;
	font-weight: 400;
	padding: 5px;
	vertical-align: top;
	width: 30%;
}

.docsMobile .border {
	border-bottom: 1px solid #eeeeee;
}

.docsMobile .center {
	text-align: center;
}

/* Helpers. Common re-used things
------------------------- */
.b-shadow {
	box-shadow: 2px 1px 11px -2px rgba(0,0,0,.2);
}

.no-border {
    border: none !important;
}

/*
---------------------------------------- */
@media screen and (min-width: 992px) and (max-width: 1366px) {
	.advanced-search-container .col-md-11,
	.quick-search-container .col-md-11,
	.user-settings-container .col-md-11,
	.community-documents-container .col-md-11,
	.request-access-container .col-md-11,
	#manage-container .col-md-11 {
		margin-left: 2% !important;
		margin-right: 2% !important;
		width: 96% !important;
	}

	.manage-content {
		background: #ffffff;
		display: block;
		height: 500px;
	}

	#manage-container h1,
	.help h1 {
		font-size: 23px;
		font-weight: 300;
		margin: 20px auto;
	}

	.advanced-search-container h1,
	.quick-search-container h1,
	.community-documents-container h1 {
		font-size: 23px;
		font-weight: 300;
		margin: 20px auto;
	}

	.advanced-search-results {
		height: 525px;
	}

	.quick-search-results,
	.community-documents-results {
		background: #ffffff;
		height: 525px;
		overflow: auto;
	}

	.advanced-search-form {
		background: #ffffff;
		display: block;
		height: 525px;
	}

	.advanced-search-form form label {
		font-size: 12px;
		padding: 5px 0 !important;
	}

	.advanced-search-form form input[type="text"] {
		font-size: 13px;
		padding: 4px;
	}

	.advanced-search-form form select {
		font-size: 13px;
		padding: 3px;
	}

	.advanced-search-form form .left input[type="text"],
	.advanced-search-form form .right input[type="text"] {
		font-size: 13px;
		padding: 4px;
	}

	.advanced-search-form form input[type="submit"] {
	    margin: 25px 0px 0px !important;
	}		
	
	.quick-search-form,
	.community-documents-form {
		background: #ffffff;
		display: block;
		height: 525px;
	}

	.community-documents-form .box {
	    max-height: 450px;
	}

	.user-settings-content {
		min-height: 525px;
	}

	.user-settings-container h1 {
		font-size: 23px;
		font-weight: 300;
		margin: 20px auto;
	}

	.user-settings-container h2 {
		font-size: 17px;
		font-weight: 400;
		margin: 0 auto 15px auto;
	}

	.user-settings-content form label {
	    padding: 5px 0px;
	}

	.user-settings-content #contentTabDiv .col-md-2 {
		min-height: 450px;
	}

	.user-settings-content #contentTabDiv .col-md-2 select {
		font-size: 13px;
		padding: 5px;
	}

	.user-settings-content #contentTabDiv .col-md-3 {
		min-height: 400px;
	}

	.user-settings-content form select {
	    font-size: 13px;
	    padding: 4px;
	}

	.user-settings-content #contentTabDiv .col-md-9 {
		min-height: 450px;
	}

	.user-settings-content #contentTabDiv .col-md-9 select {
	    height: 125px !important;
	}

	.user-settings-content #contentTabDiv .col-md-9 .community-list {
		height: 150px;
	}

	.user-settings-content #contentTabDiv .col-md-9 .selectButtons {
		margin-top: 55px;
	}	
	
	.user-settings-content form input[type="password"],
	.user-settings-content form input[type="text"] {
		font-size: 13px;
		padding: 5px;
	}

	.manage-content #contentTabDiv .col-md-2,
	.manage-content #contentTabDiv .col-md-10 {
	    min-height: 400px;
	}

	.manage-content #contentTabDiv .col-md-2 .box .commentBox,
	.manage-content #contentTabDiv .col-md-10 .box .commentBox {
		max-height: 250px;
	}

	.messages-centre > .col-md-10 {
		margin-left: 2% !important;
		margin-right: 2% !important;
		width: 96% !important;
	}

	.messages-centre > .col-md-10 > h1 {
		font-size: 23px !important;
		margin: 15px auto !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1207px) {
	/*.webhelp {
		display: none !important;
	}*/
	.user-settings-container h1 {
		font-size: 23px;
		font-weight: 300;
		margin: 20px auto;
	}	

	.advanced-search-form form #iicDocNumber {
		font-size: 11px !important;
		width: 30% !important;
	}

	.advanced-search-form form #iicDocYear,
	.advanced-search-form form #iicDocCode {
		font-size: 11px !important;
		width: 30% !important;
	}

	.advanced-search-form form label {
		clear: both;
		font-size: 11px !important;
	  	padding: 5px 0 !important;
	}

	.messages-centre > .col-md-10 {
		margin-left: 2% !important;
		margin-right: 2% !important;
		width: 96% !important;
	}
}

@media screen and (min-width: 240px) and (max-width: 991px) {
	.user-settings-container h1 {
		font-size: 20px;
		font-weight: 300;
		margin: 15px auto;
	}

	.messages-centre > .col-md-10 {
		margin-left: 2% !important;
		margin-right: 2% !important;
		width: 96% !important;
	}

	.messages-centre > .col-md-10 > h1 {
		font-size: 20px !important;
		margin: 15px auto !important;
	}

	.messages-centre > .col-md-10 > #inbox-container {
		padding: 15px;
	}

	#inbox-container .col-md-12 > .col-md-7 > #message-details {
		padding: 20px 0 0 0;
	}

	#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr > td {
		border-bottom: none !important;
		display: block;
		padding: 10px;
	}

	#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr > td:last-child {
		border-bottom: 1px solid #eeeeee !important;
		text-align: left;
	}

	#inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr.unread > td {
		border-left: 3px solid #be965c;
	}

	.webhelp {
		display: none !important;
	}

	.advanced-search-container .col-md-11,
	.quick-search-container .col-md-11,
	.user-settings-container .col-md-11,
	.community-documents-container .col-md-11,
	.request-access-container .col-md-11,
	#manage-container .col-md-11 {
		margin-left: 2% !important;
		margin-right: 2% !important;
		width: 96% !important;
	}

	.advanced-search-container .col-xs-12,
	.quick-search-container .col-xs-12,
	.user-settings-content #contentTabDiv .col-xs-12,
	.request-access-content #contentTabDiv .col-xs-12,	
	.community-documents-container .col-xs-12,
	.manage-content #contentTabDiv .col-xs-12,
	.manage-content #contentTabDiv .col-xs-12 {
		margin-bottom: 5px;
		margin-top: 10px;
		width: 100% !important;
	}

	.user-settings-container > .col-md-11 > #contentDiv > .col-xs-12 {
		margin: 10px 0 5px 0 !important;
		width: 100% !important;
	}

	.quick-search-form {
	    height: auto !important;
	    min-height: 150px !important;
	    overflow: hidden !important;
	}

	.community-documents-form {
	    height: auto !important;
	    /* max-height: 400px; */
	    min-height: 350px !important;
	    overflow: hidden !important;
	}

	.community-documents-form .box {
	    max-height: 200px;
	}

	#manage-container h1,
	.help h1 {
		font-size: 20px;
		font-weight: 300;
		margin: 15px auto;
	}

	.advanced-search-container h1,
	.quick-search-container h1,
	.community-documents-container h1 {
		font-size: 20px;
		font-weight: 300;
		margin: 15px auto;
	}

	.quick-search-results,
	.community-documents-results {
		background: #ffffff;
		height: 525px;
		overflow: auto;
	}

	.user-settings-container #form-travel-information {
		padding: 10px;
	}

	.user-settings-container #form-travel-information.form-inline > .form-group > input[type="text"] {
		padding: 0 1.5% !important; 
		width: 97%;
	}

	.user-settings-container #form-travel-information #autocomplete {
		top: 35px;
	}

	.user-settings-container #form-travel-information.form-inline > .form-group > .btn-default {
		margin: 5px 5px 5px 0;
		padding: 5px;
	}

	.user-settings-container #pastAttendances {
		padding: 0 !important;
	}

	.user-settings-container #pastAttendances .titleBarText {
		font-size: 13px;
		line-height: 50px;
		margin: 0 0 0 10px !important;
	}

	.user-settings-container #pastAttendances .titleBarText > .travelinfo {
		display: inline-block;
		margin: 0 0 0 10px;
	}

	.user-settings-container #pastAttendances .titleBarText > .declared {
		display: block;
		float: none;
		margin: -15px 0 0 0;
	}

	/* Mobile improvements for Message Centre */
	#inbox-container .col-md-12 > .col-md-5 {
		border-bottom: 1px solid #dddddd;
		border-top: 1px solid #dddddd;
	}

	#inbox-container .col-md-12 > .col-md-7 {
		border-top: none;
		margin: 20px 0;
	}

	#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-body,
	#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-footer {
		padding: 10px 10px 0 10px;
	}

	#inbox-container .col-md-12 > .col-md-7 > #message-details > .panel > .panel-footer > ul > li {
		display: block;
		width: 100%;
	}

	.messages-centre > .col-md-10 > #inbox-container .col-md-12 > .col-md-5 > .table-container {
		max-height: 400px;
	}

	.messages-centre > .col-md-10 > #inbox-container .col-md-12 > .col-md-7 > #message-details {
		max-height: none;
	}

	.messages-centre > .col-md-10 > #inbox-container h2 {
		font-size: 17px;
	}

	.messages-centre > .col-md-10 > #inbox-container .col-md-12 > .col-md-5 > .table-container > .table-hover > tbody > tr > td:first-child {
		padding: 10px 0 0 10px;
		text-align: left;
	}
}