.skin-blue {
  /**
         * General Header Form
         */
}

.skin-blue .header-form {
  padding: 7px 15px;
  /**
             * Hover State
             */
  /**
             * Focus & Active State
             */
  /**
             * Normal State
             */
  padding: 7px 15px;
}

.skin-blue .header-form:hover {
  background: rgba(0, 0, 0, 0.1);
}

.skin-blue .header-form:hover input,
.skin-blue .header-form:hover .input-group-addon {
  background: #3c8dbc;
}

.skin-blue .header-form:hover input::-webkit-input-placeholder {
  color: #f6f6f6;
  opacity: 1;
}

.skin-blue .header-form:hover input::-ms-input-placeholder {
  color: #f6f6f6;
  opacity: 1;
}

.skin-blue .header-form:hover input::placeholder {
  color: #f6f6f6;
  opacity: 1;
}

.skin-blue .header-form input:focus::-webkit-input-placeholder,
.skin-blue .header-form input:active::-webkit-input-placeholder {
  color: #AAA;
  opacity: 1;
}

.skin-blue .header-form input:focus::-ms-input-placeholder,
.skin-blue .header-form input:active::-ms-input-placeholder {
  color: #AAA;
  opacity: 1;
}

.skin-blue .header-form input:focus::placeholder,
.skin-blue .header-form input:active::placeholder {
  color: #AAA;
  opacity: 1;
}

.skin-blue .header-form input:focus,
.skin-blue .header-form input:focus + .input-group-addon,
.skin-blue .header-form input:active,
.skin-blue .header-form input:active + .input-group-addon {
  border: 1px solid #367fa9;
  background-color: #fff;
  color: #666;
}

.skin-blue .header-form input:focus .input-group-addon a,
.skin-blue .header-form input:active .input-group-addon a {
  color: #367fa9;
}

.skin-blue .header-form input,
.skin-blue .header-form .input-group-addon,
.skin-blue .header-form .input-group-btn .btn {
  color: rgba(255, 255, 255, 0.25);
  background-color: #367fa9;
  border: 1px solid rgba(255, 255, 255, 0.25);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 35px;
}

.skin-blue .header-form input::-webkit-input-placeholder {
  color: #FFF;
  opacity: 1;
}

.skin-blue .header-form input::-ms-input-placeholder {
  color: #FFF;
  opacity: 1;
}

.skin-blue .header-form input::placeholder {
  color: #FFF;
  opacity: 1;
}

.skin-blue .header-form .input-group .input-group-addon a {
  color: rgba(255, 255, 255, 0.25);
}

.skin-blue .header-form .input-group input:not(:last-child) {
  border-right: none !important;
}

.skin-blue .header-form .input-group .input-group-addon:last-child {
  border-left: none !important;
}

.skin-blue .header-form .input-group input:not(:first-child) {
  border-left: none !important;
}

.skin-blue .header-form .input-group .input-group-addon:first-child {
  border-right: none !important;
}

.skin-blue .header-form .input-group-btn .btn {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

.skin-green {
  /**
         * General Header Form
         */
}

.skin-green .header-form {
  padding: 7px 15px;
  /**
             * Hover State
             */
  /**
             * Focus & Active State
             */
  /**
             * Normal State
             */
  padding: 7px 15px;
}

.skin-green .header-form:hover {
  background: rgba(0, 0, 0, 0.1);
}

.skin-green .header-form:hover input,
.skin-green .header-form:hover .input-group-addon {
  background: #00a65a;
}

.skin-green .header-form:hover input::-webkit-input-placeholder {
  color: #f6f6f6;
  opacity: 1;
}

.skin-green .header-form:hover input::-ms-input-placeholder {
  color: #f6f6f6;
  opacity: 1;
}

.skin-green .header-form:hover input::placeholder {
  color: #f6f6f6;
  opacity: 1;
}

.skin-green .header-form input:focus::-webkit-input-placeholder,
.skin-green .header-form input:active::-webkit-input-placeholder {
  color: #AAA;
  opacity: 1;
}

.skin-green .header-form input:focus::-ms-input-placeholder,
.skin-green .header-form input:active::-ms-input-placeholder {
  color: #AAA;
  opacity: 1;
}

.skin-green .header-form input:focus::placeholder,
.skin-green .header-form input:active::placeholder {
  color: #AAA;
  opacity: 1;
}

.skin-green .header-form input:focus,
.skin-green .header-form input:focus + .input-group-addon,
.skin-green .header-form input:active,
.skin-green .header-form input:active + .input-group-addon {
  border: 1px solid #008d4c;
  background-color: #fff;
  color: #666;
}

.skin-green .header-form input:focus .input-group-addon a,
.skin-green .header-form input:active .input-group-addon a {
  color: #008d4c;
}

.skin-green .header-form input,
.skin-green .header-form .input-group-addon,
.skin-green .header-form .input-group-btn .btn {
  color: rgba(255, 255, 255, 0.25);
  background-color: #008d4c;
  border: 1px solid rgba(255, 255, 255, 0.25);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 35px;
}

.skin-green .header-form input::-webkit-input-placeholder {
  color: #FFF;
  opacity: 1;
}

.skin-green .header-form input::-ms-input-placeholder {
  color: #FFF;
  opacity: 1;
}

.skin-green .header-form input::placeholder {
  color: #FFF;
  opacity: 1;
}

.skin-green .header-form .input-group .input-group-addon a {
  color: rgba(255, 255, 255, 0.25);
}

.skin-green .header-form .input-group input:not(:last-child) {
  border-right: none !important;
}

.skin-green .header-form .input-group .input-group-addon:last-child {
  border-left: none !important;
}

.skin-green .header-form .input-group input:not(:first-child) {
  border-left: none !important;
}

.skin-green .header-form .input-group .input-group-addon:first-child {
  border-right: none !important;
}

.skin-green .header-form .input-group-btn .btn {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

/**
 * Search Form
 */

#loans-quick-search {
  max-width: 300px;
  /**
     * Main Search Element
     */
}

#loans-quick-search input[type="search"] {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 15px;
}

#loans-quick-search .input-group .input-group-addon:last-child {
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
}

/**
 * Search Results
 */

#loans-quick-search .tt-menu {
  margin-top: 8px;
  margin-left: -15px;
}

.tt-menu {
  width: 300px;
  background: #333;
  color: white;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
}

.tt-menu ul,
.tt-menu ol {
  padding-left: 15px;
}

.tt-suggestion {
  padding-top: 4px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 3px solid transparent;
  color: white;
}

.tt-suggestion a {
  color: white !important;
}

.tt-suggestion a:hover {
  background-color: transparent !important;
}

.tt-suggestion:first-child {
  padding-top: 10px;
}

.tt-suggestion:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid #444;
}

.tt-suggestion:last-child {
  padding-bottom: 16px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.tt-suggestion:hover {
  background: #2E2E2E;
  border-left-color: #3c8dbc;
}

.tt-selectable {
  cursor: pointer;
}

.tt-highlight {
  background: #555;
  padding: 0 1px;
}

table.table-striped>tbody>tr:nth-of-type(odd) {
  background: #F8F8F8;
}

table.table-striped>tbody>tr:nth-of-type(even) {
  background: #FFFFFF;
}

table.table-hover.table-striped>tbody>tr:nth-of-type(odd):hover {
  background: #F0F0F0;
}

table.table-hover.table-striped>tbody>tr:nth-of-type(even):hover {
  background: #F4F4F4;
}

table.table-hover>tbody>tr:hover {
  background: #F4F4F4;
}