/*j&k pwd
green - #20552b
yellow - #f5bb13
orange - #f2801f 
brown - #9e8a6f
grey - #57565d
blue - #a6e0f4*/

.star{
	color: red;
	margin-left: 1px;
}

.content-header{
	padding: 5px .5rem;
}

.space10{
	margin-bottom: 10px;
}

.space20{
	margin-bottom: 20px;
}

.space30{
	margin-bottom: 30px;
}

.space40{
	margin-bottom: 40px;
}

.space50{
	margin-bottom: 50px;
}

.btn-success, .razorpay-payment-button{    
	background-color: #20552b !important;
	border-color: #20552b !important;
    color: #fff;
	font-size: 15px !important;
    font-weight: 500 !important;
    border-radius: 40px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    letter-spacing: 1.2px;
}

.btn-success:focus, .btn-success:hover, .btn-success:active, .razorpay-payment-button:hover, .razorpay-payment-button:focus, .razorpay-payment-button:active{
	background-color: #218838 !important;
	border-color: #1e7e34 !important;
}

.btn{
	box-shadow: 3px 3px 3px #999;
}

.btn-danger, .btn-primary, .btn-info{
	font-size: 15px !important;
  	font-weight: 600 !important;
  	border-radius: 40px !important;
  	padding-left: 20px !important;
  	padding-right: 20px !important;
  	letter-spacing: 1.2px;
  	margin-right: 10px;
}

.btn-sm, .btn-sm:hover, .btn-sm:focus, .btn-sm:active{
	padding: 5px 10px !important;
  	font-size: 12px !important;
}

.inverse-button, .inverse-button:focus, .inverse-button:hover, .inverse-button:active{
	background-color: #5BB575 !important;
	border-color: #5BB575 !important;
    color: white;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 40px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    letter-spacing: 1.2px;
}

table .fa {
  margin-right: 4px;
}

.nav-link {
  padding: .4rem 1rem;
}

label:not(.form-check-label):not(.custom-file-label){
	font-weight: 500;
}

.badge-danger{
	margin-left: 3px;
}

.badge-warning, .badge-warning:hover, .badge-warning:focus, .badge-warning:active{
  color: #fff !important;
}

/*cards*/
.card{
  border-radius: 20px;
}

.card-header {
  margin-bottom: 0;
}

.card-title{
	font-size: 16px;
	font-weight: 600;
}
/*cards end*/

/*nav tabs*/
[data-background-color]:not([data-background-color="gray"]) {
  color: #FFFFFF;
}

.card .nav-tabs {
  border-top-right-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
}

[data-background-color="lightshade"] {
  background-color: #f5f5dc;
}

.nav-tabs {
  border: 0;
  padding: 15px 0.7rem;
}

.nav-tabs:not(.nav-tabs-neutral) > .nav-item > .nav-link.active {
  box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
}

.nav-tabs .nav-item .nav-link.active {
  background-color: #f5bb13;
  color: #fff;
}

.nav-tabs .nav-item .nav-link {
  border: 1px solid transparent;
  border-radius: 20px;
  font-size: 14px;
  padding: 10px;
  line-height: 1.5;
  font-weight: 500;
}

.nav-item .nav-link, .nav-tabs .nav-link {
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}

.disabledlink, .disabledlink:hover, .disabledlink:focus, .disabledlink:active {
  color: #222;
}

.visitedlink, .visitedlink:hover, .visitedlink:focus, .visitedlink:active {
  background-color: #20552b;
  color: #fff;
  margin-right: 10px;
}