/* this is needed so that bootstrap styles would not interfere with original styles MVC styles. we turn off box sizing by default, 
and turn it on only for the pages needed */
*,
*:before,
*:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

img {
  vertical-align: inherit;
}

.nav-tabs {
  border-bottom: 0px;
}

.nav > li > a {
  padding: 0px 25px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  outline: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  font-size: 14px;
  color: #666;
}

.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  font-size: 14px;
  color: #069;
}

.form-control {
  background-image: inherit;
}

a:focus {
  outline: none;
}

/* --- Buttons ---------------------------------------------- */
.button {
  width: 125px;
  height: 34px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 15px;
  border: none;
  cursor: pointer;
  padding: 0px 20px;
  margin-right: 15px;
  font-family: arial,sans-serif;
}

.button-primary {
  background-image: url(/newlook/css/images/button-bg-sprite_V1.gif);
  color: white;
}

.button-primary:disabled {
  color: #ACA899;
  cursor: default;
  background-image: url(/newlook/css/images/button-bg-sprite_V1.gif);
  background-position: 0 -136px;
}

.button-primary:hover:enabled {
  text-decoration: none;
  background-position: 0 -34px;
}

.button-default {
  background-image: url(/newlook/css/images/button-bg-sprite_V1.gif);
  color: white;
  background-position: 0 -68px;
}

.button-default:disabled {
  color: #ACA899;
  cursor: default;
  background-image: url(/newlook/css/images/button-bg-sprite_V1.gif);
  background-position: 0 -136px;
}

.button-default:hover:enabled {
  text-decoration: none;
  background-position: 0 -102px;
}

/* --- Bootstrap Buttons ---------------------------------------------- */
.btn {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 500;
  background-image: none;
  padding: 6px 12px;
  border-radius: 5px;
}

.btn-lg {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 24px;
  border-radius: 8px;
}

/* --- primary button --- */
.btn-primary {
  background-color: #286851;
  border-color: #286851;
}

.btn-primary:hover,
.btn-primary:hover:enabled {
  background-color: #39745e;
  border-color: #39745e;
}

.btn-primary:hover:active,
.btn-primary:hover:active:enabled {
  background-color: #6d9988;
  border-color: #6d9988;
}

.btn-primary:active,
.btn-primary:active:enabled {
  background-color: #6d9988;
  border-color: #6d9988;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: 0;
}

.btn-primary:focus,
.btn-primary:focus:enabled {
  background-color: #6d9988;
  border-color: #6d9988;
  outline: 0;
}

.btn-primary:active:focus,
.btn-primary:active:focus:enabled {
  outline: 0;
}

.btn-primary:disabled,
.btn-primary:hover:disabled,
.btn-primary:active:disabled,
.btn-primary:focus:disabled,
.btn-primary:hover:active:disabled,
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:active,
.btn-primary.disabled:focus {
  background-color: #BDC2CC;
  border-color: #BDC2CC;
  color: #ffffff;
}

/* --- secondary button --- */
.btn-secondary {
  background-color: #AFB5C2;
  border-color: #AFB5C2;
  color: #ffffff;
}

.btn-secondary:hover,
.btn-secondary:hover:enabled {
  background-color: #989FAD;
  border-color: #989FAD;
  color: #ffffff;
}

.btn-secondary:hover:active,
.btn-secondary:hover:active:enabled {
  background-color: #47686E;
  border-color: #47686E;
}

.btn-secondary:active,
.btn-secondary:active:enabled {
  background-color: #47686E;
  border-color: #47686E;
  color: #ffffff;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: 0;
}

.btn-secondary:focus,
.btn-secondary:focus:enabled {
  background-color: #47686E;
  border-color: #47686E;
  color: #ffffff;
  outline: 0;
}

.btn-secondary:active:focus,
.btn-secondary:active:focus:enabled {
  outline: 0;
}

.btn-secondary:disabled,
.btn-secondary:hover:disabled,
.btn-secondary:active:disabled,
.btn-secondary:focus:disabled,
.btn-secondary:hover:active:disabled,
.btn-secondary.disabled,
.btn-secondary.disabled:hover,
.btn-secondary.disabled:active,
.btn-secondary.disabled:focus {
  background-color: #F8F9FA;
  border-color: #CACED6;
  color: #ffffff;
}

/* --- alt-primary button --- */
.btn-alt-primary {
  background-color: transparent;
  border-color: #286851;
  color: #286851;
  font-weight: 500;
}

.btn-alt-primary:hover,
.btn-alt-primary:hover:enabled {
  border-color: #39745e;
  color: #39745e;
}

.btn-alt-primary:active,
.btn-alt-primary:active:enabled {
  border-color: #6d9988;
  color: #6d9988;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: 0;
}

.btn-alt-primary:focus,
.btn-alt-primary:focus:enabled {
  border-color: #6d9988;
  color: #6d9988;
  outline: 0;
}

.btn-alt-primary:active:focus,
.btn-alt-primary:active:focus:enabled {
  outline: 0;
}

.btn-alt-primary:disabled,
.btn-alt-primary:hover:disabled,
.btn-alt-primary:active:disabled,
.btn-alt-primary:focus:disabled,
.btn-alt-primary:hover:active:disabled,
.btn-alt-primary.disabled,
.btn-alt-primary.disabled:hover,
.btn-alt-primary.disabled:active,
.btn-alt-primary.disabled:focus {
  border-color: #BDC2CC;
  color: #BDC2CC;
}

/* --- alt-secondary button --- */
.btn-alt-secondary {
  background-color: transparent;
  border-color: #AFB5C2;
  color: #AFB5C2;
  font-weight: 500;
}

.btn-alt-secondary:hover,
.btn-alt-secondary:hover:enabled {
  color: #989FAD;
  border-color: #989FAD;
}

.btn-alt-secondary:active,
.btn-alt-secondary:active:enabled {
  color: #47686E;
  border-color: #47686E;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: 0;
}

.btn-alt-secondary:focus,
.btn-alt-secondary:focus:enabled {
  color: #47686E;
  border-color: #47686E;
  outline: 0;
}

.btn-alt-secondary:active:focus,
.btn-alt-secondary:active:focus:enabled {
  outline: 0;
}

.btn-alt-secondary:disabled,
.btn-alt-secondary:hover:disabled,
.btn-alt-secondary:active:disabled,
.btn-alt-secondary:focus:disabled,
.btn-alt-sedondary:hover:active:disabled,
.btn-alt-secondary.disabled,
.btn-alt-secondary.disabled:hover,
.btn-alt-secondary.disabled:active,
.btn-alt-secondary.disabled:focus {
  border-color: #F8F9FA;
  color: #CACED6;
}