/* XPages Application CSS */
/*
Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin-left: 0;
    margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}
/**
 * Select2 Bootstrap CSS
 * Compatible with Select2 3.3.2, 3.4.1, 3.4.2 and Twitter Bootstrap 3.0.0
 * MIT License
 */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */
.select2-container.form-control {
  background: transparent;
  border: none;
  display: block;
  /* 1 */
  margin: 0;
  padding: 0;
}

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-search input {
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container .select2-choices .select2-search-field input {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
  height: 34px;
  line-height: 1.42857;
}

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
  height: auto;
}

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 3px;
}

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: 45px;
  line-height: 1.33;
  border-radius: 6px;
}

.select2-container-multi .select2-choices .select2-search-field input {
  height: 32px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: 28px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: 43px;
}

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0;
}

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 12px;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 5px 10px;
}

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px;
}

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: 1px solid #cccccc;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 3px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 3px;
}

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px;
}

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px;
}

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px;
}

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
  border-color: #c09853;
}
.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.has-warning.select2-drop-active {
  border-color: #a47e3c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #a47e3c;
}

.has-error .select2-choice,
.has-error .select2-choices {
  border-color: #b94a48;
}
.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.has-error.select2-drop-active {
  border-color: #953b39;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #953b39;
}

.has-success .select2-choice,
.has-success .select2-choices {
  border-color: #468847;
}
.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.has-success.select2-drop-active {
  border-color: #356635;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #356635;
}

/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #66afe9;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-drop-active {
  border-color: #66afe9;
}

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
  border-top-color: #66afe9;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.select2-dropdown-open [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
  color: white;
  background-color: #428bca;
}

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
  color: #555555;
  background: white;
  border-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #ebebeb;
  border-color: #adadad;
  color: #333333;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
  margin-top: -7px;
  top: 50%;
}

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
  top: 50%;
}

/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background-color: #fcf8e3;
  color: #c09853;
}

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #cccccc;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice div,
.select2-container.select2-container-disabled .select2-choices .select2-arrow,
.select2-container.select2-container-disabled .select2-choices div {
  background-color: transparent;
  border-left: 1px solid transparent;
  /* 2 */
}

/**
 * Address Select2's loading indicator position - which should not stick
 * to the right edge of Select2's search input.
 *
 * 1. in .select2-search input
 * 2. in Multi Select2's .select2-search-field input
 * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
 *
 * These styles alter Select2's default background-position of 100%
 * and supply the new background-position syntax to browsers which support it:
 *
 * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
 * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
 *
 * @see http://www.w3.org/TR/css3-background/#background-position
 *
 * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
 * we could use the :after-pseudo-element to display the loading indicator.
 * Alternatively, we could supply an altered loading indicator image which already
 * contains an offset to the right.
 */
.select2-search input.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active {
  background-position: 99%;
  /* 4 */
  background-position: right 4px center;
  /* 5 */
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/

}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i,
.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}
/*!
 * Jasny extension p7 to Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

@media (min-width: 1px) {
  .container-smooth {
    max-width: 1170px;
  }
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-labeled {
  padding-top: 0;
  padding-bottom: 0;
}

.btn-label {
  position: relative;
  left: -12px;
  display: inline-block;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px 0 0 3px;
}

.btn-label.btn-label-right {
  right: -12px;
  left: auto;
  border-radius: 0 3px 3px 0;
}

.btn-lg .btn-label {
  left: -16px;
  padding: 10px 16px;
  border-radius: 5px 0 0 5px;
}

.btn-lg .btn-label.btn-label-right {
  right: -16px;
  left: auto;
  border-radius: 0 5px 5px 0;
}

.btn-sm .btn-label {
  left: -10px;
  padding: 5px 10px;
  border-radius: 2px 0 0 2px;
}

.btn-sm .btn-label.btn-label-right {
  right: -10px;
  left: auto;
  border-radius: 0 2px 2px 0;
}

.btn-xs .btn-label {
  left: -5px;
  padding: 1px 5px;
  border-radius: 2px 0 0 2px;
}

.btn-xs .btn-label.btn-label-right {
  right: -5px;
  left: auto;
  border-radius: 0 2px 2px 0;
}

.nav-tabs-bottom {
  border-top: 1px solid #dddddd;
  border-bottom: 0;
}

.nav-tabs-bottom > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.nav-tabs-bottom > li > a {
  border-radius: 0 0 4px 4px;
}

.nav-tabs-bottom > li > a:hover,
.nav-tabs-bottom > li > a:focus,
.nav-tabs-bottom > li.active > a,
.nav-tabs-bottom > li.active > a:hover,
.nav-tabs-bottom > li.active > a:focus {
  border: 1px solid #dddddd;
  border-top-color: transparent;
}

.nav-tabs-left {
  border-right: 1px solid #dddddd;
  border-bottom: 0;
}

.nav-tabs-left > li {
  float: none;
  margin-right: -1px;
  margin-bottom: 0;
}

.nav-tabs-left > li > a {
  margin-right: 0;
  margin-bottom: 2px;
  border-radius: 4px 0 0 4px;
}

.nav-tabs-left > li > a:hover,
.nav-tabs-left > li > a:focus,
.nav-tabs-left > li.active > a,
.nav-tabs-left > li.active > a:hover,
.nav-tabs-left > li.active > a:focus {
  border: 1px solid #dddddd;
  border-right-color: transparent;
}

.row > .nav-tabs-left {
  position: relative;
  z-index: 1;
  padding-right: 0;
  padding-left: 15px;
  margin-right: -1px;
}

.row > .nav-tabs-left + .tab-content {
  border-left: 1px solid #dddddd;
}

.nav-tabs-right {
  border-bottom: 0;
  border-left: 1px solid #dddddd;
}

.nav-tabs-right > li {
  float: none;
  margin-bottom: 0;
  margin-left: -1px;
}

.nav-tabs-right > li > a {
  margin-bottom: 2px;
  margin-left: 0;
  border-radius: 0 4px 4px 0;
}

.nav-tabs-right > li > a:hover,
.nav-tabs-right > li > a:focus,
.nav-tabs-right > li.active > a,
.nav-tabs-right > li.active > a:hover,
.nav-tabs-right > li.active > a:focus {
  border: 1px solid #dddddd;
  border-left-color: transparent;
}

.row > .nav-tabs-right {
  padding-right: 15px;
  padding-left: 0;
}

.navmenu {
  width: 300px;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.navmenu-fixed-left,
.navmenu-fixed-right {
  position: fixed;
  top: 0;
  z-index: 1030;
  border-radius: 0;
}

.navmenu-fixed-left {
  left: 0;
  border-width: 0 1px 0 0;
}

.navmenu-fixed-right {
  right: 0;
  border-width: 0 0 0 1px;
}

.navmenu-nav {
  margin-bottom: 10px;
}

.navmenu-nav.dropdown-menu {
  position: static;
  float: none;
  padding-top: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navmenu-brand {
  display: block;
  padding: 10px 15px;
  margin: 10px 0;
  font-size: 18px;
  line-height: 20px;
}

.navmenu-brand:hover,
.navmenu-brand:focus {
  text-decoration: none;
}

.navmenu-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navmenu-default .navmenu-brand {
  color: #777777;
}

.navmenu-default .navmenu-brand:hover,
.navmenu-default .navmenu-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navmenu-default .navmenu-text {
  color: #777777;
}

.navmenu-default .navmenu-nav > .dropdown > a:hover .caret,
.navmenu-default .navmenu-nav > .dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.navmenu-default .navmenu-nav > .open > a,
.navmenu-default .navmenu-nav > .open > a:hover,
.navmenu-default .navmenu-nav > .open > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navmenu-default .navmenu-nav > .open > a .caret,
.navmenu-default .navmenu-nav > .open > a:hover .caret,
.navmenu-default .navmenu-nav > .open > a:focus .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navmenu-default .navmenu-nav > .dropdown > a .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.navmenu-default .navmenu-nav.dropdown-menu {
  background-color: #e7e7e7;
}

.navmenu-default .navmenu-nav.dropdown-menu > .divider {
  background-color: #f8f8f8;
}

.navmenu-default .navmenu-nav.dropdown-menu > .active > a,
.navmenu-default .navmenu-nav.dropdown-menu > .active > a:hover,
.navmenu-default .navmenu-nav.dropdown-menu > .active > a:focus {
  background-color: #d7d7d7;
}

.navmenu-default .navmenu-nav > li > a {
  color: #777777;
}

.navmenu-default .navmenu-nav > li > a:hover,
.navmenu-default .navmenu-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}

.navmenu-default .navmenu-nav > .active > a,
.navmenu-default .navmenu-nav > .active > a:hover,
.navmenu-default .navmenu-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navmenu-default .navmenu-nav > .disabled > a,
.navmenu-default .navmenu-nav > .disabled > a:hover,
.navmenu-default .navmenu-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}

.navmenu-inverse {
  background-color: #222222;
  border-color: #080808;
}

.navmenu-inverse .navmenu-brand {
  color: #999999;
}

.navmenu-inverse .navmenu-brand:hover,
.navmenu-inverse .navmenu-brand:focus {
  color: #ffffff;
  background-color: transparent;
}

.navmenu-inverse .navmenu-text {
  color: #999999;
}

.navmenu-inverse .navmenu-nav > .dropdown > a:hover .caret,
.navmenu-inverse .navmenu-nav > .dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navmenu-inverse .navmenu-nav > .open > a,
.navmenu-inverse .navmenu-nav > .open > a:hover,
.navmenu-inverse .navmenu-nav > .open > a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navmenu-inverse .navmenu-nav > .open > a .caret,
.navmenu-inverse .navmenu-nav > .open > a:hover .caret,
.navmenu-inverse .navmenu-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navmenu-inverse .navmenu-nav > .dropdown > a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navmenu-inverse .navmenu-nav.dropdown-menu {
  background-color: #080808;
}

.navmenu-inverse .navmenu-nav.dropdown-menu > .divider {
  background-color: #222222;
}

.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a,
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:hover,
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:focus {
  background-color: #000000;
}

.navmenu-inverse .navmenu-nav > li > a {
  color: #999999;
}

.navmenu-inverse .navmenu-nav > li > a:hover,
.navmenu-inverse .navmenu-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}

.navmenu-inverse .navmenu-nav > .active > a,
.navmenu-inverse .navmenu-nav > .active > a:hover,
.navmenu-inverse .navmenu-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navmenu-inverse .navmenu-nav > .disabled > a,
.navmenu-inverse .navmenu-nav > .disabled > a:hover,
.navmenu-inverse .navmenu-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}

.alert-fixed-top,
.alert-fixed-bottom {
  position: fixed;
  left: 0;
  z-index: 1035;
  width: 100%;
  margin: 0;
  border-radius: 0;
}

@media (min-width: 992px) {
  .alert-fixed-top,
  .alert-fixed-bottom {
    left: 50%;
    width: 992px;
    margin-left: -496px;
  }
}

.alert-fixed-top {
  top: 0;
  border-width: 0 0 1px 0;
}

@media (min-width: 992px) {
  .alert-fixed-top {
    border-width: 0 1px 1px 1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}

.alert-fixed-bottom {
  bottom: 0;
  border-width: 1px 0 0 0;
}

@media (min-width: 992px) {
  .alert-fixed-bottom {
    border-width: 1px 1px 0 1px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
}

.offcanvas {
  display: none;
}

.offcanvas.in {
  display: block;
}

@media (max-width: 767px) {
  .offcanvas-xs {
    display: none;
  }
  .offcanvas-xs.in {
    display: block;
  }
}

@media (max-width: 991px) {
  .offcanvas-sm {
    display: none;
  }
  .offcanvas-sm.in {
    display: block;
  }
}

@media (max-width: 1199px) {
  .offcanvas-md {
    display: none;
  }
  .offcanvas-md.in {
    display: block;
  }
}

.offcanvas-lg {
  display: none;
}

.offcanvas-lg.in {
  display: block;
}

.canvas-sliding {
  -webkit-transition: -webkit-transform 0.35s;
          transition: transform 0.35s, -ms-transform 0.35s;
}

.offcanvas-clone {
  position: absolute !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: none !important;
  opacity: 0 !important;
}

.table.rowlink td:not(.rowlink-skip),
.table .rowlink td:not(.rowlink-skip) {
  cursor: pointer;
}

.table.rowlink td:not(.rowlink-skip) a,
.table .rowlink td:not(.rowlink-skip) a {
  font: inherit;
  color: inherit;
  text-decoration: inherit;
}

.table-hover.rowlink tr:hover td,
.table-hover .rowlink tr:hover td {
  background-color: #cfcfcf;
}

.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  direction: ltr;
}

.fileinput {
  display: inline-block;
  margin-bottom: 9px;
}

.fileinput .uneditable-input {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text;
}

.fileinput .thumbnail {
  display: inline-block;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.fileinput .thumbnail > img {
  max-height: 100%;
}

.fileinput .btn {
  vertical-align: middle;
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none;
}

.fileinput-inline .fileinput-controls {
  display: inline;
}

.fileinput .uneditable-input {
  white-space: normal;
}

.fileinput-new .input-group .btn-file {
  border-radius: 0 4px 4px 0;
}

.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 3px 3px 0;
}

.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0;
}

.form-group.has-warning .fileinput .uneditable-input {
  color: #c09853;
  border-color: #fbeed5;
}

.form-group.has-warning .fileinput .fileinput-preview {
  color: #c09853;
}

.form-group.has-warning .fileinput .thumbnail {
  border-color: #fbeed5;
}

.form-group.has-error .fileinput .uneditable-input {
  color: #b94a48;
  border-color: #eed3d7;
}

.form-group.has-error .fileinput .fileinput-preview {
  color: #b94a48;
}

.form-group.has-error .fileinput .thumbnail {
  border-color: #eed3d7;
}

.form-group.has-success .fileinput .uneditable-input {
  color: #468847;
  border-color: #d6e9c6;
}

.form-group.has-success .fileinput .fileinput-preview {
  color: #468847;
}

.form-group.has-success .fileinput .thumbnail {
  border-color: #d6e9c6;
}

.input-group-addon:not(:first-child) {
  border-left: 0;
}html.busy,html.busy * {
	cursor: progress !important;
}

* {
	/*line-height: 1.25em;*/
}

html,body,form {
	width: auto;
	height: auto;
}

body.frameless {
/*	background-color: #222;
	background-image: url('background_darkpepper.jpg');
*/	margin: 0;
}

body,td,th,input,select,textarea,button {
	font-family: Helvetica Neue, Arial, sans serif;
	font-size: 12px;
}

/*input[type="text"],input[type="password"] {*/
input,textarea {
	border: 1px solid #bbb;
	border-radius: 3px;
	background-image: url('/td/base.nsf/text_input_bg.png');
	background-repeat: repeat-x;
	padding: 3px 5px;
	margin: 0;
}

input[type="text"],input[type="password"] {
	
}

input[type="radio"],input[type="checkbox"] {
	border: none;
	background: none;
	margin: 3px;
	padding: 0;
}

.dijitInputContainer input {
	background: none;
}

select {
	padding: 3px;
	background-image: url('/td/base.nsf/text_input_bg.png');
	background-repeat: repeat-x;
	border: solid 1px #bbb;
	border-radius: 3px;
}

h2 {
	font-size: 16px;
	color: #666;
}

h3,td.h3 {
	font-size: 15px;
	color: #444;
	font-weight: bold;
}

.tekst {
	font-family: Helvetica Neue, Arial, sans serif;
	font-size: 12px;
}

th {
	text-align: left;
}

th b {
	font-weight: bold;
}

a,a:visited {
	color: #0094B1;
}

a:hover {
	color: #000080;
}

a:focus {
	outline: none;
}

a.orange,.orange {
	color: #F7932F;
}

a.orange:hover {
	color: #F7932F;
}

a.orange_dark {
	color: #EE7900;
}

a.orange_dark:hover {
	color: #8F4A00;
}

a.klein {
	color: #003398;
	font-weight: bold;
}

a.klein:hover {
	color: #000080;
	font-weight: bold;
}

hr.light {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	/*width: 70%;
	text-align: left;*/
}

hr.dark {
	border: 0;
	color: #888;
	background-color: #888;
	height: 1px;
}

/*fieldset {
	border: solid 1px #ccc;
	margin: 0;
	padding: 4px 12px;
	border-radius: 4px;
}

fieldset legend {
	padding: 0 8px;
	color: #444;
}*/

input[type="button"],button,.button {
	background-color: #EBEBF6;
	border-width: 1px;
	border-style: solid;
	border-color: #aaa #999 #999 #aaa;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-khtml-radius: 3px;
	border-radius: 3px;
	background-image: url(/td/base.nsf/butfade_2_gray.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-weight: normal;
	padding: 2px 8px;
}

.button a,a.button {
	color: black;
	text-decoration: none;
	padding: 4px 8px;
	height: 15px;
	display: inline-block;
}

.button_highlight,input.button_highlight {
	background-color: #FFC482;
	border-width: 1px;
	border-style: solid;
	border-color: #EF912C #EE7A01 #EE7A01 #EF912C;
	background-image: url(/td/base.nsf/butfade_2.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.warning {
	border: 1px solid #ff0000;
}

.itemtable td {
	font-size: 10px;
}

.itemtable th {
	font-size: 11px;
}

.tablehead {
	color: white;
}

a.tablehead {
	color: white
}

a.tablehead:visited {
	color: white
}

a.tablehead:hover {
	text-decoration: underline;
	color: white;
}

.tablesubhead {
	font-size: 10px;
	color: black;
}

.tablekolomhead {
	background: #ffe1b0;
	font-style: normal;
	color: black;
}

.tablealternaterow {
	background-color: #F0F0F0;
}

table.titleTable {
	background-color: #003398;
	color: white;
	width: 100%;
	font-weight: bold;
	margin-bottom: 1px;
	height: 20px;
	background-image: url(/td/base.nsf/bg_phonenr_1x25.gif);
	background-repeat: repeat-x;
}

table.Grey {
	background-color: #A0A0B0;
}

.titleTable a {
	color: white;
}

.titleTable td {
	padding: 0 14px;
}

table.subtitleTable {
	background-color: #EBEBF6;
	color: black;
	width: 100%;
	border-spacing: 0px;
	height: 8px;
}

.subtitleTable a {
	color: black;
	text-decoration: none;
}

.subtitleTable td {
	padding: 0px;
	padding-left: 14px;
}

.titleDiv {
	margin: 0 0 16px 0;
	padding: 3px 0 0 14px;
	background-color: #003398;
	color: white;
	font-weight: bold;
	height: 18px;
/*	background-image: url(bg_phonenr_1x20.gif);
	background-repeat: repeat-x;*/
	border-bottom: solid 8px #EBEBF6;
}

.titleDiv a {
	color: white;
}

img {
	border: 0px;
}

.bigTopbar {
	background-color: #666666;
	background-image: url("/beststore/bw-site.nsf/bg_login_sdg_1x155.gif");
	padding-left: 14px;
	height: 37px;
	color: white;
	font-weight: bold;
	font-size: 11px;
}

.navRightBorder {
	border-right: solid #003398 1px;
	margin-top: 6px;
	font-weight: bold;
}

.navLine { /*width: 95%;*/
	height: 1px;
	color: #003398;
	background-color: #003398;
	border: 0px;
	margin: 7px !important; /* this is the Firefox/Opera margin */
	margin: 0 7px; /* this is the IE margin - 7px less height */
	padding: 0px;
}

a.afkoLink {
	color: black;
	text-decoration: underline;
}

a.afkoLink_white {
	color: white;
	text-decoration: underline;
}

table.marginLeft {
	margin-left: 14px;
	margin-right: 14px;
	width: 96%
}

.marginLeft td {
	padding: 1px;
}

.scroll {
	font-size: 11px;
}

table.stappen {
	border-collapse: collapse;
	margin: 6px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.frameless table.stappen {
	margin-left: -8px;
}

table.stappen td { /*	padding: 0px;*/
	
}

td.stappenTopLeft {
	height: 25px;
	background-repeat: no-repeat;
	background-image: url(stappen/boven.gif);
	vertical-align: top;
	padding: 0px;
}

td.stappenTop {
	background-repeat: no-repeat;
	background-image: url(stappen/boven.gif);
	background-position: 100% 100%;
	vertical-align: top;
	padding: 0px;
}

td.stappenTop span {
	background-color: #ffffff;
	padding-left: 6px;
	padding-right: 6px;
}

span.stappenInactive,span.stappenActive {
	padding: 0px;
	font-size: 15px;
	margin-right: 10px;
	color: #888;
}

span.stappenActive {
	color: #EE7A01;
	font-weight: bold;
}

span.stappenLinks,span.stappenLinks a {
	font-size: 12px;
	color: #888;
}

td.stappenTopLeft {
	background-repeat: no-repeat;
	background-image: url(stappen/linksboven.gif);
	padding: 0px;
	width: 21px;
	height: 21px;
}

td.stappenLeft {
	background-repeat: repeat-y;
	background-image: url(stappen/links.gif);
	padding: 0px;
}

td.stappenBottomLeft {
	background-repeat: no-repeat;
	background-image: url(stappen/linksonder.gif);
	padding: 0px;
	width: 21px;
	height: 21px;
}

td.stappenContent {
	width: 720px;
	padding: 6px;
}

td.stappenContentSmall {
	width: 550px;
	padding: 6px;
}

td.stappenBottom {
	background-repeat: no-repeat;
	background-image: url(stappen/onder.gif);
	padding: 0px;
}

a.menu-sub {
	padding: 3px;
}

a.menu-sub:hover {
	text-decoration: underline;
}

.tabbar {
	margin: 20px 0 20px 14px;
	padding-left: 8px;
	/*width: 800px;*/
	border-bottom: 1px solid #888;
}

div.tabbar {
	height: 16px;
}

.tabbar span {
	position: relative;
	border: 1px solid #888;
	border-bottom: 0;
	padding: 2px;
	padding-left: 8px;
	padding-right: 8px;
	top: -1px;
	border-radius: 2px 2px 0 0;
}

span.tabselected {
	position: relative;
	font-weight: bold;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	top: -2px;
	border-bottom: 2px solid white;
}

span.tabselected a {
	text-decoration: none;
	color: black;
}

.oldbrowser {
	border: dashed 3px #EE7900;
	width: 800px;
	margin: 4px 0 10px 0;
	padding: 0 12px;
	text-align: left;
}

.oldbrowser h3,.oldbrowser p {
	padding: 0;
	margin: 10px 0;
}

.etcOrange {
	color: #FC8621;
}

.etcBlue {
	color: #00AEEF;
}

.etcBlack {
	color: black;
}

form {
	margin: 0px;
}

.topNav td {
	font-size: 11px;
}

.topNav a,.topNav a:hover {
	color: #003398;
	text-decoration: underline
}

.extra_small {
	width: 75px;
}

.small {
	width: 150px;
}

.wide {
	width: 300px;
}

select.wide {
	width: 312px;
}

.extra_wide {
	width: 600px;
}

table.dataTable,.dataTable table {
	border-collapse: collapse;
}

.dataTable td,.dataTable th {
	padding: 0 8px 4px 0;
	vertical-align: top;
}

.smaller .dataTable td,.smaller .dataTable th {
	padding: 0 4px 2px 0;
}

.dataTableHighlight td,.dataTableHighlight th {
	padding: 2px 4px;
}

.dataTableHighlight tr:hover {
	background-color: #DFF6FF;
}

.dataTable h3 {
	margin-bottom: 0px;
}

.dataLabel {
	display: block;
	color: #444;
	font-weight: bold;
	margin: 4px 0;
}

.dataValue {
	display: block;
	margin: 4px 0 8px;
}

.buttonBar {
	margin: 14px 0 14px 0;
}

.buttonBar button,.buttonBar input {
	margin: 0 5px;
}

.buttonBar a {
	margin: 0 10px;
}

.buttonBar :first-child {
	margin-left: 0;
}

.error {
	
}

.error input,input.error,textarea.error {
	border-color: red;
}

.error ul {
	color: red;
	margin-top: 4px;
}

label.error {
	display: block;
	color: red;
	padding: 2px;
	/*margin-left: 10px;*/
}

textarea.mceEditor {
	visibility: hidden;
}

.stappenTop,.stappenTop a {
	color: #4BC2ED;
	font-size: 15px;
}

.aktieprijs,.green {
	color: #00be04;
}

.lighter,.lighter:visited {
	color: #808080;
}

.smaller,.smaller td,.smaller th {
	font-size: 10px;
}

.fadeout_50 {
	opacity: .5;
	filter: alpha(opacity =                                             50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.fadeout_70 {
	opacity: .7;
	filter: alpha(opacity =                                             70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.fadein_70:hover {
	opacity: .7;
	filter: alpha(opacity =                                             70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.fadein_80:hover {
	opacity: .8;
	filter: alpha(opacity =                                             80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.fadein_90:hover {
	opacity: .9;
	filter: alpha(opacity =                                             90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.fadein_100:hover {
	opacity: 1;
	filter: alpha(opacity =                                             100)
		;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.help_div {
	margin: 0 0 16px
}

.frameless .help_div {
	position: relative;
	top: -21px;
}

.help_text {
	display: none;
	padding: 20px 90px 20px 30px;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 1px 0 #CCCCCC;
	/*background-color: #EBEBF6;*/
	background-color: white;
	/*background-image: url("help.png");*/
	background-position: right top;
	background-repeat: no-repeat;
}

.help_text h3 {
	margin-top: 0;
}

.help_text p {
	width: 600px;
}

.help_tab { /*float: right;*/
	position: absolute;
	right: 0;
	margin: 0 40px;
	/*background-color: #EBEBF6;*/
	background-color: white;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 1px 0 #ccc;
	border: solid 1px #ccc;
	border-top: 0;
}

@media print {
	.help_tab {
		display: none;
	}
}

.help_tab a {
	display: block;
	padding: 0px 12px 4px;
	color: #444444;
	font-weight: bold;
	text-decoration: none;
}

.ordertimelinelink {
	display: inline-block;
	margin-left: 20px;
}

.ordertimeline {
	display: none;
	border-left: 1px solid #CCCCCC;
	margin: 10px;
	padding-left: 10px;
}

.ordertimeline ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}

.ordertimeline li {
	
}

.ordertimeline p {
	margin: 4px 0;
}

/* For modern browsers */
.cf:before,.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}

.dataTable fieldset,.formElement fieldset {
	border: medium none;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/* XPages corrections */
.tundra .dijitTextBox,.tundra .dijitComboBox,.tundra .dijitSpinner,.tundra .dijitTextArea,.tundra .dijitInlineEditor input
	{
	border: 1px solid #B3B3B3;
	padding: 4px 3px 1px 2px;
}

fieldset.xspCheckBox,fieldset.xspRadioButton {
	margin: 0;
	padding: 0;
	border: 0;
}

table.xspCheckBox,table.xspRadioButton {
	border-collapse: collapse;
	width: 100%;
}

.xspCheckBox td,.xspCheckBox th,.xspRadioButton td,.xspRadioButton th {
	padding: 0;
}

.xspInputFieldDateTimePicker span span span {
	border: medium none !important;
}

.xspInputFieldDatePickerIcon {
	background:
		url("/domjava/xsp/theme/webstandard/images/iconDatePicker.gif")
		no-repeat scroll left center transparent;
}

.xspInputFieldDatePickerIcon {
	height: 16px;
	width: 16px;
}

.xspInputFieldDateTimePicker span span span.dijitButtonNode {
	background: none repeat scroll 0 0 transparent !important;
}

.xspMessage {
	color: red;
	display: block;
	padding: 0 0;
	margin: 4px 0;
}

ul.xspMessage {
	list-style-type: none;
	margin: 12px 0;
}

.lotusui a,.lotusui a:visited {
	color: #003398;
}

/*input[aria-invalid=true] {
	border: inset 1px red;
	padding: 2px;
}*/

/*fieldset[aria-invalid=true] table {
	border: solid 1px red;
}*/

.xspPager ul {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
}

.xspPager li {
	display: inline;
	border-left: solid 1px #ccc;
	padding: 2px 8px;
}

.xspPager li:first-child {
	border-left: none;
	padding-left: 0;
}

.lotusTable th.lotusFirstCell,.lotusTable td.lotusFirstCell {
	padding-left: 0;
}

/* ### main ################# */
.frameless #main, .frameless .main {
	max-width: 1200px;
	min-height: 600px;
	margin: 0 auto;
	margin-top: 1px;
	background-color: white;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 0 48px rgba(0, 0, 0, 0.2);
	padding: 20px 24px 40px 24px;
	position: relative;
}

@media print {
	.frameless #main {
		box-shadow: none;
		padding: 0;
	}
}

.frameless .hidden {
	display: none;
}

.frameless .nomarginleft {
	margin-left: 0 !important;
}

.frameless .nomarginright {
	margin-right: 0 !important;
}

.mainTitle {
	font-family: Trebuchet MS;
}

.mainTitle h1 {
	font-weight: normal;
	/*color: #49585E;*/
	/*color: #008CC4;*/
	color: #666;
	/*padding-bottom: 10px;
	border-bottom: solid 1px #e8e8e8;*/
	display: inline-block;
	margin: 0 0 10px 0;
}

.homeColumn .mainTitle h1 {
	font-size: 20px;
}

.mainTitle h2 {
	font-weight: normal;
	color: #888;
	/*	margin-top: -5px;
	margin-bottom: 20px;*/
	display: inline-block;
	margin: 0 0 10px 0;
	margin-left: 16px;
}

.mainTitle hr {
	height: 0;
	border: 0;
	/*	border-top: solid 1px #d0d0d0;*/
	border-bottom: solid 4px #eaeaea;
	border-top: solid 1px #8db7f5;
	/*border-bottom: solid 4px #eeeef8;*/
	margin: 0 0 16px 0;
}

.mainTitle .submenu {
	float: right;
	margin-top: 11px
}

.mainTitle .submenu a {
	color: #888;
}

#headerFrameless {
	min-height: 186px;
}

@media print {
	#headerFrameless {
		min-height: auto;
	}
}

/* ### header ################# */
#header {
	padding-bottom: 20px;
	color: #666;
}

#header h1 {
	background: url(/td/hpopg.nsf/td-synnex-logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 60px;
	width: 472px;
	margin: 0 0 0 -10px;
}

#header h1 span {
	display: none;
}

#header a,#header a:visited {
	color: #666;
}

#header #companyinfo {
	float: left;
}

#header #companyinfo ul,#header #userinfo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#header #userinfo ul {
	text-align: right;
}

#header #companyinfo li label { /*display: inline-block;
	width: 120px;*/
	float: left;
}

#header #companyinfo li>div {
	margin-left: 120px;
}

#header #userinfo {
	float: right;
	/*padding-top: 8px;*/
}

#header #userinfo ul ul li {
	display: inline-block;
	padding: 0 8px;
	border-right: dotted 1px #ccc;
}

#header #userinfo li.first-child {
	padding-left: 0;
}

#header #userinfo li.last-child {
	padding-right: 0;
	border-right: 0;
}

#header #userinfo img.logo {
	margin-top: 6px;
}

#header #headerbanner {
	position: absolute;
	width: 468px;
	height: 60px;
	margin: 0 30%;
}

/*@media only screen and (max-width: 600px) {
	#header {
		padding-bottom: 10px;
	}
	#header #userinfo {
		display: none;
	}
	#header h1 {
		margin: 0 0 8px;
	}
}

@media only screen and (max-width: 400px) {
	#header #companyinfo li label {
		display: none;
	}
	#header #companyinfo li>div {
		margin-left: 0;
	}
}*/ /* #################### */
#navmenu {
	background-color: #f5f5f5;
	background-image: url('menu_fade.png');
	background-image: linear-gradient(top, rgb(248, 248, 248) 0%,
		rgb(234, 234, 234) 100% );
	background-image: -o-linear-gradient(top, rgb(248, 248, 248) 0%,
		rgb(234, 234, 234) 100% );
	background-image: -moz-linear-gradient(top, rgb(248, 248, 248) 0%,
		rgb(234, 234, 234) 100% );
	background-image: -webkit-linear-gradient(top, rgb(248, 248, 248) 0%,
		rgb(234, 234, 234) 100% );
	background-image: -ms-linear-gradient(top, rgb(248, 248, 248) 0%,
		rgb(234, 234, 234) 100% );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(248,
		248, 248) ), color-stop(1, rgb(234, 234, 234) ) );
	border-top: solid 1px #e0e0e0;
	border-bottom: solid 1px #d0d0d0;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 14px;
	margin: 0 -24px 20px;
}

#navmenu #nav {
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #f4f4f4;
}

#navmenu button#menu {
	display: none;
}

#navmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 14px;
	border-top: solid 1px #f8f8f8;
	border-bottom: solid 1px #eaeaea;
}

#navmenu li {
	display: inline-block;
	margin: 4px 0;
	padding: 0 10px;
	color: #444;
	border-right: solid 1px #d0d0d0;
	border-left: solid 1px #f0f0f0;
}

#navmenu li.first-child {
	border-left: 0;
}

#navmenu li.last-child {
	border-right: 0;
}

#navmenu li
		a,#navmenu li a:visited {
	color: #444;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
}

#navmenu li a:hover {
	color: #000;
	text-shadow: 1px 1px 1px #fff;
}

#navmenu li.selected a {
	color: #ee7900;
}

#navmenu li.selected a:hover {
	color: #df6727;
}

#navmenu .searchCatalog {
	float: right;
	padding: 4px 24px 0;
	position: relative;
	display: inline-block;
}

#verfijnForm .searchCatalog {
	position: relative;
	display: inline-block;
}

.searchCatalog div {
	position: relative;
}

.searchCatalog input,#navmenu .searchCatalog button {
	font-family: Trebuchet MS;
	font-size: 14px;
}

.searchCatalog input[type="text"] {
	padding: 5px 27px 5px 7px;
	width: 200px;
	color: #888;
}

.searchCatalog button {
	background: none;
	border: medium none;
	right: 6px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 6px;
	cursor: pointer;
}

.searchCatalog input[type="text"]:focus {
	box-shadow: 0px 0px 0px 2px rgb(0, 174, 239), 2px 2px 2px 0px
		rgba(0, 0, 0, 0.075) inset;
	color: black;
}

#breadcrumb {
	margin: 12px 0 20px;
	font-size: 11px;
}

#breadcrumb ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#breadcrumb li {
	display: inline-block;
	margin: 0;
	padding: 0 4px;
	color: #aaa;
	border-right: solid 1px #d0d0d0;
	border-left: solid 1px #f0f0f0;
}

#breadcrumb li:first-child {
	border-left: 0;
	padding-left: 0;
}

#breadcrumb li:last-child {
	border-right: 0;
	padding-right: 0;
}

#breadcrumb li a,#breadcrumb li a:visited,#breadcrumb li a:hover {
	color: #aaa;
}

.sidebarRight {
	float: right;
	background-color: #F8F8F8;
	border: 3px solid #D0D0D0;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	padding: 6px 8px;
	width: 300px;
	margin: 0 0 20px 20px;
}

@media print {
	.sidebarRight {
		display: none;
	}
}

.sidebarRight ul {
	padding-left: 16px;
}

.sidebarRight li {
	padding-bottom: 4px;
}

/*@media only screen and (max-width: 600px) {
	#breadcrumb {
		display: none;
	}
}*/ /* ### footer ################# */
#footer {
/*	border-top: solid 2px #3f3f3f;*/
	color: #8E8E8E;
	margin-top: 40px;
	padding: 2px 0 40px 0;
/*	background: url("footer/gradient_charcoal.jpg") repeat-x scroll 0 4px
		#333333*/
}

#footer>hr {
	height: 0;
/*	border: solid 1px #4d4d4d;
	border-top: solid 1px #555;*/
	border: none;
	margin: 0 0 24px 0;
}

#footer>div {
	margin: 0 auto;
	max-width: 1000px;
}

#footer .section {
	float: left;
	width: 23%;
	min-width: 160px;
	max-width: 250px;
	/*margin-right: 20px;*/
	padding-left: 20px;
}

#footer h1 {
	color: #eee;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: normal;
	font-family: Trebuchet MS, Arial, sans serif;
}

#footer h1 a,#footer h1 a:visited,#footer h1 a:hover {
	color: #eee;
}

#footer ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}

#footer li {
	margin: 0 0 4px 0;
}

#footer a,#footer a:visited {
	color: #8E8E8E;
	text-decoration: none;
}

#footer a:hover {
	color: #A9A9A9;
	text-decoration: underline;
}

#footer a[target="_blank"] {
	background-image: url("icon_externalsite.gif");
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 15px;
}

@media only screen and (max-width: 1250px) {
	.frameless #main {
		border-radius: 0;
	}
}

@media only screen and (max-width: 1010px) {
	#header #headerbanner {
		display: none;
	}
}

@media only screen and (max-device-width: 960px) {
	#navmenu li {
		padding: 0 8px;
	}
	html {
		-webkit-text-size-adjust: none;
	}
}

@media only screen and (max-width: 600px) {
	.frameless #main {
		padding: 10px;
	}
	#header {
		padding-bottom: 10px;
	}
	#header #userinfo {
		display: none;
	}
	#header h1 {
		margin: 0 0 8px;
	}
	#navmenu { /*margin: 0 -10px;*/
		margin-left: -10px;
		margin-right: -10px;
	}
	#navmenu ul {
		padding: 0;
	}
	#navmenu .searchCatalog {
		padding: 2px 10px;
		float: none;
	}
	#navmenu .searchCatalog button {
		display: inline;
	}
	#breadcrumb {
		display: none;
	}
	#footer {
		margin-top: 20px;
	}
	#footer .section {
		padding-left: 10px;
	}
}

@media only screen and (max-width: 400px) {
	#header #companyinfo li label {
		display: none;
	}
	#header #companyinfo li>div {
		margin-left: 0;
	}
}

@media print {
	.noprint {
		display: none;
	}
}

a#contactChatLabel {
	display: block;
	position: fixed;
	top: 200px;
	right: 0;
	z-index: 101;
	padding: 8px 10px;
	font-family: Trebuchet MS;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	/*background: #888 url(images/plus.png) 85% 55% no-repeat;*/
	background-color: #888;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	opacity: 0.25;
	border: 1px solid #444;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	text-align: center;
}

a#contactChatLabel :hover { /*top: 198px;*/
	padding: 10px 12px;
	padding-right: 12px;
	/*background: #444 url(images/plus.png) 85% 55% no-repeat;
	background-color: #444;*/
	opacity: .6;
}

a.active#contactChatLabel {
	/*background: #444 url(images/minus.png) 85% 55% no-repeat;
	background-color: #444;*/
	opacity: 1;
}

a.unread#contactChatLabel {
	color: red;
	background-color: #fcc;
	border-color: red;
	opacity: .6;
}

#contactChatContent {
	position: fixed;
	top: 200px;
	right: 40px;
	display: none;
	background-color: white;
	border: 1px solid #bbb;
	width: 500px;
	height: 600px;
	padding: 0;
	border-radius: 3px;
	z-index: 100;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#contactChatContent iframe {
	width: 100%;
	height: 100%;
}

/**** Bootstrap changes ******/

.btn-primary {
	background-color: #00a4c4;
	border-color: #01819A;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #01819A;
	border-color: #005D6F;	
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #00a4c4;
	border-color: #01819A;
}
.pagination>li>a, .pagination>li>span {
	color: #00a4c4;
}

/* #164e75 */.hl {
	background-color: yellow;
}

.pagerBar {
	
}

.pagerLeft {
	float: left;
}

.pagerRight {
	float: right;
}

.nowrap {
	white-space: nowrap;
}

.navbar {
	border-radius: 0px;
	margin-left: -24px;
	margin-right: -24px;
	border-left: 0;
	border-right: 0;
	padding-left: 10px;
}

h1 {
	font-weight: normal;
	font-size: 32px;
	color: #444;
	margin-top: 32px;
	margin-bottom: 20px;
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus
	{
	cursor: default;
}

.navbar-default {
	box-shadow: none;
	background: none;
	background-color: #fafafa;
}

.navbar-default .navbar-nav>.active>a {
	box-shadow: none;
	background: none;
	font-weight: bold;
	text-shadow: none;
}

.navbar {
	min-height: 40px;
}

.navbar-nav {
	font-size: 14px;
}

select[size="1"] {
	height: 34px;
}

ul.select2-results {
	max-height: 300px;
}

body.busy {
	cursor: wait;
}

img.busySpinner {
	display: none;
	padding: 16px;
	float: left;
}

.busy img.busySpinner {
	display: inline-block;
}

table h3,.tableh3 {
	margin: 4px 0 0;
	color: #444;
	font-weight: normal;
	font-size: 16px;
}

.dealCuno {
	margin-bottom: 2px;
}

.dealCuno .active .title {
	font-weight: bold;
}

.dealCuno:hover .title {
	
}

.dealCuno a {
}

.dealCuno a .glyphicon {
	display: inline-block;
	padding: 4px;
	margin-top: -2px;
	color: #ccc;
}

.dealCuno a:hover .glyphicon {
	color: #003398;
}

.dealCuno .active a.showPrices .glyphicon {
	color: #003398;
}

/**** Bootstrap changes ******/
.btn-danger,.btn-primary {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

a.btn-default {
	color: #333;
}

.searchclear {
	position: absolute;
	right: 50px;
	top: 0;
	bottom: 0;
	height: 14px;
	margin: auto;
	font-size: 14px;
	cursor: pointer;
	color: #ccc;
	z-index: 2;
}

.form-horizontal .form-control-static,.form-control-static {
	padding-top: 8px;
}