.g-checkbox__wrap {
			cursor: pointer;
			display: block;
			margin: 10px 0;
		}

		.g-checkbox__checkmark {
			border: 1px solid #000;
			width: 20px;
			height: 20px;
			display: inline-block;
			position: relative;
			vertical-align: top;
		}

		.g-checkbox__checkmark::before {
			content: "";
			display: block;
			background: #000;
			position: absolute;
			top: 3px;
			left: 3px;
			bottom: 3px;
			right: 3px;
			z-index: 2;
			display: none;
		}

		.g-checkbox__label {
			margin-left: 10px;
			max-width: 200px;
			word-wrap: break-word;
			display: inline-block;
			margin-top: 3px;
		}

		.g-checkbox__wrap input:checked + .g-checkbox__checkmark::before {
			display: block;
		}

		.g-radio__wrap {
			cursor: pointer;
			display: block;
			margin: 10px 0;
		}

		.g-radio__checkmark {
			border: 1px solid #000;
			width: 20px;
			height: 20px;
			display: inline-block;
			position: relative;
			vertical-align: top;
			border-radius: 100%;
		}

		.g-radio__checkmark::before {
			content: "";
			display: block;
			background: #000;
			position: absolute;
			top: 3px;
			left: 3px;
			bottom: 3px;
			right: 3px;
			z-index: 2;
			display: none;
			border-radius: 100%;
		}

		.g-radio__label {
			margin-left: 10px;
			max-width: 200px;
			word-wrap: break-word;
			display: inline-block;
			margin-top: 3px;
		}

		.g-radio__wrap input:checked + .g-radio__checkmark::before {
			display: block;
		}

		.g-select__wrap {
			border: 1px solid #000;
			padding: 5px 10px;
			cursor: pointer;
			position: relative;
			height: 20px;
		}

		.g-select__wrap:after {
			content: "▼";
			position: absolute;
			right: 10px;
			top: 6px;
		}

		.g-select__wrap.active:after {
			content: "▲";
		}

		.g-select__box {
			position: absolute;
			top: 20px;
			left: 0;
			right: 0;
			background: #fff;
			border: 1px solid #000;
			list-style-type: none;
			padding-left: 0;
			left: -1px;
			right: -1px;
			display: none;
			z-index: 1;
		}

		.g-select__box.active {
			display: block;
		}

		.g-select__box li {
			padding: 5px 10px;
		}

		.g-select__box li:hover {
			background: #000;
			color: #fff;
		}

		.g-tab__control-bar {
			list-style-type: none;
			padding-left: 0;
			margin-bottom: 0;
		}

		.g-tab__control-bar li {
			display: inline-block;
			vertical-align: top;
			padding: 5px 10px;
			cursor: pointer;
			border: 1px solid #000;
			border-bottom: 0;
			border-left: 0;
		}

		.g-tab__control-bar li:first-child {
			border-left: 1px solid #000;
		}

		.g-tab__control-bar li.active {
			background: #000;
			color: #fff;
		}

		.g-tab {
			padding: 20px;
			height: 150px;
			border: 1px solid #000;
		}

		.g-button-checkbox__wrap {
			border: 1px solid #000;
			padding: 10px;
			cursor: pointer;
		}

		.g-button-checkbox__wrap:hover,
		.g-button-checkbox__wrap.active {
			background: #000;
			color: #fff;
		}

		.g-button-checkbox__wrap input {
			display: none;
		}

		.g-worktime__days {
			display: flex;
			margin: 0 -10px;
		}

		.g-worktime__days .g-worktime__day {
			margin: 0 10px;
			padding: 16px;
		}

		.g-worktime__days .g-worktime__day.disabled {
			background: #eee;
		}

		.g-worktime__days .g-worktime__day.disabled:hover {
			background: #eee;
			color: #000;
		}

		.g-worktime__time {
			display: flex;
			padding: 20px 0;
			margin: 0 -10px;
		}

		.g-worktime__picker {
			width: 150px;
			margin: 0 10px;
		}

		.g-worktime__btn {
			border: 1px solid;
			background: #fff;
			font-size: 14px;
			cursor: pointer;
			width: 150px;
			margin: 0 10px;
			font-family: "Open Sans";
		}

		.g-worktime__btn:hover {
			background: #000;
			color: #fff;
		}

		.g-timepicker__wrap {
			position: relative;
		}

		.g-input {
			border: 1px solid #000;
			font-size: 14px;
			padding: 10px;
			text-align: center;
			box-sizing: border-box;
			width: 100%;
		}

		.g-timepicker__wrap input {
			cursor: pointer;
		}

		.g-timepicker__list-wrap {
			display: none;
			position: absolute;
			background: #fff;
			top: 40px;
			z-index: 10;
			left: 0;
			right: 0;
			max-height: 200px;
			overflow: auto;
			border: 1px solid #000;
		}

		.g-timepicker__list-wrap.active {
			display: block;
		}

		.g-timepicker__list {
			list-style-type: none;
			padding-left: 0;
			margin-top: 0;
		}

		.g-timepicker__list li {
			cursor: pointer;
			padding: 10px 0;
			text-align: center;
		}

		.g-timepicker__list li:hover {
			background: #000;
			color: #fff;
		}

		.g-num {
			display: flex;
			border: 1px solid #000;
		}

		.g-num.inline {
			height: 35px;
		}

		.g-num.inline .g-num__inc, 
		.g-num.inline .g-num__dec {
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.g-num.inline input {
			border-left: 1px solid #000;
		}

		.g-num input {
			border: 0;
			border-right: 1px solid #000;
		}

		.g-num__inc,
		.g-num__dec {
			display: block;
			text-align: center;
		}

		.g-num__inc,
		.g-num__dec {
			width: 30px;
			height: 20px;
			cursor: pointer;
		}

		.g-num__controls .g-num__inc {
			border-bottom: 1px solid #000;
		}

		.g-num__inc:hover,
		.g-num__dec:hover {
			background: #000;
			color: #fff;
		}