body,div,p,a,h1,h2,h3,h4,h5{
    font-family: arial;
    /* Increased base font size for better readability */
    font-size: 16px;
}
body{
  background:#1ca9c9;
}
.bld{
  font-weight: bold;
}
.line{
   border: 1px solid;
   opacity: 1;
}
.hdr{
  color: #000;
  /* Increased from 20px */
  font-size: 26px;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
}
a.link{
  text-decoration: none;
  color: #fff;
  padding-left: 20px;
  /* Added font size */
  font-size: 18px;
}
a.link-mb{
  text-decoration: none;
  color: #fff;
  display: block;
  /* Added font size */
  font-size: 18px;
}
.link-mb-span{
  display: inline-block;
}
.alert-info-2 {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}
#a-menu-items .icon-bar{
  background: #fff;
}

 #container{
    margin:0px auto;  
}

.loading-div{
    z-index:100000;position:fixed;
    height:100%;width:100%;
    background-color:rgba(0,0,0,0.4);text-align:center
}

.container-panel{
  width: 95%;
  margin: 0px auto;
}
#header{
  background:#1ca9c9;
  color: #fff;
}
.nav-link{
  color: #fff;
  /* Added font size */
  font-size: 18px;
}
.logo-txt{
  /* Increased from 30px */
  font-size: 38px;
}
#header table td{
  vertical-align: center;
}
#header .logo-div{
  vertical-align: bottom;
}


.icon-bar{
  background: #fff;
  color: #fff;
}

#a-menu-items:hover,#a-menu-items:focus{
  background: transparent;
}

#a-menu-items .icon-bar{
  background: #fff;
}

.nav li a>span{
  color: #fff;
  /* Added font size */
  font-size: 17px;
}

.navbar-default .navbar-nav > li> a{
  color: #fff;
  /* Added font size */
  font-size: 17px;
}

.navbar-default .navbar-nav > li> a:focus{
  color: #fff;
}

.navbar-default .navbar-nav > li> a:hover{
  color: #fff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    background:transparent; 
    /* Added font size */
    font-size: 17px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
}

.header .dropdown-menu{
  background: #2FA4E7
}

.hd{
  display: none;
}

.link{
  color: blue;
  cursor: pointer;
  /* Added font size */
  font-size: 18px;
}

.float{
  position: absolute;
  z-index: 1000;
  background: #fff;
  border-radius: 5px;
  top:50px;
  width: 1000px;
  margin:0px auto;
}

.logo-img{
  width: 60px;
  height: 60px;
  cursor: pointer;
}

.header{
  background: #337ab7;
  color: #fff;
}

.header ul>li>a{
  color: #fff;
  /* Added font size */
  font-size: 17px;
}
.btn-primary{
  background: #1ca9c9;
  /* Added font size */
  font-size: 17px;
}
input.form-control,.form-select {
  border-color:#337ab7;
  border-width: 3px;
  /* Added font size */
  font-size: 16px;
}
input.default-input{
  border: 1px solid #ced4da;
}




#payslips-div td, #customers th {
  border: 1px solid #000;
  /* Added font size for table cells */
  font-size: 16px;
}

#payslips-div tr:nth-child(even){background-color: #f2f2f2;}

#payslips-div tr:hover {background-color: #ddd;}

#payslips-div th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #f2f2f2;
  /* Added font size for table headers */
  font-size: 17px;
}
.mb-tx{
  /*mobile menu item text*/
  /* Increased from 10px */
  font-size: 14px;
  margin-top: -5px;
}
.link-sp{
  padding-right: 20px;
  padding-top: 20px;
  text-align: center;
}
#menu-mobile{
    display: none;
  }
  #menu-desktop{
    display: inline-table;
  }
@media (max-width: 768px){
  #menu-mobile{
    display: inline-table;
  }
  #menu-desktop{
    display: none;
  }
  #bg-div{
    background:none
  }
}