.WebList .WebList_Body .WebList_Row button.ButtonNewLine {
    width: 85px;
    display: block !important;
    height: 35px !important;
    text-shadow: none !important;
    border-radius: 8px;
    margin:8px 8px 8px 8px !important;
 
    font-family: system-ui, sans-serif;
}   
    
.WebList .WebList_Body .WebList_Row button.ButtonNewLineMobile {
    width: 45px;
    display: block !important;
    height: 30px !important;
    text-shadow: none !important;
    border-radius: 8px;
    margin:8px 8px 8px 8px !important;
 
    font-family: system-ui, sans-serif;
}   
    

.WebList .WebList_Body .WebList_Row button.ButtonNewLineText
{
    width: 85px;
    height: 35px !important;
    border-radius: 0px;
    background-color:white;
    border:None;
    text-decoration: none ;
    font-family: system-ui, sans-serif;
    color:green;
    font-size: 16px;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
}   

.WebList .WebList_Body .WebList_Row button.ButtonNewLineTextMobile
{
    width: 45px;
    height: 35px !important;
    border-radius: 0px;
    background-color:transparent;
    border:None;
    text-decoration: none ;
    font-family: system-ui, sans-serif;
    color:green;
    font-size: 16px;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
}   
   
 
.WebGrid .WebGrid_Body .WebGrid_Row button.ButtonSameSize {
    width: 70px;
    height: 25px;
    border-radius: 8px;
    margin:3px 1px;
  
}

.WebList .WebList_Body .WebList_Row button.ButtonSameSize {
    width: 70px;
    height: 25px;
    border-radius: 8px;
    margin:3px 1px;
  
}


.WebGrid .WebGrid_Body .WebGrid_Row button.ButtonSameSize70 {
    width: 70px;
    
}

.WebList .WebList_Body .WebList_Row button.ButtonSameSize70 {
    width: 70px;
  
}


/*.WebList .WebList_Head .WebList_ColCap, .WebGrid .WebList_Head .WebList_ColCap*/


.WebList_ColHead.WebCol.WebWrp_None.Web_Disabled.NoHeaderx{
   display: none;
}



.WebGroup.WebGroup_NoMargins > .WebCon_Inner {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 1px;
  margin-left: 1px;
  border: 0px;
 
}

.WebGroup.WebGroup_HasBorder > .WebCon_Inner > div > .WebContainer{
    border: 1px solid #b3b3b3;
    margin: 5px;
    border-radius:4px !important;
}



.MyMenuIcon:before,
.MyMenuIcon button:before,
button .MyMenuIcon:before,
.MyMenuIcon > div > span.WebItm_Icon:before {
   content: "P";
}


.MyRewindIcon:before,
.MyRewindIcon button:before,
button .MyRewindIcon:before,
.MyRewindIcon > div > span.WebItm_Icon:before {
   content: "{";
}


.MyDateIcon:before,
.MyDateIcon button:before,
button .MyDateIcon:before,
.MyDateIcon > div > span.WebItm_Icon:before {
   content: "h";
   color: #2a7976;
   font-size: 30px;
}


.MyTrashCanIcon:before,
.MyTrashCanIcon button:before,
button .MyTrashCanIcon:before,
.MyTrashCanIcon > div > span.WebItm_Icon:before {
   content: "X";
   color: #2a7976;
   font-size: 30px;
}


.MyDateIconMobile:before,
.MyDateIconMobile button:before,
button .MyDateIconMobile:before,
.MyDateIconMobile > div > span.WebItm_Icon:before {
   content: "h";
   color: #2a7976;
   font-size: 15px;
}



.MyFastForwardIcon:before,
.MyFastForwardIcon button:before,
button .MyFastForwardIcon:before,
.MyFastForwardIcon > div > span.WebItm_Icon:before {
   content: "}";
}

.MyBackIcon:before,
.MyBackIcon button:before,
button .MyBackIcon:before,
.MyBackIcon > div > span.WebItm_Icon:before {
   content: "\e001";
    color: #2a7976;
   font-size: 30px;
   font-weight: bold;
}


.MyNextIcon:before,
.MyNextIcon button:before,
button .MyNextIcon:before,
.MyNextIcon > div > span.WebItm_Icon:before {
   content: "\e002";
   color: #2a7976;
   font-size: 30px;
   font-weight: bold;
}

.MyCloneIcon:before,
.MyCloneIcon button:before,
button .MyCloneIcon:before,
.MyCloneIcon > div > span.WebItm_Icon:before {
   content: "C";
   color: #2a7976;
   font-size: 30px;
   font-weight: bold;
}


.WebButton button:before {
    vertical-align: -14% !important;
}



.WebGrid .WebList_Head .WebList_ColCap.NoHeader,
.WebList .WebList_Head .WebList_ColCap.NoHeader {
 
    display:none !important;
   
}


#OWEBAPP .WebList_ColHead.NoHeader{
    display: none;   
}

#OWEBAPP .WebList_ColCap.NoHeader{
    display: none;   
}



.WebGrid .WebList_Head .WebList_ColCap.YesHeader,
.WebList .WebList_Head .WebList_ColCap.YesHeader {
 
    display:inline !important;
   
}


#OWEBAPP .WebList_ColHead.YesHeader{
    display: inline;   
}

#OWEBAPP .WebList_ColCap.YesHeader{
    display: inline;   
}



.WebButton.Transparent button {
    background-color: inherit;
    border:  none;
    padding: 0;
    margin:  0px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    background: none;
	 color: inherit;
	 border: none;
	 padding: 0;
	 cursor: pointer;
	 outline: inherit;
}

.WebForm.MyDatePrompt .WebFrm_Prompt:before {
     content: "h";
     color: #2a7976;
     font-size: 25px;
}


#OWEBAPP .ColumnBalance.LeaveColor{
    color: blue;   
}

#OWEBAPP .ColumnBalance.OverHours{
    color: red;   
}

#OWEBAPP .DemoColumnBalance.DemoColHigh{
    background-color: green;   
}



.HtmlBoxFont em {
font-style: italic !important;
}

.HtmlBoxFont strong {
font-weight: bold !important;
}

/* LabelTitle */

.LabelTitle2.WebLabel .WebLabel_content {
    color: #181818;
    font-size: 115%;
    /* padding: 10px 0px 0px; */
    padding: 15px 0px 15px 0px;
}

.df-ModeTablet .LabelTitle2.WebLabel .WebLabel_content {
    color: #181818;
    font-size: 110%;
    padding: 10px?0px?10px?0px;
}



.WebLabel.MyCustomLabel .WebLabel_content {
    font-size: 125%;
    line-height: unset;
}



.WebMsgBox .WebButton button,
.WebButton.AsLink button {
    background: none;
    background-color: transparent;
     text-decoration: underline;
    color: #76c6c2;
    font-weight: 700;
    box-shadow: none;
    border: none;
    padding: 10px;
}

.WebMsgBox .WebButton.Web_Enabled button:focus,
.WebButton.AsLink.Web_Enabled button:focus,
.WebMsgBox .WebButton button:hover,
.WebButton.AsLink button:hover {
    background: none;
    color: #b1dedc;
    border: none;
    background-color: transparent;
}

.WebMsgBox .WebButton,
.WebButton.AsLink {
    padding: 0px;
    margin-top: 2px;
}


.MyGroupBanner.WebGroup > .WebCon_Inner > div > .WebGrp_Caption {    
  background-color:  #b1dedc   !important;
  font-size: 25px;
  width: 95%;
  margin-bottom: 20px;
  
}

.ImageRound img {
    border-radius: 50%;
}


.ImageRound img {
    border-radius: 50%;
}

.RedBalloon {
   /*background-color: #801619  ;*/
   background-color:  #b72025 ;
   color: #FFFFFF;
}


#OWEBAPP .AlternateColumn{
   font-weight: bold;
   background-color: #DCDCDC
}


.RedBox { border-width : 1px !important;
          border-color: red !important; }