/*********** material ***********/
.mbtn {
  position: relative;
  overflow: hidden;
}
.mbtn .material_circle {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.085);
  border-radius: 50%;
  transform: scale(0);
}
.mbtn .material_circle.animate {
  -webkit-animation: effect 0.65s linear;
  animation: effect 0.65s linear;
}
@-webkit-keyframes effect {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@keyframes effect {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

.btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0px;
  color: #444444;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 14px;
  padding: 5px 12px;
  line-height: 16px;
  margin: 0px;
  background: #E7E7E7;
  color: #444444;
  padding: 5px 12px;
}
.btn:link, .btn:visited {
  color: #444444;
  text-decoration: none;
}
.btn:hover {
  text-decoration: none;
  background: #f4f4f4;
}
.btn:focus {
  outline-width: 1px;
  outline-style: dashed;
  outline-color: #0F8DCB;
}
.btn:active {
  background: #e4e4e4;
}
.btn .mdi {
  display: inline-block;
}
.btn .mdi::before {
  font-size: 14px;
}
.btn:hover {
  background: #dadada;
  color: #444444;
}
.btn a {
  color: #444444;
}
.btn:active {
  background: #cecece;
}
.btn:visited, .btn:link {
  color: #444444;
}
.btn .mdi::before {
  margin-left: 0px;
}
.btn.disabled {
  opacity: 0.2;
  cursor: default;
}
.btn.btn-with-icon {
  padding: 5px 12px 5px 6px;
}
.btn.btn-with-icon i {
  margin-right: 3px;
  margin-left: 3px;
}

.btn-link {
  background: #f6f6f6;
  border: 0px;
  color: #444444;
}
.btn-link:hover {
  background: #E7E7E7;
}

.btn-round {
  border-radius: 20px;
}

.btn-green {
  background: #0FAC1E;
  color: #B5F6A6;
}
.btn-green:hover {
  background: #0d951a;
  color: #B5F6A6;
}
.btn-green a {
  color: #B5F6A6;
}

.btn-white {
  background: #FFFFFF;
  color: #444444;
}
.btn-white:hover {
  background: #f2f2f2;
}
.btn-white a {
  color: #444444;
}
.btn-white a:hover {
  color: #444444;
}

.btn-black {
  background: #131313;
  color: #EAEAEA;
}
.btn-black:hover {
  background: #060606;
}
.btn-black a {
  color: #EAEAEA;
}
.btn-black a:hover {
  color: #EAEAEA;
}

.btn-red {
  background: #D30C1E;
  color: #F6FAFF;
}
.btn-red:hover {
  background: #bb0b1b;
  color: #F6FAFF;
}
.btn-red a {
  color: #F6FAFF;
}
.btn-red a:hover {
  color: #F6FAFF;
}

.btn-light-blue, .btn-primary, .btn-success {
  background: #0F8DCB;
  color: #F6FAFF;
}
.btn-light-blue:hover, .btn-primary:hover, .btn-success:hover {
  background: #0B6C9C;
  color: #F6FAFF;
}
.btn-light-blue:active, .btn-primary:active, .btn-success:active {
  background: #095c84;
}
.btn-light-blue:visited, .btn-light-blue:link, .btn-primary:visited, .btn-primary:link, .btn-success:visited, .btn-success:link {
  color: #F6FAFF;
}
.btn-light-blue.selected, .btn-primary.selected, .btn-success.selected {
  background: #0B6C9C;
}
.btn-light-blue a, .btn-primary a, .btn-success a {
  color: #F6FAFF;
}

.btn-blue {
  background: #0B6C9C;
  color: #F6FAFF;
}
.btn-blue:hover {
  background: #0B6C9C;
  color: #F6FAFF;
}
.btn-blue:hover a {
  color: #F6FAFF;
}
.btn-blue a {
  color: #F6FAFF;
}

.btn-orange {
  background: #FFBE00;
  color: #0B5176;
}
.btn-orange:hover {
  background: #e6ab00;
}
.btn-orange:active {
  background: #cc9800;
}
.btn-orange.selected {
  background: #e6ab00;
}
.btn-orange a {
  color: #0B5176;
}

.btn-info {
  background: #A2E0FF;
  color: #074195;
}
.btn-info:hover {
  background: #89d8ff;
}
.btn-info:active {
  background: #6fcfff;
}
.btn-info.selected {
  background: #89d8ff;
}
.btn-info a {
  color: #074195;
}

.btn-mini {
  font-size: 12px;
  line-height: 15px;
  margin: 0px;
  padding: 2px 5px;
}
.btn-mini .mdi::before {
  margin-left: 0px;
}

.btn-small, .btn-see-more {
  font-size: 13px;
  height: 22px;
  line-height: 13px;
  margin: 0px;
  padding: 4px 6px;
}
.btn-small .mdi::before, .btn-see-more .mdi::before {
  margin-left: 0px;
}

.btn-large {
  padding: 10px 10px;
}
.btn-large .mdi::before {
  margin-left: 3px;
  margin-top: -13px;
}

.btn-big {
  font-size: 15px;
  margin: 0px !important;
  padding: 25px !important;
}

.btn-block {
  display: block;
}

.btn-see-more {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0px;
  color: #444444;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 14px;
  padding: 5px 12px;
  line-height: 16px;
  margin: 0px;
  background: #E7E7E7;
  color: #444444;
  background: #0B6C9C;
  color: #F6FAFF;
  float: right;
  display: none;
  font-weight: normal;
  padding: 3px 10px;
}
.btn-see-more:link, .btn-see-more:visited {
  color: #444444;
  text-decoration: none;
}
.btn-see-more:hover {
  text-decoration: none;
  background: #f4f4f4;
}
.btn-see-more:focus {
  outline-width: 1px;
  outline-style: dashed;
  outline-color: #0F8DCB;
}
.btn-see-more:active {
  background: #e4e4e4;
}
.btn-see-more .mdi {
  display: inline-block;
}
.btn-see-more .mdi::before {
  font-size: 14px;
}
.btn-see-more:hover {
  background: #dadada;
  color: #444444;
}
.btn-see-more a {
  color: #444444;
}
.btn-see-more:active {
  background: #cecece;
}
.btn-see-more:visited, .btn-see-more:link {
  color: #444444;
}
.btn-see-more:hover {
  background: #0B6C9C;
  color: #F6FAFF;
}
.btn-see-more:hover a {
  color: #F6FAFF;
}
.btn-see-more a {
  color: #F6FAFF;
}

.toggleInRow {
  background: #FFF;
  border-radius: 2px;
  color: #444444;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  max-width: 900px;
  min-height: 40px;
  text-align: left;
  text-decoration: none;
}
.toggleInRow:link, .toggleInRow:visited {
  color: #444444;
}
.toggleInRow label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  font-size: 12px;
  margin: 0px;
  padding: 5px 5px 5px 40px;
}
.toggleInRow .customCheck {
  background: #E6E6E6;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  height: 25px;
  margin-left: -35px;
  position: absolute;
  transition: all 0.2s;
  width: 25px;
}
.toggleInRow .customCheck:after {
  border: solid #888888;
  border-width: 0 4px 4px 0;
  content: "";
  height: 20px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: rotate(45deg);
  transition: all 0.1s;
  width: 8px;
}
.toggleInRow:hover .customCheck:after {
  border: solid #EEEEEE;
  border-width: 0 4px 4px 0;
  opacity: 100;
}
.toggleInRow input:checked + label .customCheck {
  border: 1px solid #8BC435;
}
.toggleInRow input:checked + label .customCheck:after {
  border: solid #8BC435;
  border-width: 0 4px 4px 0;
  opacity: 100;
}
.toggleInRow input {
  display: none;
  margin: 7px 0 0 7px;
  position: absolute;
}