/* 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; 
   font-color:black
  }

  .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; 
 }
 
.entrySansSmall1:hover {
font-family: 'Open Sans', sans-serif !important; 
   font-size: 14px !important; 
   color: black !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: 18px !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;
}