/*.stage2{
    display: none;


}*/

#back-website .btn-default {
  float: right;
  border: 4px solid #fff;
	padding: 4px;
	display: table;
	padding: 12px 20px;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	line-height: auto;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	outline: 1px solid;
  background-image: none;
  background-color: #579ea7;
  margin-right: 20%;
}
#logo-img .logo {
  margin-top: 2%;
  margin-left: 2%;
  width:160px;
  height:auto;
}
#row-group {
  padding: 0 0 0 10%;
}
#registartion-form .form-control {
  border: 4px solid #fff;
  width: 70%;
  outline: 1px solid #e1e1e1;
  background-color: #f5f5f5;
  box-shadow: none;
  border-radius: 0;
  padding: 0 14px;
  margin: 0 0 10px 0;
}

#registartion-form .btn-default {
  float: right;
  border: 4px solid #fff;
	padding: 4px;
	display: table;
	padding: 12px 20px;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	line-height: auto;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	outline: 1px solid;
  background-image: none;
  background-color: #579ea7;
}
#registartion-form .reg-submit-btn .btn-default {
  margin-right: 0%
}
#registartion-form .reg-submit-btn{
  margin: 0;
  padding-right: 11px;
  padding-left: 11px;
}
#registartion-form .add-another-btn{
  float: left;
}

#page.container{
  width: 100%;
}
#page .span-19{
  width: 100%;
}
body .errorMessage{
    color :red !important;
}

.error {
  color: red !important;
}
.redClass{
    color : red ;
    font-weight: bold;
}
.greenClass{
    color : green ;
    font-weight: bold;
}
.inheritClass{
    color : inherit ;
    font-weight: bold;
}
#forgetPassword-form .errorMessage{
    color :red !important;
}

.popup {
    width:100%;
    height:auto;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
}

/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}

/* Close Button */
.popup-close {
    width:30px;
    height:auto;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:auto;
    color:#fff;
}

.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

/*body {
  padding : 10px ;

}

#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

 remove border radius for the tab

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

 change border radius for the tab , apply corners on top

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}*/

.removePumpForm, .removeTankForm{
    clear: both;
    float: right;
    margin-right: 2px;
    margin-top: 2px;
    cursor: pointer;
    border: grey solid thin;
    line-height: auto;
    font-size: 12px;
    padding: 3px;
    color: #06c;
}

#remove .removeStation{
    clear: both;
    float: right;
    margin-right: 2px;
    margin-top: 2px;
    cursor: pointer;
    border: grey solid thin;
    line-height: auto;
    font-size: 18px;
    padding: 3px;
    font-weight: bold;
}

#station-grid .button-column{
    width: 70px;
}
.btn.btn-metis-6{
    float: right;
}

.grid-view table tr td {cursor: pointer}
#date-form .button-wrapper{
    margin-top: 27px;
}
#date-form .button-wrapper input{
    //padding: 10px;
}
.block-wrapper{
    border: ridge;
    height: auto;
}
.block-hight{
    border: ridge;
    height: 105px;
    text-align: center;
    white-space: pre-line;
}
.block-hght{
    border: ridge;
    height: 72px;
    text-align: center;
    /*width: 200px;*/
    white-space: pre-line;
}
.second-row{
    margin-top: 20px;
    margin-bottom: 20px;
}
.persentage-wrapper{
    border: ridge;
    padding-right: auto;
    padding-left: auto;
    padding-top: auto;
    padding-bottom: auto;
}
.wrapword{
 white-space: pre-line;  /* Mozilla, since 1999 */
 text-align: center;
 height: auto;

}
.value-wrapper{
    text-align: center;
    margin-top: 20px;
}
.value-wrapperr{
    text-align: center;
    border: ridge;
    height: auto;
}
.btn.btn-lg.btn-primary{
    float: right 
}
#graph div img{
    display: none;
}
.atg  label {

    display: inline !important;
}
.removeTank{
    display: none;
}
#removeTank0{
    display: none;
}
#removePump0{
    display: none;
}
.removePump{
    display: none;
}
.remove{
    float: right;
    color:red;
    font-weight: bold;
}

.tank-title{
    text-align: center;
    padding-bottom: 41px;
    font-size: 1.2em;
}
.pump_title{
    text-align: center;
    padding-bottom: 41px;
    font-size: 1.2em;
}
.back_list_page {
    float: left !important;
    margin: 1%;
   
}

.admin_next_stage{
   float: right;
    margin: 1%;
}

.btn-primary{
  margin: 1%;
  float: right;
}

.buttons-container{
    float: right;
}
.back_frist_stage{
    float: left !important;
    margin: 1%;
   
}
.submit{
    float: right !important;
    margin: 1%;
}
.table_container{
    font-size: 1.3em;
    color: #579ea7;
    font-weight: bold;
}
.title_view{
    font-size: 2.5em;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.hosses_title{
    font-weight: bold;
    color: #579ea7;
    //text-align: center;
    /*padding-bottom: 15px;*/
    padding-top: 15px;
}
.hosses-container{
    margin-bottom: 70px
}
.table_body{
    font-weight: bold;
}

h2.notifications-head{
    border-bottom: 1px solid #ddf;
}

li.list-group-item{
    border: 0;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

li.list-group-item p{
    border-bottom: 1px solid #ddd;
}

li.list-group-item p small{
    font-size: 80%;
}