/* 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: 24px !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: 26px !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: 28px !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: 26px !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; 
  }

.entrySansBold {
   font-family: 'Open Sans', sans-serif !important; 
   font-weight: bold !important;
   font-size: 20px !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; 
  }
.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: 18px !important; 
   font-style: normal !important; 
   font-variant: normal !important; 
   font-weight: normal !important;
   /*color: red !important;*/
}