body  {
  background-color: #E6F4FF;
  font-size: 0.8rem;
}

table {
  margin-bottom: 0px;
}

/**FOOTER START**/
.myfooter {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  margin-bottom: 0px;
  background-color: #0b3663;
  color: #ccc;
  padding-left: 0.5rem;
}


.myfooter a {
color:#ccc;

}

.myfooter a:hover {
color:#FF0;
}

/**FOOTER END **/


.copyright-text  {
    color: #ccc;
}

/*new1012*/
table a {
	color:#0066cc;
}
.table td, .table th {
   padding: 0.5rem;
}


  

 a {
color:#fff;

}
 a:hover {
color:#000;
}


/* https://www.codeply.com/api/run */
#body-row {
    margin-left:0;
    margin-right:0;
}

#mynav {
width: auto;
  height: 60px !important;
  background-image: url("../images/bannerM.jpg");
  background-repeat: no-repeat !important;
  background-size: contain !important;
}


/*********************** region menu *****/

/* Secondary Menu */

.mytop {display:block;background:#0b3663;font-weight:500;padding: 1rem; clear:both;}

.navbar-nav .nav-link .mynavlink a {
 color:#FFF;
}

.region-menu {
display:block;
background:#FFCC00;
font-weight:500;
clear:both;
width:100%;
height:33px;
position:relative;
z-index:100;
}
.region-menu .block-menu {


margin:0 auto;
width:950px;
/*width: 95%;*/
position:relative;
}

.region-menu .menu {

background:none;
float:left;
position:relative;
height:33px;
}
.region-menu .menu li {
background:none;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
height:33px;
}
.region-menu .menu li.active {
display:inline-block;
background:#FF0000;
border-left:1px solid #ddd;
color:#FFF;
float:left;
height:33px;
padding:6px 17px 7px 17px;
}

.region-menu .menu li a {
display:inline-block;
border-left:1px solid #ddd;
color:#333;
float:left;
height:33px;
/*padding:6px 17px 7px 17px;*/
padding:6px 8px 6px 8px;
}
.region-menu .menu li a:hover,
.region-menu .menu li a:active {
background:#fff;
color:#aa1e1e;
}
.region-menu .menu li a.active,
.region-menu .menu li a.active-trail,
.region-menu .menu li a.active:hover,
.region-menu .menu .expanded:hover {
background:#fff;
}


.region-menu .menu li ul {

background:#fff;
border:1px solid #ddd;
border-top:0;
margin:0;
padding:5px 10px 10px 10px;
position:absolute;
top:100%;
left:0px;
/*width:200px;*/
width:190px;
z-index:100;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.region-menu .menu li ul li {

height:auto;
padding:0px 0px 0px 5px;
}
.region-menu .menu li ul li a {

/*color:#333;*/
float:none;
font-weight:normal;
line-height:1.5em;
/*width:190px;*/
width:180px;
height:auto;
padding:5px 0px 5px 0px;
}
.region-menu .menu li ul li:hover,
.region-menu .menu li ul li a:hover,
.region-menu .menu li ul li a.active,
.region-menu .menu li ul li a.active-trail {
color:#A6192E;
}
.region-menu .menu li ul li a {
border-left:0px;
padding:5px 0px 5px 0px;
}



.wrapper {
margin:auto;
width:950px;
}

.mycard {
	width:80%;
	padding: 2rem 2rem;
	margin-top: 2 rem;
    background-image: url("../images/profile/bkg_profile.jpg"); 
}




/** banner by calvin **/
@media only screen and (max-width: 525px) {
	.navbar.background-image {
	  background-image: url("../images/mobile/navbar-bkg-sm.png");
	  background-repeat: no-repeat;
	  background-position: center top;
	  background-size: auto calc(50px + 8vw);
	}
	.navbar-nav {
		margin-top: calc(9vw) !important;
	}
}

@media only screen and (min-width: 526px) {
	.navbar.background-image {
	  background-image: url("../images/mobile/navbar-bkg.png");
	  background-repeat: no-repeat;
	  background-position: calc(-1200px + 45vw) top;
	  background-size: auto 66px;
	}
}



/*250711 adjust logo*/
@media only screen and (max-width: 1024x) {
	.navbar-brand {
	 margin-top: 0.1rem;
	}
	
}

@media only screen and (min-width: 1024px) {
	
	.navbar-brand {
		margin-top: -2.54rem;
	}
		
	
}
		

.bg-blue {
	background-color: #24395B;
}



 .myTestIndex {
   border-radius: 50%;
    display: flex;
	justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
	/*text-align: center;*/
    background-color: #0066CC;
	margin: 2px;
  }
  

  
  

  /********** 250224 bootstrap 5 fix*********/
  a {
  text-decoration: none !important;
  }
  
  a:hover {
  text-decoration: underline !important;
  }
  
  label {
	margin-bottom: .5rem !important;
	margin-right: .5rem !important;
  }
  
  .form-select {
         /* width: auto !important;*/
		  }
		  
		  

.form-inline  {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-select  {
  display: inline-block !important;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col {
  padding-left: 5px;
  padding-right: 5px;
}

.card-detail {
width: 80% !important;
}

.cardX {
width: 80% !important;
}

.card-testX {
width: 100% !important;
}


@media (max-width:1199px) {
	.card-detail {
	width: 100% !important;
	}
	
	.cardX {
		width: 100% !important;
	}
	
}

.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   /*background-color: #E6F4FF;; // Choose your own color here*/
 }
 
 
 .table > :not(caption) > * > * {
/*	background-color: transparent; 250325*/
 }
  
  
 .navbar {
     padding: .5rem 1rem;
 }
  
  
/*	250711*/ 
.dropdown-menu {
    font-size: 13px;
	background-color: #FFF176;
	padding:0px;
  }


/*	250711*/
.dropdown-menu .dropdown-menu {
    font-size: 13px;
	background-color: #FFF9C4;
	padding:0px;
  }
  
  
  
  
/********** 250711 bootstrap 5 fix*********/
  @media (min-width: 992px) {
    .mt-lg-6 {
        margin-top: 4rem !important;
    }
}