@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.nav-item .dropdown .dropdown-menu .dropdown-item{
	font-size: 13px;
}

.modal.fade {
  z-index: 3000 !important;
}


.dropItem{
		font-size: 13px;
}



.dropdown li { 
	font-size: 7px; 
}

@media (max-width: 767.98px) { .border-sm-start-none { border-left: none !important; } }





#blocker_Error{
	filter: alpha(opacity=20);
	width:100%;
	height:100%;
	background:#000000;
	position:absolute;
	opacity:0.2;
	position:fixed;
	left:0; 
	top:0;
	display:none;
	z-index:9000;
}


#Error{
width:285px;
height:126px;
display:none;
overflow-x:hidden;
border-radius:8px;
/*margin-top:30px;*/
background:#FFFFFF;
border:solid 2px #000;
position:fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
z-index:9300;
}


#Confirm{
width:347px;
height:154px;
display:none;
overflow-x:hidden;
border-radius:8px;
/*margin-top:30px;*/
background:#FFFFFF;
border:solid 2px #000;
position:fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
z-index:9300;
}


#blocker2{
	filter: alpha(opacity=20);
	width:100%;
	height:100%;
	background:#000000;
	position:absolute;
	opacity:0.2;
	position:fixed;
	left:0; 
	top:0;
	display:none;
	z-index:8400;
}


#blocker{
	filter: alpha(opacity=20);
	width:100%;
	height:100%;
	background:#000000;
	position:absolute;
	opacity:0.2;
	position:fixed;
	left:0; 
	top:0;
	display:none;
	z-index:7800;
}




body{
 top: 0;
    left: 0;
}



.badge:after{
content:attr(value);
font-size:12px;
background: red;
border-radius:50%;
padding:3px;
position:relative;
left:-8px;
top:-10px;
opacity:0.9;
}



.navbar-nav.ml-auto .nav-item .nav-link {

	text-decoration: underline;
	cursor: pointer;	
	 font-family: "Roboto";
  font-optical-sizing: auto;
  font-weight:400;
font-size: 19px;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.navbar-nav.ml-auto .nav-item :link {
	color:#000000;
	margin-left: 4px;
	border-radius: 5px;
	font-size: 16px;
	



}

.navbar-nav.ml-auto .nav-item :hover {

	color: #1337DD;
}
.container-fluid {
	background-color: #FFFFFF;
}
.container .navbar.navbar-expand-lg.navbar-light.bg-light #navbarSupportedContent1 {
	font-size: medium;
}

.container .navbar.navbar-expand-lg.navbar-light.bg-light #navbarSupportedContent1 {
	font-size: medium;
}

.ccj{
	width: 15px;
	height: 16px;
	float: left;
	display: block;
	/*background: #D9282B;*/
		margin: 4px 4px 0px 0px;
}
#tte .container nav {
	font-size: small;
}


/*---------------------------Product List---------------------*/

body {
    margin: 0;
    font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5385;
    color: #333;

    background-color: #f5f5f5;
}
body {
}


.mt-50{
    margin-top: 50px;
}
.mb-50{
    margin-bottom: 50px;
}


.bg-teal-400 { 
    background-color: #26a69a;
}

a{
    text-decoration: none !important;
}


.fa {
        color: red;
}





/---------------------------Menu--------------------------**/

#navMenu{
	/*
margin:0 0 0 0;
height:40px;
display:block;
float:left;
border:solid 1px #866465;
*/
  
  position:relative;
  float:left;
  top: 0px;
  left: 0px;
  right:0px;
  width:100%;
  height:40px;
  background: #4468BD;

}

#navMenu ar{
	width:2px;
	height:40px;
	display:block;
	margin:0 5px 0 5px;
 	padding:0;
	float:left;
	background:#E5E1E1;
	line-height:17px;
}

#navMenu ul{
	margin:0;
 	padding:0;
	float:left;
	line-height:17px;
	
}

#navMenu li{
	margin:0;
 	padding:0;
	height:43px;
	list-style:none;
	float:left;
	position:relative;
}

#navMenu ul li span{
	
	display: block;
	margin:3px 0 0 20px;
	width: 20px;
	height: 19px;
	/*background:url(../img/img_board.png) no-repeat;*/
	cursor:pointer;
	color:#09F;
	text-decoration:none;	
	
}

#navMenu ul li a{
	text-align:left;
	display: block;
	width: 60px;
	/*padding-top:15px;*/
	height:20px;
	overflow:hidden;
	font-family:Tahoma;
	font-size: 11px;
	font-weight: bold;
	cursor:pointer;
	color:#495677;
	text-decoration:none;	
	text-align:center;
}




#navMenu li:hover{
	color:#FFF;
}

#navMenu ul li:hover ul li a:hover{
	display:block;
	color:#FF0;
	background: #B1A4A4;
	/*background:url(../images/backShow_hover.png);*/
	text-decoration:underline;
}

#navMenu a:hover{
color:#59AADB;
text-decoration:underline;
}
form .form-group {
	font-size: small;
}


.stText4{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00CC66;
}

.stText5{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#490D9B

}



Table_Detail{
	cursor: pointer;s
}
Table_Detail:hover{
	cursor: pointer;
}






        .footer {
            background: linear-gradient(145deg, #475588, #242730);
            color: #ffffff;
        }
        
        .footer-title {
            color: #fff;
            font-weight: 600;
            margin-bottom: 1.5rem;
            position: relative;
        }
        
        .footer-title::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 30px;
            height: 2px;
            background: #6c5ce7;
        }
        
        .footer-links {
            list-style: none;
            padding: 0;
        }
        
        .footer-links li {
            margin-bottom: 1rem;
        }
        
        .footer-links a {
            color: #b4b6bb;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        .footer-links a:hover {
            color: #ffffff;
            padding-left: 5px;
        }
        
        .social-links a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            background: rgba(255,255,255,0.1);
            color: #ffffff;
            margin-right: 10px;
            transition: all 0.3s ease;
        }
        
        .social-links a:hover {
            background: #6c5ce7;
            transform: translateY(-3px);
        }
        
        .newsletter-input {
            background: rgba(255,255,255,0.1);
            border: 1px solid rgba(255,255,255,0.1);
            color: #ffffff;
        }
        
        .newsletter-input:focus {
            background: rgba(255,255,255,0.15);
            border-color: #6c5ce7;
            color: #ffffff;
            box-shadow: none;
        }
        
        .btn-subscribe {
            background: #6c5ce7;
            border: none;
            padding: 0.5rem 1.5rem;
            transition: all 0.3s ease;
        }
        
        .btn-subscribe:hover {
            background: #5a4bd1;
            transform: translateY(-2px);
        }
        
        .footer-bottom {
            background: rgba(0,0,0,0.2);
        }
        
        .footer-bottom a {
            color: #6c5ce7;
            text-decoration: none;
        }