/* CSS Document for styling of the page */
body { 
margin:0; 
padding:0; 
font-family: Arial, helvetica, verdana, san-serif; 
text-align: center; 
/*background: url(../images/background/blue_sky.jpg) repeat;*/
background: #000000;
}
button, a, input, img {
  /*-webkit-transition: all 0.5s; /* Safari */*/
  /*transition: all 0.5s;*/
}

input, select, textarea, label, span { font-family: Arial, helvetica, verdana, san-serif; font-size: 0.8em; color: #000000; display: block; float: left; margin-bottom: 3px;}

label { border: 0; padding-right: 5px;}

br { clear: left; }
hr {
clear: left;
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 2px;
width: 100%;
text-align: left;
}

.warehouselabel { text-align: right; border: 0; height: 25px; width: 220px; font-size: 1.2em; }
.warehouseinput { text-align: left; font-weight: bold; border: 1px solid black; height: 25px; width: 350px; font-size: 1.2em; }
.warehouseinput2 { text-align: left; font-weight: bold; border: 1px solid black; height: 60px; width: 700px; font-size: 1.0em; }
.warehouseinput3 { text-align: left; font-weight: bold; border: 1px solid black; height: 25px; width: 130px; font-size: 1.0em; }
.warehouseinputlong { text-align: left; font-weight: bold; border: 1px solid black; height: 25px; width: 700px; font-size: 1.2em; }

.colheading { text-align: center; border: 1px solid black; font-weight: bold; height: 55px; background-color: #EFEFEF; }
.coldata { text-align: center; border: 1px solid black; background-color: #EFEFEF; }
.coldata-entry { text-align: center; border: 1px solid black; background-color: #FFD700; color: blue; font-weight: bold;}
.coltotal { text-align: center; border: 1px solid black; font-weight: bold; }
.data { text-align: left; border: 0 }
.newentry { background-color: #F1EDC2; }
.paragraph { margin: 0 0 5px 0; padding: 0; }
.bold { font-weight: bold; }
.subdue { color: gray; }
.red { color: red; }
.green { color: green; }
.blue { color: blue; }
.white { color: white; }
.black { color: black; }
.biggerfont { font-size: 1.0em; }
.hugefont { font-size: 2.0em; } 
.smallerfont { font-size: 0.7em; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter {text-align: center; }
.paddingleft {padding-left: 5px; }
.paddingright {padding-right: 5px;}
.border-no { border: 0; }

.width-12 {width: 10px; }
.width-14 {width: 20px; }
.width-16 {width: 30px; }
.width-18 {width: 40px; }
.width-20 {width: 50px; }
.width-21 {width: 55px; }
.width-22 {width: 60px; }
.width-24 {width: 70px; }
.width-26 {width: 80px; }
.width-28 {width: 90px; }
.width-30 {width: 100px; }
.width-31 {width: 120px; }
.width-32 {width: 125px; }
.width-34 {width: 150px; }
.width-35 {width: 170px; }
.width-36 {width: 175px; }
.width-37 {width: 180px; }
.width-38 {width: 200px; }
.width-40 {width: 225px; }
.width-42 {width: 250px; }
.width-44 {width: 275px; }
.width-46 {width: 300px; }
.width-48 {width: 325px; }
.width-50 {width: 350px; }
.width-52 {width: 375px; }
.width-54 {width: 400px; }
.width-56 {width: 425px; }
.width-58 {width: 450px; }
.width-60 {width: 475px; }
.width-62 {width: 500px; }
.width-64 {width: 525px; }
.width-66 {width: 550px; }
.width-68 {width: 575px; }
.width-70 {width: 600px; }
.width-72 {width: 625px; }
.width-74 {width: 650px; }
.width-76 {width: 675px; }
.width-78 {width: 700px; }
.width-80 {width: 725px; }
.width-82 {width: 750px; }
.width-84 {width: 775px; }
.width-86 {width: 800px; }
.width-88 {width: 825px; }
.width-90 {width: 850px; }
.width-92 {width: 875px; }
.width-94 {width: 900px; }
.width-96 {width: 925px; }
.width-98 {width: 950px; }
.width-100 {width: 975px; }

.height-2 {height: 40px; }
.height-3 {height: 50px; }
.height-4 {height: 75px; }

a.buttony {
display: block;
float: left;
text-decoration: none;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
height:25px;
width: 90px;
border-style:none;
cursor: pointer;
margin-bottom: 3px;
}

a.clear-button { background-color: #ED8600; }
a.clear-button:hover, .clear-button:active { background-color:#FFC125; color:#FFFFFF; }
a.last-button { background-color:#9D7034; }
a.last-button:hover, .last-button:active { background-color:#DAA520; color:#FFFFFF; }
a.new-button { background-color:#6E7B8B; }
a.new-button:hover, .new-button:active { background-color:#A2B5CD; color:#FFFFFF; }
a.cancel-button { background-color:#B22222; }
a.cancel-button:hover, .cancel-button:active { background-color:#CD5C5C; color:#FFFFFF; }
a.print-button { background-color:#000000; }
a.print-button:hover, .print-button:active { background-color:#FFFFFF; color:#000000; }


.whitetext { color: #FFFFFF;}
.bluebackground { background-color: #09367a; }
.redbackground { background-color:#A52A2A; }
.blackbackground { background-color: #000000; }
.greenbackground { background-color: #2F4F4F; }
.orangebackground { background-color: #EE7600; }
.blanchbackground { background-color: #FFF68F; }
.burlywoodbackground { background-color: #8B7355; }
.brightgreenbackground { background-color: #9ACD32; }
.graybackground { background-color: #BBB; }


input.generic-button
{
   font-size:12px;
   font-weight:bold;
   height:25px;
   width: 90px;
   border-style:none;
   cursor: pointer;
}

input:hover.generic-button {
background-color:#000000; 
border:1px solid #FFFFFF; 
color:#FFFFFF;
}

input.save_button
{
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   height:25px;
   width: 90px;
   background-color:#09367a;
   border-style:none;
   cursor: pointer;
}

input:hover.save_button {
background-color:#e9edf3; 
border:1px solid #a6b6cf; 
color:#09367a;
}

input.edit-button
{
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   height:25px;
   width: 90px;
   background-color:#6E8B3D;
   border-style:none;
   cursor: pointer;
}

input:hover.edit-button {
background-color:#A2CD5A; 
border:1px solid #6E8B3D; 
color:#FFFFFF;
}

input.duplicate-button
{
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   height:25px;
   width: 90px;
   background-color:#CD950C;
   border-style:none;
   cursor: pointer;
}

input:hover.duplicate-button {
background-color:#EEAD0E; 
border:1px solid #CD950C; 
color:#FFFFFF;
}

input.print-button /* Black colour */
{
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   height:25px;
   width: 90px;
   background-color:#000000;
   border-style:none;
   cursor: pointer;
   padding: 5px;
}

input:hover.print-button {
background-color: white; 
border:1px solid black; 
color: black;
}

input.cancel-button 
{
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   height:30px;
   width: 90px;
   background-color:#A52A2A;
   border-style:none;
   cursor: pointer;
}

input:hover.cancel-button {
background-color: #EE3B3B; 
border:1px solid #A52A2A; 
color: #ffffff;
}

input.delete-button /* red colour */
{
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   height:25px;
   width: 90px;
   background-color:#B22222;
   border-style:none;
   cursor: pointer;
}

input:hover.delete-button {
background-color: #FFFFFF; 
border:1px solid #B22222; 
color: #B22222;
}

input.search-button 
{
   font-size:12px;
   font-weight:bold;
   color:#000000;
   height:20px;
   width: 60px;
   background-color:#9ACD32;
   border-style:none;
   margin: 0 0 0 3px;
   cursor: pointer;
}

input:hover.search-button {
background-color: #698B22; 
border:1px solid #6B8E23; 
color: #FFFFFF;
}

.img
{
  margin: 0 5px 0 5px;
  padding: 0px;
  border: 0;
  height: auto;
  width: auto;
  float: left;
  }	
  
.img a:link img { border: none; }
.img a:visited img { border: none; }
.img a:hover img { border: 1px solid gray; }

.error {
font-family: "verdana", "Arial", "sans-serif"; 
font-style: Italic, normal;
font-weight: bold, normal;
font-size: 0.6em;
text-align:left; 
color: red;
}

input:focus { background-color:#cecbb7; }

fieldset { border:1px solid green ; }

legend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  background-color: #9ACD32;
  font-size:90%;
  text-align:right;
  }

.fieldset2 { border:1px solid #000080; }

.legend2 {
  padding: 0.2em 0.5em;
  border-style: solid;
  border-color: #000080;
  border-width: 1px;
  color: #000080;
  background-color: #FFA500;
  font-size:90%;
  text-align:right;
  }


.colheading-show { height: 40px; text-align: center; border-width: 1px; border-style: solid; border-color: #385E0F; font-weight: bold; background-color: #B6EA7D; }
.coldata-show { text-align: center; border-width: 1px; border-style: solid; border-color: #385E0F; background-color: #DFFFA5; }
.melonrindgreen-original { background-color: #DFFFA5; }
.melonrindgreen1 { background-color: #E7FFBA; }
.terreverte2 { background-color: #B6EA7D; }
.ivory1 { background-color: #DADAD1; }
.ivory2 { background-color: #E7E7E1; }

.databox1-show {
border-style: solid;
border-width: 1px;
border-color: #385E0F;
margin: 5px;
}

.databox1-marine {
border-style: solid;
border-width: 1px;
border-color: #DADAD1;
margin: 5px;
}

.handle {
margin: 0 5px 0 3px;
cursor: move;
padding: 0;
border: 0;
height: 15px;
width: 15px;
float: left;
}

.revenue_search_button {
    margin-left: 20px;
}

.page_login .login_submit {
  display: block;
  cursor: pointer;
  font-size: 25px;
  background: rgba(29, 100, 214, 1);
  line-height: 60px;
  border: #222 3px solid;
  border-radius: 5px;
  color: #FFF;
}

.page_login .login_submit:hover {
  background: rgba(29, 100, 214, 0.85);
}

.page_login .login_submit:active {
  background: #c49b1f;
}

.page_login .login_submit i {
    float: none;
    display: inline;
}
.page_login .login_submit span {
    float: none;
    display: inline;
    font-size: 1.05em;
    margin-left: 10px;
    color: #FFF;
}

.page_login input {
  border: 2px solid #222;
  font-size: 18px;
  line-height: 26px;
  padding: 0px 5px;
}

body.login-page {
  min-height: 100vh;
}

body.login-page #container {
  min-height: 100vh;
  background: #FFF;
}

@media only screen and (max-width: 1280px) {
    body.login-page #container {
      width: 100%;
    }

    body.login-page #content {
      margin: 10px 0 0 0px;
      width: 100%;
    }
}

@media only screen and (max-width: 600px) {
  .page_login .entry_logo {
    width: 300px;
  }

  .page_login .login_submit {
    background: none;
    color: #222;
    border: 0;
    font-size: 3em;
  }

  .page_login .login_submit:hover {
    background: none;
  }

  .page_login .login_submit span {
    display: none;
  }

  .page_login .url_display a {
    display: none;
  }
}