/*
COLOR SCHEME:

http://www.2createawebsite.com/build/hex-colors.html#colorscheme
generated from #199FFF

Selected, Links: #199FFF
light - Highlight: #C6E7FE
med: #8CCFFE
dark: #1270B2

*/

* {
/*  font-family:helvetica,tahoma,verdana,arial, sans-serif;
  font-size:12px;*/
}
body {
  background: #ccc;
  padding: 0px;
  margin: 0px;
  color:#333333;
  font-size: .9rem;
  line-height: 1.3;
}
table {
  font-size: .9rem;
}
.mobile {
  display: none;
}
a {
	color: #199FFF;
	text-decoration: none;
}
img {
	border: 0px;
}
.bold {
  font-weight: bold;
}
form {
	display: inline;
}

th {
	white-space: nowrap;
}
td {
	text-align: left;
	vertical-align: top;
}
legend {
  font: 12px Georgia, serif;
	color: #6f6f6f;
	margin-left: 3px;
  
}
legend a, legend input {
	font-family: helvetica,tahoma,verdana,arial, sans-serif;
}
fieldset {
	border: 1px solid #c2c2c2;
	padding: 5px;
}

ul.photos {
	margin: 0px;
	padding: 0px;
}
ul.photos li {
	position: relative;
	cursor: pointer;
	padding: 3px;
	list-style: none;
	display: inline-block;
	font-size: 10px;
	text-align: center;
	transition: .2s ease all;
  width: 25%;
  max-width: 150px;
}
ul.photos li:hover {
  opacity: .7;
}
ul.photos li:hover .img-del {
  opacity: 1;
}
/*
ul.photos li div {
	width: 84px;
	height: 84px;
	overflow: hidden;
}
*/
ul.photos li div {
  width: 100%;
}

ul.photos li div:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

ul.photos li div.hover {
	position: absolute;
	left: 3px;
	top: 3px;
	background: #ccc;
}
textarea {
	width: 95%;
	height: 100px !important;
  height:120px;
  color:#444444;
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.seperator {
	width: 5px;
	padding: 0 0 0 5px !important;
	margin: 0 5px 0 0 !important;
	border-right: #c2c2c2 dotted 1px;
}

.redtext {
  color:red;
}
.yellowtext {
  color:#b29700;
}

.bluetext {
  color:blue;
}
.greentext {
  color:#009d20;
}
.orangetext {
  color:#ff9d1a;
}

.darkgreytext {
  color:#333333;
}

.blacktext {
  color:#000000;
}
.pointer {
  cursor:pointer;
}
.text14 {
  font-size:14px;
}

.icon {
	display: inline-block;
  cursor: pointer;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.hover-icon-edit {
	z-index: 50;
	/*background: transparent url(../_images/icons/image_edit.png) no-repeat center center !important;*/
}
.icon-padding {
	padding: 0px 3px;
}
.icon-smpadding {
	padding: 0px 1px;
}
.icon-right {
	float:right;
	margin-right: 6px;
}
.icon-nudgeup {
  margin-top:-16px;
}
.icon-right-arrow {
  background-image: url(../_images/icons/arrow_right.png);
}
.icon-settings {
	display: none;
  background-image: url(../_images/icons/cog.png);
}
.icon-help {
  background-image: url(../_images/icons/help.png);
}
.icon-cl {
  background-image: url(../_images/icons/craigslist.png);
}
.icon-fb {
  background-image: url(../_images/icons/fb.png);
}
.icon-delete {
  /*background-image: url(../_images/icons/delete.png);*/
}
.icon-delete-act {
  background-image: url(../_images/icons/delete.png);
}

.icon-add {
  /*background-image: url(../_images/icons/add.png);*/
}
.icon-edit {
 /* background-image: url(../_images/icons/page_white_edit.png);*/
}
.icon-up {
  background-image: url(../_images/icons/arrow_up.png);
}
.icon-down {
  background-image: url(../_images/icons/arrow_down.png);
}
.icon-pdf {
  /*background-image: url(../_images/icons/page_white_acrobat.png);*/
  position: relative;
}
.icon-add-time {
  background-image: url(../_images/icons/clock_add.png);
}
.icon-add-comment {
  background-image: url(../_images/icons/comment_add.png);
}
.icon-add-part {
  background-image: url(../_images/icons/wrench_add.png);
}
.icon-time {
  background-image: url(../_images/icons/clock.png);
}
.icon-comment {
  background-image: url(../_images/icons/comment.png);
}
.icon-part {
  background-image: url(../_images/icons/wrench.png);
}
.icon-status {
  background-image: url(../_images/icons/chart_curve.png);
}
.icon-excel-add {
  background-image: url(../_images/icons/page_white_excel_add.png);
}
.icon-calendar {
  background-image: url(../_images/icons/calendar.png);
}
.icon-exc {
  background-image: url(../_images/icons/exclamation.png);
}
.icon-exc-bw {
  background-image: url(../_images/icons/exclamation_bw.png);
}
.icon-add-calculator {
  background-image: url(../_images/icons/calculator_add.png);
}
.icon-calculator {
  background-image: url(../_images/icons/calculator.png);
}
.icon-add-hourglass {
  background-image: url(../_images/icons/hourglass_add.png);
}
.icon-hourglass {
  background-image: url(../_images/icons/hourglass.png);
}

.icon-pdf span {
	position: absolute;
	color: #000;
	top: 2px;
	left: 4px;
	font-weight: bold;
	font-family: Lucida Console;
}
.icon-magic-search {
	padding-left: 20px !important;
}
.icon-property {
  /*background: url(../_images/icons/house.png) left center no-repeat;*/
}
.icon-workorder {
  background: url(../_images/icons/page.png) left center no-repeat;
}
.icon-owner {
  background: url(../_images/icons/user.png) left center no-repeat;
}
/*
input[type=button], input[type=submit], .button {
	margin: 2px;
  cursor: pointer;
  display: inline-block;
  background: #d86129;
  color: #fff !important;
  font-weight: bold;
  padding: 4px 10px;
  width: auto !important;
  border: 1px solid #777;
  border-radius: 5px;
  -moz-border-radius: 5px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#199FFF', endColorstr='#1270B2');
  background: -webkit-gradient(linear, left top, left bottom, from(#199FFF), to(#1270B2));
  background: -moz-linear-gradient(top,  #199FFF,  #1270B2); 
  text-shadow: 0px 1px 0px #555;
}
*/
.sm-btn {
  padding: 1px 3px !important;
  font-size:10px;
}

input[type=file] {
	width: 230px;
}

#mainbody {
  padding-top: 60px;
  background: #fff;
  min-height: 100%;
}
.collapse {
  /*display: block;*/
}
nav.navbar {
	position: fixed;
	top: 0px;
	z-index: 90;
  width:100%;
  height: 50px;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#8CCFFE), to(#72b7e7)); 
  background: -moz-linear-gradient(top,  #8CCFFE,  #72b7e7); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8CCFFE', endColorstr='#72b7e7'); */
  background: #8CCFFE;
}

#adminmenu {
	position: relative;
	top: 2px;
	width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
/*  text-shadow: 0px 1px 1px #777; */
}

.navbar-toggle {
  display: none;
}

#magicsrch_results {
	display: none;
  position: fixed;
  z-index: 99;
  top: 45px;
  right: 20px;
  width: 50%;
  max-width: 700px;
  background-color: #fff;
  box-shadow: 0px 0px 5px #000;
  -webkit-box-shadow: 0px 3px 15px #333;
  -moz-box-shadow: 0px 0px 5px #000;
}
#magicsrch_results td {
	padding: 5px;
}
#magicsrch_results tr {
  cursor:pointer;
}
.adminmenuitem a {
  color:#ffffff;
  font-size:1.2em;
}
.navbar-light .navbar-nav .nav-link {
  color:#ffffff;
  font-size:1rem;
  padding-right: .75rem;
  padding-left: .75rem;
  padding-top: 0;
  padding-bottom: 0;

}
.dropdown-menu {
  padding: .5rem 0 0;
}
.dropdown-item {
  border-bottom: 1px solid #eee;
}
.adminmenuitem {
	position: relative;
  display: inline-block;
  top: 0px;
  padding: 5px 10px;
  height:20px;
	left: 100px;
}

.adminmenulogo {
	position: absolute;
	display: inline;
	top: -5px;
	left: 5px;
}

.adminmenuitemsrch {
  padding:5px 10px;
  height:20px;
  color:#ffffff;
  font-size:1.2em;
  display: inline-block;
  position: relative;
  left: 100px;
}

.dropmenuitem {
	display: block;
	cursor:pointer;
  height:15px;
  padding:5px;
  color:#ffffff;
  font-size:1.2em;
}

input.magicsrch {
  margin-top: -9px;
  max-width: 350px;
}
#magicsrch_loading {
	position: absolute;
	right: 11px;
	top: 6px;
	display: none;
}

.usersdrop {
  width:10px;
  background-color:blue;
}
#header-fixed { 
    position: fixed; 
    top: 0px; display:none;
    background-color:white;
}
#showingtable td {
  font-size:11px;
  vertical-align: middle;
}
#showingtable th {
  border-top: 2px #666666 solid;
  border-bottom: 2px #666666 solid;
  border-left: 1px #666666 solid;
}
#showingtable a {
  font-size:11px;
}
#showingtable input {
  font-size:11px;
}

.permclose {
  float:right;
  padding:2px;
  background-color:#fcfcfc;
  color:#333333;
  cursor:pointer;
  border:1px #666666 solid;
  text-align:center;
}

#permissionsdrop {
  float:right;
  width:350px;
  background-color:#cccccc;
  border:1px #333 solid;
  padding:10px;
  display:none;
}

#loginbox {
  position:relative;
  top:100px;
  width:300px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  background-color:#ebebeb;
  padding:10px;
  border:1px #cccccc solid;
}

.box {
	position: relative;
  background-color:#fff;
  width: 100%;
  border: 1px #ccc solid;
}
.boxbottom {
	top: 15px;
}

.left34box {
  float:left;
  margin-top: 25px;
  width: 74.5%;
}
.left14box {
  float:left;
  margin-top: 25px;
  width:24.5%;
  
}

.lefthalfbox {
  float:left;
  width:49.5%;
  left:0px;
  top:25px;
}

.righthalfbox {
  float:right;
  top: 25px;
  width:49.5%;
}
.right34box {
  float:right;
  margin-top: 25px;
  width: 74.5%;
  
}
.right14box {
  float:right;
  margin-top: 25px;
  width:24.5%;
}

.fullbox {
  position: relative;
  top: 25px;
  max-width: 1000px;
  width: 99%;
}
.fullestbox {
  position: relative;
  top: 25px;
  width: 99%;
}

.fancybox {
  width: 100%;
  height: 100%;
  background-color:#cccccc;
}

.breadcrumbs {
	position: relative;
	color: #333;
	border: 0px;
	padding: 5px;
	background-color: inherit;
}
.breadcrumbs .breadcrumbinner {
	font-weight: normal;
	padding: 5px;
}
.breadcrumbs * {
	padding-right: 3px;
}
.breadcrumbs a {
	
}
#filters {
	float: right;
}
#filters select {
	font-size: 10px;
}
#wf_customize_dd {
	position: absolute;
	right: 5px;
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	width: 450px;
	background: rgb(66, 66, 66);
  background: rgba(100, 100, 100, 0.85);
	z-index: 100;
}
#wf_customize_dd a {
	padding-right: 10px;
}
#wf_customize_dd > div {
	clear: both;
	float: right;
}
#wf_customize_dd form > input {
	width: 30px;
}
#wf_customize_dd label {
	float: left;
	width: 140px;
}

.boxhead {
  width:100%;
  font-family: Georgia, serif;
  padding: 5px 0;
  color:#333;
  background-color: #ccc;
  /*height:20px;*/
  font-size:1.3em;
  text-align:center;
}
.boxhead a {
	font-size: 1em;
	color: #199FFF;
	text-decoration: none;
  text-shadow: none;
}

.settings {
  float:right;
  margin-right:5px;
  cursor:pointer;
}

.frmactions {
	padding: 5px;
}

.boxcontent {
	position:relative;
	background-color: #fff;
	padding: 5px;
}
/*
.boxcontent input, select {
  color:#444444;
  font-size:12px;
}
.list-row, .row {
  cursor:pointer;
}
*/
.row-nopointer {
	cursor: inherit;
}
/*
.tablehead th {
	border-bottom: 1px dotted #c2c2c2;
}
.list-row td, .row td {
	border-bottom: 1px dotted #c2c2c2;
}
*/
.list-row-alt {
}
.list-row-selected {
	background-color: #88A7B0;
}
.list-row-selected td {
	font-weight: bold;
	color: #fff;
}
.list-row-hover {
	background-color: #C6E7FE !important;
}
.list-row-hover td {
/*	color: #000;  */
}

.usertextarea {
  width:240px;
  height:120px;
  font-family:helvetica,tahoma,verdana,arial, sans-serif;
  font-size:11px;
  color:#444444;
}

.add-link {
  cursor:pointer;
}

.template {
	display: none;
}

#msg_area {
	display: none;
	position: relative;
	top: -10px;
  margin-right: auto;
  margin-left: auto;
	padding: 4px;
	width: 350px;
	border: solid 1px #eee;
	background: #FCFBC2;
	text-align: center;
	font-size: 15px;
	z-index: 100;
	overflow: hidden;
	border-radius: 0px 0px 8px 8px;
	box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #999;
}
#msg_area span {
	font-weight: bold;
}
#msg_area_close {
	position: absolute;
	cursor: pointer;
	top: 0px;
	right: 5px;
	font-weight: bold;
	font-size: 13px;
}

.clear-margin {
	margin: 0px;
  float: left;
  margin-bottom: 20px;
}

.legend-prop {
  border:1px #cccccc solid;
  background-color:#ffffff;
}

.fieldset-prop {
  float:left;
  margin-bottom:10px;
  background-color:#f5f5f5;
}

.left-col {
  float:left;
  width:33%;
}
.right-col {
  float:left;
  width:62%;
  margin-left:20px;
}

.notvisible {
	visibility: hidden;
}
.filtertitle {
}
.smallertext {
  font-size:10px;
}

#partsrch_results {
  display: none;
  position: absolute;
  z-index: 99;
  top: 90px;
  margin-left: 160px;
  width: 300px;
  background-color: #fff;
  box-shadow: 0px 0px 5px #000;
  -webkit-box-shadow: 0px 3px 5px #000;
  -moz-box-shadow: 0px 0px 5px #000;
  border:1px #cccccc solid;
}
#partsrch_results td {
  padding: 3px;
  font-weight:normal;
}
#partsrch_results tr {
  cursor:pointer;
}
#partsrch_loading {
  position: absolute;
  right: 11px;
  top: 6px;
  display: none;
}
.boldtext {
  font-weight:bold;
}
.text10 {
  font-size:10px;
}
.text11 {
  font-size:11px;
}
.text12 {
  font-size:12px;
}

thead {
  cursor:pointer;
}

th.header {
    background-image: url(../_images/bg.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center right;
}
th.headerSortUp {
    background-image: url(../_images/asc.gif);
}
th.headerSortDown {
    background-image: url(../_images/desc.gif);
}
.cl-box {
  position:relative;
  top:5px;
  margin:3px;
  width:630px;
  width:746px;
  border:2px #666666 solid;
}
.cl-box-head {
  position:relative;
  top:0px;
  left:0px;
  width:624px;
  width:740px;
  height:25px;
  background-color:#cccccc;
  font-size:14px;
  font-weight:bold;
  padding:3px;
  line-height:22px;
  border-bottom:1px #999999 solid;
  text-align:center;
  cursor:pointer;
}
.cl-box-body {
  display:none;
  font-size:10px;
}

#contact td, th, a {
  /*font-size:11px;*/
}

select.searchselect {
  font-size:10px;
  margin:0px;
  margin-right:5px;
  padding:0px;
  height:18px;
}
.moreoptions {
  display:none;
}
.oldrow {
  display:none;
}
.aquatext {
  color:#20aed1;
}
input.smaller-btn {
  padding: 1px 3px !important;
  font-size:8px;
}
.borderbottom {
  border-bottom:2px #666 solid;
}
.editable {
  cursor: pointer;
}
.rowedit {
  cursor: pointer;
}
.rowselect {
  background-color: #C6E7FE;
}
.wfhidden {
  display:none;
}
.bkgd-gray{
  background-color: #eeeeee;
}
.restoggle {
  cursor: pointer;
}
.sectiontitle {
  font-size: 1.1em;
  font-weight: bold
}

td.actions {
  text-align: right;
}
.table.table-condensed td, .table.table-condensed th {
  padding: .5rem; 
}
.table-border {
  border: 1px #ddd solid;
}

.form-control {
  display: inline-block;
}
.cols2 {
  columns: 2;
}


.fancybox-slide--iframe .fancybox-content {
  width  : 700px;
  height : 90%;
  max-width  : 80%;
  max-height : 90%;
  margin: 0;
}
.backtotop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 0 10px;
  background: rgba(0,0,0,.5);
  color: #fff;
  font-size: 2rem;
  border-radius: 50%;
  cursor: pointer;
  transition: .3s ease all;
}
.backtotop:hover {
  background: rgba(0,0,0,.9);
}
.img-del {
  position: absolute;
  top: -2px;
  right: -1px;
  font-size: 1rem;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
}
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}
.row {
  width: 100%;
}


@media only screen and (max-width: 950px) {
  .adminmenuitem {
    font-size:1em;
    left:0px;
  }  
  .adminmenuitem a {
    font-size:1em;
    left:0px;
  }
  .adminmenulogo {
    position: absolute;
    display: none;
    top: -5px;
    left: 5px;
  }
  .dropmenuitem {
    font-size: 1em;
  }
  .adminmenuitemsrch {
    left: 0px;
    font-size: 1em;
  }
  input.magicsrch {
    width: 150px;
    font-size: 1em;
  }
  .actions {
    display: none;
  }
  
}

@media only screen and (max-width: 768px) {
  #filters {
    float: none;
  }
  .container {
    width: 96%;
  }
  .mobile {
    display: block;
  }
  .nomobile {
    display: none;
  }
  .navbar-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: 0;
    display: block;
  }
  .navbar .container {
      position: static;
      margin: 0;
  }
  nav.navbar {
    height: inherit;
  }
  .icon-bar {
    height: 4px;
    width: 33px;
    background: #fff;
    position: relative;
    display: flex;
    margin: 4px 0;
  }
  button:focus {
    outline: 0  
  }
  .navbar-light .navbar-nav .nav-link {
    padding: 1rem;
  }
  .dropdown-menu {
    background:#fff;
    border: 1px solid #ddd;
    border-radius: 0;
  }
  .dropdown-item {
    border: 0;
    padding: .45rem 2rem;
  }
}
@media (min-width: 576px) {
  .container {
    width: 96%;
    max-width: 100%;
  }
}