:root{
	--black:black;
	--theme-color:#ffd600;
	--theme-color-light:#ffd60080;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 5px grey; */
  background:transparent;
  /*border-radius: 10px;*/
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--theme-color); 
  border-radius: 1000px;
  transition: 0.5s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  /*background: #2b5792;*/
}
td,th{
	white-space: nowrap;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    margin: 0;
}
select{
	-webkit-appearance: none;
}
pre{
	white-space: pre-wrap;
    word-wrap: break-word;
    overflow-y:auto;
}
u{
	cursor: pointer;
}
#jtloader{
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top:0;
	left:0;
	background: rgba(0,0,0,0.8);
	z-index: 2000;
	text-align: center;
}
#jtloader img{
	height: 10vh;
	margin-top: 25vh;
}
#jtloader .barContianer{
	display: inline-block;
	width: 50vw;
	text-align: left;
	border-radius: 1000px;
}
#barProgress{
	text-align: center;
	margin-top:5vh;
	background: var(--theme-color);
	color:black;
	display: inline-block;
	padding:5px;
	border-radius: 1000px;
	font-weight: 600;
	width: 100%;
}
.jtselecticon{
	position: absolute;
	right: 32px;
	top: 22px;
	font-size: 15px;
}
.jtselecticonsm{
	position: absolute;
	right: 24px;
	top: 16px;
	font-size: 12px;
}
.topnavmargin{
	margin-top: 180px;
}
@media (max-width: 1000px) {
  .topnavmargin {
    margin-top:80px;
  }
}

.jtcursorpointer{
	cursor: pointer;
}
.jttextdecorationnone{
	text-decoration: none;
}
.jttextdecorationnone:hover{
	text-decoration: none;
}

.bg-black{
	background: var(--black);
}
.text-black{
	color: var(--black);
}
.bg-theme{
	background: var(--theme-color);
}
.text-theme{
	color: var(--theme-color);
}
.hover-to-black{
	transition: 0.3s;
}
.hover-to-black:hover{
	background: black;
	color:white;
}
.jtround5{
	border-radius: 5px;
}
.jtround10{
	border-radius: 10px;
}
.jtround1000{
	border-radius: 1000px;
}
.jtround20{
	border-radius: 20px !important;
}
.jtround20top{
	border-radius: 20px 20px 0 0;
}	
.jtround20bottom{
	border-radius: 0 0 20px 20px;
}
.jtround10left{
	border-radius: 10px 0 0 10px;
}
.jtround20left{
	border-radius: 20px 0 0 20px;
}

.jtround10right{
	border-radius: 0 10px 10px 0;
}
.jtround20right{
	border-radius: 0 20px 20px 0;
}




@font-face{
	font-family: manrope;
	src:url(../font/Manrope-VariableFont_wght.ttf);
}
.font-theme{
	font-family: manrope;
}
a{
	color:unset;
}
a:hover{
	color:unset;
}
a:after{
	color:unset;
}
.jtinput{
	outline:none;
	border:1px solid rgba(0, 0, 0, 0.2);
	width: 100%;
	border-radius: 10px;
	padding: 1rem;
	transition: 0.3s;
/*	background: rgba(0, 0, 0, 0.05);*/
}
.jtinput-sm{
	padding: 0.5rem !important;
}

.jtinput:focus{
/*	background: white;*/
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.jtbtn-anim-1{
	cursor: pointer;
	position:relative;
	z-index: 1;
	margin-right:-30px;
	width:200px;
	display: inline-block;
	background: black;
	color:white;
	border-radius: 1000px;
	padding: 15px;
	transition: 0.3s;
}
.jtbtn-anim-2{
	cursor: pointer;
	position:relative;
	z-index: 1;
	margin-right:-30px;
	width:200px;
	display: inline-block;
	border-radius: 10px;
	padding: 10px;
	border:1px solid rgba(0, 0, 0, 0.2);
	transition: 0.3s;
}
.bg-gray-gradient{
	background-image: linear-gradient(to bottom, white , rgba(0,0,0,0.2));
}
.imgcontain{
	object-fit: contain;
}
.imgcover{
	object-fit: cover;
}
.jtinnershadow{
  box-shadow: inset 0 0 5px black;
}
.jtmenuitem{
	text-decoration: none !important;
	transition: 0.3s;
	display: inline-block;
	padding:0.5rem 1rem;
	border-radius: 20px 20px 0 0;
}
.jtsubmenucontainer{
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 11;
	top:55px;
	margin-left:-15px;
/*	left:0;*/
/*	width:100%;*/
/*	padding:1rem;*/
/*	padding:5px 0;*/
	background: white;
/*	box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.3);*/
	border-radius:0 20px 20px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.jtsubmenuitem{
	width: 100%;
	text-decoration: none !important;
	padding: 0.5rem 1rem ;
	color:black;
	display: inline-block;
/*	border-radius: 1000px;*/
}
.jtsubmenuitem:hover{
	background: var(--theme-color);
}
.jtmenuitem:hover{
	background: var(--theme-color);
}
.jtmenuitem:hover .jtsubmenucontainer{
	display: block;
}