[class*="icheck-material"] { position: relative; margin-right: 20px; display: inline-block; line-height: 100%; }
[class*="icheck-material"]:last-child { margin-right: 0; }

[class*="icheck-material"] > label { position: relative; margin-bottom: 0; padding-left: 22px; display: inline-block; font-weight: 400; font-size: 14px; color: #6f6f6f; vertical-align: top; cursor: pointer; }

[class*="icheck-material"] > label span { font-size: 14px; }

[class*="icheck-material"] > input:first-child { position: absolute; margin: 0; padding: 0; width: 15px; height: 15px; background-color: #787878; border-radius: 50%; display: block; pointer-events: none; outline: none; top: 5px; left: 0; transition: opacity 0.3s, transform 0.3s; opacity: 0; }

[class*="icheck-material"] > input:first-child:disabled { cursor: default; }

[class*="icheck-material"] > input:first-child:disabled + label,
[class*="icheck-material"] > input:first-child:disabled + input[type="hidden"] + label,
[class*="icheck-material"] > input:first-child:disabled + label::before,
[class*="icheck-material"] > input:first-child:disabled + input[type="hidden"] + label::before { pointer-events: none; cursor: default; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }

[class*="icheck-material"] > input:first-child + label::before,
[class*="icheck-material"] > input:first-child + input[type="hidden"] + label::before { position: absolute; width: 13px; height: 13px; border: 1px solid #c3c3c3; border-radius: 0; box-sizing: border-box; display: inline-block; top: 5px; left: 0; content: ""; }

[class*="icheck-material"] > input:first-child:checked + label::after,
[class*="icheck-material"] > input:first-child:checked + input[type="hidden"] + label::after { position: absolute; width: 7px; height: 10px; border: 2px #fff solid; border-left: none; border-top: none; box-sizing: border-box; display: inline-block; top: 5px; left: 0; transform: translate(7.75px, 4.5px) rotate(45deg); -ms-transform: translate(7.75px, 4.5px) rotate(45deg); content: ""; }


[class*="icheck-material"] > input:first-child::-ms-check { border-radius: 50%; opacity: 0; }

[class*="icheck-material"] > input:first-child:active { transform: scale(0); -ms-transform: scale(0); transition: opacity 0s, transform 0s; opacity: 1; }

[class*="icheck-material"] > input[type="radio"]:first-child + label::before,
[class*="icheck-material"] > input[type="radio"]:first-child + input[type="hidden"] + label::before { border-radius: 50%; }

[class*="icheck-material"] > input[type="radio"]:first-child:checked + label::before,
[class*="icheck-material"] > input[type="radio"]:first-child:checked + input[type="hidden"] + label::before { background-color: transparent; }

[class*="icheck-material"] > input[type="radio"]:first-child:checked + label::after,
[class*="icheck-material"] > input[type="radio"]:first-child:checked + input[type="hidden"] + label::after { position: absolute; width: 7px; height: 7px; border-radius: 50%; border: none; top: calc((100% - 7px) / 2); left: 4px; transform: none; -ms-transform: none; content: ""; }

[class*="icheck-material"] > input[type="checkbox"]:first-child:checked + label::after,
[class*="icheck-material"] > input[type="checkbox"]:first-child:checked + input[type="hidden"] + label::after { width: 5px; height: 11px; transform: translate(4px, 0) rotate(45deg); -ms-transform: translate(4px, 0) rotate(45deg); }

/* icheck-inline */
.icheck-inline { display: inline-block; }
.icheck-inline + .icheck-inline { margin-top: 6px; margin-left: .75rem; }

/* custom */
.icheck-material-custom > input:first-child { background-color: #565353; }
.icheck-material-custom > input:first-child::-ms-check { background-color: #565353; }
.icheck-material-custom > input:first-child:checked + label::before,
.icheck-material-custom > input:first-child:checked + input[type="hidden"] + label::before { background-color: #e6e6e6; border-color: #c6c6c6; }
.icheck-material-custom > input:first-child:checked + label::after,
.icheck-material-custom > input:first-child:checked + input[type="hidden"] + label::after { border-bottom-color: #565353; border-right-color: #565353; }
.icheck-material-custom > input[type="radio"]:first-child:checked + label::after,
.icheck-material-custom > input[type="radio"]:first-child:checked + input[type="hidden"] + label::after { background-color: #565353; }

-webkit-tap-highlight-color: transparent ;

@media screen and (min-width: 1281px){
	[class*="icheck-material"] > input:first-child:not(:checked):not(:disabled):hover + label::before,
	[class*="icheck-material"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-width: 2px; }

	.icheck-material-custom > input:first-child:not(:checked):not(:disabled):hover + label::before,
	.icheck-material-custom > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #c6c6c6; }
}