/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/* 

    Created on : Apr 20, 2014, 11:48:55 AM

    Author     : shamay

*/

.left {

    float:left;

}

.right {

    float:right;

}



.ui-title{

    color:brown;

}

.ui-btn-left ui-btn ui-shadow ui-corner-all ui-icon-carat-l ui-btn-icon-notext {
    
}

.ui-content{

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-color: #FFFFEE;

}



lable {display:block;width:120px;text-align:right;float:left;clear:both;margin-right: 10px;}



input{

    color:black;

}



.login-form{

    width:60%;

    margin:0 auto;

    margin-top:4em;

}



.login-form label{

    color:black;

    margin-top:1em;    

}



.login-form input{

   background-color:rgb(250, 255, 189);    

}



.login-form button{

    margin-top:2em;

    background-color:green;

    color:white;  

}



div.ui-header.ui-bar-b{

    background-color:#8c1515;

    border-bottom:2px solid brown;



}

div.ui-header.ui-bar-b h1{

    color: white;

    font-size:1em;

    font-family: Helvetica, Arial, sans-serif;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#herd-list-ul li a{

    color:brown;

    background-color:#f6f3e5;

}

.greengreyButton {
    width: 25px;
    height: 25px;
}



.herd-data{

    width:100%;

    display:block;

    height: 6em;

}



.data-table{

    width: 100%;

    border-spacing:5px;

}

.data-table2{

    width: 99%;

    margin:0 auto;

    background-color: #1dc116; 

    border-radius: 10px; 

}

.data-table3{

    border-spacing: 0px;

    width: 99%;

    background-color: white; 

    margin-left:5px;   

}

.data-div-1{

    min-height: 5em;

    text-align: center;

    background-color: #1dc116;

    color:white;

    width:25%;

    border-radius: 10px;

    font-size: 1.3em;

}



.data-div-1 p{

    margin:0;

    padding: 0;

    margin-top:2px;

    font-size:1em;

}



.raw-table{

    width: 100%;

    padding:0;

    margin:0;

}



.raw-table td{

    border-bottom: 1px solid black;

}





.white{

    background-color:white;

    border-radius: 0px;

}



p.data-header{

    background-color: #d2bd86;

    margin:0px;

    margin-top:10px;  

    padding:5px;

    color:white;

    border-top:1px solid white;   

}



div.data-header{

    background-color: #d2bd86;

    margin:0px;

    color:white;

    border:0;   

}





.div-raw{

    display:block;

    border-bottom: 1px solid #c4bfa9; 

    padding-top:0;

    padding-bottom:0.1em;

    margin-left:0.2em;

    background-color:#f6f3e5;

}



#new-herd-form{

    width:60%;

    margin:0 auto;

}



.herd-row{

    display:block;

    border-bottom: 1px solid #c4bfa9; 

    padding:0;

    padding-bottom:0.1em;

    background-color: #d2bd86; 

    color:white;

    margin-top:10px;

}



.cow-row{

    display:block;

    border: 1px solid #ccc; 

    border-bottom:0; 

    padding-top:0.3em;

    padding-bottom:0.1em;

    margin-left:0.2em;

    background-color:#f6f3e5;

}

.cow-row:hover{

    cursor:pointer;

}



#cows-list-div div.cow-row:first-child{

    -webkit-border-top-left-radius: 10px;

    -webkit-border-top-right-radius: 10px;

}

#cows-list-div div.cow-row:last-child{

    -webkit-border-bottom-left-radius: 10px;

    -webkit-border-bottom-right-radius: 10px;

     border-bottom: 1px solid #bbb;

}







.table-div{

    float:left;

    margin-right: 0.2em;

    margin-top:0.1em;

    color:brown;

}



.tab-space{

    display:inline-block;

    margin-left: 50px;

}



.herd_activity_icon{

    margin:0 auto;

    float:none;

    width:10%;

    height:30px;

    background-color: #1dc116;

    border-radius: 5px; 

    border-top-left-radius:0;

    border-top-right-radius:0; 

    text-align: center;

}

.herd_activity_icon:hover{

    cursor:pointer;

}





.table-div a{

    text-decoration: none;

}



.event-btn{

    text-align:center;

    padding:0.2em;

    color:white;

    font-weight: normal;

    float:right;  

    min-width: 3em;

}



.event-btn:hover{

    cursor:pointer;

}



.cow-data-div{  

    text-align: center;

    color:white;



    width:42%;   

    margin:10px;

    vertical-align: middle;

    padding:1em;

    background-color: #1dc116;



    border-radius: 10px;

}



.cow-data-div:hover{

    cursor:pointer;

}



.cow-data-div p{

    margin:0;

    padding: 0;

    margin-top:2px;

    font-size:12px;

}



.cow-data-header{

    background-color: #d2bd86;

    margin:0px;  

    padding:5px;

    padding-left:10px;

    color:white;

}



p.cow-event-line{

    padding:10px;

    margin:0;

    padding-left:15px; 

    color:brown;

}

p.border{

    border-bottom:1px solid gainsboro;

}



span.font-12{

    font-size:0.5em;

}



p.font-13{

    font-size:0.8em;

}



p.font-14{

    font-size: 24px;
    margin-bottom: 2px;

}



p.font-16{

    font-size:1.25em;

}

p.font-18{

    font-size: 36px;

}
span.font-18{

    font-size: 36px;

}



.green{

    background-color: #1dc116;

    color:white;

    border-radius: 5px;   

}

.brown{

    background-color:darkgoldenrod;

}



.info_content{

    margin:0;

    padding: 0;

    width:9em;

    height: auto;

}

.info_content p{margin:0;padding: 0;}





.locationTimeFrame {

    background-color: #3498DB;

    color: white;

    padding: 16px;

    font-size: 16px;

    border: none;

    cursor: pointer;

}



.dropbtn:hover, .dropbtn:focus {

    background-color: #2980B9;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f1f1f1;

    min-width: 160px;

    overflow: auto;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

}



.dropdown-content a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



.dropdown a:hover {background-color: #ddd}



.show {display:block;}



.herd-status-item-table{

    margin:0px auto;

}



#btnToggleOnOffline.offline{

    background-color: blue; /* Set a background color */

}



#btnToggleOnOffline.online{

    background-color: red; /* Set a background color */

}



#btnToggleOnOffline:hover {

    background-color: #555; /* Add a dark-grey background on hover */

}

.mainControlsButtons{
    width: 100%;
    display:inline-flex;
    border: 0px;
    background-color: #8c1515;
    cursor: pointer;
}

/* slider of herd values */

/* .slidecontainer {
    width: 100%;
  } */
  
  .slider {
    width: 70%;
    height: 2px;
    border-radius: 5px;
    background: #5209c7;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
    opacity: 1;
    margin-bottom: 5%;

  }

  button.rangeButtonPasture {
    background-color: yellowgreen;
    font-size: 0.8em;
    margin-bottom: 5%;
    width: 95%;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
  }