/* Add your own CSS classes to this file and reference them using the $cssclassname property */



/******** MYBUTTON **************/

/* General styles to apply to the button, for all states */

.myButton {

	border-width: 1px;

	border-style: solid;

	border-color: #BBDEFB;

}



/* Styles to apply to the button while it has focus */

.myButton:focus {

	border-width: 2px;

}



/* Styles to apply to the button while mouse is over */

.myButton:hover {

	background-color: #E3F2FD !important;

}



/* Styles to apply to the button while it is clicked */

.myButton:active {

	background-color: #90CAF9 !important;

	color: #fff !important;

}



/******** GRADIENTBUTTON **************/

.gradientButton {

	border: 1px solid #BBDEFB;



	/* Most browsers don't support the standard linear-gradient property, and require a browser-specific version */

	/* See https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient for more details */

	background: #90CAF9; /* For browsers that do not support gradients */

  background: -webkit-linear-gradient(#90CAF9, #FFF);

  background: -o-linear-gradient(#90CAF9, #FFF);

  background: -moz-linear-gradient(#90CAF9, #FFF);

  background: linear-gradient(#90CAF9, #FFF);

}



/******** BUTTON2 **************/

.button2 {

	/* offset-x | offset-y | blur-radius | spread-radius | color */

	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

	border: 1px solid grey;

	background-color: #FFA000 !important;

}



.button2:focus {

	border-width: 2px;

}



.button2:hover {

	background-color: #FF6F00 !important;

}



.button2:active {

	box-shadow: none; /* Hide the shadow to look like the button is being pressed */

	background-color: #FF6F00 !important;

}

.customGreen {
   
   font-size: 18px !important; 
   color: rgb(0,200,0) !important;
}

.customRed {
   
   font-size: 18px !important; 
   color: rgb(200,0,0) !important;
}

.customClose {
   
   font-size: 24px !important; 
   color: rgb(200,0,0) !important;
}

.customPrintPDF {
   
   font-size: 30px !important; 
   color: rgb(200,0,0) !important;
}

.myWorkInfo {
   font-size: 45px !important; 
   color: rgb(0,0,200) !important;
}

.myWorkEval {
   font-size: 45px !important; 
   color: rgb(0,0,150) !important;
}

.zoom {
   font-size: 32px !important; 
   color: skyblue !important;
}

.questionnaireButton{
  background-color: rgb(221,221,221) !important;
  border: 1px solid rgb(240,240,240) !important;
  color: rgb(64,64,64) !important;
  font-size: 12px !important;
  border-width: 1px !important;
}

.questionnaireButton1Active{
  background-color: rgb(255,0,0) !important;
  border: 1px solid rgb(255,0,0) !important;
  color: rgb(64,64,64) !important;
  font-size: 15px !important;
  border-width: 2px !important;
}

.questionnaireButton2Active{
  background-color: rgb(250,128,114) !important;
  border: 1px solid rgb(250,128,114) !important;
  color: rgb(64,64,64) !important;
  font-size: 15px !important;
  border-width: 2px !important;
}

.questionnaireButton3Active{
  background-color: rgb(255,255,0) !important;
  border: 1px solid rgb(255,255,0) !important;
  color: rgb(64,64,64) !important;
  font-size: 15px !important;
  border-width: 2px !important;
}

.questionnaireButton4Active{
  background-color: rgb(124,252,0) !important;
  border: 1px solid rgb(124,252,0) !important;
  color: rgb(64,64,64) !important;
  font-size: 15px !important;
  border-width: 2px !important;
}

.questionnaireButton5Active{
  background-color: rgb(50,205,50) !important;
  border: 1px solid rgb(50,205,50) !important;
  color: rgb(64,64,64) !important;
  font-size: 15px !important;
  border-width: 2px !important;
}
 .IconButtonSmall{
  color: rgb(0,0,0) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}
.IconButtonSmall:hover{
  color: rgb(77,71,68) !important;
  font-size: 22px !important;
}
.IconButtonSave{
  color: rgb(0,0,0) !important;
  font-size: 28px !important;
  font-weight: 900 !important;
}
.IconButtonSave:hover{
  color: rgb(77,71,68) !important;
  font-size: 32px !important;
}
.IconButtonSave1{
  color: darkgrey !important;
  font-size: 33px !important;
  font-weight: 900 !important;
}
.IconButtonSave1:hover{
  color: rgb(77,71,68) !important;
  font-size: 36px !important;
}
 .IconButtonBig{
  color: rgb(0,0,0) !important;
  font-size: 48px !important;
  font-weight: 900 !important;
}
.IconButtonBig:hover{
  color: rgb(77,71,68) !important;
  font-size: 52px !important;
}
.entryToolbar1 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: reg(237,237,237)!important;
}

.entryToolbar1:hover {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 22px !important; 
   font-style: normal !important; 
   font-weight: bold !important;
   font-variant: normal !important; 
/*   color: darkorange !important;*/
   
}

.entryToolbar1:active {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 22px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   font-weight: bold !important;
   /*color: red !important;*/
}

.entryToolbarActive1 {
  font-family:  'Open Sans', sans-serif !important; 
   font-size: 22px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   /*font-style: italic !important; */
   font-weight: bold !important;
   /*color: darkorange ! important;*/
}
.entrySans {
   font-family: 'Open Sans', sans-serif !important; 
   font-size: 18px !important; 
  }

.entrySans22 {
   font-family: 'Open Sans', sans-serif !important; 
   font-size: 22px !important; 
  }
.entrySansBold {
   font-family: 'Open Sans', sans-serif !important; 
   font-weight: bold !important;
   font-size: 20px !important; 
   color: black !important;
  }

  .entrySansMedium {
   font-family: 'Open Sans', sans-serif !important; 
   font-weight: bold !important;
   font-size: 19px !important; 
  }

.entrySansSmall {
   font-family: 'Open Sans', sans-serif !important; 
   font-size: 14px !important; 
  }
  
.entrySansSmall1 {
   font-family: 'Open Sans', sans-serif !important; 
   font-size: 14px !important; 
   color: red !important; 
}

.entrySansSmall2 {
   font-family: 'Open Sans', sans-serif !important; 
   font-size: 16px !important; 
}

.entryToolbar2 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 18px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: reg(237,237,237)!important;*/
}

.entryToolbar2:hover {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-weight: bold !important;
   font-variant: normal !important; 
   /*color: darkorange !important;*/
   
}

.entryToolbar2:active {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   font-weight: bold !important;
   /*color: reg(237,237,237) !important;*/
}
.entryToolbarActive2 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   font-weight: bold !important;
   /*color: reg(237,237,237) !important;*/
}
.entryToolbar3 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 18px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   /*color: reg(237,237,237)!important;*/
}

.entryToolbar3:hover {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-weight: bold !important;
   font-variant: normal !important; 
   /*color: darkorange !important;*/
   
}

.entryToolbar3:active {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 18px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   font-weight: normal !important;
   /*color: red !important;*/
}
.entryToolbar4 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 26px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: rgb(161,205,58)!important;
}

.entryToolbar4:hover {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 28px !important; 
   font-style: normal !important; 
   font-weight: bold !important;
   font-variant: normal !important; 
   color: rgb(0,112,113) !important;
   
}

.entryToolbar4:active {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 26px !important; 
   font-style: bold !important; 
   font-variant: normal !important; 
   font-weight: bold !important;
   color: rgb(0,112,113) !important;
}

.entryToolbarActive4 {
  font-family:  'Open Sans', sans-serif !important; 
   font-size: 26px !important; 
   font-style: bold !important; 
   font-variant: normal !important; 
   /*font-style: italic !important; */
   font-weight: bold !important;
   color: rgb(0,112,113) !important;
}

.omnis-button.file-butt {
    background-color: #1E8E8E !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    display: inline-block !important;
    text-align: center !important;
}

.omnis-button.file-butt:hover {
    background-color: #959595 !important;
}
.entryToolbarInsp1 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 18px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: rgb(68,68,68)!important;
}

.entryToolbarInsp1:hover {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 18x !important; 
   font-style: normal !important; 
   /*text-decoration: underline !important;*/
   font-variant: normal !important; 
   color: rgb(0,112,113) !important;
   
}

.entryToolbarInsp1Active {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 18px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   font-weight: bold !important;
   /*text-decoration: underline !important;*/
   color: rgb(0,112,113) !important;
}

.entryToolbarInsp2 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: white!important;*/
}

.entryToolbarInsp2:hover {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 20x !important; 
   font-style: normal !important; 
   /*text-decoration: underline !important;*/
   font-variant: normal !important; 
   color: rgb(160,205,58) !important;
   
}

.entryToolbarInsp2Active {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   font-weight: bold !important;
   /*text-decoration: underline !important;*/
   color: black !important;
   background-color: white !important;
   border-color: rgb(160,205,58) !important;
}

.entryInsp1 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 30px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: black!important;
}
.entryInsp2 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 25px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   /*color: black!important;*/
}
.entryInsp2Bold {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 25px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   font-weight: bold !important;
   /*color: black!important;*/
}
.entryInsp3 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 24px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: black!important;*/
}
.entryInsp4Bold {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 40px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   font-weight: bold !important;
   color: black!important;*/
}
.entryInsp5 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 20px !important; 
   font-style: italic !important; 
   font-variant: normal !important; 
   font-weight: normal !important;
   /*color: black!important;*/
}
.entryInsp6 {
   font-family:  'Open Sans', sans-serif !important; 
   font-size: 23px !important; 
   font-style: italic !important; 
   font-variant: normal !important; 
   font-weight: bold !important;
   /*color: black!important;*/
}
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
/* work4me */
.customLabel{
   font-family: Raleway, sans-serif !important; 
   font-size: 18px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: rgb(51,153,255) !important;	/* blue */
}

.customLabel1{
   font-family: Raleway, sans-serif !important; 
   font-size: 16px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   /* color: rgb(64,64,64) !important;	/* dark gray */
   /* color: rgb(90,90,90) !important;	/* gray */
   color: rgb(150,150,150) !important;	/* gray */
}

.customLabel2{
   font-family: Raleway, sans-serif !important; 
   font-size: 18px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: rgb(237,237,237) !important;	/* light gray */
}

.entryFancy {
   font-family: Raleway, sans-serif !important; 
   font-size: 18px !important; 
   border-bottom: 1px solid darkgrey !important;
   color: darkgrey !important;
}

.entryFancy:hover {
   font-family: Raleway, sans-serif !important; 
   font-size: 19px !important;  
   border-bottom: 1px solid red !important;
   color: darkblue !important;
}

.multilineentryFancy {
   font-family: Raleway, sans-serif !important; 
   font-size: 18px !important; 
   /*border-bottom: 1px solid darkgrey !important;*/
   color: darkgrey !important;
}

.multilineentryFancy:hover {
   font-family: Raleway, sans-serif !important; 
   font-size: 19px !important;  
   /*border-bottom: 1px solid red !important;*/
   color: darkblue !important;
}




.dropdownFancy{
   font-family: Raleway, sans-serif !important; 
   font-size: 18px !important;  
   color: red !important;

}

ul.Fancyul {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #333 !important;
}

li.Fancyli {
    float: left;
}

li.Fancyli a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li.Fancyli a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: #4CAF50;
}


.entryToolbar {
   font-family: Raleway, sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: rgb(237,237,237) !important;
}

.entryToolbar:hover {
   font-family: Raleway, sans-serif !important; 
   font-size: 21px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: darkorange !important;
   
}

.entryToolbar:active {
   font-family: Raleway, sans-serif !important; 
   font-size: 21px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: red !important;
   
}

.entryToolbarActive {
   font-family: Raleway, sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: darkorange !important;
   
}
#rfTest_1004_form {
   font-family: Verdana, Geneva, sans-serif !important; 
   font-size: 14px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: green !important;
}
.entry1 {
   
   border-bottom: 1px solid rgb(237,237,237) !important;
}

.customFontEntry {
   color: rgb(90,90,90) !important;
   font-family: Raleway, sans-serif !important;
}

.customFontEntry1 {
   color: rgb(64,64,64) !important;
   font-family: Raleway, sans-serif !important;
}

.customFontEntryBlue {
   color: rgb(40,120,200) !important ;
   font-family: Raleway, sans-serif !important;
}
.customFontEntryGreen {
   color: rgb(0,119,0) !important ;
   font-family: Raleway, sans-serif !important;
}
.customFontEntryRed {
   color: darkred !important ;
   font-family: Raleway, sans-serif !important;
}
.customFontEntryMagenta {
   color: magenta !important ;
   font-family: Raleway, sans-serif !important;
}

.entrySubToolbar {
   font-family: Raleway, sans-serif !important; 
   font-size: 18px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: rgb(237,237,237) !important;
}

.entrySubToolbar:hover {
   font-family: Raleway, sans-serif !important; 
   font-size: 19px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: darkorange !important;
}

.entrySubToolbarActive {
   font-family: Raleway, sans-serif !important; 
   font-size: 19px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: darkorange !important;
   
}

.customTabPaneHeader {
   font-family: Raleway, sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: rgb(51,153,255) !important;
}

.customTabPaneHeader:hover {
   font-family: Raleway, sans-serif !important; 
   font-size: 21px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: darkorange !important;
   
}
.customTabPaneHeaderActive {
   font-family: Raleway, sans-serif !important; 
   font-size: 20px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: darkorange !important;
   
}

.menuButton{
   font-family: Raleway, sans-serif !important; 
   font-size: 16px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: rgb(64,64,64) !important;
}

.menuButton:hover{
   font-family: Raleway, sans-serif !important; 
   font-size: 17px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: darkorange !important;
   background-color: rgb(250,250,250) !important;
}

.customMenuEntry{
   font-family: Raleway, sans-serif !important; 
   font-size: 18px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: rgb(255,255,255) !important;
}

.customMenuEntry:hover{
   font-family: Raleway, sans-serif !important; 
   font-size: 19px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: darkorange !important;
   text-decoration: underline !important; 
   font-weight: bold !important;
}

.customMenuSmallEntry{
   font-family: Raleway, sans-serif !important; 
   font-size: 13px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   color: rgb(255,255,255) !important;
}



.customCRUDMenuEntry{
   font-family: Raleway, sans-serif !important;  
   color: rgb(68,68,68) !important;
   padding-left: 20px !important;
}

.customCRUDMenuEntry:hover{
   font-family: Raleway, sans-serif !important; 
   color: rgb(0,76,153) !important;
   font-weight: bold !important;
   background-color: rgb(228,228,228) !important;
}
.customCRUDMenuEntry1{
   font-family: Raleway, sans-serif !important;  
   color: rgb(68,68,68) !important;
   padding-left: 20px !important;
}

.customCRUDMenuEntry1:hover{
   font-family: Raleway, sans-serif !important; 
   color: rgb(238,2,36) !important;
   font-weight: bold !important;
   background-color: rgb(228,228,228) !important;
}
.customMeatBallsMenu{
	color: rgb(0,76,153) !important;
}

.blueButton {
  background-color: rgb(54,139,214) !important;
  border: 2px solid rgb(54,139,214) !important;
  color: white !important;
  /*padding: 15px 50px !important;*/
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 18px !important;
  font-family: Raleway, sans-serif !important;
  cursor: pointer !important;
}
.blueButton:hover{
  background-color: rgb(40,120,200) !important;
  border: 2px solid rgb(40,120,200) !important;
  color: rgb(237,237,237) !important;
  font-size: 19px !important;
}

.blueComplementaryButton{
  background-color: white !important;
  border: 2px solid rgb(54,139,214) !important;
  color: rgb(54,139,214) !important;
  /*padding: 15px 50px !important;*/
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 18px !important;
  cursor: pointer !important;
  font-family: Raleway, sans-serif !important;
}
.blueComplementaryButton:hover{
  background-color: rgb(237,237,237) !important;
  color: rgb(40,120,200) !important;
  border: 2px solid rgb(40,120,200) !important;
  font-size: 19px !important;
}

.greenButton {
  background-color: rgb(0,119,0) !important;
  border: 2px solid rgb(0,119,0) !important;
  color: white !important;
  /*padding: 15px 50px !important;*/
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 18px !important;
  font-family: Raleway, sans-serif !important;
  cursor: pointer !important;
}
.greenButton:hover{
  background-color: rgb(0,100,0) !important;
  border: 2px solid rgb(0,100,0) !important;
  color: rgb(237,237,237) !important;
  font-size: 19px !important;
}

.close{
  cursor: pointer !important;
  color: rgb(237,237,237) !important;
}

.loginLabel{
  color: white !important;
}

.checkButton{
  color: rgb(37,0,0) !important;
  font-size: 19px !important;
}
.checkButton:hover{
  color: rgb(255,0,0) !important;
  font-size: 20px !important;
}
.addButton{
  color: rgb(37,0,0) !important;
  font-size: 19px !important;
}
.addButton:hover{
  color: rgb(0,150,255) !important;
  font-size: 20px !important;
}
.trashButton{
  color: rgb(37,0,0) !important;
  font-size: 19px !important;
}
.trashButton:hover{
  color: rgb(255,0,0) !important;
  font-size: 20px !important;
}
.editButton{
  color: rgb(37,0,0) !important;
  font-size: 19px !important;
}
.editButton:hover{
  color: rgb(255,150,0) !important;
  font-size: 20px !important;
}
.datepickButton{
  color: rgb(37,0,0) !important;
  font-size: 30px !important;
}
.datepickButton:hover{
  color: rgb(255,150,0) !important;
  font-size: 31px !important;
}

.companyButton{
  color: rgb(64,64,64) !important;
  font-size: 120px !important;
}
.companyButton:hover{
  color: rgb(0,119,0) !important;
  font-size: 125px !important;
}
.companyButtonActive{
  color: rgb(0,119,0) !important;
  font-size: 120px !important;
}
.companyButtonActive:hover{
  color: rgb(0,119,0) !important;
  font-size: 125px !important;
}
.personButton{
  color: rgb(64,64,64) !important;
  font-size: 120px !important;
}
.personButton:hover{
  color: rgb(54,139,214) !important;
  font-size: 125px !important;
}
.personButtonActive{
  color: rgb(54,139,214) !important;
  font-size: 120px !important;
}
.personButtonActive:hover{
  color: rgb(54,139,214) !important;
  font-size: 125px !important;
}
.navArrows{
  color: grey !important;
  font-size: 20px !important;
}
.navArrows:hover{
  color: darkorange !important;
  font-size: 21px !important;
}


.searchIcon{
  color: darkgrey !important;
  /*background-color: white !important;*/
  font-size: 18px !important;
  /*padding-left: : 4px !important;*/
  cursor: pointer !important;
}

.searchEntry {
   font-family: Raleway, sans-serif !important; 
   font-size: 16px !important; 
   color: rgb(64,64,64) !important;
}

.searchClear{
  font-family: Raleway, sans-serif !important; 
  cursor: pointer !important;
  color: darkgrey !important;
  /*font-size: 16px !important;*/
}

.customCGEntry {
   color: rgb(90,90,90);	/* !important */
   background-color: white;	/* !important */
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntrySelected {
   color: darkblue !important;
   background-color: rgb(240,240,240) !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGBackground {
   background-color: white !important;
}
.customCGBackgroundSelected {
   background-color: rgb(240,240,240) !important;
}
.customCGEntryRed {
   color: darkred !important;
   background-color: white !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryRedSelected {
   color: darkred !important;
   background-color: rgb(240,240,240) !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryGreen {
   color: rgb(0,119,0) !important;
   background-color: white !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryGreenSelected {
   color: rgb(0,119,0) !important;
   background-color: rgb(240,240,240) !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryBlue {
   color: rgb(40,120,200) !important ;
   background-color: white !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryBlueSelected {
   color: rgb(40,120,200) !important ;
   background-color: rgb(240,240,240) !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryMagenta {
   color: magenta !important ;
   background-color: white !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryMagentaSelected {
   color: magenta !important ;
   background-color: rgb(240,240,240) !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryOrange {
   color: darkorange !important ;
   background-color: white !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryOrangeSelected {
   color: darkorange !important ;
   background-color: rgb(240,240,240) !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryDarkBlue {
   color: darkblue !important ;
   background-color: white !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}
.customCGEntryDarkBlueSelected {
   color: darkblue !important ;
   background-color: rgb(240,240,240) !important;
   font-family: Raleway, sans-serif !important;
   cursor: context-menu !important;
}

*:not(i){
  font-family: Raleway, sans-serif !important;
}