.form_err p{ color:red;}
.error { color:#cc0000 !important; position:relative !important; padding-top: 10px !important;}


.group{ 
  position:relative; 
  margin-bottom:20px; 
}
.group input, .group textarea, 	.group select			{
  font-size:px;
  padding:7px 7px 5px 2px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #757575;
}
.group input:focus, .group textarea:focus, .group select:focus		{ outline:none; }

/* LABEL ======================================= */
.group label 				 {
  color:#a19696; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.group input:focus ~ label, input:valid ~ label 		{
  top:-15px;
  font-size:14px;
  color:#72cb28;
}
.group textarea:focus ~ label, input:valid ~ label 		{
  top:-15px;
  font-size:14px;
  color:#72cb28;
}
.group select:focus ~ label, input:valid ~ label 		{
  top:-15px;
  font-size:14px;
  color:#72cb28;
}

/* BOTTOM BARS ================================= */
.group .bar 	{ position:relative; display:block; width:100%; }
.group .bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#72cb28; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.group .bar:before {
  left:50%;
}
.group .bar:after {
  right:50%; 
}

/* active state */
.group input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

.group textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
  width:50%;
}
.group select:focus ~ .bar:before, select:focus ~ .bar:after {
  width:50%;
}


/* HIGHLIGHTER ================================== */
.group .highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.group input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

.group textarea:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

.group select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}




.selectwrap select {

     
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/
      background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat;  /*Adds background-image*/
      background-position: 100% 8px;  /*Position of the background-image*/
      width: 100%; /*Width of select dropdown to give space for arrow image*/
      height: 40px;/*fix for mac input height*/
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      text-overflow: "";  /*Removes default arrow from firefox*/
      cursor: pointer;
      /*My custom style for fonts*/

      
  
}

.profilenew li { text-align:justify;}
.profile-edit { list-style: none;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgba(147, 140, 140, 0.6) !important;}

#customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

#customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
    width:33%;
}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #eeeeee;
    color: Black;
}

@media (max-width: 767px) {
		  .show-mobile {
			display: block !important;
		  }
		  .hide-mobile {
			display: none !important;
		  }
		}

@media (min-width: 768px) {
  .show-mobile {
	display: none !important;
  }
  .hide-mobile {
	display: block !important;
  }
}

.seamo_accordion_head{
  background-color: #7cb854;
  color: white;
  cursor: pointer;
  font-family: arial;
  font-size: 14px;
  margin: 0 0 1px 0;
  padding: 7px 11px;
  font-weight: bold;
}
.seamo_accordion_body p {
  padding: 18px 5px;
  margin: 0px;
}
.plusminus {
  float: right;
}