html, body{
        height: 100%;
        }
/*		
@font-face {
  font-family: 'dotsfont2';
  font-style: normal;
  font-weight: 400;
  src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
 }
 */
  
/* Webfont: dotsfont */ @font-face  {
    font-family: 'dotsfont';
    src: url('dotsfont.eot');
    src: url('dotsfont.eot?#iefix') format('embedded-opentype'),
        url('dotsfont.woff') format('woff'),
        url('dotsfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'webdingsregular';
    src: url('webdings-webfont.woff2') format('woff2'),
         url('webdings-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.justbold {
	font-weight: bold;
}

.noticeme {
	 font-weight: bold;
	 color: red;
	 background-color : white;
}
.noticemeblue {
	 color: blue;
	 font-weight: bold;
	 background-color : white;
}
.noticemenavy {
	 color: navy;
	 font-weight: bold;
	 background-color : white;
}

.noticemegreen {
	 color: green;
	 font-weight: bold;
	 background-color : white;
	 
}

.smallprint {
	 font-size:  12px;
}

.blue {
	 color: blue;
}
.red {
	 color: red;
}
.dotsonly {
	 font: normal normal 300 12px/100% dotsfont; 
	 /* color: white; */
	 /* font-family: dotsfont;  */
}	

.usernotice {
   background-color: aqua;
   font-size: 20px;
   font-weight: bold;
   
}	

/* yellow */
.softbackg{
    background-color: #ffffe6;
}

/* blue */
.softbackgblue{
    background-color: #a3fdf6;
}

/* green */
.softbackggreen{
    background-color: #effda3;
}


/*
.shortline {
   line-height: 17px;
   
   
}	

#OWEBAPP.CheckMark2020 {

background-image: url('../Images/Checkmark2020.ico');

background-size: 20px20px;
background-repeat: no-repeat;
background-position: right;
}
        
#OWEBAPP.CheckMarkX2020 {

background-image: url('../Images/CheckmarkX2020.ico');

background-size: 20px20px;
background-repeat: no-repeat;
background-position: right;
}

*/

		/* For use with Workbooks */
.WebDietMenuItem:before,
.WebDietMenuItem button:before,
 button.WebDietMenuItem:before,
.WebDietMenuItem > div > span.WebItm_Icon:before {
   font: 15px Arial, sans-serif;
   content: "Diet";
 }




.WebPrintMenuItem:before,
.WebPrintMenuItem button:before,
 button.WebPrintMenuItem:before,
.WebPrintMenuItem > div > span.WebItm_Icon:before {
   /* Printer Icon */
   content: "S";
 }
 
.WebMemoMinderMenuItem:before,
.WebMemoMinderMenuItem button:before,
 button.WebMemoMinderMenuItem:before,
.WebMemoMinderMenuItem > div > span.WebItm_Icon:before {
   /* Pencil on paper Icon */
   content: "A";  /* was C */
 }
 
.WebReportsMinderMenuItem:before,
.WebReportsMinderMenuItem button:before,
 button.WebReportsMinderMenuItem:before,
.WebReportsMinderMenuItem > div > span.WebItm_Icon:before {
   /* Pencil on paper Icon */
   content: "$";  /* $=paperclip,  another choice would be z which is paper with lines on it */
 }

.WebCalendarMenuItem:before,
.WebCalendarMenuItem button:before,
 button.WebCalendarMenuItem:before,
.WebCalendarMenuItem > div > span.WebItm_Icon:before {
   /* Pencil on paper Icon */
   content: "h";  /*  */
 }

 

.WebPMPMinderMenuItem:before,
.WebPMPMinderMenuItem button:before,
 button.WebPMPMinderMenuItem:before,
.WebPMPMinderMenuItem > div > span.WebItm_Icon:before {
   /* PMP Icon */
   font-family: "webdingsregular" !important;
   content: "^";
 }
 
 .WebTrainerMenuItem:before,
.WebTrainerMenuItem button:before,
 button.WebTrainerMenuItem:before,
.WebTrainerMenuItem > div > span.WebItm_Icon:before {
   /* Graduation cap Icon */
   font-family: "webdingsregular" !important;
   content: "\1F393";
 }


.WebDashboardMenuItem:before,
.WebDashboardMenuItem button:before,
 button.WebDashboardMenuItem:before,
.WebDashboardMenuItem > div > span.WebItm_Icon:before {
   /* Clipboard Icon */
   content: "R";  /* was C */
 }


/*  --------
 .WebSaveMenuItem.WebSaveYellow {
    color: #FFFF00;
 }
 -------  */

 .WebYellowSaveMenuItem:before,
.WebYellowSaveMenuItem button:before,
 button.WebYellowSaveMenuItem:before,
.WebYellowSaveMenuItem > div > span.WebItm_Icon:before {
   background-color: #FFFF00;
   /* CHECKMARK Icon */
   content: "&";
 }

 .WebGreenSaveMenuItem:before,
.WebGreenSaveMenuItem button:before,
 button.WebGreenSaveMenuItem:before,
.WebGreenSaveMenuItem > div > span.WebItm_Icon:before {
   color: #006600;
   font-weight: bold;
   /* CHECKMARK Icon */
   content: "&";
 }

 .WebItm_YellowIcon{
          background-color: #ffff99;
          border: 2px solid #ff7000;
           -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
           border-radius: 50%;

 }
 
 .WebItm_GreenIcon{
          background-color: #ccffcc;
          border: 2px solid #ff7000;
           -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
           border-radius: 50%;

 }

 .WebIcon_Hamburger_Menu:before  {
     content: "\00e006" !important;
     /* font-size: 40px; */

 }

 .MyWay {
    color: white;
 }
 .FontStrikeout {
    text-decoration: line-through;
 }

/*
	 Badges for WebTabPages
*/
.WebTabContainer .WebTab_Btn.badge{position:relative;}
.WebTabContainer .WebTab_Btn.badge:after {


 				    font-size: 12px;
 				    background: #ff8000;
 				    color: #fff;
 				    padding: 0px 10px 0px;
 				    vertical-align: top;
 				    border-radius: 10px;
 				    position: absolute;
 				    top: -2px;
 				    right: 2px;
}

.badge-important:after{content:'!';}
.badge1:after{content:'1';}
.badge2:after{content:'2';}
.badge3:after{content:'3';}
.badge4:after{content:'4';}
.badge5:after{content:'5';}
.badge6:after{content:'6';}
.badge7:after{content:'7';}
.badge8:after{content:'8';}
.badge9:after{content:'9';}
.badge-more:after{content:'9+';}

/*
	 Badges for WebList
*/
.WebCol.badge{position:relative;}
.WebCol.badge:after {


 				    font-size: 12px;
 				    background: #ff8000;
 				    color: #fff;
 				    padding: 0px 10px 0px;
 				    vertical-align: top;
 				    border-radius: 10px;
 				    position: absolute;
 				    top: 1px;
 				    right: 2px;
}

.badge-important:after{content:'!';}
.badge1:after{content:'1';}
.badge2:after{content:'2';}
.badge3:after{content:'3';}
.badge4:after{content:'4';}
.badge5:after{content:'5';}
.badge6:after{content:'6';}
.badge7:after{content:'7';}
.badge8:after{content:'8';}
.badge9:after{content:'9';}
.badge-more:after{content:'9+';}

/*
	 Badges for WebForm
*/
.WebForm.badge{position:relative;}
.WebForm.badge:after {


 				    font-size: 12px;
 				    background: #ff8000;
 				    color: #fff;
 				    padding: 0px 10px 0px;
 				    vertical-align: top;
 				    border-radius: 10px;
 				    position: absolute;
 				    top: -4px;
 				    right: -1px;
}

.badge-important:after{content:'!';}
.badge1:after{content:'1';}
.badge2:after{content:'2';}
.badge3:after{content:'3';}
.badge4:after{content:'4';}
.badge5:after{content:'5';}
.badge6:after{content:'6';}
.badge7:after{content:'7';}
.badge8:after{content:'8';}
.badge9:after{content:'9';}
.badge-more:after{content:'9+';}

/*
	 Badges for WebGroup
*/
.WebGroup.badge{position:relative;}
.WebGroup.badge:after {


 				    font-size: 12px;
 				    background: #ff8000;
 				    color: #fff;
 				    padding: 0px 10px 0px;
 				    vertical-align: top;
 				    border-radius: 10px;
 				    position: absolute;
 				    top: -4px;
 				    right: 30px;
}

.badge-important:after{content:'!';}
.badge1:after{content:'1';}
.badge2:after{content:'2';}
.badge3:after{content:'3';}
.badge4:after{content:'4';}
.badge5:after{content:'5';}
.badge6:after{content:'6';}
.badge7:after{content:'7';}
.badge8:after{content:'8';}
.badge9:after{content:'9';}
.badge-more:after{content:'9+';}

.lockfield {
  /*
  padding-left: -25px;
  background: url("https://static.thenounproject.com/png/101791-200.png") no-repeat right;
  background-size: 20px;
  */
  /*
  border:.5px solid blue;
  padding: .1px;
  */
  background-color: #ffcccc;
  
  
  
}



/*
	 Badges for Workbook
	 - decided not to use these

.WBbadge{position:relative;}
.WBbadge:after {


 				    font-size: 12px;
 				    background: #ff8000;
 				    color: #fff;
 				    padding: 0px 10px 0px;
 				    vertical-align: top;
 				    border-radius: 10px;
 				    position: absolute;
 				    top: 0px;
 				    right: 5px;

}
.dna:after{content:'DNA';}
.ca:after{content:'C/A';}
.diet:after{content:'Diet';}

*/





/*{-webkit-text-security:disc;font-family:dotsfont;} */
/* WebControl.WebForm.Web_Enabled*/

/* button that looks like a link */

.WebButton.GSCLinkBtn {
	.background-color: white;
	.text-decoration-color: rgb(255,112,0);	
}

#OWEBAPP .PMPLine1{
    background-image: url('../Images/one16.jpg');
    width: 16px;
    height: 16px;
}

#OWEBAPP .PMPLine2{
    background-image: url('../Images/two16.jpg');
    width: 16px;
    height: 16px;
}

#OWEBAPP .PMPLine3{
    background-image: url('../Images/three16.jpg');
    width: 16px;
    height: 16px;
}

#OWEBAPP .PMPFYI{
    background-image: url('../Images/fyi30.jpg');
    width: 30px;
    height: 24px;
}