/*---------------------------------------------------------------------------------------------------------------*/
label {
    padding: 5px 5px 1px 0;
    margin-bottom: 1px;
    margin-top: 10px;
    display: block;
    font-family: 'Catamaran';
    font-size: 14px;
    font-weight: normal;
    color: #808080;
    text-align:left;
}


input[type=text], [type=password],  [type=number], select, textarea {
  width: 90%;
  margin-bottom: 10px;
  margin-top: 1px;
  height: 35px;
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: none;
  box-shadow:0 4px 6px rgba(0,0,0,0.1);

}

input[type=submit], [type=button] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;10px;20px;
  margin-right:40px;
  /*margin-left:40px;*/
  margin-bottom: 20px;
  margin-top:20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}



.submitbuuton_middle {
  position: relative;
   margin-left:50%;
}

textarea {
    min-height: 300px;
}



.entryform{
    text-align:center;
}


/*---------------------------------------------------------------------------------------------*/

.button {
	text-align: right;
    height: 100px;
}

.button_standard {
    text-align: center;
    height: 30px;
    width: 100px;
    background-color: #FFFFFF; /* Green */
    border: 1px solid blue;
    border-radius: 7px;
    cursor: pointer;
}
/*------------------------------------------*/

.right_align{
    text-align: right;
}

.left_align{
    text-align: left;
}



/*--------------------------------------table formatting-------------------------------------------------------*/
/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}


caption {
    font-weight:bold;
    text-align:left;
    color:grey;
}

tr {
    height:auto;
    cursor: pointer;
}

/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}

tr:nth-of-type(even) { 
  
}

th { 
  background: #eee; 
  color: #000000; 
  font-weight: bold;
  padding:30px;
}

td, th { 
  padding: 1px; 
  text-align: left; 
}

td {
  border-bottom: 1px solid #cecfd5;
  /*border-right: 1px solid #cecfd5;*/
}

.email_table_raws_unread {
    font-weight: bold;
    color: #030b4a;
}

/*-------------------------end of table formatting--------------------------------------------------------------------*/

.email_subject {
    text-align:left;
    height:40px;
    font:  bold 18px Georgia;
    color:#030b4a;
    margin-left:40px;
    display:block;
}

.email_from {
    text-align:left;
    height:20px;
    font:  normal italic 14px 'Catamaran';
    color:#030b4a;
    margin-left:40px;
    display:block;
}

.email_DateandTime {
    text-align:right;
    height:20px;
    font:  normal 14px 'Catamaran';
    color:#030b4a;
    margin-left:40px;
    display:block;
}

.email_to {
    text-align:left;
    height:30px;
    font:  normal 12px 'Catamaran';
    color:#030b4a;
    margin-left:40px;
    display:block;
}

.email_body {
    text-align:left;
    width:90%;
}

.email_attachment {
    text-align:left;
    height:22px;
    font:  normal 12px 'Catamaran';
    color:#030b4a;
    margin-left:40px;
    display:block;
}

.actionemailbutton {
  border: 1px solid #b2d0d9;
  width: 100px;
  height:20px;
  border-radius: 5px;
  text-align : center;
  vertical-align : center;
  padding: 1px 1px 1px 1px;
  font-style:normal;
  cursor: pointer;
  display: block;
  color: #587552;
  background-color: #FFFFFF;
}

/*---------------------------------------------------------------------------------------------*/
/* Style the email buttons (reply, forward, delete...etc) navigation bar */


/*----------------------------------------------------------Style how email read-----------------------------------*/
/* Style how email read */

.fetchemail {
    text-align:left;
	padding-left: 10px;
	padding-top: 50px;
	padding-bottom: 57px;
	height:100%;
	display:block;
}

.header {
    font-size: 14;
    line-height: 2;
    display: inline-block;
    width: 80px;
}

.subjectStyle {
    padding: 1px;
    font-size: 1.75em;
	font-weight: bold;
    color:#000000;
}

.fromStyle {
    padding: 1px;
    font-size: 1.2em;
	font-weight: normal;
    color:grey;
}

.datetimeStyle {
    padding: 1px;
    font-size: 1.2em;
	font-weight: normal;
    color:blue;
}

.toStyle {
    padding: 1px;
    font-size: 1.2em;
	font-weight: normal;
    color:grey;
}
/*---------------------------------------------------------------------------------------------*/
/* Style how check email select */

.bloc {
  height:auto;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border: solid grey 1px;
}

.bloc select {
  padding: 5px;
  margin: -5px -20px -5px -5px;
  overflow-y: auto;
}
/*---------------------------------------------------------------------------------------------*/
/* Style cc or bcc div (compose email file)  */
.cc_bcc_div{
    height:auto;
    border:1px solid green;
    width:60%;
    padding: 30px;
}
/*---------------------------------------------------------------------------------------------*/
.clear_button {
    text-align:center;
  background-color: #ffffff;
  color: #d42a00;
  padding: 0,0,0,0;
  height:45px;
  width:50px;
  margin-right:0px;
  margin-left:-35px;
  margin-bottom: 1px;
  margin-top:1px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  display:inline;
}

/*---------------------------------------------------------------------------------------------*/
.downloadbutton {
  text-align:center;
  vertical-align : center;
  background-color: #ffffff;
  color: #d42a00;
  height:25px;
  margin-left: 10px;
  border:1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  font-weight: normal;
  display:inline;
}

/*---------------------------------------------------------------------------------------------*/
.searchglass{
    
    width:100%;
    height:50px;
    padding-top:10px;
}
/*---------------------------------------------------------------------------------------------*/
/* Style the email buttons (reply, forward, delete...etc) navigation bar */


.navbar2 {
  width: 80%;
  height:50px;
  background-color: #fff;
  overflow: auto;
  margin-left:1px;
}

.navbar2 ul {

}

.navbar2 li{
  width: 120px;
  display: inline;
  float: left;
}

/* Navbar links */
.navbar2 a {
  float: left;
  color: green;
  text-decoration: none;
  border: 1px solid #b2d0d9;
  width: 100px;
  height:24px;
  border-radius: 5px;
  text-align : center;
  vertical-align : center;
  padding: 1px 1px 1px 1px;
  font-style:normal;
  cursor: pointer;
  display: block;
  color: #587552;
  background-color: #FFFFFF;
}

/* Navbar2 links on mouse-over */
.navbar a:hover {
  /*background-color: #587552;*/
  color:#ffffff;
  font-weight:bold;
  font-size:16px;
}

/* Current/active navbar link */
.navbar active {
  /* background-color: #4CAF50; */
  background-color: grey;
  color:blue;
}
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------PASSWORD STRENTH METER------------------------------------------------------*/