

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



::-webkit-scrollbar {
    width: 20px;
  }

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}


input[type="date"].hide-calender{

    &::-webkit-inner-spin-button,&::-webkit-calendar-picker-indicator{
       display: none;
       -webkit-appearance: none;
   }
    
}




input[type=checkbox],
input[type=radio] {
		opacity: 0;
		position: absolute;
		z-index: 1;
		width: 20px;
		height: 20px;
}

input[type=checkbox]:checked,
input[type=radio]:checked,
input[type=checkbox]:focus,
input[type=radio]:focus {
		outline: none !important;
}

input[type=checkbox]+.lbl,
input[type=radio]+.lbl {
		position: relative;
		z-index: 2;
		display: inline-block;
		margin: 0;
		line-height: 20px;
		min-height: 20px;
		min-width: 20px;
		font-weight: normal;
}

input[type=checkbox]+.lbl.padding-16::before,
input[type=radio]+.lbl.padding-16::before {
		margin-right: 16px;
}

input[type=checkbox]+.lbl.padding-12::before,
input[type=radio]+.lbl.padding-12::before {
		margin-right: 12px;
}

input[type=checkbox]+.lbl.padding-8::before,
input[type=radio]+.lbl.padding-8::before {
		margin-right: 8px;
}

input[type=checkbox]+.lbl.padding-4::before,
input[type=radio]+.lbl.padding-4::before {
		margin-right: 4px;
}

input[type=checkbox]+.lbl.padding-0::before,
input[type=radio]+.lbl.padding-0::before {
		margin-right: 0px;
}

input[type=checkbox]+.lbl::before,
input[type=radio]+.lbl::before {
	font-family: fontAwesome;
	font-weight: normal;
	font-size: 11px;
	color: #2091cf;
	content: "";
	background-color: #fff;
	border: 1px solid #C3C3C3;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border-radius: 7px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 13px;
	min-width: 13px;
	margin-right: 1px;
	margin-top: -5px;
	width: 27px;
	height: 27px;
}

input[type=checkbox].is-invalid+.lbl::before,
input[type=radio].is-invalid+.lbl::before{
	border-color: #ff9999;
}

input[type=checkbox]:checked+.lbl::before,
input[type=radio]:checked+.lbl::before {
		display: inline-block;
		content: '';
		background-color: #000;
		border-color: #adb8c0;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

input[type=checkbox]:checked+.lbl::after,
input[type=radio]:checked+.lbl::after {
	  content: "";
    position: absolute;
    left: 10px;
    top: 1px;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

input[type=checkbox]:active+.lbl::before,
input[type=radio]:active+.lbl::before,
input[type=checkbox]:checked:active+.lbl::before,
input[type=radio]:checked:active+.lbl::before {
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=checkbox]:disabled+.lbl::before,
input[type=radio]:disabled+.lbl::before,
input[type=checkbox][disabled]+.lbl::before,
input[type=radio][disabled]+.lbl::before,
input[type=checkbox].disabled+.lbl::before,
input[type=radio].disabled+.lbl::before {
		background-color: #DDD !important;
		border-color: #CCC !important;
		box-shadow: none !important;
		color: #BBB;
}
