body{
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-family: "Tahoma", "Geneva", sans-serif;
    font-size: small;
    font-weight: 500;
    /* font-size: 11pt; */
    letter-spacing: 0.7pt;
    /* line-height: 1.2em; */
    color: #000000;
    margin: 0 ;
    background: #f1eded2e;
    
   
}
 
.loginBody > img {height: 100%; width:100%; opacity:0.5;position:absolute; top:0; bottom:0; right:0;left:0; z-index:-1;}
  

/*--- Login Dialog ---*/
#loginDialog { width: 35em; margin: 10% auto auto auto;  background: #ffffff; }
.dialogTitle { background-color: #0191ce; color: #ffffff; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; padding: 0.2em 0.2em 0.2em 1em;  border: 0.1em solid #0191ce;}
.dialogTitle > span {font-size: 1.1em; font-weight: bold;  line-height: 2em;}
.dialogBody { padding: 1em; /* border:1pt solid #ccc;  border-radius: 2pt; */}
.dialogBody  input[type=submit]{ margin: 1em auto 1em 33%;  width: 25%; font-size: 9pt;}
.errorArea {  /* background-color: #ffcccc;  border: 0.1em solid #d8c7c7; */  /* padding: 1em; */ /* border-radius: 0.4em; */  color: red;  font-size: 0.9em;} 
.messages{ margin-left:22em;}
.messageArea { background-color: rgb(255, 249, 209); border: 0.1em solid #fff27f;  padding: 0.7em; border-radius: 0.4em; font-size: 0.9em;  width: 25%; margin-left: 14.5em;}


/*-- Search Reviews dialog--*/

.searchSubmit{ margin: 12pt;}
#searchAgent{ width:65%; border-radius: 18pt; height: 35pt;  outline:none;  padding: 0.5% 3%;}

#refDialog{width: 50%; margin: 8.5% auto auto 25%;}
#refDialog .logo{ margin-bottom: 6%;   margin-right: 7%;}
.logo > img{width:25%;}

/* #refDialog input[type=submit]{
    width: 25%;
    margin: 25pt;
} */

#refDialog > .messageArea{ margin-left:37%;}
#refDialog > .errorArea{   margin-left:37%;  width: 26%;}
#mainContainer > .messageArea{ margin-left: 35%; margin-top: 3%;  text-align: center;}
#mainContainer .addreviewbtn {     width: 25%; margin-left: 35%;}
/* .content { width: 100%; max-width: 500pt;  } */



/*--Dashboard window--*/
.dashboard_text{ font-size: 1em; letter-spacing: 1px;}
#homeWindow {  display:inline-flex;/* margin: 4% 30%; */  margin:4% 23% 0 23%;}
.homeIconBlock { text-align: center; width: 10em;}
.homeIconBlock:hover { cursor: pointer;}
.homeIconBlock >  img { width: 6em; }
.homeIconBlock > div { font-size: 0.8em; }


/*-- General css  --*/
input[type=text], input[type=password]{ 
    box-sizing: border-box;
    border-radius: 0.2em;
    border:2px solid rgb(206,236,245);
    margin: 0;
    padding: 3.5pt;
    width: 100%;
    background-color: #ffffff;
    line-height: 1.5em;
}
.red{ color: red; font-weight :  bold;}

.hidden { display: none;}

.marginAuto {  margin-left: auto; margin-right: auto;}
.alignCenter {  text-align: center; }
.fullWidth { width: 100%;}
.width_40em { width: 40em;}
.width_30em{ width:30em;}
.width_37em { width: 37em;}
.titleFont { font-size: 1.4em;}
.marginTopBottom_0_5em { margin-top: 0.5em; margin-bottom: 0.5em;}
.marginBottom_2em { margin-bottom: 2em;}
.marginTop_2em { margin-top: 2em;}
input[type=submit], input[type=button]{
    /* margin:25pt; */
    margin:10pt;
    border-radius: 0.3em;
    /* width: 8em; */
    width: 25%;
    height: 3.3em;
    background-color: #0191ce;
    border-color: #0191ce;
    font-weight: 600;
    letter-spacing:0.7pt;
    /* font-size: 9pt; */
    text-transform: uppercase;
    color: white;
    padding: 0%;
}
.grid {  display: inline-block;  box-sizing: border-box;  margin: 0;  padding: 0; outline: none; vertical-align: middle; text-align: left;}
.grid-10 { width: 10%;}
.grid-30 { width: 30%;}
.grid-25 { width: 25%;    font-size: 11pt;}
.grid-70 { width: 70%;}
.center{ display: inline-block;  height: 233px;  margin-top: 89px;}
.border { border: 1px solid #222222;  border-radius: 0.4em; }




/* add/edit review Table */

 

#allUsers tr th{padding:5pt; font-size:12pt; font-style: bold;background:#373e96;font-weight:500; color: white; }
.tablelayout tr th{ font-size:7pt; font-weight:100;text-align: left;} /*padding:5pt;*/

.tablelayout caption{padding:2pt; font-weight:500;font-size:11pt;border-bottom:1pt solid #ccc;margin-bottom:5pt; text-align: left;    margin-right: 28%;} /*display:block*/

 /* .tablelayout tr td{ padding-top:1%} */

/* .reviewsSection1  select, .reviewstwo select{width:65%; height:25pt; margin-top:0.5em;border:2px solid rgb(206,236,245);} */

.reviewsSection1  textarea{border:2px solid rgb(206,236,245); margin-top:0.6em; border-radius: 0.4em; width:63%; resize:none;}
.reviewsSection1  input[type=text]{border:2px solid rgb(206,236,245); height:25pt; padding:2pt;border-radius:2pt;margin:2pt 0 2pt 0; width:64%}
.reviewsSection1 .editbtn{ padding-left:1%}
.reviewsSection1 .addbtn{padding-left: 15%;}

.reviewcontainer {  margin: 3% 10%;}
.reviewsSection1 {    min-width: 25%;    float: left;   margin-left:70pt;}
.reviewsSection2 {   padding-top:2.5%;      padding-left: 2.5%; margin-right:100pt;/* width: 36%;    float:left;*/   }



/* .reviews > span{  
    /* margin-left:10%;    
    border-bottom: #ccc 1px solid;
    padding-right: 39%;
    padding-bottom: 5pt;//
    padding-right: 55%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5em;
    margin-left: 6.5%;
    } */




/*-- Stars css from   
  http://jsfiddle.net/moob/zexvtoz1/13/ ---*/
 .rating {  float:left;  }
  
  .rating:not(:checked) > input {    position:absolute;  clip:rect(0,0,0,0);  } /* top:-9999px; */
  
    .rating:not(:checked) > label { float:right; padding:0 .1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size: 1.5em;  color:#ddd;      }
  .rating > input:checked ~ label { color: #ffa500; }
  .rating:not(:checked) > label:hover,
  .rating:not(:checked) > label:hover ~ label {  color: #ffa500; }
  
  .rating> input:checked + label:hover,
  .rating> input:checked + label:hover ~ label,
  .rating> input:checked ~ label:hover,
  .rating> input:checked ~ label:hover ~ label,
  .rating> label:hover ~ input:checked ~ label { color:#ffa500;}
  
  /* .rating > label:active {  position:relative;  top:2px;  left:2px;  } */




/*-- Nav bar css --*/
.nav nav .nav-links {  display: inline;  margin: 0 0 1em 0;}
.headerTitle > img{ height: 1.7em;  max-height: 4em;  max-width: 100%; margin-bottom: 2em; margin-top: -0.2em;} /*width: 8em;*/
.nav nav .nav-links  span  {    display: inline-block;    /* padding: 1.5em 0.6em 0.8em 0.6em; */    padding: 1.5em 0.5em 0 0.6em;    color: #ffffff;    line-height: 0.5em; }
.nav {    background-color:#0191ce;    width: 100%;    padding: 0 0 3.5em;   /* margin:auto auto 1em auto;*/}
.nav nav .nav-links  > .headerTitle{float: left; cursor: pointer;}
.nav nav .nav-links   #logout{ cursor: pointer; float:  right;     margin-top: -0.6em;}

  /* Nav menu */
 
  .nav-links ul {   list-style-type: none; /* margin: 0; */  padding-left: 37%;  }
  
  li { float: left; }
  
  li a{
    display: inline-block;
    color: white;
    /* text-align: center; */
    /* padding:1em; */
    padding: 0.5em 1em 1em 1em;
    text-decoration: none;
  }
  li .active{
    background: #fcfbfb;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    color: black;
    border: 1px solid #f1eded2e;
     /* padding:1em; */
    padding: 0.5em 1em 1em 1em;
  }
 
 nav {
    /* margin-top: 0.3em; */
    position: absolute;  
    width:100%;
   
 }

 /*tablet ,iPad 
 @media (min-width: 768px) and (max-width: 1024px) {
  

 #loginDialog{
   margin:45% auto auto auto;
   font-size: 1.5em;

 }
 #refDialog {
   margin:10% auto auto 25%;
 }
.reviewcontainer,.content{
  width: 80%;
  max-width: 98%;
  margin: 5pt auto 15pt auto;
} 
.grid-25, .grid-70 > input[type=text]{
  font-size: 1em;
}
 
.review {
  font-size: 5.5pt;
}
}
 @media (min-width: 320px)  {
  .review {
    font-size: 4.5pt;
  } 
   #loginDialog{
    width: 25em;
   }
   #refDialog {

    width: 100%;
    margin: 5% auto auto auto;

}
.headerTitle > img {

  height: 1.7em;
  max-height: 1em;
  max-width: 100%;
  margin-top: 0;

} 
.nav{
  margin-top: 0.3em;
  font-size: smaller;
}
.nav-links ul{
  padding-left: 19%;
}
.nav ul li a{
  padding: 0.5em auto 0.5em auto; 
}
.nav nav .nav-links #logout {

  cursor: pointer;
  float: right;
  margin-top: -2%;
  
}
}*/