﻿body {
	background: #f4f7fa;
	background-color: #f4f7fa;
	/*background:red;*/
}

.developmentname {
	display: none;
}
/*
a:link
{
	color: black;
	text-decoration: none;
}
*/

/******************Header Navigation ****************/

/*.sidebar-menu.collapsed .logo-env
{
	padding:18px 0px 0px 0px;
}*/

.sidebar-menu {
	background: #000000;
}

/* development specific coloures */

.dev2 .sidebar-menu, .dev2 #addnewtj, .dev2 .btn.btn-gold, .dev2 .btn.btn-black, .dev2 #loginpanel,
.dev2 #ctl00_contentPL_tabledata .panel.show div.buttons a, .dev2 #newappointmentbtt, .dev2 #lhicons a {
	background: #A87B4A;
}

.dev3 .sidebar-menu, .dev3 #addnewtj, .dev3 .btn.btn-gold, .dev3 .btn.btn-black, .dev3 #loginpanel,
.dev3 #ctl00_contentPL_tabledata .panel.show div.buttons a, .dev3 #newappointmentbtt, .dev3 #lhicons a {
	background: rgba(195, 176, 133, 1.0);
}


/* end of develoment colours */

.logo a {
	display: block;
	width: 90%;
	margin: 0px auto;
}

.logo a img {
	width: 100%;
}

.sidebar-user-info {
	display: none;
}

#main-menu {
	margin-top: 0px 0px 20px 0px;
}

#main-menu a.nonclicknav, #main-menu a.nonclicknav svg {
	color: gray;
}

.sidebar-menu-inner /* > header, .sidebar-menu-inner > ul*/ {
	position: absolute !important;
	top: 0px;
}

.sidebar-menu.collapsed .logo-env {
	padding: 18px 0px 10px 0px;
}

#almaversion {
	font-size: 1px;
	color: black;
	width: 100%;
	text-align: center;
	display: block;
	padding-top: 8px;
	-moz-transition: font-size 0.5s, color 0.5s;
	-webkit-transition: font-size 0.5s, color 0.5s;
	-o-transition: font-size 0.5s, color 0.5s;
	-ms-transition: font-size 0.5s, color 0.5s;
	transition: font-size 0.5s, color 0.5s;
}

.sidebar-menu-inner:hover #almaversion {
	font-size: 15px;
	color: white;
}


/************************************************/

#body .panel {
	padding: 0px;
	/*background:#fff;*/
}

#body .panel-heading, .panel-heading {
	/*background:#e2e8ef;
	border-bottom:1px solid #d5dde0;
	padding:15px 5%;
	font-weight:lighter;
	color:#333e50;*/
	width: 100%;
	font-size: 26px;
	text-align: center;
	margin-top: 60px;
	text-transform: uppercase;
	display: block;
	padding-top: 15px;
}

#ctl00_contentPL_tabledata .panel-heading {
	background: #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
}

#body .panel .row {
	margin: 0px;
}

.sidebar-menu .main-menu li.logout-link a > i,
.sidebar-menu .main-menu li.moredatabase-link a > i {
	display: block;
	font-size: 19px;
}

.sidebar-menu.collapsed .main-menu > li > ul {
	background: #000000;
	margin-top: 1px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#navgototop {
	color: white;
	font-size: 20px;
	position: fixed;
	bottom: 10px;
	left: 10px;
	display: none;
}

.main-menu > li {
	background: none;
	-moz-transition: background 0.5s;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	-ms-transition: background 0.5s;
	transition: background 0.5s;
}

.main-menu > li:hover {
	background: #6e6e6e;
}

/**** footer ************/





/******** notifications ********/

#notifilink {
	display: none;
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 8888;
	width: 40px;
}

#notifilink img {
	width: 100%;
}

#notiremibuble {
	opacity: 0;
	filter: alpha(opacity=0);
	/*display:none;*/
	position: fixed;
	top: 0px;
	right: 0px;
	width: 270px;
	border-bottom-left-radius: 10px;
	z-index: 99999;
	background: black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
	max-height: 99vh;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 1.0em;
	margin-right: -272px;
	padding-bottom: 20px;
}

#notiremibuble > a {
	width: 90%;
	text-align: right;
	margin-top: 5%;
	display: block;
	font-size: 1.8em;
	color: white;
}

#notiremibuble #notifications #acordeon1, #notiremibuble #notifications {
	width: 100%;
	font-size: 1.0em;
}

#acordeon1 > div {
	width: 94%;
	margin: 3%;
	min-width: 200px;
}

#acordeon1 > h1 a, #acordeon1 > h1, .titleacordeon {
	font-size: 22px;
	width: 100%;
	text-align: center;
	color: white !important;
	display: block;
	text-decoration: none !important;
}

.titleacordeon:hover {
	color: white;
}

.contentacordeon {
	height: 0px;
	overflow-y: auto;
	overflow-x: hidden;
	width: calc(100% + 20px);
}

.contentacordeoninside > span {
	color: white;
}

#acordeon2 > div > span {
	margin-left: 10px;
}

.contentacordeoninside {
	height: auto;
	padding: 10px 0px;
}

.notifi.buyer {
	background: rgba(1,0,138,0.4);
	border: 2px solid darkblue;
}

.notifi.agent {
	background: rgba(173,217,230,0.4);
	border: 2px solid lightblue;
}

.notifi.executive {
	background: rgba(0,128,1,0.4);
	border: 2px solid green;
}

.notifi.sitevi {
	background: rgba(255,255,0,0.4);
	border: 2px solid yellow;
}

.notifi.eventvi {
	background: rgba(255,192,203,0.4);
	border: 2px solid pink;
}

.notifi.meeting {
	background: rgba(254,165,0,0.5);
	border: 2px solid orange;
}

.notifi.works {
	background: rgba(255,0,0,0.4);
	border: 2px solid red;
}

.notifi.suppliers {
	background: rgba(129,0,127,0.4);
	border: 2px solid purple;
}


.notifi h1 {
	font-size: 15px;
	width: 100%;
	text-align: center;
	color: white;
}

.notifi h2 {
	font-size: 15px;
	width: 100%;
	text-align: center;
	color: white;
}

.notifi {
	border-bottom: 1px solid white;
}

#notificationscontent > span {
	color: white;
	font-size: 18px;
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 20px;
}

/****** reminders ******/

.reminder {
	width: 94%;
	margin: 3%;
	min-width: 200px;
	background: white;
	color: black;
	padding: 3%;
	max-width: 255px;
}

.removeremi {
	width: 100%;
	display: block;
	text-align: right;
}


.shortremi, .longremi {
	font-size: 1.0em;
}

.pluslink, .lesslink {
	width: 100%;
	display: block;
	text-align: right;
	font-size: 1.3em;
}

.pluslink:hover, .lesslink:hover {
	text-decoration: none;
}

.longremi, .lesslink {
	display: none;
}

.reminder > span {
	width: 100%;
	display: block;
	text-align: right;
	font-size: 0.8em;
	color: gray;
}

.remindercontent {
	overflow: hidden;
	height: auto;
}

#notiremitabs {
	width: 90%;
	margin: 10px auto;
}

#notiremitabs > h1 {
	width: 50%;
	float: left;
}

#notiremitabs > h1 a {
	font-size: 18px !important;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid white;
	width: 100%;
	display: block;
	padding: 5px 0px;
	background: #333333;
}

#notiremitabs > h1 a.selected {
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid black;
	background: none;
}

.newreminderlink {
	display: block;
	width: 90%;
	text-align: right;
	color: white;
	margin-top: -3px;
}

.newreminderlink:hover {
	text-decoration: underline;
	color: white;
}

/* development nav */
#developmentmenu {
	float: right;
	margin: 20px;
	list-style: none;
	margin-top: -15px;
	font-size: 1.0em;
}

#developmentmenu li {
	float: left;
	display: table;
	margin: 0px 1px;
}






#developmentmenu li a {
	margin: 0px;
	display: block;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/*border:2px solid black;*/
	border-top: 0px;
	background: white;
	-moz-transition: padding 0.3s;
	-webkit-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	-ms-transition: padding 0.3s;
	transition: padding 0.3s;
}

#developmentmenu li.selected a /*, #developmentmenu li.selected:hover a*/ {
	padding: 12px;
	border: 1px solid #6e6e6e;
	border-top: 0px;
}

#developmentmenu li:hover a {
	padding: 8px 12px;
}

#developmentmenu li a img {
	max-width: 120px;
}

#developmentmenu li.selected a img {
	max-width: 120px;
}

#secondnavigation {
	display: none;
}

#secondnavigation2 {
	display: none;
}

/* POPUP*/

.popup, #popupwrapper, #concessions, #contact, #viewapplicantbtn {
	display: none;
}

#popupwrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.8;
	background-color: #000000;
}

.popup {
	position: fixed;
	top: 15vh;
	padding: 20px;
	background-color: #fff;
	text-align: left;
	background: #f4f7fa;
}

.hidebutton {
	position: absolute;
	width: 90%;
	text-align: right;
	margin: -20px 0 0 5%;
}

/* ck editor */

.ck-editor__editable {
	height: 200px;
}

.ck-editor__editable h1, .ck-editor__editable h2, .ck-editor__editable h3, .ck-editor__editable p, .ck-editor__editable ul, .ck-editor__editable ol, .ck-editor__editable table {
	margin-bottom: 10px;
}

.ck-editor__editable h1 {
	font-size: 20px;
}

.ck-editor__editable h2 {
	font-size: 16px;
}

.ck-editor__editable ul, .ck-editor__editable ol {
	margin-left: 20px;
}

.ck-editor__editable ul {
	list-style-type: disc;
}

.ck-editor__editable ol {
	list-style-type: decimal;
}

.ck-editor__editable ul li, .ck-editor__editable ol li {
	margin-bottom: 10px;
}

.ck-content .image > figcaption {
	display: none;
}

/* tabs/grids/panels */

.col-sm-9 .panel.show {
	display: block !important;
	background: white;
	border: 1px solid #d5dde0;
	border-radius: 5px;
}

.col-sm-9 .panel.show.left {
	float: left;
	width: 44%;
	margin-left: 4%;
}

.col-sm-9 .panel.show.right {
	float: left;
	width: 44%;
	margin-left: 4%;
}

.addmode .col-sm-9 .panel.show.left, .addmode .col-sm-9 .panel.show.right {
	float: none;
	width: 90%;
	margin: 0 5% 30px 5%;
}

.col-sm-9 .panel.show.left.clear {
	clear: left;
}

.col-sm-9 .panel.show.right.clear {
	clear: right;
}

.col-sm-9 .panel.show .formdata > span {
	height: 50px;
}

.col-sm-9 .panel.show .formdata > span.textarea {
	display: table;
	height: auto;
}

.col-sm-9 .panel.show.fullcol .formdata > span.textarea {
	width: 95%;
	margin: 0px 2.5%;
}

.col-sm-9 .panel.show.col5.fullcol .formdata > span.textarea {
	margin: 20px 2% 0 2%;
}

.col-sm-9 .panel.show.col5.fullcol .formdata > span.checkbox {
	height: 20px;
	margin-top: 45px;
}

.col-sm-9 .panel.show .formdata > span.html {
	display: table;
	clear: both;
	width: 90% !important;
	height: 300px;
}

.col-sm-9 .panel.show.col2 .formdata > span, .imagecontainer {
	width: 40%;
	margin: 20px 5% 0 5%;
}

.col-sm-9 .panel.show .buttons {
	clear: both;
	display: table;
	width: 100%;
	float: left;
	margin-top: 15px;
	padding-left: 15px;
	min-height: 24px;
	text-align: right;
}

.checkbox label.col-sm-3 {
	float: right;
	width: 80%;
}

.checkbox input {
	float: left;
}

.col-sm-9 .panel.show.col3 .formdata > span {
	width: calc(28% - 1px);
	margin: 20px 2.5% 0 2.5%;
}

.col2 .buttons .btn {
	margin-right: 25px;
}

.col-sm-9 .panel.show.col5 .formdata > span {
	width: 16%;
	margin: 20px 2% 0 2%;
}

label.col-sm-3 {
	font-size: 10px;
}

.col-sm-9 .panel.show.nonedit {
	background: #999;
}

.col-sm-9 .panel.show .panel-heading, .popup .panel-heading {
	background: #e2e8ef;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.fullcol {
	clear: both;
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}

.panel.show label {
	font-weight: lighter;
	padding: 0px 15px;
	text-transform: uppercase;
	font-size: 1.1em;
}

.panel.show input {
	border: 1px solid #d5dde0;
	border-radius: 5px;
	background: #f4f7fa;
	font-size: 1.1em;
}

.panel.show select {
	border: 1px solid #d5dde0;
	border-radius: 5px;
	font-size: 1.1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(/gfx/select.png) no-repeat 97% 10px, #f4f7fa !important;
}

.panel.show textarea {
	border: 1px solid #d5dde0;
	border-radius: 5px;
	background: #f4f7fa;
	font-size: 1.1em;
}

.panel.show span.div div {
	font-weight: bold;
}

.btn:hover {
	cursor: pointer;
}

/* Media Queries */

@media only screen and (max-width: 760px) {


	#secondnavigation {
		display: block;
		font-size: 18px;
	}

	#secondnavigation2 {
		font-size: 18px;
	}

	#developmentmenu li {
		float: right;
		display: none;
	}

	#developmentmenu li a img {
		max-width: 150px;
		width: 150px;
		float: right;
		display: block;
	}

	#developmentmenu li.selected a img {
		max-width: 150px;
		width: 150px;
		float: right;
		display: block;
	}

	#developmentmenu li.selected a {
		padding: 15px;
		border: 1px solid #6e6e6e;
		border-top: 1px solid #6e6e6e;
	}

	#developmentmenu li a {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		width: auto;
		height: auto;
		display: block;
		float: left;
	}

	#developmentmenu {
		/*margin-top:20px;*/
	}

	#developmentmenu a {
		height: auto;
		float: right;
		width: 200px;
		text-align: right;
	}

	#secondnavigation2, .mobile-menu-toggle a {
		display: none !important;
	}
}
