.cpanel-menuicon { border:none; padding:10px; margin-top:10px;}
	  
	  .navbar-brand { border:none; padding-bottom:2px;  margin-top:-10px;}
	  .crumb { border;1px solid #ccc; padding-top:20px;}
	  .curpagetitle { font-weight:bold; font-size:1.3em; padding-bottom:10px; border-bottom:1px solid #ccc;}
	  #dateselector { padding : 10px; padding-left:13px;}
      #downloadpdf { padding-top:5px;}
	  .restday { font-weight:bold;}
	  #maincontent {padding-bottom:200px; }
	  #topclose { padding-left:10px;  padding-right:10px;  border-radius:10px; border:1px solid #ccc;}
	  #topclose:hover {  border:1px solid #333; box-shadow:1px 1px 1px;}
	  #attendancelist { overflow:auto;}
	  .big-checkbox {width: 20px; height: 20px; border:1px solid #333;}
	  .empname { font-size:0.7em !important;}
	  .navbar { padding-bottom:5px; background-color:#fcfcfc; }
	  .section { margin-top:10px; }
	  .section-content { padding:10px; }
	  .sectionicon { font-size:2em;}
	  .sectionicontext { font-size:1.3em;}
	  .sectioniconlabel { font-size:1.0em;}
	  .navbar-nav { background-color:none; }
	  .nav-item { background-color:#ededed; margin-top:1px; margin-right:10px; min-width:130px; border-radius:10px; text-align:center; box-shadow:1px 1px 1px #ccc; margin-top:5px; }
	  .nav-item a{ text-decoration:none; }
 
	  .sectiontitle { font-weight:bold; font-size:1.5em;}
	  .atttext { font-weight:bold; font-size:1.2em; min-height:40px; }
	  .card {margin:0px; padding:0px; }
	  #footer { position:fixed; bottom:0; padding:10px; background-color:#e6e3e4; font-size:0.6em; color:#000000; }
	  #footer a { color:#666666; }
	  .supbtn { min-width:100px; margin:10px; } 
	  .formlabel { padding-bottom:5px;}
	  .xsection { border:1px solid #ccc;  box-shadow:1px 1px 1px #ccc; border-radius:10px;}
	  .viewmsg { cursor:pointer; }
      .viewmsg:hover { text-decoration:underline; }	
      .unreadmsg { font-weight:bold;}	
      #viewedemployee { }
	  
input[type="checkbox"] {
  /* Use transform to scale the element */
  transform: scale(1.5); /* Increases the size by 50% */
  
  /* You may need to adjust the margin to keep the button aligned with its label */
  margin: 10px;
}
	  
input[type="radio"] {
  /* Use transform to scale the element */
  transform: scale(1.5); /* Increases the size by 50% */
  
  /* You may need to adjust the margin to keep the button aligned with its label */
  margin: 10px;
}
.form-check-label { padding:5px; }
.fieldlabel { padding-bottom:0px; font-weight:bold;}

.card-header { font-weight:bold; }

#contentdisplay { min-height:80px; border:1px solid #ccc; padding:10px;  border-radius:4px; background-color:#d4d7d9; }
#contentedit { min-height:80px; display:none; }
#categoryedit { display:none; }
#statusedit { display:none; }
#accessedit { display:none; }
#titleedit { display:none; }

#categorydisplay { border:1px solid #ccc; padding-left:10px;  border-radius:4px; background-color:#d4d7d9; }
#statusdisplay { border:1px solid #ccc; padding-left:10px;  border-radius:4px; background-color:#d4d7d9; }
#accessdisplay { border:1px solid #ccc; padding-left:10px;  border-radius:4px; background-color:#d4d7d9; }
#titledisplay { border:1px solid #ccc; padding-left:10px; border-radius:4px; background-color:#d4d7d9; }

.rlabel { font-weight:bold; font-size:1.2em; margin-left:-2px;}
.ql-editor { background-color:#edf2fa; min-height:130px; }
.card-fixed-img {
    height: 200px; 
    object-fit: cover; 
    object-position: top;  
	cursor:pointer;
}

.attachaction { cursor:pointer; font-size:1.3em; }
.attachaction:hover { font-weight:bold; text-shadow:1px 1px 2px #000;  }
.attachdes { min-height:100px;  max-height:150px; overflow:hidden; }
.previewicons { cursor:pointer; font-size:1.3em; }
.previewicons:hover { font-weight:bold; text-shadow:1px 1px 2px #000;  }
.metatext { color:#03800b; }
.uploadfailpautan { cursor:pointer; }
.attachcard{ max-height:450px; min-height:450px; overflow:hidden; }
.attachcard img{ border-bottom:1px solid #ccc; }
.numgoto { width:50px; font-size:0.7em; border:1px solid #ccc; margin:4px; background-color:#fcf9ed; }
.textgoto { width:120px; font-size:0.7em; border:1px solid #ccc; margin:4px; background-color:#fcf9ed;}
.numgoto.active{ background-color:#f7e8a8; }
.paginationbox {   }
.attachcard .card-title{ max-height:50px; overflow:hidden; }
.list-striped { background-color:#edf5f5; }
.haveitem {
 background-image: url('../img/cartfull.png'); 
 background-size: cover; background-repeat: 
 no-repeat; background-position: center;"		
} 
.removefromcart  {  cursor:pointer; }
.removefromcart:hover { text-shadow:1px 2px 2px #333; }
 
.nav-item.has-submenu {
    position: relative; 
}
 
.nav-item .submenu 
{
    display: none; 
    position: absolute;
    top: 100%; /* Position it below the parent link */
    left: 0;   /* Align it to the left edge of the parent */
    list-style: none;
    padding: 10px;
    margin: 0;
    min-width: 200px;
    background-color: #f8f9fa; /* Example background */
    border: 1px solid #dee2e6;
    z-index: 100; /* Ensure it appears above other content */
    
    border: 1px solid #ccc;
    color: #000; 	
	margin-top:-2px;
	border-radius:5px;
}
 
.nav-item.has-submenu:hover > .submenu {
    display: block;

}
 
.submenu a {
    display: block;
	margin-top:10px;
	margin-bottom:10px;
    text-decoration: none;
    color: #333;
}

.submenu a:hover {
    background-color: #e9ecef;

}