@charset "utf-8";

/* button : default */
.button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  margin: 0;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  vertical-align: middle !important;
  cursor: pointer;
  /* for firefox-on-android https://github.com/necolas/normalize.css/issues/214 */
  background-image: none;
  border: solid 1px transparent;
  white-space: nowrap;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  font-weight: 500;
  padding: 7px 25px 7px 25px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 3px;
  -webkit-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
 
}
.button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  /* webkit */
  outline-offset: -2px;
}
.button:link,
.button:hover,
.button:visited,
.button:focus {
  color: #231f20;
  text-decoration: none;
}

.button:active,
.button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.125);
}
.button.disabled,
.button[disabled],
fieldset[disabled] .button {
  cursor: not-allowed;
  /* Future-proof disabling of clicks */
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  /* iOS fix for unreadable disabled content */
  opacity: 1;
  filter: alpha(opacity=100);
}
.button.full {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.button input[type="submit"].btn-block,
.button input[type="reset"].btn-block,
.button input[type="button"].btn-block {
  width: 100%;
}
.button,
.button.default,
.button:link,
.button.default:link {
  color: #231f20;
  background-color: #ffffff;
  border-color: #cccccc;
}
.button:hover,
.button.default:hover,
.button:focus,
.button.default:focus,
.button:active,
.button.default:active,
.button.active,
.button.default.active {
  color: #231f20;
  background-color: #ebebeb;
  border-color: #adadad;
}
.button:active,
.button.default:active,
.button.active,
.button.default.active {
  background-image: none;
}
.button.disabled,
.button.default.disabled,
.button[disabled],
.button.default[disabled],
fieldset[disabled] .button,
fieldset[disabled] .button.default,
.button.disabled:hover,
.button.default.disabled:hover,
.button[disabled]:hover,
.button.default[disabled]:hover,
fieldset[disabled] .button:hover,
fieldset[disabled] .button.default:hover,
.button.disabled:focus,
.button.default.disabled:focus,
.button[disabled]:focus,
.button.default[disabled]:focus,
fieldset[disabled] .button:focus,
fieldset[disabled] .button.default:focus,
.button.disabled:active,
.button.default.disabled:active,
.button[disabled]:active,
.button.default[disabled]:active,
fieldset[disabled] .button:active,
fieldset[disabled] .button.default:active,
.button.disabled.active,
.button.default.disabled.active,
.button[disabled].active,
.button.default[disabled].active,
fieldset[disabled] .button.active,
fieldset[disabled] .button.default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.button.default.disabled,
.button.default.disabled:link {
  color: #aaaaaa;
  background-color: #ffffff;
  border-color: #cccccc;
}
.button.default.disabled:hover,
.button.default.disabled:focus,
.button.default.disabled:active,
.button.default.disabled.active {
  color: #aaaaaa;
  background-color: #ebebeb;
  border-color: #adadad;
}
.button.default.disabled:active,
.button.default.disabled.active {
  background-image: none;
}
.button.default.disabled.disabled,
.button.default.disabled[disabled],
fieldset[disabled] .button.default.disabled,
.button.default.disabled.disabled:hover,
.button.default.disabled[disabled]:hover,
fieldset[disabled] .button.default.disabled:hover,
.button.default.disabled.disabled:focus,
.button.default.disabled[disabled]:focus,
fieldset[disabled] .button.default.disabled:focus,
.button.default.disabled.disabled:active,
.button.default.disabled[disabled]:active,
fieldset[disabled] .button.default.disabled:active,
.button.default.disabled.disabled.active,
.button.default.disabled[disabled].active,
fieldset[disabled] .button.default.disabled.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.button.secondary,
.button.secondary:link {
  color: #ffffff;
  background-color: #404040;
  border-color: #404040;
}
.button.secondary:hover,
.button.secondary:focus,
.button.secondary:active,
.button.secondary.active {
  color: #ffffff;
  background-color: #222222;
  border-color: #222222;
}
.button.secondary:active,
.button.secondary.active {
  background-image: none;
}
.button.secondary.disabled,
.button.secondary[disabled],
fieldset[disabled] .button.secondary,
.button.secondary.disabled:hover,
.button.secondary[disabled]:hover,
fieldset[disabled] .button.secondary:hover,
.button.secondary.disabled:focus,
.button.secondary[disabled]:focus,
fieldset[disabled] .button.secondary:focus,
.button.secondary.disabled:active,
.button.secondary[disabled]:active,
fieldset[disabled] .button.secondary:active,
.button.secondary.disabled.active,
.button.secondary[disabled].active,
fieldset[disabled] .button.secondary.active {
  background-color: #000000;
  border-color: #000000;
}

.button.success,
.button.success:link {
  color: #00a28b;
  background-color: #ffffff;
  border-color: #00a28b;
}
.button.success:hover,
.button.success:focus,
.button.success:active,
.button.success.active {
  color: #00a28b;
  background-color: #ebebeb;
  border-color: #006556;
}
.button.success:active,
.button.success.active {
  background-image: none;
}
.button.success.disabled,
.button.success[disabled],
fieldset[disabled] .button.success,
.button.success.disabled:hover,
.button.success[disabled]:hover,
fieldset[disabled] .button.success:hover,
.button.success.disabled:focus,
.button.success[disabled]:focus,
fieldset[disabled] .button.success:focus,
.button.success.disabled:active,
.button.success[disabled]:active,
fieldset[disabled] .button.success:active,
.button.success.disabled.active,
.button.success[disabled].active,
fieldset[disabled] .button.success.active {
  background-color: #ffffff;
  border-color: #00a28b;
}

.button.info,
.button.info:link {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.button.info:hover,
.button.info:focus,
.button.info:active,
.button.info.active {
  color: #ffffff;
  background-color: #858585;
  border-color: #7a7a7a;
}
.button.info:active,
.button.info.active{
  background-image: none;
}
.button.info.disabled,
.button.info[disabled],
fieldset[disabled] .button.info,
.button.info.disabled:hover,
.button.info[disabled]:hover,
fieldset[disabled] .button.info:hover,
.button.info.disabled:focus,
.button.info[disabled]:focus,
fieldset[disabled] .button.info:focus,
.button.info.disabled:active,
.button.info[disabled]:active,
fieldset[disabled] .button.info:active,
.button.info.disabled.active,
.button.info[disabled].active,
fieldset[disabled] .button.info.active {
  background-color: #999999;
  border-color: #999999;
}

.button.info.dark,
.button.info.dark:link {
  color: #ffffff;
  background-color: #666666;
  border-color: #666666;
}
.button.info.dark:hover,
.button.info.dark:focus,
.button.info.dark:active,
.button.info.dark.active {
  color: #ffffff;
  background-color: #525252;
  border-color: #474747;
}
.button.info.dark:active,
.button.info.dark.active {
  background-image: none;
}
.button.info.dark.disabled,
.button.info.dark[disabled],
fieldset[disabled] .button.info.dark,
.button.info.dark.disabled:hover,

.button.info.dark[disabled]:hover,
fieldset[disabled] .button.info.dark:hover,
.button.info.dark.disabled:focus,
.button.info.dark[disabled]:focus,
fieldset[disabled] .button.info.dark:focus,
.button.info.dark.disabled:active,
.button.info.dark[disabled]:active,
fieldset[disabled] .button.info.dark:active,
.button.info.dark.disabled.active,
.button.info.dark[disabled].active,
fieldset[disabled] .button.info.dark.active {
  background-color: #666666;
  border-color: #666666;
}
.button.info.dark .badge {
  color: #666666;
  background-color: #ffffff;
}
.button.primary,
.button.primary:link {
  color: #ffffff;
  background-color: #38a1fa;
  border-color: #38a1fa;
}

.button.primary:hover,
.button.primary:focus,
.button.primary:active,
.button.primary.active {
  color: #ffffff;
  background-color: #0b76d1;
  border-color: #0b76d1;
}
.button.primary:active,
.button.primary.active {background-image: none;}
.button.primary.disabled,
.button.primary[disabled],
fieldset[disabled] .button.primary,
.button.primary.disabled:hover,
.button.primary[disabled]:hover,
fieldset[disabled] .button.primary:hover,
.button.primary.disabled:focus,
.button.primary[disabled]:focus,
fieldset[disabled] .button.primary:focus,
.button.primary.disabled:active,
.button.primary[disabled]:active,
fieldset[disabled] .button.primary:active,
.button.primary.disabled.active,
.button.primary[disabled].active,
fieldset[disabled] .button.primary.active {
  background-color: #00a28b;
  border-color: #00a28b;
}

.button.danger,
.button.danger:link {
  color: #ffffff;
  background-color: #fd7261;
  border-color: #fd5c48;
}
.button.danger:hover,
.button.danger:focus,
.button.danger:active,
.button.danger.active {
  color: #ffffff;
  background-color: #fc4e39;
  border-color: #fc260b;
}
.button.danger:active,
.button.danger.active {
  background-image: none;
}
.button.danger.disabled,
.button.danger[disabled],
fieldset[disabled] .button.danger,
.button.danger.disabled:hover,
.button.danger[disabled]:hover,
fieldset[disabled] .button.danger:hover,
.button.danger.disabled:focus,
.button.danger[disabled]:focus,
fieldset[disabled] .button.danger:focus,
.button.danger.disabled:active,
.button.danger[disabled]:active,
fieldset[disabled] .button.danger:active,
.button.danger.disabled.active,
.button.danger[disabled].active,
fieldset[disabled] .button.danger.active {
  background-color: #fd7261;
  border-color: #fd5c48;
}
.button.danger .badge {
  color: #fd7261;
  background-color: #ffffff;
}
.button.gray,
.button.gray:link {
  color: #ffffff;
  background-color: #b7bbc1;
  border-color: #cccccc;
}
.button.gray:hover,
.button.gray:focus,
.button.gray:active,
.button.gray.active {
  color: #ffffff;
  background-color: #a1a6ae;
  border-color: #adadad;
}
.button.gray:active,
.button.gray.active {
  background-image: none;
}
.button.gray.disabled,
.button.gray[disabled],
fieldset[disabled] .button.gray,
.button.gray.disabled:hover,
.button.gray[disabled]:hover,
fieldset[disabled] .button.gray:hover,
.button.gray.disabled:focus,
.button.gray[disabled]:focus,
fieldset[disabled] .button.gray:focus,
.button.gray.disabled:active,
.button.gray[disabled]:active,
fieldset[disabled] .button.gray:active,
.button.gray.disabled.active,
.button.gray[disabled].active,
fieldset[disabled] .button.gray.active {
  background-color: #b7bbc1;
  border-color: #cccccc;
}

.button.disabled {
  /* .button-variant(@button-danger-color; @gray-lighter; @button-danger-border); */
}
.button.disabled,
.button.disabled:link {
  color: #ffffff;
  background-color: #b7bbc1;
  border-color: #cccccc;
}
.button.disabled:hover,
.button.disabled:focus,
.button.disabled:active,
.button.disabled.active {
  color: #ffffff;
  background-color: #a1a6ae;
  border-color: #adadad;
}
.button.disabled:active,
.button.disabled.active {
  background-image: none;
}
.button.disabled.disabled,
.button.disabled[disabled],
fieldset[disabled] .button.disabled,
.button.disabled.disabled:hover,
.button.disabled[disabled]:hover,
fieldset[disabled] .button.disabled:hover,
.button.disabled.disabled:focus,
.button.disabled[disabled]:focus,
fieldset[disabled] .button.disabled:focus,
.button.disabled.disabled:active,
.button.disabled[disabled]:active,
fieldset[disabled] .button.disabled:active,
.button.disabled.disabled.active,
.button.disabled[disabled].active,
fieldset[disabled] .button.disabled.active {
  background-color: #b7bbc1;
  border-color: #cccccc;
}

.button.xsmall {padding: 2px 7px 2px 7px; font-size: 11px; line-height:1.3; border-radius: ;}
.button.small {padding: 4px 15px 4px 15px; font-size: 12px; line-height:1.3; border-radius: ;}
.button.large {padding: 8px 25px 9px 25px; font-size: 14px; line-height:1.33; border-radius: ;}
.button.xlarge {padding: 10px 35px 12px 35px; font-size: 16px; line-height:1.33; border-radius: ;}

.button.more {
  padding: 0px;
  width: 100%;
  height: 38px;
  line-height: 38px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
}
/* custom button ========================================================================== */
.button-datepicker {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle !important;
  border-left: 0;
  line-height: 1;
}

/* button box */
.section-button {clear: both; *zoom: 1; text-align: center; }
.section-button:before,
.section-button:after {content: " "; display: table;}
.section-button:after {clear: both;}


@media only screen and (max-width: 767px) {
	.button {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.button.col1 {display:block; padding-left:0; padding-right:0; width:100%; font-size:14px; }
	.button.col2 {font-size:14px; padding-left:0!important; padding-right:0!important; width:49.333%;}
	.button.col3 {font-size:14px; padding-left:0!important; padding-right:0!important; width:32.5%;  }

}

@media only screen and (max-width: 560px) {
	.button.col3 {display:block; width:100%; }

}

@media only screen and (max-width: 400px) {
	.button.col3 {font-size:12px; }

}