body {
	color: #000;
	overflow-x: hidden;
	height: 50%;
	
	background-repeat: no-repeat
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]:not(#codeBox1):not(#codeBox2):not(#codeBox3):not(#codeBox4){
	text-align:right;
}

input:read-only {
  background-color: #E0E0E0;
}

.card0 {
	box-shadow: 0px 4px 8px 0px #757575;
	border-radius: 0px
}

.card1{
	margin: 50px 0px 0px 0px;
}

.card2{
	margin: 0px 40px
}

.card3{
	margin: 0px 60px;
	height: 100% !important;
}

.image {
	width: 360px;
	height: 280px;
}

.border-line {
	border-right: 1px solid #EEEEEE
}

.line {
	height: 1px;
	width: 100%;
	background-color: #E0E0E0;
	margin-top: 10px
}

.text-sm {
	font-size: 14px !important
}

::placeholder {
	color: #BDBDBD;
	opacity: 1;
	font-weight: 300
}

:-ms-input-placeholder {
	color: #BDBDBD;
	font-weight: 300
}

::-ms-input-placeholder {
	color: #BDBDBD;
	font-weight: 300
}

.uppercase{
	text-transform:uppercase
}

#loginForm input, #loginForm textarea, #loginForm select {
	padding: 10px 12px 10px 12px;
	border: 1px solid lightgrey;
	border-radius: 2px;
	margin-bottom: 5px;
	margin-top: 2px;
	width: 100%;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 14px;
	letter-spacing: 1px
}

#movablePropertyReturn input, #movablePropertyReturn select,
#immovablePropertyReturn input, #immovablePropertyReturn select,
#registerForm input, #registerForm select {
	padding: 8px 12px 10px 12px;
	border: 1px solid lightgrey;
	border-radius: 2px;
	margin-bottom: 5px;
	margin-top: 2px;
	width: 100%;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 12px;
	letter-spacing: 1px
}

#immovablePropertyStat input, #immovablePropertyStat select,
#movablePropertyExp input, #movablePropertyExp select,
#movablePropertyStat input, #movablePropertyStat select {
	padding: 5px 2px 2px 5px;
	border: 1px solid lightgrey;
	border-radius: 2px;
	margin-bottom: 5px;
	margin-top: 2px;
	width: 100%;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 12px;
	letter-spacing: 1px
}

input:focus, textarea:focus {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #304FFE;
	outline-width: 0
}

button:focus {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline-width: 0
}

a {
	color: inherit;
	cursor: pointer
}

.btn-blue {
	background-color: #1A237E;
	width: 150px;
	color: #fff;
	border-radius: 2px
}

.btn-blue:hover {
	background-color: #000;
	cursor: pointer
}

.bg-blue {
	color: #fff;
	background-color: #337ab7;
}


ul.list-group:after {
  clear: both;
  display: block;
  content: "";
}

.list-group-item {
    float: left;
    border: 0 !important;
    margin: 0px;
    padding: 10px 0px;
    width: 25%;
}

.immovableGroup{
	width: 33% !important;
}

.list-group-item a {
  display: block;
  padding: 5px;
  border: 1px solid;
}



.nav-link, .dropdown-item{
	color: #FFFFFF !important;
	background-color: #2a75bb !important;
}

.btn-default{
	outline: none !important;
}
.btn-arrow-right{
   position: relative;
   padding-left: 18px;
   padding-right: 18px;
   padding-left: 36px;
}



.btn-arrow-right:before,
.btn-arrow-right:after {
   /* make two squares (before and after), looking similar to the button */
   
   content: "";
   position: absolute;
   top: 5px;
   /* move it down because of rounded corners */
   
   width: 22px;
   /* same as height */
   
   height: 22px;
   /* button_outer_height / sqrt(2) */
   
   background: inherit;
   /* use parent background */
   
   border: inherit;
   /* use parent border */
   
   border-left-color: transparent;
   /* hide left border */
   
   border-bottom-color: transparent;
   /* hide bottom border */
   
   border-radius: 0px 4px 0px 0px;
   /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
   
   -webkit-border-radius: 0px 4px 0px 0px;
   -moz-border-radius: 0px 4px 0px 0px;
   transform: rotate(45deg);
   /* rotate right arrow squares 45 deg to point right */
   
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}

.btn-arrow-right:before {
   /* align the "before" square to the left */
   
   left: -11px;
    background-color: white;
}

.btn-arrow-right:after {
   /* align the "after" square to the right */
   
   right: -11px;
   /* bring arrow pointers to front */
   
   z-index: 1;
}

.w-18{
	width: 18%;
}
.w-90{
	width: 90%;
}
.w-5{
	width: 5%;
}

table{
	 table-layout:fixed;
}

.sub_dept {
	font-size: 100%;
	font-weight:bold;
	color: #337ab7;
}

.error {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.msg {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.btn-icon{
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 4px; /* Some padding */
  font-size: 13px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
  border-radius: 10px;
	
}

.edit {
  background-color: Orange; /* Blue background */
}


/* Darker background on mouse-over */
.edit:hover {
  background-color: DarkOrange;
}


.addNew {
  background-color: DodgerBlue; /* Blue background */
}


/* Darker background on mouse-over */
.addNew:hover {
  background-color: RoyalBlue;
}


.trash {
  background-color: Red; /* Blue background */
}

/* Darker background on mouse-over */
.trash:hover {
  background-color: DarkRed;
}

th{
	font-size: 12px !important;
}

.imgDiv{ 
	width:400px;
    height:300px;    
} 

.digit-group {
	input {
		width: 30px;
		height: 50px;
		background-color: lighten($BaseBG, 5%);
		border: none;
		line-height: 50px;
		text-align: center;
		font-size: 24px;
		font-family: 'Raleway', sans-serif;
		font-weight: 200;
		color: white;
		margin: 0 2px;
	}

	.splitter {
		padding: 0 5px;
		color: white;
		font-size: 24px;
	}
}

.prompt {
	margin-bottom: 20px;
	font-size: 20px;
	color: white;
}

@media screen and (max-width: 991px) {
	.logo {
		margin-left: 0px
	}
	.image {
		width: 300px;
		height: 220px
	}
	.border-line {
		border-right: none
	}
	.card2 {
		border-top: 1px solid #EEEEEE !important;
		margin: 0px 15px
	}
	.list-group-item {
		width: 100% !important;
	}
}
.bar {
	background: url(../images/bar.jpg);
	height: 28px;
	line-height: 28px;
}

.header .whitebig {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
.whitebig {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.glossymenu {
	background: url(../images/glossyback.gif) repeat-x bottom left;
	font: bold 14px tahoma;
	color: white;
	display: block;
	text-decoration: none;
	height: 10px;
	padding: 10px;
}
.tabmenu div {
	display: block;
	float: left;
	width: auto;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
	height: 16px;
}

.tabmenu a {
	display: block;
	float: left;
	width: auto;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
	height: 16px;
}

.tabmenu a:hover {
	background: url(../images/glossyback2.gif) repeat-x;
}

.tabmenu span a {
	display: block;
	float: right;
	width: auto;
	padding: 6px 20px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
	height: 16px;
	cursor: pointer;
}

.tabmenu span a:hover {
	background: url(../images/glossyback2.gif) repeat-x;
}