@charset "utf-8";

/* CSS Document */



/* Customize the label (the container) */

label.container {

  display: block;

  position: relative;

  padding-left: 25px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 21px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/* Hide the browser's default checkbox */

label.container input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 18px;

  width: 18px;

  background-color: #fff;

}



/* On mouse-over, add a grey background color */

label.container:hover input ~ .checkmark {

  background-color: #ccc;

}



/* When the checkbox is checked, add a blue background */

label.container input:checked ~ .checkmark {

  background-color: #0e723c;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

label.container input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

label.container .checkmark:after {

	left: 7px;

    top: 4px;

  width: 4px;

  height: 8px;

  border: solid white;

  border-width: 0 2px 2px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.size-file {

	font-weight: normal;

	font-family: 'DBHeavent';

	font-size: 16px;

	margin-bottom: 0;

	color: #8d8d8d;

	letter-spacing: 0.02em;

}