/* Layout Override for myBNS */

body{
	padding:0;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	color:#666666;
	font-size:13px;
	margin-top:70px;
	margin-bottom:80px;
	background-image:url("/public/img/background.jpg");
}

h1 {color: #454545; font-size: 25px; font-weight: normal; padding-top:3px; text-align:left; margin-bottom:30px}
h2 {color: #454545; font-size: 20px; font-weight: normal; padding: 0px; line-height:1pt; margin:20px 0;line-height:20px}
h3 {color: #f58454; font-size: 15px; font-weight: normal; padding-bottom: 0px; line-height:1pt; margin:20px 0}
h4 {color: #5EB2E1;}
h5 {color: #5EB2E1; font-size: 15px; font-weight: normal; padding-top:0px; text-align:centre; margin:0px}

body hr{border-top:DarkGrey 1px solid;}
header hr{border-top:#5EB2E1 3px solid;}
footer hr{border-top:#5EB2E1 3px solid;}

#header-top{
	height: 70px;
	background-color: #242121;
	position: fixed;
	top: 0px;
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

#footer-bottom{
	height: 70px;
	background-color: #242121;
	bottom: 0px;
	width: 100%;
	overflow: hidden;
	z-index: 999;
	position: fixed;
}

.head-foot-img-left{
	list-style-type: none;
    margin: 0px;
    padding: 10px;
    overflow: hidden;
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 2%;
}

.head-foot-left{
	list-style-type: none;
    margin: 0px;
    padding: 10px;
    overflow: hidden;
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.head-foot-right{
	list-style-type: none;
    margin: 0px;
    padding: 10px;
    overflow: hidden;
	float: right;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 2%;
	width: 70%;
	text-align: right;
}

.header-footer li{
	list-style-type: none;
    margin: 0;
    padding: 0;
	display: inline-block;
    color: #ffffff;
    text-decoration: none;
	margin-left: 2%;
	text-align: right;
}

.header-footer a{
	color: #f2f2f2;
}

.header-footer a:hover{
	display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 17px;
}

.login-home {
	background-color: #242121 !important;
	margin-top:20vh;
	border-radius:4em;
}

.login-home h1 {
	color: white;
}

.login-home a {
	color: white;
}

.login-right {
	margin-top:20vh;
}

/* .login-home .btn-primary {
	background-color: white;
	color: black;
}
 */
@media (max-width: 1000px) {
	.login-home {
		margin-top: 0;
	}
	.head-foot-right{
		width: 60%;
	}
}
@media (max-width: 600px) {
	#footer-bottom {
		position: relative;
	}
	body {
		margin-bottom:0;
	}
	.login-home {
		margin-top: 0;
	}
	#arma-footer-logo{
		width:30px;
		height:31px;
	}
	.head-foot-right{
		width: 50%;
	}
}

#scroll_to_top_btn{
	display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 100px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 999; /* Make sure it does not overlap */
}

.hover-pointer:hover {cursor: hand; cursor: pointer;}
/*Flag*/
.colourRed{color:#FF0000;}
.colourGrey{color:#CCCCCC;}		
.colourGreen{color:#00bb00;}			


/* Success/Error Messages */
.success{margin-top:20px;padding:.5em;margin-bottom:1.6em;background:#E7F9BE;border:2px solid #C9F36C;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.error{margin-top:20px;padding:.5em;margin-bottom:1.6em;background:#F4E6E6;border:2px solid #F4D0D0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.info{margin-top:20px;padding:.5em;margin-bottom:1.6em;background:#FFFFDB;border:2px solid #EFEFCD;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.error h3,.success h3,.info h3{display:none}
.error p,.success p,.info p{color:#555;padding:.25em;margin:0;font-size:12px}

/* Userlevels */
.userlevel-admin{color:#b71252}
    .comm-admin .communication{padding:5px 5px 5px 15px;border:2px solid #b71252;margin-left:10%;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}

/* Communication */
.communication{margin-top:10px;background:#F5F5F5;border:1px solid #CCC;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0 10px}


/* Autocomplete */
/*#quickie-search{font-size:14px;color:#333;margin-top:60px;padding:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;width:400px;font-size:13px}
    #quickie-search:focus{outline:none}*/
.autocomplete-w1{font-size:15px;position:absolute;top:0px;left:0px;margin:8px 0 0 6px;z-index:99999; /* IE6 fix: */_background:none;_margin:1px 0 0 0}
.autocomplete{border:1px solid #999;border-width:0px 1px 1px;background:#FFF;cursor:default;text-align:left;max-height:350px;max-width:100%;overflow:auto;margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;_margin:0;_overflow-x:hidden}
.autocomplete .selected{background:#F0F0F0}
.autocomplete div{padding:4px 5px;white-space:nowrap;overflow:hidden}

/* Messenger Custom Parts */
#conversation-history-ul{
	max-height:600px;
	overflow-y:auto;
}

.messenger-conversation-me{
	padding:5px 5px 5px 15px;
	border:2px solid #0052cc;
	background-color:#ADD6FF;
	margin-left:10%;
	margin-top:1%;
	width:90%;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	min-height:80px;
}
.messenger-conversation-other{
	padding:5px 5px 5px 15px;
	border:2px solid #2eb82e;
	background-color:#C6FFC6;
	margin-right:10%;
	margin-top:1%;
	width:90%;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
.messenger-sent{
	
}

/* Scheduler (diary) */
.scheduler-month{
	border: 1px solid #f5f5f5;
}
.scheduler-month td{
	width:14%;
}
.scheduler-month div{
	border-top: 1px solid #DCDCCA;
	margin-top: 2px;
	padding-top: 2px;
	height: 70px;
	overflow-y: auto;
	margin-bottom: 0px;
}
.scheduler-month-day{
	min-height: 20%;
	border: 1px solid #f5f5f5;
}
.scheduler-week{
	border: 1px solid #f5f5f5;
}
.scheduler-week td{
	width:14%;
}
.scheduler-week div{
	border-top: 1px solid #DCDCCA;
	margin-top: 2px;
	padding-top: 2px;
	height: 240px;
	overflow-y: auto;
	margin-bottom: 0px;
}
.scheduler-week-day{
	min-height: 20%;
	border: 1px solid #f5f5f5;
}
.appointment-out{
	width: 100%;
}
.appointment-out-header{
	width: 100%;
}
/* Customised built in components */
.carousel-indicators {
  position: absolute;
  bottom: 0px;
  height: 2%;
  top: 1%;
  left: 50%;
  z-index: 15;
  width: 50%;
  padding-left: 0;
  margin-left: -25%;
  text-align: center;
  list-style: none;
}
.carousel-caption {
  position: absolute;
  top: 1%;
  left: 2%;
  z-index: 10;
  color: #ffffff;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.well:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.well {
  background-color: #FFFFFF;
  border: 1px solid #ECECED;
}
.panel {
  background-color: rgba(255,255,255,.5) !important;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-heading {
  background-color: rgba(255,255,255,.5) !important;
  border-bottom: 3px solid #5EB2E1;
}
.panel-default {
  border-color: #ECECED;
}
.panel-danger {
  border-color: #CC3300;
}
.panel-default > .panel-heading {
  color: #333;
  border-color: #5EB2E1;
}
.navbar-default {
  background-color: #ECECED;
  border-color: #ECECED;
}
.wide-modal {
    width: 50%;
}
.modal-xl {
	width: 75%;
}

.list-group-item {
  border: 0px solid #FFFFFF;
  border-bottom: 3px solid #D51178;
}
.list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.nav-tabs {
  border-bottom: 1px solid #BCCf4C;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 1px solid #BCCf4C;
  border-bottom-color: transparent;
}



.modal-body{
	max-height: 80vh;
	overflow: auto;
}

.not-active {
   pointer-events: none;
   cursor: default;
}

/* Conversation layout items */
.conversation-div{
	overflow-y: scroll; height:30vh;
} 
#conversation_div{
	overflow-y: scroll; 
	height:30vh;
} 

/* Mega Menu Components */
.mega-dropdown {
  position: static !important;
  width: 100%;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}



.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}