/*******************

      CSS stylsheet

********************/

input {
      color:#333;
}

.header-breadcrumbs {
	float:left;
	margin-top:18px;
	margin-left:8px;
	color:white;
	max-width:300px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.header-breadcrumbs.breadcrumbs {
      font-size:13px;
      margin-bottom:17px;
      color: #333;
}

.header-breadcrumbs.breadcrumbs a {
      color: #333;
}

.header-breadcrumbs.breadcrumbs a:hover {
      color:grey;
}

div.form-error {
	background:white;
	border-bottom: 2px solid red;
	width:100%;
	margin-bottom:15px;
}

div.form-error.success {
	border-bottom: 2px solid #69c079;
}

div.form-error.failure {
	border-bottom: 2px solid #D95F6C;
}

div.form-error .error-message {
	padding:10px;
	display:block;
}

div.form-error .error-message i.complete-green {
	color:#69c079;
}

div.form-error .error-message i.failure-red {
	color:#D95F6C;
}

div.form-error .error-message p {
	display:block;
	padding-left:18px;
}

div.form-error .error-message p:first-child {
	display:inline-block;
	padding-left:0;
}

/*******************

      Site Wide

********************/

body {
      font-family: 'Oxygen', sans-serif;;
      margin:0;
      padding:0;
      background:#f1f1f1;
      color:#333;
}

.clearfix {
      clear:both;
}

a {
      color:#0645ad;
      text-decoration:none;
      -webkit-transition: background 0.5s;
      transition: 0.5s;
}

a:hover {
      text-decoration:underline;
}

p {
      margin:0;
}

li {
      list-style-type:none;
}
table {
      border-collapse:collapse;
      text-align:left;
      font-family: 'Oxygen', sans-serif;
      width:100%;
}

thead {
      font-size: 100%;
      vertical-align: baseline;
      margin: 0;
      padding: 0;
      outline: 0;
      border: 0;
      background: 0 0;
}

th {
      font-size: 14px;
      font-weight: lighter;
      color: #6e6e6e;
      border-bottom: 1px solid #6e6e6e;
      padding: 10px 8px;
      text-align:left;
}

tbody {
      font-size: 100%;
      vertical-align: baseline;
      margin: 0;
      padding: 0;
      outline: 0;
      border: 0;
      background: 0 0;
}

td {
      border-bottom:1px solid #ececec;
      font-size:15px;
      color: #333;
      font-weight:normal;
      padding: 6px 8px;
      vertical-align: middle;
}

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

tr {
      cursor:pointer;
      background:none;
}

thead tr {
      cursor:auto;
}

thead tr:hover {
      background:none;
}

tr:nth-child(2n) {
      background:#f1f1f7;
}

tr:hover {
      background:rgba(40, 40, 40,  0.50);
}

tr:hover td {
      color:white;
}

i.fa {
	color: #333;
}

.row-edit-buttons {
	visibility:hidden;
	transition: visibility 0s;
	font-size:14px;
	color: #9e9e9e;
	display:block;
	margin:5px 0 5px 15px;
}

.row-edit-buttons a {
	transition: visibility 0s;
	margin: 0 5px;
	color:white;
}

tr:hover .row-edit-buttons {
	visibility:visible;
}

h3.table-header {
	margin-bottom:0;
}

.label-note {
	font-size:13px;
	font-style:italic;
}

input[type=input].td-input,
input[type=submit].td-input{
	min-width:0;
	width:100%;
}

table tr td i {
	cursor:pointer;
}

.outstanding-notify {
	width:100%;
	background:white;
	color:rgb(217,95,108);
	padding:15px 0;
	cursor:pointer;
	border:2px solid rgba(217,95,108, 1);
	transition:all 0.5s;
}

.outstanding-notify:hover {
	background:rgba(217,95,108, 1);
	color:white;
}

.outstanding-notify:hover p,
.outstanding-notify:hover p i {
	color:white;
}

.outstanding-notify p {
	margin:0 0 0 20px;
	color:rgb(217,95,108);
}

.outstanding-notify p i {
	color:rgb(217,95,108);
}

#outstanding_tasks {
	display:none;
}

i.color-red,
div#outstanding_tasks h2.color-red,
td.bold-color-red {
	color:rgb(217,95,108);
}

td.bold-color-red{
	font-weight:bold;
}

tr.outstanding {
	border:2px solid rgb(217,95,108);
	border-bottom: 2px solid rgb(217,95,108);
	color: rgb(217,95,108);
	font-weight:bold;
}

div.tab-container table tr.outstanding td {
	color: rgb(217,95,108);
	font-weight:bold;
	border-bottom: 2px solid rgb(217,95,108);
}

div.tab-container table tr.outstanding:hover td{
	color: rgb(217,95,108);
	font-weight:bold;
}

/*******************

	Edit Box

********************/

#edit-window {
	position:fixed;
	height:100%;
	width:100%;
	display:none;
	top:0;
	left:0;
	background-color: rgba(255, 255, 255, 0.6);
	z-index:1000;
}	

.form-box {
	position:fixed;
	top:0;
	margin-top: 2%;
	margin-bottom: 2%;
    left: 50%;
    height:90%;
    width:416px;
    margin-left: -208px; /*set to a negative number 1/2 of your width*/
    z-index:1100;
    display:none;
    overflow-y:scroll;
}

/*******************

      Header

********************/

header {
      background:white;
      position:relative;
      height:71px;
      margin:auto;
      z-index:9999999999;
}

.fm-logo {
      height:32px;
      float:left;
      margin-left:5px;
      padding:15px 10px 10px;
}

.login_container {
      float:right;
      color:white;
      font-weight:bold;
}

.login_container ul {
      margin:0;
      padding:0;
}

.login_container ul li span.username {
      font-size:15px;
      font-weight:bold;
      margin-right:6px;
      font-style: normal;
}

.login_container ul li i.user-icon {
      font-size:15px;
}

.login_container ul li#profile-menu-li{
      cursor:pointer;
      background:#a40101 ;
}

.login_container ul li#profile-menu-li:hover {
      background:#08264c;
}

.login_container ul .sub-contain {
      display:block;
      position:relative;
      float:left;
}

.login_container ul .sub-menu {
      display:none;
      position:absolute;
      top:100%;
      border:none;
      min-width:200px;
      right:0;
      font-style:normal;
}

.login_container ul li#profile-menu-li:hover .sub-menu {
      display:block;
}

.login_container ul .sub-menu a {
      display:block;
      font-size:14px;
      color:#333;
      padding:0;
      text-decoration:none;
      text-align:right;
}

.login_container ul .sub-menu a li {
      float:none;
      padding:10px 35px 10px 5px;
      background:#a40101 ;
}

.login_container ul .sub-menu a:hover li,
.login_container ul .sub-menu a.selected li {
      background: #08264c;
      text-decoration:none;
      color:white;
}


.login_container ul li i {
      color:white;
}

.login_container li {
      float:left;
      background:rgba(40,40,40,  1);
      color:white;
      padding:5px 10px;
      -webkit-transition: background 0.5s, border 0.5s;
      transition: background 0.5s, border 0.5s;
      padding:26px 35px 26px 20px;
      max-height:19px;
      list-style-type: none;
}

.login_container a {
      color:white;
}

.login_container a:hover {
      text-decoration:none;
}

.login_container a p:hover {
      background:#333;
}

.login_container p span {
      font-weight:bold;
      font-size:16px;
}

header .mobile_header_container {
      margin-top:0;
      display:none;
}

.mobile_login_container {
      color:white;
      padding:3px;
      font-size:12px;
      background:rgba(40,40,40,  1);
}

.mobile_logo_menu_container {
      padding-bottom: 3px;
}
.mobile_login_container p {
      display:inline-block;
      color:white;
      margin:0;
      padding:5px 10px;
}

.mobile_login_container p:first-child {
      float:left;
}

.mobile_login_container p:nth-child(n+2) {
      float:right;
}

.mobile_login_container p:nth-child(3) {
      border-right:1px solid rgba(40,40,40,  0.35);
}

.mobile_login_container a {
      color:white;
}

.mobile_login_container a:hover {
      text-decoration:none;
}

.mobile_login_container a p:hover {
      background:#a40101 ;
}

.mobile_login_container p span {
      font-weight:bold;
}

@media all and (max-width:767px) {
      header .mobile_header_container {
            display:block;
      }
      header .header_container {
            display:none;
      }
}

.mobile-fm-logo {
      max-width:160px;
      display:block;
      float:left;
      max-height:35px;
      margin-left:10px;
      margin-top:4px;
}

.mobile-button {
      display:none;
      padding: 5px 10px;
      background:#a40101;
      color:white;
      float:right;
      margin-right:10px;
      margin-top:5px;
}

.mobile-button:hover {
      background:rgba(40,40,40,  1);
      text-decoration:none;
}

#mobile-nav {
      display:none;
}

@media all and (max-width:767px) {
      .mobile-button {
            display:block;
      }
}

/*******************

      Navigation

********************/

.site_main {
      background:#f1f1f1;
      padding:0;
}

.side-menu .main-nav {
      position:relative;
      display:block;
      background:#ffffff;
      color:white;
      border-top: 1px solid #dedede;
}

@media all and (max-width:767px) {
      .side-menu ul#master-ul {
            white-space:nowrap;
            overflow-x:scroll;
            margin-bottom:10px;
      }
      .side-menu ul#master-ul li {
            display:inline-block;
            float:none;
      }
      .full-container {
            padding-left:0;
      }
      header {
            position:relative;
            height:39px!important;
      }
}

.main-nav ul {
      list-style:none;
      padding-left:0;
      max-width:1250px;
      position:relative;
      width:100%;
      display:flex;
      margin:auto;
}

.main-nav ul#master-ul {
      border-left:none;
      max-width:1250px;
      background:#ffffff;
}

.main-nav ul .menu-item {
      font-size:14px;
      color:white;
      cursor:pointer;
      float:left;
      margin:0;
      /* border-bottom:2px solid white; */
}

.main-nav ul .menu-item a {
      padding:10px 15px 10px 10px;
      display:block;
      text-align:left;
      text-decoration:none;
      cursor:pointer;
      color:#6e6e6e;
      font-weight:bold;
}

.main-nav ul li {
      position:relative;
}

.main-nav ul li.menu-item i {
      color:#6e6e6e;
}

.main-nav ul .menu-item:hover,
.main-nav ul .menu-item.selected {
      border-bottom:2px solid #a40101;
      text-decoration:none;
      color:#a40101;
}

.main-nav ul .menu-item:hover a,
.main-nav ul .menu-item.selected a {
      color:#a40101;
}

.main-nav ul .menu-item:hover i,
.main-nav ul .menu-item.selected i {
      color:#a40101;
}

.main-nav ul li ul.main-nav-sub {
      display:block;
      position:absolute;
      left:-300px;
      top:0;
      width:300px;
      background:#EEEEEE;
      color:#333;
      height:100%;
      z-index:-10;
      transition:left 0.3s;
      -webkit-box-shadow: 1px 0px 15px 0px rgba(0,0,0,0.35);
      -moz-box-shadow: 1px 0px 15px 0px rgba(0,0,0,0.35);
      box-shadow: 1px 0px 15px 0px rgba(0,0,0,0.35);
      overflow:scroll;
}

.main-nav ul li:hover ul.main-nav-sub {
      left:45px;
}

.main-nav ul li ul.main-nav-sub h3 {
      padding:10px 0px;
      width:100%;
      margin:0;
      background:#a40101;
      color:white;
      text-align:center;
}

.main-nav ul li ul.main-nav-sub div.sub-list-items {
      padding:10px 0;
      color:#333;
      width:100%;
      text-align:left;
      font-size:15px;
}

.main-nav ul li ul.main-nav-sub div.sub-list-items li a {
      padding:5px 5px 5px 10px;
      text-align:left;
      text-decoration:none;
      border-bottom:1px solid #dedede;
      color:#6e6e6e;
}

.main-nav ul li ul.main-nav-sub div.sub-list-items li a:hover {
      background:#dedede;
      color:#2C4470;
}

span.italic {
      font-style:italic;
}

#mobile-nav {
      margin-bottom:10px;
      padding:0 10px;
}

#mobile-nav ul {
      list-style:none;
      padding:10px 20px;
      margin:0 auto;
      background:white;
}

#mobile-nav ul .menu-item {
      font-size:14px;
      color:#333;
      text-align:center;
}

#mobile-nav ul li {
      border-bottom:1px solid #dedede;
      padding:5px 0;
}

#mobile-nav ul a.last-item li {
      border-bottom:none;
}

#mobile-nav ul .menu-item li:hover,
#mobile-nav ul .menu-item li.selected,
#mobile-nav ul a.menu-item:hover {
      background: #a40101;
      text-decoration:none;
      color:white;
}

#mobile-nav ul a.selected li {
      background:#a40101;
      color:white;
}

@media all and (max-width:767px) {
      .main-nav {
            display:none;
      }
}

.main-nav ul li:hover ul {
      display:block;
}

.sub-contain {
      display:block;
      position:relative;
      float:left;
}

.sub-menu {
      display:none;
      position:absolute;
      top:100%;
      background:#ffffff;
      min-width:200px;
      border-bottom:1px solid #a40101 ;
      border-left:1px solid #a40101 ;
      border-right:1px solid #a40101 ;
}

.sub-menu a {
      display:block;
      padding:10px 15px;
      font-size:14px;
      background:#ffffff;
      color:#333;
      text-decoration:none;
}

.sub-menu a:hover,
.sub-menu a.selected {
      background: #a40101 ;
      text-decoration:none;
      color:white;
}

/*******************

      Home Layout

********************/

.home_intro {
      font-weight:normal;
      font-size:22px;
      text-align:center;
}

.home_intro span {
      font-weight:bold;
      color: #4a4a4a;
}

.home_sub_intro {
      font-weight:normal;
      font-size: 18px;
      color:#333;
}

.home-container .item_title,
.home-container-mob .item_title {
      font-size:19px;
      margin-bottom:10px;
}

.home-container .item_value,
.home-container-mob .item_value {
      font-size:50px;
      color: #4a4a4a;
      font-family: 'Oxygen', sans-serif;;
}

.home-container .item_value.no-data,
.home-container-mob .item_value.no-data {
      color: #333;
}

.home-container a .item_section:hover .item_value,
.home-container-mob a .item_section:hover .item_value {
      color: white;
}

.home-container a .item_section:hover i.fa,
.home-container-mob a .item_section:hover i.fa {
      color: white;
}

.home-container a .item_section,
.container a .item_section,
.home-container-mob a .item_section {
      color:#333;
}

.latest_services,
.latest_jobs {
      float:left;
}

.latest_services,
.latest_tasks,
.latest_jobs {
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px 1%;
      margin-bottom:20px;
}

.latest_services h2,
.latest_jobs h2,
.latest_tasks h2 {
      padding-left:15px;
      color:#4a4a4a;
      float:left;
}

.latest_services {
      width:40%;
      float:right;
}

.latest_jobs {
      width:53%;
      margin-right:2%;
}

td.image-section {
      max-width:300px;
      width:100px;
}

img.building-image {
      max-width:300px;
      max-height:150px;
      border:1px solid #dedede;
      padding:5px;
}

table img.building-image {
      border:none;
}

@media all and (max-width:767px) {
      .latest_services,
      .latest_jobs {
            float:none;
            width:auto;
            margin-right:0;
      }
}

/*******************

      Calendar
      
********************/

.calendar-day-view {
	height:365px;
}

.calendar-container,
.calendar-container.home,
.day-view-container {
	width:47%;
}

.calendar-container,
.calendar-container.home {
	float:left;
}

.day-view-container {
	float:right;	
}

.day-view-container,
table.calendar {
      background:#ffffff;
      /* border: 1px solid #dedede; */
      box-shadow: 2px 2px 1px #dedede;
      padding:20px;
      margin-bottom:15px;
}

.day-view-container {
      padding:10px 1%;
      min-height:272px;
      max-height:365px;
}

.day-view-container .table-scroll {
	overflow:auto;
	max-height:282px;
	overflow-x:hidden;
}

.day-view-container h1 {
	margin-bottom:0;
}

.day-view-container h2 {
      margin-bottom:0;
}

div.calendar-container {
      box-sizing: border-box;
}

thead.calendar-header {
      overflow: clear;
      position: relative;
}

.calendar-header th {
	border:none;
}

th.cal-title {
      font-size: 18px;
      font-weight: 700;
      margin: 0 0 10px;
      text-align: center;
}

th.cal-forward-button,
th.cal-back-button {
      text-align:center;
      padding:0;
}

th.cal-forward-button a:hover,
th.cal-back-button a:hover {
      background:grey;
      color:white;
      text-decoration:none;
}

th.cal-forward-button a,
th.cal-back-button a {
      padding:10px 8px;
      display:block;
}

th.cal-title {
      padding:0;
}

a.cal-back-button {
      left: 0;
}

a.cal-forward-button {
      right: 0;
}

table.calendar {
      background: #fff;
      border-collapse: collapse;
      color: #222;
      font-family: 'Rubik', sans-serif;
      font-size:20px;
      width: 100%;
      position:relative;
      table-layout:fixed;
}

td.cal-td.cal-td-today {
      background: #bed4e8;
      color:white;
}

td.cal-td,
td.cal-td-head {
      color: #444;
      text-align: center;
      cursor:pointer;
}

td.cal-td:hover {
      color:white;
      background:lightgrey!important;
}

tr:first-child td.cal-td-head {
      font-weight: 700;
      background:#a40101 ;
      color:white;
      line-height:15px;
      font-size:13px;
}

tr:first-child:hover td.cal-td-head {
      color:white;
      line-height:15px;
}

tr.cal-tr:hover {
      background:none;
      
}

tr:first-child td.cal-td:hover {
      background:#333;
      color:white;
}

tr:nth-child(2n):hover td.cal-td {
      background:#f1f1f7;
}

tr.cal-tr:nth-child(2n):hover {
      background:#f1f1f7;
}

td.cal-td:hover {
      color:white!important;
      background:lightgrey;
}

tr.cal-tr:nth-child(2n) td.cal-td:hover {
      color:white!important;
      background:lightgrey;
}

tr:hover td.cal-td {
      color: initial;
}

tr.cal-tr-day-headings {
      cursor:auto;
}

.calendar-body tr:nth-child(2n) {
	background:white;
}

.calendar-body tr:hover,
.calendar-body tr:nth-child(2n):hover {
	background:#f1f1f1;
}

.calendar-body tr:hover td.cal-td.cal-td-today,
.calendar-body tr:nth-child(2n):hover td.cal-td.cal-td-today {
	background: #bed4e8;
	color:white;
}

tr.cal-tr td a:hover {
      text-decoration:none;
      color:white;
}

tr.cal-tr td a:hover {
      background: #a40101 ;
}

.cal-td .rent-circle,
.cal-td .planned-circle,
.cal-td .reactive-circle,
.cal-td .insurance-circle,
.cal-td .health-safety-circle,
.cal-td .lease-circle {
      display:inline-block;
      height:10px;
      width:10px;
      margin:15px auto;
      border-radius:100%;
}

.rent-circle,
.planned-circle,
.reactive-circle,
.insurance-circle,
.health-safety-circle,
.lease-circle {
      display:inline-block;
      height:15px;
      width:15px;
      margin:0px auto;
      border-radius:100%;
}

.rent-circle {
      background-color:#009ddc;
}

.planned-circle{
      background-color:#ffbc60;
}

.reactive-circle {
      background-color:#8e65ab;
}

.health-safety-circle {
      background-color:#00c399;
}

.insurance-circle {
      background-color:#c3008c;
}

.lease-circle {
      background-color:#808080;
}


tr.day-event {
      display:none;
}

tr.day-26 {
      display:table-row;
}

tr.cal-tr td span.cal-td-day {
      font-size:18px;
}

tr.cal-tr td.cal-td {
      height:50px;
      position:relative;
      border:none;
}

tr.cal-tr td {
	border:none;
}

tr.cal-tr td span.cal-content {
      display:block;
      height:25px;
      position:absolute;
      bottom:5px;
      margin-left:auto;
      margin-right:auto;
      left:0;
      right:0;
}

tr.cal-tr td span.cal-content div:nth-child(2) {
      margin-left:4px;
}

tr.cal-tr td span.cal-content div:nth-child(3) {
      margin-left:4px;
}

tr.cal-tr td span.cal-empty-block {
      padding:6px 8px;
      height:40px;
      display:block;
}

tr.cal-tr td.unavailable {
      background:#9a0202!important;
}

tr.cal-tr td.unavailable span.cal-td-day {
      color:#dedede;
}

#selected_date {
      float:left;
}

.day-view-container .asset_button a {
      margin-top:5px;
}

#calendar-legend {
	display:none;
	width:100%;
}

.calendar-legend ul li {
    float:left;
      margin:auto;
      width:calc(100%/4);
      text-align:center;
}

.calendar-legend ul {
	  padding:0;
      margin: 0 0 10px 0;
}

.availability-block {
      display: inline-block;
      height: 18px;
      width: 25px;
      margin: 0 auto 4px;
      background:#9a0202;
}

tr.day-event.incomplete-cal-event {
	color:white;
}

tr.day-event.incomplete-cal-event td:nth-child(3) {
	background:rgba(217,95,108, 1);
	color:white;
}

tr.day-event.completed-cal-event td:nth-child(3) {
	background:rgba(92,182,108, 1);
	color:white;
}

@media all and (max-width:767px) {
      .calendar-legend ul li {
            width:32%;
            margin-bottom:10px;
      }
}

@media all and (max-width:969px) {
      .calendar-container.home,
      .day-view-container.google,
      .calendar-container,
      .day-view-container,
      #calendar-legend {
            float:none;
            width:auto;
      }
      
      .content-area {
      	min-height:900px;
      }
}
    
/*******************

      Page Layout

********************/

.content-area {
      padding: 10px 10px 35px;
      margin:auto;
      margin-top:15px;
}

.content-area h1 {
      margin-top:0;
}

.content-area h2,
.content-area h1 {
      color:#4a4a4a;
      padding-left:15px;
}

.content-area h1 span.asset-type,
.content-area h1 span.priority-type {
      color:#333;
      font-size:0.8em;
}

@media all and (min-width:1200px) {
	.content-area {
		padding:10px 20px 35px;
	}
}

@media all and (max-width:767px) {
      .content-area {
            margin-top:0;
            padding-top:0;
      }
      
      .content-area h2,
      .content-area h1,
      .building-list h1,
      .building-view-list h1,
      div.create-building h1,
      .tenant-main-information h1,
      .room-list h1,
      .room-view-list h1,
      div.create-room h1,
      .task-list h1,
      div.create-task h1,
      .floor-list h1,
      .floor-view-list h1,
      div.create-floor h1, {
            padding-left:0;
            font-size:1.5em;
      }
      .content-area h1 span.asset-type,
      .content-area h1 span.priority-type {
            font-size:0.7em;
      }
      .home-container .item_title {
            font-size:15px;
      }
      .home-container .item_value {
            font-size:28px;
      }
      div.container .item_title {
            font-size: 14px;
      }
      div.container .item_value {
            font-size: 15px;
      }
      table tr td.hide-mobile,
      table tr th.hide-mobile {
            display:none;
      }
}

/*******************

      Building Layout

********************/

.main_page_header h1 {
      float:left;
      padding-left:0;
}

.main_page_header .asset_button a {
      margin-top:5px;
}

.building-list,
.building-view-list,
.create-building,
.tenant-main-information,
.asset-view-list {
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px;
      margin-bottom:10px;
}

.building-list h1,
.building-view-list h1,
.create-building h1,
.tenant-main-information h1 {
      padding-left:15px;
      color:#4a4a4a;
}

.building-view-list h1,
.floor-view-list h1,
.room-view-list h1 {
	float:left;
}

.building-view-list .building-image,
.floor-view-list .building-image,
.room-view-list .building-image,
.asset-view-list .building-image {
	float:left;
}

.building-view-list .building-image img,
.floor-view-list .building-image img,
.room-view-list .building-image img,
.asset-view-list .building-image img,
.general-details .building-image img {
	max-width:600px;
	max-height:300px;
	border:1px solid #dedede;
	padding:5px;
	margin:10px 15px;
}

.building-view-list .property-address {
	float:left;
	margin-left:20px;
}

.building-view-list .property-address h3 {
	margin-top:0;
	margin-bottom:10px;
}

.building-view-list form {
	margin:0;
}

.building-view-list form div.form-items {
	margin-bottom:20px;
}

.property-address {
	padding-left:15px;
	margin-bottom:20px;
}

.building_main_information {
	border: 1px #9e9e9e solid;
	padding:10px;
}

.building_main_information h2 {
	margin:10px 0;
}

.building_main_information .container .item_section {
	background:#a40101 ;
	padding:10px 0;
	color:white;
}

.building_main_information .container .item_section .value {
	font-weight:bold;
}

.supplier-section .value,
.landlord-insurance-section .value,
.fire-safety-section .value,
.property-values-section .value,
.floor-space-section .value,
.contact-details-section .value,
.lease-details-section .value,
.rent-details-section .value,
.service-charge-section .value,
.stepped-rent-section .value,
.supplier-details-section .value {
	font-weight:bold;
	margin-bottom:10px;
}

.choose-supplier-input {
	background:#f1f1f7;
	padding:10px;
	display:none;
}

/*******************

      Tenant Layout

********************/

.contact-details-section .value.address,
.supplier-details-section .value.address {
	margin-bottom:0;
}

.contact-details-section .value.address:first-child,
.supplier-details-section .value.address:first-child {
	margin-top:10px;
}

.contact-details-section .value.address:last-child,
.supplier-details-section .value.address:last-child {
	margin-bottom:10px;
}

.tenant-main-information .building-occupied,
.tenant-main-information .floor-space-occupied {
	float:left;
	margin-right:30px;
	margin-left:15px;
}
.tenant-main-information .value {
	padding:10px;
	background:grey;
	color:white;
}

input[type=submit].batch-pay-button {
      font-size:12px;
      min-width:0;
      margin-top:0;
      margin-left:10px;
}

div.batch-pay-button-container {
      float:left;
}

div.rent-buttons {
      float:left;
}

tr.rent-paid,
tr.invoice-paid {
	background:rgba(44, 71, 112,  0.65);
	color:white;
}

tr.rent-paid td,
tr.rent-overdue td,
tr.invoice-paid td,
tr.invoice-overdue td {
	color:white;
}

tr.rent-overdue,
tr.invoice-overdue {
	background:rgba(220, 0, 0, 0.65);
}

tr.rent-overdue:hover,
tr.rent-paid:hover,
tr.invoice-overdue:hover,
tr.invoice-paid:hover {
      background:rgba(40, 40, 40,  0.65);
}

#rent-details .asset_button a,
#invoice-details .asset_button a {
	margin-top:0;
      margin-left:6px;
      font-size:12px;
}

#rent-details .asset_button:first-child a,
#invoice-details .asset_button:first-child a {
	margin-left:0;
}

.rent-buttons {
	margin-bottom:15px;
}

.asset_button a.rent-overdue-color {
	background:#DC4C4C;
	border:1px solid #DC4C4C;
}

.asset_button a.rent-unpaid-color {
	background:#9e9e9e;
	border:1px solid #9e9e9e;
}

.asset_button a.rent-paid-color {
	background:#00aff6;
	border:1px solid #00aff6;
}

.asset_button a.show-all-color {
	background:#333;
	border:1px solid #333;
}

.rent-buttons .asset_button:hover a div,
.rent-buttons .asset_button:hover a div,
.rent-buttons .asset_button:hover a div,
.rent-buttons .asset_button:hover a div {
	color:#333;
}

.show-hide-button {
	cursor:pointer;
	padding-left:10px;
}

h2.rent-title {
	display:inline-block;
}

/*******************

      General Tabbed Layout
      (Update 03/08/15)
      
********************/

.tab-container {
      position:relative;
}

.tab-container .tab-headings {
    width: 200px;
    float: left;
    margin-right: 15px;
    position: absolute;
    margin-left: 10px;
}

.tab-container .tab-headings ul {
      padding: 0;
      margin: 0;
      border: 1px solid #d5d5d5;
}

.tab-container .tab-headings ul li {
      border-bottom:1px solid #d5d5d5;
      background:#fefefe;
      padding: 10px 15px;
      cursor:pointer;
}

.tab-container .tab-headings ul li:hover, .tab-container .tab-headings ul li.active, .tab-container .general-mob-li.active, .tab-container .general-mob-li:hover {
      background: #a40101 ;
      color: white;
}

.tab-container .tab-headings ul li i, .tab-container .general-mob-li i {
      color:#a40101 ;
}

.tab-container .tab-headings ul li:hover i,
.tab-container .tab-headings ul li.active i,
.tab-container .general-mob-li i.active,
.tab-container .general-mob-li i:hover
{
      color:white;
}

.tab-container .tab-content {
      width: calc(100% - 235px);
      display: block;
      margin-left: 225px;
      margin-right: 10px;
}

.tab-section,
.tab-section-f,
.general-details,
.meter-details,
.security-details,
.insurance-details,
.hs-details,
.providers-details,
.lease-details,
.service-details,
.uploads-details,
.buildings-details,
.tenants-details,
.services-details,
.tasks-details {
      margin-bottom:25px;
      background:white;
      border:1px solid #dedede;
      box-shadow:2px 2px 1px #dedede;
      display:none;
      margin-top:-1px;
      padding:10px;
      padding-bottom: 20px;
}

.general-details .asset_button a {
      margin-top:10px;
}

.tab-section.active,
.tab-section-f.active,
.general-details.active,
.meter-details.active,
.security-details.active,
.insurance-details.active,
.hs-details.active,
.providers-details.active,
.lease-details.active,
.service-details.active,
.uploads-details.active,
.buildings-details.active,
.tenants-details.active,
.services-details.active,
.tasks-details.active {
      display:block;
}

.tab-section h3,
.tab-section-f h3,
.general-details h3,
.meter-details h3,
.security-details h3,
.insurance-details h3,
.hs-details h3,
.providers-details h3,
.lease-details h3,
.service-details h3,
.uploads-details h3,
.buildings-details h3,
.tenants-details h3,
.services-details h3,
.tasks-details h3 {
      padding-bottom: 10px;
      padding-left: 15px;
      font-weight:normal;
      font-size:22px;
      padding-top:10px;
      margin:0;
      float:left;
}

.tab-section h3,
.tab-section-f h3,
.meter-details h3 {
	float:left;
}

.service-details h4 {
      float: left;
      margin-top: 27px;
}
.meter-details h4 {
      margin-bottom:0;
      margin-top:0;
}

.tasks-details h4,
.general-details h4,
.hs-details h4 {
      margin-left:15px;
      margin-bottom:0;
}

.tab-container table {
      width:45%;
      margin-left:2.5%;
      margin-right:2.5%;
      float:left;
}

.tab-container .float-table {
      width:45%;
      margin-left:2.5%;
      margin-right:2.5%;
      float:left;
      margin-bottom:15px;
}

.tab-container .float-table:nth-child(2n+3) {
      clear:both;
}

.tab-container .float-table table {
      width:100%;
      float:none;
      margin:0;
}

.tab-container table.full-width {
      width:100%;
      float:none;
      margin:0;
}

.tab-container table tr {
      background:none;
      cursor:default;
}

.tab-container table tr.almost-due {
      background:rgba(246, 112, 12, 0.6);
      cursor:pointer;
}

.tab-container table tr.overdue {
      background:rgba(246,12,12,0.6);
      cursor:pointer;
}

.tab-container table tr.not-due {
      background:rgba(19, 175, 6, 0.6);
      cursor:pointer;
}

.tab-container table tr.overdue td,
.tab-container table tr.almost-due td,
.tab-container table tr.not-due td {
      color:white;
}

.tab-container table tr.overdue:hover,
.tab-container table tr.almost-due:hover,
.tab-container table tr.not-due:hover {
      background:grey;
}

.tab-container table tr.overdue:hover td,
.tab-container table tr.almost-due:hover td,
.tab-container table tr.not-due:hover td {
      color:white;
}

.tab-container table tr td form {
      margin-bottom:0;
}

.tab-container table tr td i {
      padding:5px;
}

.tab-container table tr td form input[type=submit] {
      min-width:78px;
      max-width:78px;
      width:78px;
      padding:5px;
}

.tab-container table tr td {
      border-bottom:1px solid #ececec;
      font-size:15px;
}

.tab-container table tr td.td-head {
      font-weight:lighter;
}

.tab-container table tr td.td-value {
      font-weight:normal;
      color:#333;
      word-break: break-all;
}

.tab-container table tr td.td-value form {
      margin:0;
      min-width: 1px;
      width: 1px;
}

.tab-container table tr td.td-value form input {
      margin:0;
      min-width: 150px;
      width: 150px;
      font-family: 'Oxygen', sans-serif;
}

.tab-container table tr:hover td.td-value,
.tab-container table tr:hover td {
      color:#333;
}

.tab-container table tr.row-link:hover {
      background:rgba(40, 40, 40,  0.65);
      cursor:pointer!important;
}

.tab-container table tr.row-link:hover td {
      color:white;
      cursor:pointer;
}

.building-list h1,
.day-view-container h2 {
      float:left;
}

div.asset_button.h1_button a {
      margin-top:5px;
}

.audit-images img {
	max-width: 200px;
	float: left;
	padding: 5px;
	border: 1px solid #ececec;
	margin:0 10px;
}

tr.input-tr td input {
      width:130px;
      min-width:130px;
}

tr.input-tr td input[type=date] {
      width:180px;
      min-width:180px;
}

.rent-view-list tr.input-tr td {
      border-bottom:none;
}

.docs-to-upload {
      padding:10px;
      background-color: rgba(0,157,220, 0.15);
      color:#6e6e6e;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
}

.document-list {
      padding-left:20px;
      margin: 1em 0;
}

.edit-icon-mob {
      display:none;
}

td.image-section {
      max-width:300px;
      width:100px;
}

td.image-section .smaller-image {
      max-width:300px;
      width:40px;
}

img.building-image {
      max-width:300px;
      max-height:150px;
      border:1px solid #dedede;
      padding:5px;
}

.smaller-image img.building-image {
      max-width:100px;
      max-height:50px;
}

.image-cell,
.image-header {
     text-align:center;
}

@media all and (max-width:767px) {
      .tab-container .tab-headings ul li {
            border-left:1px solid #dedede;
            float:none;
            width:100%;
            box-sizing:border-box;
      }

      tr.input-tr td input {
      width:100%;
      min-width:100%;
      }

      .tab-container table {
            float:none;
            width:100%;
            box-sizing:border-box;
            margin-left:0;
            margin-right:0;
      }
      
      .edit-icon {
            display:none;
      }

      .edit-icon-mob {
            display:block;
      }

      .building-view-list .property-address {
            float:none;
            margin-left:0;
            clear:both;
      }

      .building-view-list .building-image,
      .floor-view-list .building-image,
      .room-view-list .building-image,
      .asset-view-list .building-image {
            float:none;
      }

      .building-view-list .building-image img,
      .floor-view-list .building-image img,
      .room-view-list .building-image img,
      .asset-view-list .building-image img {
            max-width:100%;
            margin:auto:
            position:relative;
            box-sizing:border-box;
            margin: 10px auto;
            display:block;
      }

      img.building-image {
            max-width:75px;
            max-height:35px;
            padding:2px;
      }

      img.client-image {
            max-width:75px;
            max-height:35px;
      }
}

/*******************

	Client Layout

********************/

div.layout-select {
	text-align:right;
	padding-right:10px;
	float:right;
	margin:auto;
	font-size:27px;
}

.grid-container {
	margin-top:20px;
	width:95%;
	margin:auto;
}

.client-block {
	width:33%;
	text-align:center;
	float:left;
}

.client-block:nth-child(2n) {
	background:#eeeeee;
}

.client-block .image-section {
	height:200px;
}

.client-block a{
	text-decoration:none;
}

.client-block .image-section div {
	display:table;
	opacity:0;
	font-family: 'Oswald', sans-serif;
	height:0px;
	width:100%;
	padding-right:1px;
	text-align:center;
}

.client-block .image-section div span {
	background:rgba(255,255,255, 0.85);
	font-size:25px;
	color:black;
	text-decoration:none;
	display:table-cell;
	vertical-align:middle;
	margin:auto auto;
}

.client-block .image-section img {
	display: inline-block;
    vertical-align: middle;
    border:none;
}

.client-block:nth-child(3n+1) {
	clear:both;
}

/*******************

      Rent Layout
      
********************/

.tenant-details,
.rent-details {
      width:45%;
      float:left;
      margin-bottom:25px;
}

.tenant-details {
      margin-right: 3%;
      margin-left: 2%;
}

.rent-details {
      margin-right: 2%;
      margin-left: 3%;
}

.tenant-details h3,
.rent-details h3 {
      margin-bottom: 10px;
      font-weight:normal;
      font-size:22px;
      margin-top:10px;

}

.rent-view-list {
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px;
      margin-bottom:10px;
}

.rent-view-list h1 {
      padding-left:15px;
      margin-bottom:5px;
      color:#4a4a4a;
}

.rent-view-list h2 {
      color:#4a4a4a;
      font-weight:lighter;
      font-size:22px;
      margin-top:0;
      margin-bottom:20px;
      font-family: 'Oxygen', sans-serif;
}

.rent-view-list h2 span.item-value {
      font-weight:bold;
}

.rent-view-list h2 span.item-separator {
      color: #9e9e9e;
}

.rent-view-list .rent-buttons {
      padding-left:15px;
      margin-bottom:0;
}

.rent-buttons .asset_button.edit_button a, .rent-buttons .asset_button.delete_button a, .rent-buttons .asset_button.edit_button p {
      margin-bottom:10px;
}

.rent-view-list table tr {
      background:none;
      cursor:default;
}

.rent-view-list table tr td {
      border-bottom:1px solid #ececec;
      font-size:15px;
}

.rent-view-list table tr td.td-head {
      font-weight:lighter;
}

.rent-view-list table tr td.td-value {
      font-weight:normal;
      color:#333;
}

.rent-view-list table tr td.td-value form {
      margin:0;
      min-width: 1px;
      width: 1px;
}

.rent-view-list table tr td.td-value form input {
      margin:0;
      min-width: 150px;
      width: 150px;
      font-family: 'Oxygen', sans-serif;
}

.rent-view-list table tr:hover {
      background:none;
}

.rent-view-list table tr:hover td {
      color:#7c7c7c;
}

.rent-view-list table tr:hover td.td-value {
      color:#333;
}

.rent-view-list table tr.row-link:hover {
      background:rgba(40, 40, 40,  0.65);
      cursor:pointer!important;
}

.rent-view-list table tr.row-link:hover td {
      color:white;
      cursor:pointer;
}

.invoice {
      position: absolute;
      width: 80%;
      top: 0;
      left: 0;
      padding: 100px 10%;
      right: 0;
      bottom: 0;
      background:rgba(255, 255, 255, 0.75);
      opacity:0;
      z-index:-1000;
      -webkit-transition: opacity 0.5s; /* Safari */
      transition: opacity 0.5s;
}

.invoice .invoice-view {
      width:100%;
      height:100%;
}

.invoice-container .asset_button.send_button {
      float:right;
}

.invoice-container .asset_button.back_button {
      float:left;
}

.invoice-container .asset_button.back_button:hover {
      cursor:pointer;
}

.invoice-container .asset_button.edit_button.back_button a,
.invoice-container .asset_button.edit_button.send_button a {
      margin-right:0;
}

.rent-buttons .asset_button.edit_button.mobile_button {
      display:none;
}

.rent-buttons .asset_button.edit_button.desktop_button {
      cursor:pointer;
}

@media all and (max-width:767px) {
      .rent-details,
      .tenant-details {
            width:100%;
            float:none;
            margin-left:0;
            margin-right:0;
      }

      .rent-view-list h1 {
            font-size:22px;
      }

      .rent-view-list h2 {
            font-size:13px;
            margin-bottom:16px;
      }

      .rent-view-list .asset_button {
            width:100%;
            float:none;
            margin:0;
            text-align:center;
      }

      .rent-view-list .rent-buttons {
            margin-bottom:20px;
      }

      .rent-view-list .rent-details table tr td.td-value form input {
            min-width: 100px;
            width:100px;
      }

      .rent-buttons .asset_button.edit_button.desktop_button {
            display:none;
      }

      .rent-buttons .asset_button.edit_button.mobile_button {
            display:block;
      }

      .invoice {
            opacity:0;
      }

      .rent-view-list h1,
      .rent-view-list h2 {
            padding-left: 0;
      }
}

/*******************

      Service Charge

********************/

.checkbox-option {
	padding:10px;
}

.checkbox-option .charge-percentage {
	margin-left:15px;
	font-size:15px;
}

.checkbox-option .charge-percentage input {
	width:60px;
	min-width:60px;
	max-width:60px;
	padding:3px;
}

/*******************

      Floor Layout

********************/

.floor-list,
.floor-view-list,
.create-floor {
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px;
}

.floor-list h1,
.floor-view-list h1,
.create-floor h1 {
      padding-left:15px;
      color:#4a4a4a;
}

.floor_type_container {
      margin-top:20px;
}

.container.floor_type_container .item_title {
      margin-top:10px;
}


/*******************

      Room Layout

********************/

.room-list,
.room-view-list,
.create-room {
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px;
}

.room-list h1,
.room-view-list h1,
.create-room h1 {
      padding-left:15px;
      color:#4a4a4a;
}

.room_type_container {
      margin-top:20px;
}

.container.room_type_container .item_title {
      margin-top:10px;
}


/*******************
  
      Tasks Layout

********************/

.task-list,
.create-task {
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px;
}

.task-list h1,
.create-task h1 {
      padding-left:15px;
      color:#2f936
}

.task-list h3 { 
      float:left;
}

.task-list div.asset_button.h3_button {
      margin-top:9px;
}

div.asset_button {
      cursor:pointer;
}

div.asset_button i {
      color:white;
      transistion:all 0.5s;
}

div.asset_button:hover i {
      color:#a40101 ;;
}

.content-area h1.task_page {
      margin-bottom:10px;
}

.creation_date {
      margin-left:15px;
      margin-bottom:20px;
}

.complete-task,
.incomplete-task {
      color:white;
      padding:10px;
      display:block;
      float:left;
      margin-right:15px;
}

.complete-task {
      background:#0059a9;
      border: 1px solid #0059a9;
}

.incomplete-task {
      background:#2f9367;
      border: 1px solid #2f9367;
}

.task_completion {
      margin-bottom:20px;
      margin-left:15px;
}

@media all and (max-width:767px) {
      .task_completion {
            margin-left:0;
      }
      .creation_date {
            margin-left:0;
      }
}

.container div.item_block.full-width .item_section,
.container div.item_block.info-full-width .item_section {
      text-align:left;
      padding-left:20px;
}

div.container div.item_block.full-width {
      width:65%;
      text-align:left;
      margin-right:0;
}

div.container div.item_block.asset-full-width {
      width:100%;
      margin-left:0;
      float:none;
      text-align:left;
      margin-right:0;
}

div.container div.item_block.info-full-width {
      width:100%;
      margin-left:0;
      float:none;
      text-align:left;
      margin-right:0;
}

@media all and (max-width:767px) {
      div.container div.item_block.full-width {
            width:100%;
      }
}

.completed_task {
      display:none;
}

tr.overdue {
      background:rgba(246,12,12,0.6);
}

tr.almost-due {
      background:rgba(246, 112, 12, 0.6);
}

tr.not-due {
      background:rgba(19, 175, 6, 0.6);
}

tr.overdue td,
tr.almost-due td,
tr.not-due td {
      color:white;
}

tr.overdue:hover,
tr.almost-due:hover,
tr.not-due:hover {
      background:grey;
}

/*******************

      Assets Layout

********************/

.breadcrumbs {
      font-size:13px;
      margin-bottom:20px;
      color: #6e6e6e;
}

.breadcrumbs a {
      color:#6e6e6e;
}

.breadcrumbs a:hover {
      color:#0645ad;
}

.asset-list,
.create-asset {
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px;
}

.asset-list h1,
.create-asset h1 {
      padding-left:15px;
      color:#4a4a4a;
}

@media all and (max-width:767px) {
      .create-asset h1 {
            padding-left:0;
            font-size:1.5em;
      }
}

.home-container,
.container {
      width:100%;
}

.home-container .item_section,
.home-container-mob .item_section,
.container .item_section {
      text-align:center;
      padding:20px 0;
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
}

.home-container div.item_block:hover,
.home-container-mob div.item_block:hover,
.container div.item_block:hover,
.home-container div.item_block a:hover,
.home-container-mob div.item_block a:hover,
.container div.item_block a:hover {
      text-decoration:none;
}

.home-container div.item_block,
.home-container-mob div.item_block,
.container div.item_block {
      margin:     0 1.5% 20px;
      width:31%;
      float:left;
}

.home-container div.item_block:nth-child(3n+1) {
      clear:both;
}
      
.home-container div.item_block:first-child,
.home-container div.item_block:nth-child(3n+1) {
      margin: 0 2% 20px 0;
}
      
.home-container div.item_block:nth-child(3n+3) {
      margin: 0 0 20px 2%;
}

@media all and (min-width:768px) {
      .container div.item_block:nth-child(3n+1) {
            clear:both;
      }
      
      .container div.item_block:first-child,
      .container div.item_block:nth-child(3n+1) {
            margin: 0 2% 20px 0;
      }
      
      .container div.item_block:nth-child(3n+3) {
            margin: 0 0 20px 2%;
      }
}

@media all and (max-width:767px) {
      .container div.item_block {
            width:48%;
      }
      .container div.item_block:nth-child(2n+1) {
            clear:both;
      }
      .container div.item_block:first-child,
      .container div.item_block:nth-child(2n+1) {
            margin:0 2% 20px 0;
      }
      .container div.item_block:nth-child(2n+2) {
            margin:0 0 20px 2%;
      }
}

.home-container a .item_section:hover,
.home-container-mob a .item_section:hover,
.container a .item_section:hover,
.container a .item_section:hover .item_value,
.home-container a .item_section:hover .item_value,
.home-container-mob a .item_section:hover .item_value {
      background: rgba(40, 40, 40,  0.65);
      color:white;
      text-decoration:none;
}

.home-container a .item_section:hover i.fa,
.home-container-mob a .item_section:hover i.fa,
.container a .item_section:hover i.fa {
      color:white;
}

.container .item_title {
      font-size:19px;
      margin-bottom:10px;
}

.container .item_value {
      font-size:30px;
      color: #4a4a4a;
      font-family: 'Oxygen', sans-serif;;
      font-weight:bold;
}

.container .item_value.no-data {
      color: #333;
}

.container a .item_section:hover .item_value,
.home-container a .item_section:hover .item_value,
.home-container-mob a .item_section:hover .item_value,
.container a .item_section:hover i.fa,
.home-container a .item_section:hover i.fa,
.home-container-mob a .item_section:hover i.fa {
      color: white;
}

.asset_services {
      float:left;
      margin-right:1%;
      width:47%;
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px 1%;
      margin-bottom: 20px;
}

.asset_services.asset_planned {
      margin-right:0;
      margin-left:0;
      float:right;
}

.asset_jobs {
      float:left;
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px 1%;
      width:65%;
      margin-bottom: 20px;
}

.service_button {
      margin-top:20px;
      display:inline-block;
}

@media all and (max-width:767px) {
      .asset_jobs,
      .asset_services,
      .asset_planned.asset_services {
            width:auto;
            float:none;
            margin-right:0;
            margin-left:0;
      }
}

.complete_button,
.service_button,
.task_complete_button {
      padding:5px;
      background:#4a4a4a;
      color:white;
      border: 1px solid #4a4a4a;
      text-align: center;
}

.complete_button:hover,
.service_button:hover,
.task_complete_button:hover {
      background:#ffffff;
      color:#4a4a4a;
      text-decoration:none;
      border: 1px solid #333;
}

.task_complete_button {
      width:80%;
      margin:auto;
      margin-top:20px;
}

.task_page.task_complete_button {
      width:auto;
      float:left;
      margin-left:20px;
      margin-top:0;
      padding:10px;
}

.asset_jobs table td {
      padding: 11px 13px;
}

.asset_jobs table tbody tr td:last-child {
      padding: 6px 8px;
}

.create_asset_job {
      background:#ffffff;
      padding:10px 0 10px;
      margin-bottom:20px;
      display:none;
}

.asset_jobs .create_asset_job h2 {
      float:none;
}

.asset_button {
      float:right;
}

.asset_button a {
      margin-left: 25px;
      display:block;
      background: #a40101 ;
      border:1px solid #a40101 ;
      padding: 5px;
      font-size: 14px;
      margin-top: 22px;
      text-decoration:none;
      color:white;
      transition: all 0.5s;
}

.asset_button a:hover .task-completion {
      color: #2e2e2e;
}

.asset_button a.awaiting-cost-color {
      background: #75485E;
      border:1px solid #75485E;
}

.asset_button a.awaiting-instruction-color {
      background: #DD6E42;
      border:1px solid #DD6E42;
}

.asset_button a.date-tbc-color {
      background: #80BF96;
      border:1px solid #80BF96;
}

.asset_button a.in-progress-color {
      background: #3E7CB1;
      border:1px solid #3E7CB1;
}

.asset_button a.complete-color {
      background: #69c079;
      border:1px solid #69c079;
}

.asset_button a.lost-color {
      background: #eb3b3b;
      border:1px solid #eb3b3b;
}

.task-list .asset_button a {
      margin-top: 5px;
}

.asset_button a:hover {
      background:#ffffff;
      color:#4a4a4a;
      border:1px solid #333;
}

.asset_button.edit_button a,
.asset_button.delete_button a,
.asset_button.edit_button p {
      margin-top:0;
      margin-right:15px;
      margin-bottom:20px;
      margin-left:0;
      padding:11px;
}

.asset_button.edit_button p {
      background:#ffffff;
}

.building-view-list .asset_button a,
.floor-view-list .asset_button a,
.room-view-list .asset_button a,
.asset-view-list .asset_button a {
	margin-top:5px;
}

.asset_uploads {
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px;
      margin-bottom:20px;
}

.asset_uploads h2,
.asset_services h2,
.asset_jobs h2,
.task-list h1 {
      float:left;
}


a.return_link:hover,
a.return_link {
      color:#4a4a4a;
      
}

.upload_form {
      float:none;
}

.no-content-message {
      margin-left:15px;
      margin-bottom:15px;
}

.home-container-mob {
      display:none;
}

@media all and (max-width:767px) {
      .asset_button a,
      .asset_button.edit_button a,
      .asset_button.delete_button a {
            margin-left:0;
            margin-right:0;
            text-align:center;
            margin-top:5px;
            margin-bottom:5px;
      }

      div.asset_button {
            width:80%;
            float:none;
            clear:both;
            margin:auto;
      }

      .row-edit-buttons {
            visibility:visible;
      }

      .row-edit-buttons a {
            color:#333;
            text-decoration:underline;
      }

      .latest_tasks h4 {
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom: 10px;
      }

      .home-container {
            display:none;
      }

      .home-container-mob {
            display:block;
      }

      .home-container-mob div.item_block {
            float:none;
            margin:0 0 8px 0;
            width:100%;
      }

      .home-container-mob .item_block .item_section {
            padding:10px 0;
      }

      br.home-break {
            display:none;
      }

}
/*******************

      Planned Layout

********************/

.task-name a {
      color:#4a4a4a;
}

.task-name a:hover {
      text-decoration:underline;
}

span.overdue-task {
     background:#dc0000;
     color:white;
     padding:5px; 
}

div.asset_button#add_code {
      float:none;
      margin-bottom:20px;
      display:inline-block;
}

div.asset_button#add_code a {
      margin-left:0;
      margin-top:0;
}

.content-width {
      width:1%;
      white-space:nowrap;
}

.job-code-data {
      max-width:400px;
      margin:15px 0 15px 25px;
}

.job-code-data h3 {
      margin-top:0;
      margin-bottom:10px;
}

.date-option {
      margin:10px 0 10px 25px;
      display:none;
}

.job-code-data table tr {
      background:#f1f1f7;
      cursor:default;
}

.job-code-data table tr td {
      border-bottom: 1px solid #cecece;
}

.job-code-data table tr:last-child td {
      border-bottom: none;
}

.job-code-data table tr:hover {
      background:#f1f1f7;
      cursor:default;
}

.job-code-data table tr:hover td {
      color: #333;
}

@media all and (max-width:767px) {
      h1.task_page {
            font-size: 18px;
            padding-left:0;
      }
      span.overdue-task {
           padding:0 5px; 
      }
}

/*******************

      Task List

********************/

.task-completion {
      padding:5px;
      color:white;
      text-align:center
}

.task-completion.open {
      background: #2f9367;
      border:1px solid #2f9367;
}

.task-completion.closed {
      background: #0059a9;
      border: 1px solid #0059a9;
}

.task-completion.awaiting-cost-color {
      background: #75485E;
      border:1px solid #75485E;
}

.task-completion.awaiting-instruction-color {
      background: #DD6E42;
      border:1px solid #DD6E42;
}

.task-completion.date-tbc-color {
      background: #80BF96;
      border:1px solid #80BF96;
}

.task-completion.in-progress-color {
      background: #3E7CB1;
      border:1px solid #3E7CB1;
}

.task-completion.complete-color {
      background: #69c079;
      border:1px solid #69c079;
}

.task-completion.invoiced-color {
      background: yellow;
      border:1px solid yellow;
      color:#333;
}

.task-completion.paid-color {
      background: pink;
      border:1px solid pink;
      color:#333;
}

.task-completion.lost-color {
      background: #eb3b3b;
      border:1px solid #eb3b3b;
}

/*******************

      Quotes Layout

********************/

input[type=number].quote_cost,
input[type=submit].quote_cost {
      min-width:150px;
      width:150px;
}

#quote_history {
      display:none;
}

.history_button {
      margin-left:15px;
      padding-bottom:10px;
      display:block;
}

.work-date-container {
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding: 10px;
      margin-bottom:20px;
}

.work-date {
      font-weight:bold;
      background:#dc0000;
      color:white;
      padding:5px;
}

.quote-number,
.priority-type,
.cost-state {
      font-weight:normal;
}

.quote-number {
      font-size:20px;
}

.cost-state {
      font-size:16px;
      padding:5px;
      color:white;
      margin-top:10px;
      display:inline-block;
}

.cost-accepted {
      background:green;
}

.cost-rejected {
      background:red;
}

.waiting-approval {
      background:blue;
}

div.quotes_page .complete-task {
      margin-bottom:20px;
}

div.form-items {
      display:inline-block;
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:20px;
      display:none;
}

div.form-items span {
      margin-left:10px;
}

div.form-items input[type=file] {
      padding:10px;
}

div.form-items label {
      font-weight:bold;
}

@media all and (max-width:767px) {
      div.form-items {
            width:100%;
            box-sizing:border-box;
      }      
}

div.container.quotes-info div.item_block.full-width {
      width:100%;
}

div.container.quotes-info div.item_block.full-width .item_section {
      padding:20px;
}

div.container.quotes-info div.item_block.half-width {
      width:47%;
}

div.container.quotes-info div.item_block.half-width.half-left {
      margin-left:0;
      margin-right:1%;
}

div.container.quotes-info div.item_block.half-width.half-right {
      margin-right:0;
      margin-left:1%;
      float:right;
}

div.container .location-items {
      text-align:left;
      padding:20px;
}

div.container .location-items .item_title {
      font-size:24px;
      font-weight:bold;
      margin-bottom:15px;
}

.location-items .item_value {
      font-size:20px;
      text-align:left;
      font-weight:normal;
      padding-left:10px;
}

.location-items a .item_value {
      color: #0645AD;
}

.location-items a:hover .item_value {
      text-decoration:underline;
}

.line-two {
      margin: 10px 0 10px 30px
}

.line-three {
      margin: 10px 0 10px 60px
}

@media all and (max-width: 767px) {
      div.container.quotes-info div.item_block.half-width {
            width:100%;
      }
      div.container .location-items .item_title {
            font-size:16px;
      }
}

.task_completion .complete-task.awaiting-cost-color {
      background: #75485E;
      border:1px solid #75485E;
}

.task_completion .complete-task.awaiting-instruction-color {
      background: #DD6E42;
      border:1px solid #DD6E42;
}

.task_completion .complete-task.date-tbc-color {
      background: #80BF96;
      border:1px solid #80BF96;
}

.task_completion .complete-task.in-progress-color {
      background: #3E7CB1;
      border:1px solid #3E7CB1;
}

.task_completion .complete-task.complete-color {
      background: #69c079;
      border:1px solid #69c079;
}

.task_completion .complete-task.lost-color {
      background: #eb3b3b;
      border:1px solid #eb3b3b;
}

.quote-head-section,
.sfg20-container,
.day-view-container {
      background:white;
      padding:20px;
      margin-bottom:15px;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
}

/*******************

      Worksheet Layout

********************/

.worksheet-left {
      float:left;
      width:48%;
      margin-right:2%;
}

.worksheet-left input[type=text],
.worksheet-right input[type=text],
.worksheet-full textarea {
      width:100%;
}

.worksheet-left.status-complete,
.worksheet-left.quote-required {
      margin-left:2%;
      margin-right:0;
      border:1px solid #9e9e9e;
}

.worksheet-right.out-of-hours {
      margin-right:2%;
      margin-left:0;
      text-align:right;
      border:1px solid #9e9e9e;
}

.worksheet-right.out-of-hours input[type=checkbox] {
      margin-right:10px;
}

.worksheet-right.out-of-hours input:checked + label.check-label,
.worksheet-left.status-complete input[type=radio]:checked + span,
.worksheet-left.quote-required input[type=radio]:checked + span {
      color:#4a4a4a;
      font-weight:bold;
}

.worksheet-left.status-complete,
.worksheet-right.out-of-hours,
.worksheet-left.quote-required {
      width:auto;
      padding:15px;
}

.worksheet-full textarea {
      height:200px;
}

.worksheet-full label {
      font-weight:bold;
      margin-left:10px;
}

.worksheet-right {
      float:right;
      width:48%;
      margin-left:2%;
}

.worksheet-full {
      width:100%;
}

.worksheet-button input {
      width:80%;
      margin:auto;
      display:block;
}

@media all and (max-width:625px) {
      .worksheet-left,
      .worksheet-right {
            float:none;
            margin:0;
            width:100%;
      }
      
      .worksheet-right.out-of-hours,
      .worksheet-left.status-complete,
      .worksheet-left.quote-required {
            margin:0;
            text-align:left;
            border:none;
      }
}

/*******************

      Create Layout

********************/

.create-container .item_title {
      font-size:25px;
}

.create-container a .item_section {
      color: #333;
      transition: all 0.5s;
}

.create-container {
      width:100%;
}

.create-container i {
      margin-bottom: 5px;
}

.create-container .item_section {
      width:45%;
      float:left;
      text-align:center;
      margin:     0 2% 40px 2%;
      padding:40px 0;
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
}

@media all and (max-width:767px) {
      .create-container .item_section {
            margin:0 2% 15px 2%;
      }
}

.create-container a .item_section:hover {
      background: rgba(40, 40, 40,  0.65);
      color:white;
}

.create-container a .item_section:hover i.fa {
	color:white;
}

.success_message {
      margin-bottom:15px;
}

.created_room_name {
      color:#4a4a4a;
      font-weight:bold;
}

input[type=text],
input[type=email],
input[type=input],
input[type=password],
input[type=date],
input[type=number],
input[type=submit],
input[type=tel],
input[type=time],
select,
textarea {
  margin-top: 5px;
  min-width: 350px;
  -webkit-appearance: none;
  box-shadow: none;
  border-radius: none;
  padding: 5px 5px;
  border: 1px solid #cccccc;
  border-bottom: solid 1px #cccccc;
  font-size:15px;
  font-family:"Helvetica Neue", Helvetica, Arial;
  margin-bottom:10px;
}

input:focus,
select:focus,
textarea:focus {
  border: 1px solid #00C6D3;
}

input[readonly] {
      border:none;
      border-bottom: solid 2px #4a4a4a;
}

input[type=submit] {
      background:#ececec;
      padding:10px;
      
}

input[type=submit]:hover {
      background:#4a4a4a;
      color:white;
      border-bottom:solid 2px #4a4a4a;
}

@media all and (max-width:767px) {
      input[type=text], input[type=email], input[type=input], input[type=password], input[type=date], input[type=number], input[type=submit], input[type=tel], select, textarea {
            width:100%;
            min-width:inherit;
      }
}

.create-indent {
	margin-left:30px;
}
      
/*******************

      Create2 Layout

********************/

.read-only-input {
      border:none;
      width:350px;
      font-weight:bold;
      color:2f9367;
}

/*******************

      Create3 Layout

********************/

#service_period_selector {
      display:none;
}

/*******************

      Create Task Layout

********************/

.display_none {
      display:none;
}

.indent {
      margin-left:20px;
}

@media all and (max-width:767px) {
      .indent {
            margin-left:0;
      }
}

/*******************
      
      404 Layout

********************/

.error-page {
      background:#ffffff;
      border:1px solid #dedede;
      box-shadow: 2px 2px 1px #dedede;
      padding:10px;
}

.error-page h1 {
      padding-left:15px;
      color:#4a4a4a;
}

/*******************

	Notifications

********************/

.notifications {
	float:left;
	font-size:20px;
	color:white;
	padding:15px 15px;
	position:relative;
	transition: background 0.5s, border 0.5s;
	cursor:pointer;
}

.notifications .notifications_text {
    margin-top: 2px;
    margin-left: 5px;
    display: block;
    float: right;
    color: white;
    font-size: 14px;
    font-style: normal;
}

.notifications .notifications_text i {
      color:white;
}

.notifications:hover .notifications_text {
	color:white;   
}

.notifications .fa-bell-o {
	color:white;
	transition: color 0.2s;
}

.notifications .fa-search {
	color:white;
	transition: color 0.2s;
}

.notifications .plus-icon {
	color:white;
	transition: color 0.2s;
}

.notifications .plus-icon.fa-star {
	color:#F89E56;
}

.notifications .exclaim-icon {
	color:white;
	position:absolute;
	font-size:13px;
	top:20px;
	left:22.7px;
}

.notifications:hover {
	background:#d85f68;
}

.notifications.create-box:hover {
	background:;
}

.notifications.favourites-box:hover {
	background:#F89E56;
}

.notifications:hover .plus-icon {
	color:white;
}

.notifications:hover .fa-bell {
	color:white;
}

.notifications:hover .search-icon {
	color:white;
}

.notifications .notification-box {
	position:absolute;
	background:#fafafa;
	padding:0;
	max-height:470px;
	width:350px;
	border:1px solid #9e9e9e;
	border-top:none;
	top:50px;
	right:0;
	box-sizing:border-box;
	display:none;
}

.notifications:hover .notification-box {
	display:block;
}

.notification-box .notification-heading {
	padding:10px;
	border-bottom:1px solid #9e9e9e;
	background:#d85f68;
	display:block;
	width:100%;
	color:white;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	box-sizing:border-box;
}

.notifications.create-box .notification-box {
	width:200px;
}

.notifications.create-box .notification-box .notification-heading {
	background:;
}

.notifications.favourites-box .notification-box .notification-heading {
	background:#F89E56;
}

.notification-box ul {
	overflow-y:scroll;
	max-height:430px;
}

.notification-box ul li {
	color:#333;
	font-size:13px;
	padding:5px 10px;
	font-style:normal;
	max-height:none;
	box-sizing:border-box;
}

.notification-box ul li ul li {
	font-size:11px;
	font-style:italic;
	padding-bottom:0;
	padding-top:0;
	background:none;
}

.notification-box .main-li {
	width:100%;
	background:white;
	border-bottom:1px solid #c8d8e5;
	cursor:pointer;
}

.notification-box .main-li:hover {
	background:;
}

.notifications .days-late {
	color:#d85f68;
	display: inline-block;
    text-align: center;
    margin-top:1px;
    margin-right:10px;
    float:left;
    font-family: 'Oxygen', sans-serif;
    line-height:1.3;
}

/*******************

      Header

********************/

header {
      width:100%;
      position:relative;
      height:51px;
      margin:auto;
      z-index:999;
      background:white;
}

header .header_container {
      position:relative;
      height:50px;
      max-width:1250px;
      margin:auto;
}

.fm-logo {
      float:left;
      margin-left:5px;
      padding:10px;
}

.login_container {
      float:right;
      color:white;
      font-weight:bold;
}

.login_container ul {
      margin:0;
      padding:0;
}

.login_container ul li span.username {
      font-size:15px;
      font-weight:bold;
      margin-right:6px;
      font-style: normal;
}

.login_container ul li i.user-icon {
      font-size:15px;
}

.login_container ul li#profile-menu-li{
      cursor:pointer;
      background:;
}

.login_container ul li#profile-menu-li:hover {
      background:;
}

.login_container ul .sub-contain {
      display:block;
      position:relative;
      float:left;
}

.login_container ul .sub-menu {
      display:none;
      position:absolute;
      top:100%;
      border:none;
      min-width:200px;
      right:0;
      font-style:normal;
}

.login_container ul li#profile-menu-li:hover .sub-menu {
      display:block;
}

.login_container ul .sub-menu a {
      display:block;
      font-size:14px;
      color:#333;
      padding:0;
      text-decoration:none;
      text-align:right;
}

.login_container ul .sub-menu a li {
      float:none;
      padding:10px 35px 10px 5px;
      background:;
}

.login_container ul .sub-menu a:hover li,
.login_container ul .sub-menu a.selected li {
      background: ;
      text-decoration:none;
      color:white;
}


.login_container ul li i {
      color:white;
}

.login_container li {
      float:left;
      background:rgba(40,40,40,  1);
      color:white;
      padding:5px 10px;
      -webkit-transition: background 0.5s, border 0.5s;
      transition: background 0.5s, border 0.5s;
      padding:15px 35px 17px 20px;
      max-height:19px;
      list-style-type: none;
}

.login_container a {
      color:white;
}

.login_container a:hover {
      text-decoration:none;
}

.login_container a p:hover {
      background:#333;
}

.login_container p span {
      font-weight:bold;
      font-size:16px;
}

header .mobile_header_container {
      margin-top:0;
      display:none;
}

.mobile_login_container {
      color:white;
      padding:3px;
      font-size:12px;
      background:;
}

.mobile_logo_menu_container {
      padding-bottom: 3px;
      background:white;
}
.mobile_login_container p {
      display:inline-block;
      color:white;
      margin:0;
      padding:5px 10px;
}

.mobile_login_container p:first-child {
      float:left;
}

.mobile_login_container p:nth-child(n+2) {
      float:right;
}

.mobile_login_container p:nth-child(3) {
      border-right:1px solid rgba(40,40,40,  0.35);
}

.mobile_login_container a {
      color:white;
}

.mobile_login_container a:hover {
      text-decoration:none;
}

.mobile_login_container a p:hover {
      background:;
}

.mobile_login_container p span {
      font-weight:bold;
}

@media all and (max-width:767px) {
      header .mobile_header_container {
            display:block;
      }
      header .header_container {
            display:none;
      }
}

.mobile-fm-logo {
      max-width:165px;
      display:block;
      float:left;
      max-height:35px;
      margin-left:10px;
      margin-top:4px;
}

.mobile-button {
      display:none;
      padding: 5px 10px;
      background:;
      color:white;
      float:right;
      margin-right:10px;
      margin-top:5px;
}

.mobile-button:hover {
      background:rgba(40,40,40,  1);
      text-decoration:none;
}

#mobile-nav {
      display:none;
}

@media all and (max-width:767px) {
      .mobile-button {
            display:block;
      }
}

/******

	Alpha Range
	
******/

.alpha-range {
	padding-left:0;
	text-align:justify;
	width:100%;
	position:relative;
	margin:10px auto;
}

.alpha-range .alpha-range-li {
	float:left;
	width:calc((100% / 27) - 6px);
	text-align:center;
	margin-left:2px;
	margin-right:2px;
	padding:3px 0;
	background:#eee;
	border:none
	cursor:pointer;
	transition:background 0.3s, border 0.3s;
	color:#333;
	box-shadow:2px 2px 0px #bebebe;
}

.alpha-range .alpha-range-li:hover {
	background:white;
	cursor:pointer;
}

.alpha-range.mobile-version {
	display:none;
}

.alpha-range.mobile-version .alpha-range-li {
	width:calc((100% / 14) - 6px);
	
}

@media all and (max-width:767px) {
      .alpha-range {
            display:none;
      }
      
      .alpha-range.mobile-version {
            display:block;
            text-align:center;
      }
      
      .alpha-range.mobile-version .alpha-range-li {
            display:inline-block;
            margin-left:1px;
            margin-right:1px;
            float:none;
      }
}

/*******************

      Progress Bar

********************/

div.progress-bar{
      width: 95%;
      margin: auto;
      margin-top: 10px;
      margin-bottom:10px;
      border:1px solid #bebebe; 
      height:50px;
      position:relative;
}

div.progress-bar .color-bar {
      height:50px;
      position:absolute;
}

div.progress-bar .color-bar {
      background:none;
      border-right:1px solid #bebebe;
      color:#bebebe;
}

div.progress-bar i {
      color:#bebebe;
}

div.progress-bar .current-bar i {
      color:#ffffff;
}

div.progress-bar .awaiting-cost-bar {
      width:20%;
}

div.progress-bar .awaiting-instruction-bar {
      width:40%;
}

div.progress-bar .date-tbc-bar {
      width:60%;
}

div.progress-bar .in-progress-bar {
      width:80%;
}

div.progress-bar .complete-bar {
      width:100%;
}

div.progress-bar .color-bar .progress-status {
      position:absolute;
      right:0;
      top:15px;
      padding-right:10px;
}

div.progress-bar .color-bar .current-status {
      color:white;
}

.progress-explain {
      margin-bottom:20px;
      width:95%;
      margin-left:auto;
      margin-right:auto;
}

.status-explain {
      background:#bebebe;
      padding:5px;
      color:white;
}

.status-explain i {
      color:white;
}

@media all and (max-width:767px) {
      div.progress-bar {
            display:none;
      }

      .status-explain {
            width:100%;
            display:block;
            text-align:center;
      }
}

/*******************

      Form Box

********************/

div.form-items {
      display:inline-block;
      background:#ffffff;
      /* border: 1px solid #dedede; */
      /* box-shadow: 2px 2px 1px #dedede; */
      padding:20px;
      display:none;
      box-sizing:border-box;
      overflow-y:scroll;
      padding-bottom:20px;
}

div.form-items span {
      margin-left:10px;
}

div.form-items input,
div.form-items select,
div.form-items textarea {
	box-sizing:border-box;
}

div.form-items input[type=file] {
      padding:10px;
}

div.form-items label {
      font-weight:bold;
}

div.form-items .form-header {
	position:absolute;
}

#edit-window {
	background-color:rgba(0,0,0, 0.6);
}
#form-box {
	position:fixed;
	top:40px;
	right:40px;
	bottom:40px;
	left:40px;
	margin:0;
	width:auto;
	overflow:visible;
	height:auto;
}
#form-box form {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
div.form-items.hover-box {
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:0;
	padding-bottom:20px;
}
.form-header {
	box-sizing:border-box;
	height:60px;
	width:100%;
	background:#eeeeee;
}
.form-header h2 {
	margin:0;
	padding:15px 10px 10px 15px;
	float:left;
}
.form-header i {
	float:right;
	padding:12px 15px 15px 15px;
	font-size:32px;
	cursor:pointer;
	border-left:1px solid #dedede;
	transition:background 0.5s;
}
.form-header i:hover {
	background:#dedede;
}

.edit-box-section {
	margin-top:55px;padding:15px;	
}

#image-viewer {
	width:49%;
	margin-right:1%;
	float:left;
}
#image-viewer img {
	padding:15px;
}
#image-details {
	width:49%;
	margin-left:1%;
	float:right;
}
#image-detail-contain {
	padding:15px;
}
.rotate-button {
	margin-right: 5px;
    padding: 5px 10px;
    font-size: 20px;
    background: #dedede;
    color: #4e4e4e;
    border-radius: 3px;
}

.submit-button-section {
	text-align:center;
}

div.form-items.small-box {
	max-width:450px;
	position:absolute;
	left:50%;
	margin-left:-225px;
	height:100%;
	padding-bottom:20px;
}

@media all and (max-width:767px) {
      div.form-items {
            width:100%;
            box-sizing:border-box;
      }
      
      #form-box {
			top:15px;
			right:15px;
			bottom:15px;
			left:15px;
		}
	div.form-items.small-box {
		max-width:350px;
		margin-left:-175px;
	}
}

.red-asterik {
	color:#FF4C4C;
}

/*******************

      Mobile View

*******************/

.mobile-tab-heading {
      display:none;
}

#scroll_index_list {
      overflow-x:scroll;
}

@media all and (max-width:767px) {
	h1 {
		font-size:20px;
	}
	.tab-container .mobile-tab-heading div {
		font-size:18px;
	}
	.client-image {
		display:none;
	}
	.client-address {
		margin-top:10px;
		margin-bottom:0;
	}
	.mobile-tab-heading {
	      display:block;
            background: white;
            border: 1px solid #dedede;
            border-bottom: none;
            padding: 10px;
            box-shadow: 2px 2px 1px #dedede;
	}
	.tab-headings {
	      display:none;
      }
      .tab-container .tab-content {
            width:100%;
            float:none;
            margin-left:0;
            margin-right:0;
      }
      .general-details {
            border-top:none;
            margin-bottom:10px;
      }
      .general-details h3:first-child {
            display:none;
      }
}

/*******************

      Footer

********************/

footer {
      margin:auto;
      max-width:1200px;
      padding-bottom:15px;
      font-family:'Oxygen', sans-serif;
}

.copyright_band {
      text-align:center;
      width:100%;
}

.tower-footer-logo {
      max-width:120px;
      display:inline-block;
      position: relative;
}