root
{ 
 display: block;
}

body
{
 /*background-color:#f0e290; */
 /*background-color: #E1AA50;*/
 /*scrollbar-base-color:#f0e290;*/

 font-family: 'Quicksand', sans-serif;



}



.form input[type="file"]
{
 background-color: skyblue;  
 background: skyblue;
}

form
{
  margin: 0 auto;
}

/*blue #3474a9;
#0D9CE9*/
     /*crimson*/
a:link
 {
  color:dodgerblue;
  text-decoration: none;
 }

a:visited
 {
  color: dodgerblue;
  text-decoration: none;
 }

a:active
 {
  color: dodgerblue;
  text-decoration: none;
 }

a:hover
 {
  color: red;
  text-decoration: underline;
 }
 
 
font.tenPoint
 {
  font-size: 10px;
 }
 
 font.red
 {
color: red;
 }
 
 
font.app_header
 {
 font-size: 28px;
 font-weight: bold;
 /*font-family: "Comic Sans MS";*/
 /*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
 font-family: 'Quicksand', sans-serif;
 }

table
 {
  border-width: 1px;
  /*border-color: green;*/
  border-color: gray;
 }
 
 
.odd
 {
  /*background: #f7f7f7; 
  background-color: #E6E6FA;
  */
  background-color: #E0FFFF;
 }
.even
 {
  background-color: #ffffff;
 }

.odd:hover
{
 background-color: gold;
}

.even:hover
{
 background-color: gold;
}

.clean
 {
  background-color: #9ee5f8;
 }
 
 .clear
 {
  background-color:white;
 }
 .clear:hover
 {
  background-color: gold;
}

 .clean:hover
 {
  background-color: gold;
}

th
 {
  /*background-color: #F0E68C; */
  background-color: #FFFACD; 
  white-space:nowrap;
  border-color: green;
  font-size: 15px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 5px;
  text-align: center;
  
 }
 
th.allowWrap
 {
  /*background-color: #F0E68C; */
  background-color: #FFFACD;
  white-space:normal;
  border-color: green;
  font-size: 15px;
 }


 th.noborder
  {
   border-color: transparent;
  }

th.font10
 {
  font-size: 10px;
 }
 
th.left{
 
       text-align: left;
       white-space: nowrap;
       }
       
th.square
 {
  /*background-color: #F0E68C; */
  background-color: #FFFACD;
  white-space:nowrap;
  border-color: green;
  font-size: 15px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
 }       
 
th.leftround
 {
  background-color: #FFFACD;
  white-space:nowrap;
  border-color: green;
  font-size: 15px;
  
  border-top-left-radius: 10px;
  border-top-right-radius: 0px;
  
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0px;
 }     
 
th.allround_12
 {
  background-color: #FFFACD;
  white-space:nowrap;
  border-color: green;
  font-size: 12px;
  
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
 }      
 
th.minor
 {
  background-color: #FFFACD;
  white-space:nowrap;
  border-color: black;
  font-size: 10px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  padding: 3px;
 }      

td
{
 white-space:nowrap;
 border-color: green;
 font-size: 14px;
 /*vertical-align: top; */
 text-align:center;
 /*font-family: "Arial, Helvetica, sans-serif";*/
 /*font-family: Geneva,Verdana,  Arial, Helvetica, sans-serif;*/
/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
font-family: 'Quicksand', sans-serif;
}

 td.noborder
  {
   border-color: transparent;
  }
  
td.border_red
  {
   border-color: red;
  }  
  
 td.wrapallow
  {
   white-space: normal;   
  }

td.header
{
 white-space:nowrap;
 /*border-color: green;*/
 font-size: 24px;
 font-weight: bold;
 font-family: 'Quicksand', sans-serif;
 /*vertical-align: top;*/
/* padding: 1em 2em;*/
/*background-color: gold;*/
padding: 10px;
}
  

td.menu
{
 white-space:nowrap;
 /*border-color: green;*/
 font-size: 15px;
 vertical-align: top;
/* padding: 1em 2em;*/
/*background-color: gold;*/
padding: 10px;
}

td.center{ text-align: center; white-space: nowrap; }
td.right{ text-align: right; white-space: nowrap; }
td.left{ text-align: left; white-space: nowrap; }

td.top{ vertical-align: top;
     }
     
td.top_center{
    vertical-align: top;
    text-align:center;
    white-space: nowrap;
    /*background-color: gold; */
     }
     

td.center_vertical
 {
  text-align: center;
  white-space: nowrap;
  vertical-align:middle;
 }
 
  
 td.circle
 { 
  text-align: center; 
  white-space: nowrap; 
  width:50px;
  height:50px;
  border-radius:50px;
  background-color:#e0ffff;
  
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right:  5px;
  border: 2px solid black;
 /*font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif";*/
 /*font-family: "Comic Sans MS";*/
 font-family: 'Quicksand', sans-serif;
 }
 
 td.fixed_size_100
 {
  width: 300px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;  
     
 }
 
  td.fixed_size_50
 {
  width: 500px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;  
     
 }
 
 td.schedule
 {
     background-color: #ddbf97;
 }
 
.circle:hover
{
 background-color: gold;
} 

img
 {
  border: 0px;
 }

input.btn{
background-color: #5f9410;
}

input:focus, select:focus, textarea:focus
{
    border: 1px solid #b2d1ff;
}

button.copy
{
    background: transparent url(lib/img/copy_icon.png) 5px 50% no-repeat;
    padding-left: 0px;
    border: none;
}

button.add
{
    background: transparent url(lib/img/database_add.png) 5px 50% no-repeat;
    padding-left: 28px;
    border: none;
}
button.save
{
    background: transparent url(lib/img/database_save.png) ;
    padding-left: 28px;
    border: none;
}
button.delete
{
    background: transparent url(lib/img/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
    border: none;
}
button.edit {
    background: transparent url(lib/img/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
    border: none;
}

button.search {
    background: transparent url(lib/img/database_search.png) 5px 50% no-repeat;
    padding-left: 28px;
    border: none;
}

button.yellow {
    background-color:yellow;
}

/*
button.blue {
    background-color:#9ee5f8;
    margin-left: auto;
    margin-right: auto;
}

button.sandybrown 
 {
    background-color:sandybrown;
    margin-left: auto;
    margin-right: auto;
 }*/
/*
textarea {
   font-family: inherit;
   font-size: inherit;
}*/

textarea 
{
 white-space:pre-wrap;
 /*font-family: "Arial, Helvetica, sans-serif";*/
 /*font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif";*/
 /*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
 font-family: 'Quicksand', sans-serif;
 font-size: inherit;
 /*overflow:scroll;*/
}

textarea.font10{ 
    font-size: 12px;
}



.box_paragraph
 {
  /* background-color:lime; */
  width: 1000px;
  word-wrap: break-word;
  text-align: left;
 }
 
 td.font8
 {
  font-size: 8px;
 }
 
 td.font9
 {
  font-size: 9px;
 } 
 
td.font10
 {
  font-size: 10px;
 }
 
td.font12
 {
  font-size: 12px;
 } 
 

 
 td.audit
 { 
     text-align: left;
     white-space: normal;
     word-wrap:break-word;
     width: 800px;
 }
 .box_audit
 {
  /* background-color:lime; */
  width: 200px;
  word-wrap:normal;
  text-align: left;
 }
 
 #chemProgressBar {
     width: 200px; 
     height: 10px;
 }
 
   
#stickThis.stick {
    margin-top:1;
    position: fixed;
    top: 1;
    z-index: 9999;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

/*
.arrow {
  border: solid blue;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}*/

.arrowright {
  border: solid blue;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;    
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow_box {
	position: relative;
	background: #a6f4ff;
	border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(70, 108, 213, 0);
	border-left-color: #a6f4ff;
	border-width: 30px;
	margin-top: -30px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #a6f4ff;
	border-width: 36px;
	margin-top: -36px;
}
.arrow_box:hover {
	background: #7fff00;
}
.workflow
{
    height: 140px;
  background-image: linear-gradient(white, lightskyblue);
    
}

.workflow:hover
{
  background-image: linear-gradient(white, chartreuse);

}


p.large_header 
{
 font-family: 'Quicksand';
 font-size: 30px;
 margin: 0;
}



.museomoderno_gbs {
  font-family: "MuseoModerno", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
}

.playfair_display_gbs {
  font-family: "Playfair+Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
}

.eczar_gbs {
  font-family: "Playfair+Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
}

.eczar_gbs_20 {
  font-family: "Playfair+Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
}

.eczar_gbs_25 {
  font-family: "Playfair+Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 25px;
}