:root {
	--first-color: #2584FF;	
	--first-color-d1 : #0061E0;
	--first-color-d2 : #0050B8;
	--first-color-l1 : #4797FF;
	--first-color-l2 : #99C5FF;
	
	--second-color: #f59a58;
}

.first-color { color: var(--first-color); }
.first-color-d1 { color: var(--first-color-d1); }
.first-color-d2 { color: var(--first-color-d2); }
.first-color-l1 { color: var(--first-color-l1); }
.first-color-l2 { color: var(--first-color-l2); }
.second-color { color: var(--second-color); }


.green {
	color: #41ae37;
}

.active-badge {
	background: #68b760 !important;
	color: #f5f5f5 !important;
}
.inactive-badge {
	background: #888 !important;
	color: #f5f5f5 !important;
}
.draft-badge {
	background: #d9ae5d !important;
	color: #fff !important;
}
.new-badge {
	background: #f3f3f3 !important;
	color: #68b760 !important;
}

.gradient {
	background: var(--first-color);
	background: linear-gradient(90deg, var(--first-color) 0%, var(--second-color) 100%);	
}

.gradient-bg {
	
	background: var(--first-color);
    background:-moz-linear-gradient(130deg, var(--first-color-d1) 0%, var(--first-color) 50%, var(--first-color-l1) 82%, var(--first-color-l2) 100%); 
    background:-webkit-linear-gradient(130deg, var(--first-color-d1) 0%, var(--first-color) 50%, var(--first-color-l1) 82%, var(--first-color-l2) 100%);
    background:-o-linear-gradient(130deg, var(--first-color-d1) 0%, var(--first-color) 50%, var(--first-color-l1) 82%, var(--first-color-l2) 100%);
    background:-ms-linear-gradient(130deg, var(--first-color-d1) 0%, var(--first-color) 50%, var(--first-color-l1) 82%, var(--first-color-l2) 100%);
    background:linear-gradient(130deg, var(--first-color-d1) 0%, var(--first-color) 50%, var(--first-color-l1) 82%, var(--first-color-l2) 100%);

}

.btn-gradient {
	background: var(--first-color);
	background: linear-gradient(90deg, var(--first-color), #68c0c0 100%);
	color: #f1f1f1;
	border:0;
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
}

.text-gradient {
	background: -webkit-linear-gradient(300deg, var(--first-color), var(--second-color));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: ##4eafe1;
}

/*h3,h4 {	font-weight:300; }*/

.hover-scale {
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
}

.hover-scale:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.main-color {
	color: #4EAFE1;
}

.text-primary {
  color: var(--first-color) !important;
}

.nav-link {
	color: var(--first-color);
}

.btn-primary {
  color: #fff;
  background-color: var(--first-color);
  border-color: var(--first-color);
}
.btn-primary:hover {
  color: var(--first-color);
  background-color: inherit;
  border-color: var(--first-color);
}

.btn-outline-primary {
	color: var(--first-color);
	border-color: var(--first-color);
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: var(--first-color);
	border-color: var(--first-color);
}

.bg-primary {
	background-color: var(--first-color) !important;
} 

.border-primary {
	border-color: var(--first-color) !important;
}

button.active,.list-group-item.active, .form-check-input:checked {
	color: #fff !important;
	background-color: var(--first-color-d1) !important;
	border-color: var(--first-color-d1) !important;
}

.white-placeholder::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.white-placeholder:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.white-placeholder::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}