body,div,p,a,h1,h2,h3,h4,h5{

    font-family: arial;

}
body{
  background:#1ca9c9;
}
.bld{
  font-weight: bold;
}
.line{
   border: 1px solid;
   opacity: 1;
}
.hdr{
 
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
}
a.link{
  text-decoration: none;
  color: #fff;
  padding-left: 20px;
}
a.link-mb{
  text-decoration: none;
  color: #fff;
  display: block;
}
.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;
}
.logo-txt{
  font-size: 30px;

}
#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;

}

.navbar-default .navbar-nav > li> a{

  color: #fff;

}

.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; 

}

.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;

}

.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;

}
.btn-primary{
  background: #1ca9c9;
}
input.form-control,.form-select {
  border-color:#337ab7;
  border-width: 3px;
}
input.default-input{
  border: 1px solid #ced4da;
}




#payslips-div td, #customers th {
  border: 1px solid #000
}

#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;
}
.mb-tx{
  /*mobile menu item text*/
  font-size: 10px;
  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
  }
}