/* -----------------------------------------
   Custom.css - put your own changes here 
----------------------------------------- */

.timebar {

  position:relative;
  width:100%;
  display:block;

}

.timebar2 {

  position: absolute;
  background-color:#fff;
  border:1px solid #000;
  text-align: center;
  z-index: 100;
  bottom:0px;
  height:6px;
  width:100%;

}

.timebar3 {
  
  position: absolute;
  background-color:#f00;
  height:4px;
  z-index: 500;
  left:0px;

}

img.logohead {

	width:300px;
	text-align: center;
	padding:10px;
	margin:10px;

}

.navbar-logo {

	text-align:center;

}

.header-logo {

	width:250px;
	padding-top:15px;
}

.login-container {

	padding-top:50px;
}

body.login-page {

	/* background-image: url('../img/login.jpg'); */
  background:none;
  background-color: white;
	background-repeat: no-repeat;
	background-size: cover;


}


.notification.black {
  background: #000;
}

.notification.gray {
  background: #ccc;

}

.notification.orange {
  background: #ed850e;

}

.notification {
	background: #900;
}

.priority img {
	width:100px;
}

.nowrap {

	white-space:nowrap !important;
}

.stats-btn:hover {
  border-color: #c29b9b;
}

.clear {

	clear:both;

}

.userprofile dt, .userprofile dd{

	text-align:left !important;
	line-height: 2em;

}

.agentprofile dt, .agentprofile dd{

	text-align: right !important;
	margin:0 !important;

}

.agentprofile dt {

	width:80px;
	text-align: left !important;
}

.viewproperty dt, .viewproperty dd {

line-height: 2em;

}

.center { 

  text-align: center !important;

 }

 .clickable-row {

  cursor: pointer;

 }

 .left {

  text-align:left !important;

 }

 .sidebar-widget .admin {

  background-color: #565656 !important;
  background: none;
  color:#fff;

 }

 .sidebar-widget .team {

  background-color: #565656 !important;
  background: none;
  color:#fff;

 }


.register {

width:75%;
  padding-top:150px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.choose {

  padding-top:150px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.choosei {

  width:100%;
  max-width:218px;

}

#comboadd {

display: none;

}

#inveditlines {

  display:none;

}


.inspectblobint {

color: #6a0270 !important;
padding-left:10px !important;
text-shadow: 1px 1px 1px #000 !important;
font-size:20px;
padding-bottom:2px;
margin:0px;
line-height:0.5em;
}

.inspectblobinted {

color: #17772c !important;
padding-left:10px !important;
text-shadow: 1px 1px 1px #000 !important;
font-size:20px;
padding-bottom:2px;
margin:0px;
line-height:0.5em;
}

.inspectblobexp {

color: #17772c !important;
padding-left:5px !important;
text-shadow: 1px 1px 1px #000 !important;
font-size:20px;
padding-bottom:2px;
margin:0px;
line-height:0.5em;

}


.blinking {

  animation: blinker 2s linear infinite;

}

@keyframes blinker {  
  50% { opacity: 0; }
}

.blinker {

  animation: blinking 2s linear infinite;

}

@keyframes blinking {  
  50% { 
    border: 1px solid red;
    filter: brightness(50%);
   }
}


.blinker2 {

  animation: blinking2 2s linear infinite;

}

@keyframes blinking2 {  
  50% { 
    filter: brightness(60%);
   }
  60% {
    filter: brightness(80%);
  }
  70% {
    filter: brightness(70%);
  }  
}

.inspadint {

position:absolute !important;
right:5px !important;
padding-top:1px;

}

.inspadint2 {

position:absolute !important;
left:5px !important;
padding-top:2px;

}

.inspadint3 {

position:absolute !important;
left:5px !important;
padding-top:0px;

}

.inspectblob {

color: #6a0270 !important;
padding-left:5px !important;
text-shadow: 1px 1px 1px #000 !important;
font-size:20px;
padding-bottom:2px;
}

.inspectblobd {

color: #17772c !important;
padding-left:5px !important;
text-shadow: 1px 1px 1px #000 !important;
font-size:20px !important;
padding-bottom:2px;
}

.butabs {

position:relative;

}

.inspectblobexpd {

color: #17772c !important;
padding-left:5px !important;
text-shadow: 1px 1px 1px #000 !important;
font-size:20px !important;
padding-bottom:2px;
}

.inspad {

position:absolute !important;
right:5px !important;

}

.aemail {

  line-height:12px;
  font-size: 12px;
  padding:1px;
  width:15px;

}

.right {

  text-align :right;
}

.header-text {

/* text-shadow: 0.5px 0.5px 2px #000; */
text-transform: uppercase;
color:#fff;

}

.header-text-black {

/* text-shadow: 0.5px 0.5px 2px #fff; */
text-transform: uppercase;
color:#000;

}

.header-text-grey {

/* text-shadow: 0.5px 0.5px 1.5px #888; */
text-transform: uppercase;
color:#000;

}

.right-header {

  padding-top:9px;
  padding-right:20px;
  font-size:16px;
  font-weight:900;
  line-height: 18px;
}

.accsum {

  font-size:30px;

}

.accsumprice {

  font-size:20px;

}

/*Red style*/
.notification-l {
  padding: 0px 7px 0px 7px;
  color: #fff;
  background: #ed7a53;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-weight: 700;
  font-size: 12px;
  font-family: Tahoma;
  position: absolute;
  top: -11px;
  left: -10px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
  text-shadow: none;
  /*green style*/
  /*blue style*/
}
.notification-l.green {
  background: #9fc569;
}
.notification-l.blue {
  background: #88bbc8;
}

.notification-l.black {
  background: #000;
}

.notification-l.gray {
  background: #ccc;

}

.notification-l {
  background: #900;
}

.tracker-l {

  width:110px;

}

.tracker-r {

  width:65px;

}

.matrixcopytext {

  
  letter-spacing: -0.5px;

}

.moreBorder {

  border-width:3px !important;
}

.s19 {

  font-size:19px;
}

.total {


border-width: 2px;
border-color: #999;

}


.sweet-alert h2 { 

padding:20px !important;
font-size:16px;

 }

.justify {

  text-align:justify;
}



.addressbox {


  min-height:320px;

}

.jblogo {

  max-width:100%;
  max-height:100px;
  padding-top: 10px;

}

.jblogobox {

  float:right;
  max-width:40%;
  padding:0px 0px 15px 15px;

}

.rounded {

  border-radius : 10px !important;
}

.breadcrumb {

  display :none !important;

}

#searchform {

  display: none !important;

}


#sidebar .sidenav .mainnav ul li .sub li a:hover {

  color:#fff;

  }


#sidebar .sidenav .mainnav ul li .sub li a i[class*=" icon-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" brocco-icon-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" cut-icon-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" entypo-icon-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" icomoon-icon-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" minia-icon-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" iconic-icon-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" meteo-icon-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" silk-icon-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" typ-icon-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" wpzoom-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" eco-"],
#sidebar .sidenav .mainnav ul li .sub li a i[class*=" fa-"] {
  padding-left: 20px;
  padding-right: 7px;
  vertical-align: top;
  margin-top: -1px;
  line-height: inherit;
}


#sidebar .sidenav .mainnav ul li .sub li.menusp {
  background-image: linear-gradient(to bottom, #ffdddd 0%, #ffcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff3f3f3', GradientType=0);
  color: #1f1f1f;
}


#sidebar .sidenav .mainnav ul li .sub li.menusp a:hover {
  background-image: linear-gradient(to bottom, #ffcccc 0%, #ffaaaa 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff3f3f3', GradientType=0);
  color: #1f1f1f;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
}


.houseicon {

  width:16px;
  padding-top: 3px;

}


.deptbox {

  position: relative;

}

.depts {

  position: absolute;
  top:-10px;
  left:16px;

}

.depticon {

  opacity: 0.1;
  padding: 0;
  margin-right: 1px;

}

.depticon1 {

  color:#c60000;
  opacity: 0.7;
  padding: 0;
  margin-right: 1px;

}

.depticon2 {

  color:#8e008c;
  opacity: 0.7;
  padding: 0;
  margin-right: 1px;
  
}

.depticon3 {

  color:#a34400;
  opacity: 0.7;
  padding: 0;
  margin-right: 1px;
  
}

.depticon4 {

  color:#000000;
  opacity: 0.9;
  padding: 0;
  margin-right: 1px;
  
}

.depticon5 {

  color:#181899;
  opacity: 0.8;
  padding: 0;
  margin-right: 1px;
  
}

.depticon6 {

  color:#01560d;
  opacity: 0.7;
  padding: 0;
  margin-right: 1px;
  
}

.depticon7 {

  color:#00a0a3;
  opacity: 0.7;
  padding: 0;
  margin-right: 1px;
  
}

.depticon8 {

  color:#720065;
  opacity: 0.7;
  padding: 0;
  margin-right: 1px;
  
}  .darkgreen {

    color:#0d510d;
    
  }

  .darkblue { 


    color: #0c027c;

   }

   .hand {

    cursor: pointer;
   }


.btn {

  border-radius: 4px;

}

.borderred {

border:2px solid #d00 !important;

}

.borderred1 {

border:1px solid #d00 !important;

}

.bordergreen1 {

border:1px solid #080 !important;

}

.borderorange1 {

border:1px solid #c65b09 !important;

}


.borderblack1 {

border:1px solid #000 !important;

}


.redline {

  background-color: #fcbaba;

}

.greenline {

    background-color: #d3ffd3;

}

.table.keysafe th,
.table.keysafe tr td {
  border-bottom: 1px solid #888 !important;
}

.primary {

color: #000;

}

.scheduleform { 

  display:inline !important;

}


.invsystem {

  color: #30ccff !important;

}


.fc-scroller > * {
  overflow: visible !important; 
}


.inspgbp {

color:#d283ef !important;
text-shadow: 0.5px 0.5px #000;

}

.overduebox {

position:relative;

}

.overdue {

position:absolute !important;
top:65%;
font-size:10px;
font-weight:900;
z-index:100;
background-color:#fff;
padding:0px;
margin:0px;
opacity: 0.9;
text-align:right !important;

}

.overdue1 {

  right:-10% !important;
  color:#f00 !important;

}

.overdue2 {

  right:-10% !important;
  color:#080 !important;

}


.bootstrap-timepicker-widget {
width: 180px !important;
padding: 5px;

 }

.pnotes {

  clear:both;
  margin:10px;
    border: 0;
    height: 1px;
    background: #ccc;
    background-image: linear-gradient(to right, #eee, #aaa, #eee);

}

.notetext {

  color:#072d0f;
  margin-right:10px;
  margin-left:10px;
  text-align: justify;

}

.notetext2 {

  color:#a80000;
  margin-left:10px;
  margin-right:10px;
  text-align: justify;

}

.noteid {

  margin-left:20px;
  text-align: left;


}

.noteid2 {

  margin-right:20px;
  text-align: right;

}

.fvr {

  background-color:#ebfc2d !important;

}

.black {

  color:#000 !important;

}


.rewards {

  position: relative;
  font-weight: 900;

}

.rewards .gc50 {

  position: absolute;
  top:0px;

}

.rewards .gc25 {

  position: absolute;
  top:250px;

}


.rewards .gc10 {

  position: absolute;
  top:400px;
  height:60px;

}

.rewards img {

border-radius: 10px;
margin:-20px 5px 0px 5px;
box-shadow:1px 1px 2px #000;

}

.rewardclaim {

  text-align: center;
  padding:0px 10px;
  font-weight: 900;

}

.rewardclaim img {

  margin-top:20px;
  height:60px;

}

.bred {

  border:1px #800 solid !important;
}

.bexp {

  border:1px #000 solid !important;
}

.oplow {

  opacity: 0.2;
}

.op30 {

  opacity: 0.3;
}

.op50 {

  opacity:0.5;
  
}
.dropzone {

  clear:both;
  padding-bottom: 20px;

}

.keysafeicon img {

  max-height:40px;
  padding:5px;

}

.keysafeicon {

  font-weight: bold;

}

.keysafenum {

  position:absolute;
  top:6%;
  left:17%;
  font-size:20px;
  text-shadow: 1px 1px 1px #000;
  background-color: #fff;
  padding:0px 5px;
  border:2px solid #000;

}

.payment {

  width:100%;
  height:700px;

}

.tendexp {

  animation: pulse 2s infinite;

}

.italic {

  font-style: italic;
}

.lhn {

  line-height: normal;

}

@keyframes pulse {

  0% {
    color: #000;
  }

  50% {
    color: #fff;      
  }

  100% {
    color: #000;
  }
}

.tendlive {

  color: #000;

}

.propimage {

  width:100%;
  max-width:350px;
  max-height:350px;
  box-shadow: 4px 4px 8px #000;
}

/* -----------------------------


GRADIENTS

-------------------------------- */
.btn.btn-eco {
  background-image: linear-gradient(to bottom, #ea1515 0%, #b50101 100%);
  background-repeat: repeat-x;
  border-color: #7f0101;
  color:#ffffff;
}
.btn.btn-eco:hover,
.btn.btn-eco:focus {
  background-color: #b50101;
  background-position: 0 -15px;
}
.btn.btn-eco:active,
.btn.btn-eco.active {
  background-color: #b50101;
  border-color: #7f0101;
}
.btn.btn-eco i {
  color: #ffffff;
}


.btn.btn-p1 {
  background-image: linear-gradient(to bottom, #c9520e 0%, #c64800 100%);
  background-repeat: repeat-x;
  border-color: #77330b;
  color:#ffffff;

}
.btn.btn-p1:hover,
.btn.btn-p1:focus {
  background-color: #c64800;
  background-position: 0 -15px;
}
.btn.btn-p1:active,
.btn.btn-p1.active {
  background-color: #c64800;
  border-color: #77330b;
}
.btn.btn-p1 i {
  color: #ffffff;
}


.btn.btn-p2 {
  background-image: linear-gradient(to bottom, #66c2ff 0%, #0099ff 100%);
  background-repeat: repeat-x;
  border-color: #007acc;
  color:#ffffff;

}
.btn.btn-p2:hover,
.btn.btn-p2:focus {
  background-color: #0099ff;
  background-position: 0 -15px;
}
.btn.btn-p2:active,
.btn.btn-p2.active {
  background-color: #0099ff;
  border-color: #007acc;
}
.btn.btn-p2 i {
  color: #ffffff;
}


.btn.btn-p3 {
  background-image: linear-gradient(to bottom, #668cff 0%, #0033cc 100%);
  background-repeat: repeat-x;
  border-color: #0033cc;
  color:#ffffff;

}
.btn.btn-p3:hover,
.btn.btn-p3:focus {
  background-color: #0033cc;
  background-position: 0 -15px;
}
.btn.btn-p3:active,
.btn.btn-p3.active {
  background-color: #0033cc;
  border-color: #0033cc;
}
.btn.btn-p3 i {
  color: #ffffff;
}

.btn.btn-pfxc {
  background-image: linear-gradient(to bottom, #3333ff 0%, #0000cc 100%);
  background-repeat: repeat-x;
  border-color: #000080;
  color:#ffffff;

}
.btn.btn-pfxc:hover,
.btn.btn-pfxc:focus {
  background-color: #0000cc;
  background-position: 0 -15px;
}
.btn.btn-pfxc:active,
.btn.btn-pfxc.active {
  background-color: #0000cc;
  border-color: #000080;
}
.btn.btn-pfxc i {
  color: #ffffff;
}


.btn.btn-prj {
  background-image: linear-gradient(to bottom, #7640f7 0%, #7742f4 100%);
  background-repeat: repeat-x;
  border-color: #4912cc;
  color:#ffffff;

}
.btn.btn-prj:hover,
.btn.btn-prj:focus {
  background-color: #7742f4;
  background-position: 0 -15px;
}
.btn.btn-prj:active,
.btn.btn-prj.active {
  background-color: #7742f4;
  border-color: #4912cc;
}
.btn.btn-prj i {
  color: #ffffff;
}

.btn.btn-psus {
  background-image: linear-gradient(to bottom, #3b3f3d 0%, #000000 100%);
  background-repeat: repeat-x;
  border-color: #272828;
  color:#ffffff;

}
.btn.btn-psus:hover,
.btn.btn-psus:focus {
  background-color: #656d69;
  background-position: 0 -15px;
}
.btn.btn-psus:active,
.btn.btn-psus.active {
  background-color: #656d69;
  border-color: #272828;
}
.btn.btn-psus i {
  color: #ffffff;
}

.panel.status-psus .panel-heading {
  background: none !important;
  background-image: linear-gradient(to bottom, #3b3f3d 0%, #000000 100%) !important;
  background-repeat: repeat-x;
  color:#ffffff !important;
}

.panel.status-psus .panel-heading h4 {
  color:#ffffff !important;
  text-shadow: 0.5px 0.5px #555;
}
.btn.btn-1 {
  background-image: linear-gradient(to bottom, #990d12 0%, #8f0514 100%);
  background-repeat: repeat-x;
  border-color: #8b0211;
  color:#ffffff;

}

.btn.btn-1:hover,
.btn.btn-1:focus {
  background-color: #8f0514;
  background-position: 0 -15px;
}
.btn.btn-1:active,
.btn.btn-1.active {
  background-color: #8f0514;
  border-color: #8b0211;
}
.btn.btn-1 i {
  color: #ffffff;
}


.panel.status-1 .panel-heading {
  background-image: linear-gradient(to bottom, #990d12 0%, #8f0514 100%);
  background-repeat: repeat-x;
}


.btn.btn-2 {
  background-image: linear-gradient(to bottom, #b5230a 0%, #b6220b 100%);
  background-repeat: repeat-x;
  border-color: #b31f09;
  color:#ffffff;

}
.btn.btn-2:hover,
.btn.btn-2:focus {
  background-color: #b6220b;
  background-position: 0 -15px;
}
.btn.btn-2:active,
.btn.btn-2.active {
  background-color: #b6220b;
  border-color: #b31f09;
}
.btn.btn-2 i {
  color: #ffffff;
}


.panel.status-2 .panel-heading {
  background-image: linear-gradient(to bottom, #b5230a 0%, #b6220b 100%);
  background-repeat: repeat-x;
}

.btn.btn-3 {
  background-image: linear-gradient(to bottom, #f14415 0%, #d33804 100%);
  background-repeat: repeat-x;
  border-color: #d03501;
  color:#ffffff;

}
.btn.btn-3:hover,
.btn.btn-3:focus {
  background-color: #d33804;
  background-position: 0 -15px;
}
.btn.btn-3:active,
.btn.btn-3.active {
  background-color: #d33804;
  border-color: #d03501;
}
.btn.btn-3 i {
  color: #ffffff;
}

.panel.status-3 .panel-heading {
  background-image: linear-gradient(to bottom, #f14415 0%, #d33804 100%);
  background-repeat: repeat-x;
}

.btn.btn-3-5 {
  background-image: linear-gradient(to bottom, #800499 0%, #6f0584 100%);
  background-repeat: repeat-x;
  border-color: #6d0281;
  color:#ffffff;

}
.btn.btn-3-5:hover,
.btn.btn-3-5:focus {
  background-color: #6f0584;
  background-position: 0 -15px;
}
.btn.btn-3-5:active,
.btn.btn-3-5.active {
  background-color: #6f0584;
  border-color: #6d0281;
}
.btn.btn-3-5 i {
  color: #ffffff;
}

.panel.status-3-5 .panel-heading {
  background-image: linear-gradient(to bottom, #800499 0%, #6f0584 100%);
  background-repeat: repeat-x;
}

.btn.btn-4 {
  background-image: linear-gradient(to bottom, #e79505 0%, #da7100 100%);
  background-repeat: repeat-x;
  border-color: #d86c00;
  color:#ffffff;
  text-shadow: 0.5px 0.5px #555;
}
.btn.btn-4:hover,
.btn.btn-4:focus {
  background-color: #da7100;
  background-position: 0 -15px;
}
.btn.btn-4:active,
.btn.btn-4.active {
  background-color: #da7100;
  border-color: #d86c00;
}
.btn.btn-4 i {
  color: #ffffff;
}

.panel.status-4 .panel-heading {
  background-image: linear-gradient(to bottom, #e79505 0%, #da7100 100%);
  background-repeat: repeat-x;
}

.btn.btn-5 {
  background-image: linear-gradient(to bottom, #ddc402 0%, #df9d00 100%);
  background-repeat: repeat-x;
  border-color: #dc9a00;
  color:#000;
  text-shadow: 0.5px 0.5px #ccc;
}
.btn.btn-5:hover,
.btn.btn-5:focus {
  background-color: #df9d00;
  background-position: 0 -15px;
}
.btn.btn-5:active,
.btn.btn-5.active {
  background-color: #df9d00;
  border-color: #dc9a00;
}
.btn.btn-5 i {
  color: #000;
}

.panel.status-5 .panel-heading {
  background-image: linear-gradient(to bottom, #ddc402 0%, #df9d00 100%);
  background-repeat: repeat-x;
}

.btn.btn-5-5 {
  background-image: linear-gradient(to bottom, #f0f319 0%, #deaa0a 100%);
  background-repeat: repeat-x;
  border-color: #dba807;
  color:#000;
  text-shadow: 0.5px 0.5px #ccc;
}
.btn.btn-5-5:hover,
.btn.btn-5-5:focus {
  background-color: #deaa0a;
  background-position: 0 -15px;
}
.btn.btn-5-5:active,
.btn.btn-5-5.active {
  background-color: #deaa0a;
  border-color: #dba807;
}
.btn.btn-5-5 i {
  color: #000;
}


.panel.status-5-5 .panel-heading {
  background-image: linear-gradient(to bottom, #f0f319 0%, #deaa0a 100%);
  background-repeat: repeat-x;
}

.btn.btn-6 {
  background-image: linear-gradient(to bottom, #7bc802 0%, #8ee800 100%);
  background-repeat: repeat-x;
  border-color: #5cb500;
  color:#000;
  text-shadow: 0.5px 0.5px #ccc;
}
.btn.btn-6:hover,
.btn.btn-6:focus {
  background-color: #8ee800;
  background-position: 0 -15px;
}
.btn.btn-6:active,
.btn.btn-6.active {
  background-color: #8ee800;
  border-color: #5cb500;
}
.btn.btn-6 i {
  color: #000;
}


.panel.status-6 .panel-heading {
  background-image: linear-gradient(to bottom, #7bc802 0%, #8ee800 100%);
  background-repeat: repeat-x;
}

.btn.btn-7 {
  background-image: linear-gradient(to bottom, #578b04 0%, #69a709 100%);
  background-repeat: repeat-x;
  border-color: #368406;
  color:#ffffff;
  text-shadow: 0.5px 0.5px #555;
}
.btn.btn-7:hover,
.btn.btn-7:focus {
  background-color: #69a709;
  background-position: 0 -15px;
}
.btn.btn-7:active,
.btn.btn-7.active {
  background-color: #69a709;
  border-color: #368406;
}
.btn.btn-7 i {
  color: #ffffff;
}

.panel.status-7 .panel-heading {
  background-image: linear-gradient(to bottom, #578b04 0%, #69a709 100%);
  background-repeat: repeat-x;
}

.btn.btn-8 {
  background-image: linear-gradient(to bottom, #03611b 0%, #377c16 100%);
  background-repeat: repeat-x;
  border-color: #347913;
  color:#ffffff;
  text-shadow: 0.5px 0.5px #333;
}
.btn.btn-8:hover,
.btn.btn-8:focus {
  background-color: #377c16;
  background-position: 0 -15px;
}
.btn.btn-8:active,
.btn.btn-8.active {
  background-color: #377c16;
  border-color: #347913;
}
.btn.btn-8 i {
  color: #ffffff;
}

.panel.status-8 .panel-heading {
  background: none;
  background-image: linear-gradient(to bottom, #03611b 0%, #377c16 100%);
  background-repeat: repeat-x;
}



.dropdown-p {

  padding: 4px 10px;
  color: #333333;
  transition: all;
  transition-duration: 0.4s;

}

.dropdown-p a:hover {

text-decoration: none;
background-color: #dddddd !important;

}

.tick {

	width:16px;

}

#users td, th {

	text-align:center;

}

.dataTables_filter input {

  width: 200px !important;

 }

.sorqty {

  width:25px !important; 
}


#sors {

  font-size:12px;

}

#customsorentry .form-control {

  font-size:12px !important;

}

.transferarrow {

  position: relative;
  top:-30px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000000;
}

.transfernotes {

  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  line-height: 18px;
    font-size: 11px;
    color: #f00;
}

.dnotes {

  margin:5px;

}

.dnotes:nth-child(even) 

{

  color:#030;

}

.dnotes:nth-child(odd) 

{

  color:#300;

}


.shadow {

  text-shadow: 2px 4px 8px #000;

}

.keyin {

  color: #008800;
  font-weight: bold;

}

.discount {

margin-top:10px;
padding:10px !important;
font-size:20px !important;
font-weight: bold !important;
background-color:#c46500 !important;
border:1px solid #000;
color:#fff;

}

/* -----------------------------------------
   Portlets
----------------------------------------- */
.panel {
  box-shadow: 0 1px 0px #ffffff;
  margin-bottom: 25px;
  border: none;
  position: relative;
}
.panel:hover {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  transition: all 1s ease;
}
.panel .panel-heading {
  height: auto;
  position: relative;
  border: 1px solid #c4c4c4;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 1px 0px #ffffff;
  padding: 0;
}
.panel .panel-heading h4 {
  padding-left: 15px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 9px;
  min-height: 37px;
  display: inline-block;
  line-height: 17px;
}
.panel .panel-heading h4 i {
  margin-left: 0;
  font-size: 16px;
}
.panel .panel-heading .panel-controls-right {
  width: auto;
  float: right;
  position: absolute;
  right: 10px;
  top: 0;
}
.panel .panel-heading .panel-controls-right.panel-controls-hide {
  display: none;
}
.panel .panel-heading .panel-controls-right a {
  text-decoration: none;
  float: left;
  width: auto;
  padding: 10px 2px;
}
.panel .panel-heading .panel-controls-right a i {
  font-size: 10px;
  color: #333333;
}
.panel .panel-heading .panel-controls-right a:hover i {
  color: #404040;
}
.panel .panel-heading.min {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.panel .panel-body {
  border: 1px solid #c4c4c4;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: none;
  background-color: #fff;
  position: relative;
}
.panel .panel-body:before,
.panel .panel-body:after {
  content: " ";
  display: table;
}
.panel .panel-body:after {
  clear: both;
}
.panel .panel-body .page-header {
  margin: 25px 0 15px;
  padding-bottom: 0px;
}
.panel .panel-body .page-header h1,
.panel .panel-body .page-header h2,
.panel .panel-body .page-header h3,
.panel .panel-body .page-header h4,
.panel .panel-body .page-header h5,
.panel .panel-body .page-header h6 {
  font-weight: normal;
}
.panel .panel-body .scroll-horizontal {
  overflow-x: hidden;
}
.panel .panel-body.noPad {
  padding: 0;
}
.panel .panel-footer {
  border: 1px solid #c4c4c4;
  border-top: none;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%) !important;
  background-repeat: repeat-x;
}
.panel div.panel-body:first-of-type {
  border-top: 1px solid #c4c4c4;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.panel div.panel-body:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.panel.plain .panel-heading {
  background: none !important;
  border-bottom: none;
}
.panel.plain .panel-heading.min {
  border-bottom: 1px solid #c4c4c4;
}
.panel.panel-default .panel-heading {
  background-image: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%) !important;
  background-repeat: repeat-x;
}
.panel.panel-success .panel-heading {
  background-image: linear-gradient(to bottom, #c5dda3 0%, #8db652 100%) !important;
  background-repeat: repeat-x;
  border-color: #9fc569;
}
.panel.panel-success .panel-body {
  border-color: #9fc569;
}
.panel.panel-success .panel-body:first-of-type {
  border-color: #9fc569;
}
.panel.panel-success .panel-footer {
  border-color: #9fc569;
  background-image: linear-gradient(to bottom, #c5dda3 0%, #8db652 100%) !important;
  background-repeat: repeat-x;
}
.panel.panel-success.plain .panel-heading {
  color: #333333;
}
.panel.panel-danger .panel-heading {
  background-image: linear-gradient(to bottom, #f2aa92 0%, #ec693c 100%) !important;
  background-repeat: repeat-x;
  border-color: #ed7a53;
}
.panel.panel-danger .panel-body {
  border-color: #ed7a53;
}
.panel.panel-danger .panel-body:first-of-type {
  border-color: #ed7a53;
}
.panel.panel-danger .panel-footer {
  border-color: #ed7a53;
  background-image: linear-gradient(to bottom, #f2aa92 0%, #ec693c 100%) !important;
  background-repeat: repeat-x;
}
.panel.panel-danger.plain .panel-heading {
  color: #333333;
}
.panel.panel-warning .panel-heading {
  background-image: linear-gradient(to bottom, #f8cd8f 0%, #f4ad49 100%) !important;
  background-repeat: repeat-x;
  border-color: #f4ad49;
}
.panel.panel-warning .panel-body {
  border-color: #f4ad49;
}
.panel.panel-warning .panel-body:first-of-type {
  border-color: #f4ad49;
}
.panel.panel-warning .panel-footer {
  background-image: linear-gradient(to bottom, #f8cd8f 0%, #f4ad49 100%) !important;
  background-repeat: repeat-x;
  border-color: #f4ad49;
}
.panel.panel-warning.plain .panel-heading {
  color: #333333;
}
.panel.panel-primary .panel-heading {
  background-image: linear-gradient(to bottom, #5cadd6 0%, #1e86ba 100%) !important;
  background-repeat: repeat-x;
  border-color: #3399cc;
}
.panel.panel-primary .panel-body {
  border-color: #3399cc;
}
.panel.panel-primary .panel-body:first-of-type {
  border-color: #3399cc;
}
.panel.panel-primary .panel-footer {
  background-image: linear-gradient(to bottom, #5cadd6 0%, #1e86ba 100%) !important;
  background-repeat: repeat-x;
  border-color: #3399cc;
}
.panel.panel-primary.plain .panel-heading {
  color: #333333;
}
.panel.panel-info .panel-heading {
  background-image: linear-gradient(to bottom, #7ac2e6 0%, #4faede 100%) !important;
  background-repeat: repeat-x;
  border-color: #4faede;
}
.panel.panel-info .panel-body {
  border-color: #4faede;
}
.panel.panel-info .panel-body:first-of-type {
  border-color: #4faede;
}
.panel.panel-info .panel-footer {
  background-image: linear-gradient(to bottom, #7ac2e6 0%, #4faede 100%) !important;
  background-repeat: repeat-x;
  border-color: #4faede;
}
.panel.panel-info.plain .panel-heading {
  color: #333333;
}
.panel.panel-pattern .panel-heading {
  /* background: url(../img/patterns/2.png) repeat; */
  background-color:#fefefe;
}
.panel.panel-pattern-1 .panel-heading {
  /* background: url(../img/patterns/4.png) repeat; */
  background-color:#fefefe;
}
.panel.panel-pattern-2 .panel-heading {
  /* background: url(../img/patterns/7.png) repeat; */
  background-color:#fefefe;
}
.panel-refresh-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a2aaac;
  opacity: 0.2;
  filter: alpha(opacity=20);
  border-radius: 2px;
}
.ui-sortable .panel-heading {
  cursor: move;
}
.panel-placeholder {
  border: 4px dashed #c4c4c4;
  background: #f3f3f3;
  margin-bottom: 25px;
  border-radius: 2px;
  visibility: visible !important;
}

.print {

  width:18cm;

}


@media all and (max-width: 1100px) {


.tradedate {

  font-size:14px !important;

}

}


@media all and (max-width: 1024px) {

.stats-btn .txt {
  line-height: 11px;
  text-align: center;
  font-size: 11px;
}

.tradedate {

  font-size:12px !important;

}

  }


@media all and (max-width: 981px) {

.tradedate {

  font-size:18px !important;

}

  }


  @media all and (max-width: 800px) {

.stats-btn .txt {
  line-height: 10px;
  text-align: center;
  font-size: 10px;
}


  }

    @media all and (max-width: 767px) {

.stats-btn .txt {
  line-height: 12px;
  text-align: center;
  font-size: 12px;
}


  }

  .fc-scroller {

  height: 850px !important;

}

.panel .panel-heading .panel-controls-right a i {

  color: #484848 !important;

}

    .deptheatbox {
        width:50px;
        text-align: center;
        float:left;
        margin-right: 20px; 
        font-size:10px;
        border: 1px solid #aaa;
          }

    .deptheat { 

        position: relative;
        height:30px;
        background-color: #ccc;

        ; }

    .deptheatmean {

        position:relative;
        top:21%;
        font-size:16px;
        text-align:center;

    }    

    .deptheathot {

        position:absolute;
        background-color: #a00;
        padding:2px;
        line-height: 10px;
        color:white;
        z-index:1000;
        top:-10px;
        right:-20%;
        min-width:25px;
        font-size:11px;


    }

    .deptheat0 {

        background-color: #cfc;

    }

    .deptheat1 {

        background-color: #fcc36f;

    }

    .deptheat2 {

        background-color: #ff8e8e;

    }    
 
 @media all and (max-width: 1630px) {

        .deptheatcontainer {
          
          display:none !important;
          
        }


  }

.small-caps {

  font-variant: small-caps;
  
}

.lh20 {

  line-height: 30px !important;

}

.killbutton {

  background: none;
  border: none;

}

@keyframes drawArc1 {
    100%   { transform: rotate(150deg); transform-origin: 25% 25%; }
    0% { transform: rotate(0deg); transform-origin: 25% 25%; }
}

@keyframes drawArc2 {
    100%   { transform: rotate(-150deg);}
    0% { transform: rotate(0deg); }
}


.nwrapper {
    width: 100%;
    margin: 400px 25% 0;
    animation: drawArc1 61s linear infinite;

}

.ninner {    
    border-radius: 50%;
    display: inline-block;
    padding: 30px;    
    background: none;
    animation: drawArc2 61s linear infinite;
}

.wrap-overflow {

  overflow-wrap: break-word;

}

.buttonText {

  font-size: 10px;

}

.surveyImage {

  border-radius:10px;
  box-shadow: 2px 2px 2px #777;

}

.pointer {

  cursor: pointer;

}

.moveCursor {
  
    cursor: move;
  
  
}

.survey-bg {

  background-color: #ffffee;
  margin:5px -5px 5px -5px;
  border:1px solid #ddd;

}

.wrap {
  white-space: normal !important;  
}

.expiring {

  background-color : #ff6700;
  border: 1px solid rgb(234, 156, 115);
  color:#fff;

}

.expired {

  background-color : #ff6700;
  border: 1px solid #565656;
  color:#fff;

}

.expireText {

  height:100px;
  overflow: auto;

}

.dataImg {

  margin-top:10px;
  height:90px;

}



/* -----------------------------------------
   Datasheets
----------------------------------------- */

.databox {

  height: 200px; 
  margin:20px;
  border:1px solid #fff;
  border-radius: 10px;

}

.databox-red {

  border-left:3px solid #f00;
  background-color:rgb(249, 224, 224);

}

.databox-yellow {

  border-left:3px solid rgba(246, 156, 0, 0.934);
  background-color:rgb(255, 237, 211);

}

.databox-green {

  border-left:3px solid rgb(0, 164, 27);
  background-color:rgb(219, 251, 221);

}

.databox-gray {

  border-left:3px solid rgb(118, 118, 118);
  background-color:rgb(228, 228, 228);

}

.dataDesc-red { 
  color:#f00;
  font-size:14px;
  font-weight: bold;
}

.dataDesc-yellow { 
  color:rgb(255, 132, 0);
  font-size:14px;
  font-weight: bold;
}

.dataDesc-green { 
  color:rgb(1, 121, 15);
  font-size:14px;
  font-weight: bold;
}

.dataDesc-gray { 
  color:rgb(89, 89, 89);
  font-size:14px;
  font-weight: bold;
}

/* ------- */

.postcodeLookup {

  padding:20px;
  border:2px solid #ff6700;
  border-radius:8px;

}

.postcodeLookup #message {

  padding:10px;
  font-weight:900;

}

.postcodeLookup #results {

  border:2px solid rgb(150, 24, 24);


}

.status1 { background-color: rgb(157, 0, 0); }
.status2 { background-color: rgb(208, 0, 0); }
.status3 { background-color: rgb(213, 64, 38); }
.status4 { background-color: rgb(242, 148, 7); }
.status5 { background-color: rgb(247, 210, 0); }
.status-schd { background-color: rgb(228, 221, 29); }
.status6 { background-color: rgb(169, 232, 70); }
.status7 { background-color: rgb(101, 163, 0); }
.status8 { background-color: rgb(49, 133, 0); }
.status9 { background-color: rgb(49, 133, 0); }
.status10 { background-color: rgb(49, 133, 0); }
.status0 { background-color: rgb(38, 38, 38); }
.status-1 { background-color: rgb(84, 84, 84); }
.status-99 { background-color: rgb(165, 165, 165); }
.status-exp { background-color: rgb(22, 21, 21); border: 2px solid rgb(204, 2, 2);}

#header i  {
  color:#ff6700;
}

.mainnav i, #sidebar i {
  color:#ff6700;
}

.mainnav, #header > li > a {
  background-color: #fff;
}

.rColor, .panel-title i {
  color: #ff6700;
}

.rColor-btn {
  background-color: #ff6700;
  color:#fff;
  line-height:20px;
}

.rColor-btn:hover {
  background-color:#565656;
  color:#fff;
  box-shadow: 1px 1px 2px #ccc;
}

.bColor-btn, .bColor-btn > i {
  background-color: #565656;
  color:#fff;
  line-height:20px;
}

.bColor-btn:hover {
  color:#fff;
  box-shadow: 1px 1px 2px #ccc;
}

.panel-title {
  text-transform: uppercase;
}

.shrink .header-logo {
  padding-top:6px;
  width:225px;
  transition: all;
  transition-duration: 1s;
}

#searchBar {
  height:36px;
  border-radius:3px;
}

.text-shadow {
  text-shadow:2px 2px 2px #000;
}

.text-shadow-off {
  text-shadow:none;
}

.heading #jobID {
  border-radius: 4px 4px 0 0;
  background-color: #ff6700;
  padding: 5px 10px;
  color: #fff;
  font-weight: 300;
  text-shadow: 1px 1px 2px #eb5f00;
}

.heading #propInfo {
  border-radius: 4px 4px 0 0 ;
  background-color: #565656;
  padding: 5px 10px;
  color: #fff;
  font-weight: 300;
  text-shadow: 1px 1px 2px #434343;
}

#footer {
  background-color: #ff6700;
  color:#fff;
}


.overhead-group input[type="number"] {
  width:100%;
}

.overhead-group .checkbox-custom {
  left:47%;
}

.color-estimated {
  background-color: #f2f2f2;
}

.profileImageEdit {
  top:0;
  left:0;

}

#imagePreview {
  max-width:50%;
}

/* Card */

.card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; color:#000;}
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body{ display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; font-weight:700;}
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
  .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0 0 0 8px; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }
}

/* -- default theme ------ */
.card-default{ 
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 24px;
}
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }


/* -- price theme ------ */
.card-price{ border-color: #999; background-color: #ededed; margin-bottom: 24px; }
.card-price > .card-heading,
.card-price > .card-footer{ color: #333; background-color: #fdfdfd; }
.card-price > .card-heading{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-price > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-price > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-price > .card-left{ padding-right: 4px; }
.card-price > .card-right{ padding-left: 4px; }
.card-price .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
.card-price p:last-child{ margin-bottom: 0; }

.card-price .price{ 
  text-align: center; 
  color: #337ab7; 
  font-size: 3em; 
  text-transform: uppercase;
  line-height: 0.7em; 
  margin: 24px 0 16px;
}
.card-price .price small{ font-size: 0.4em; color: #66a5da; }
.card-price .details{ list-style: none; margin-bottom: 24px; padding: 0 18px; }
.card-price .details li{ text-align: center; margin-bottom: 8px; }
.card-price .buy-now{ text-transform: uppercase; }
.card-price table .price{ font-size: 1.2em; font-weight: 700; text-align: left; }
.card-price table .note{ color: #666; font-size: 0.8em; }