/* Author: AdminDesigns.com

 * Copyright 2014 Admin Designs

====================================================================

   Table of Contents

====================================================================

	  I. SHARED STYLES

   II. PRIMARY COMPONENTS

  III. PANELS

====================================================================

  B. SHARED 

===================================================================*/

/*==================================================================

  B. FORM WRAPPERS

===================================================================*/

.admin-form,

.admin-form * {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.admin-form {

  font-family: "Roboto", Arial, Helvetica, sans-serif;

  line-height: 1.231;

  font-weight: 400;

  font-size: 14px;

  color: #626262;

}

/*==================================================================

  B. Browser Styling Reset

===================================================================*/

.admin-form .gui-input,

.admin-form .gui-textarea,

.admin-form .select > select,

.admin-form input[type="button"],

.admin-form input[type="submit"],

.admin-form input[type="search"],

.admin-form .select-multiple select {

  -webkit-tap-highlight-color: transparent;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  -webkit-border-radius: 0px;

  border-radius: 0px;

}

.admin-form input[type="search"]::-webkit-search-decoration,

.admin-form input[type="search"]::-webkit-search-cancel-button,

.admin-form input[type="search"]::-webkit-search-results-button,

.admin-form input[type="search"]::-webkit-search-results-decoration {

  display: none;

}

/*==================================================================

  B. prevent user selection for usability purposes

===================================================================*/

.admin-form .radio,

.admin-form .button,

.admin-form .checkbox,

.admin-form .select .arrow,

.admin-form .switch > label,

.admin-form .ui-slider .ui-slider-handle {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

/*==================================================================

  B. Input General Styles

===================================================================*/

.admin-form label,

.admin-form input,

.admin-form button,

.admin-form select,

.admin-form textarea {

  margin: 0;

  font-size: 14px;

  font-family: "Roboto", Arial, Helvetica, sans-serif;

  font-weight: 400;

  color: #626262;

  outline: none;

}

/*==================================================================

  B. Input Animations

===================================================================*/

.admin-form .radio,

.admin-form .button,

.admin-form .tooltip,

.admin-form .checkbox,

.admin-form .gui-input,

.admin-form .input-footer,

.admin-form .notification,

.admin-form .gui-textarea,

.admin-form .select > select,

.admin-form .select-multiple select {

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  outline: none;

}

.admin-form .smart-link,

.admin-form .panel-heading,

.admin-form .section-divider span,

.admin-form .select > select,

.admin-form .select-multiple select {

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

/*==================================================================

  B. Firefox select fix - select arrow hack  disabled 

     on FF 30+. Authored by Elfaire

===================================================================*/

@-moz-document url-prefix() {

  .admin-form .select:before {

    content: '';

    pointer-events: none;

    -moz-transition: none;

    transition: none;

    position: absolute;

    background: #F5F5F5;

    width: 36px;

    right: 1px;

    top: 1px;

    bottom: 1px;

    z-index: 99;

  }

  .admin-form .select > select:focus,

  .admin-form .select > select:hover,

  .admin-form .select:hover select,

  .admin-form .select:hover:before {

    background: #fff;

    -moz-transition: none;

    transition: none;

    -moz-box-shadow: none;

    box-shadow: none;

  }

  .admin-form .select .arrow {

    z-index: 100;

  }

  .admin-form .state-error.select > select:focus,

  .admin-form .state-error.select > select:hover,

  .admin-form .state-error.select:hover select,

  .admin-form .state-error.select:hover:before,

  .admin-form .state-error.select:before {

    background: #FEE9EA;

  }

  .admin-form .state-success.select > select:focus,

  .admin-form .state-success.select > select:hover,

  .admin-form .state-success.select:hover select,

  .admin-form .state-success.select:hover:before,

  .admin-form .state-success.select:before {

    background: #F0FEE9;

  }

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .admin-form .select .arrow:after,

  .admin-form .select .arrow:before {

    display: block;

  }

}

/*==================================================================

  B. ANDROID + IOS FIXES

===================================================================*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  .admin-form .option,

  .admin-form .rating,

  .admin-form .switch,

  .admin-form .captcode {

    -webkit-animation: bugfix infinite 1s;

  }

  @-webkit-keyframes bugfix {

    from {

      padding: 0;

    }

    to {

      padding: 0;

    }

  }

  .admin-form .switch {

    margin-right: 10px;

    margin-bottom: 0;

  }

  .admin-form .option {

    margin-right: 15px;

  }

}

/*==================================================================

  v. HELPERS

	 A. General

     B. Font Size 

	 C. Table Layout

	 A. General

     B. Font Size 

	 C. Table Layout

	 A. General

     B. Font Size 

	 C. Table Layout

===================================================================

  B. responsiveness for tablets + smart mobile 

===================================================================*/

@media (max-width: 600px) {

  .admin-form .section row {

    margin: 0;

  }

  .admin-form .section row .colm {

    width: 100%;

    float: none;

    padding: 0;

  }

  .admin-form .bdl {

    border-left: 0;

  }

  .admin-form .border-right {

    border-right: 0;

  }

  .admin-form .align-right {

    text-align: left;

  }

}

/*===============================================

  B. Dividers

================================================= */

.admin-form .spacer {

  border-top: 1px solid #eee;

  margin-top: 10px;

  margin-bottom: 10px;

  display: block;

  height: 0;

}

/*==================================================================

  B. Form Text Elements

===================================================================*/

/* Themed Link */

.admin-form .theme-link {

  color: #3bafda;

  text-decoration: none;

}

.admin-form .theme-link:hover {

  text-decoration: underline;

}

/* Section Divider */

.admin-form .section-divider {

  height: 0;

  border-top: 1px solid #DDD;

  text-align: center;

  margin-top: 20px;

  margin-bottom: 30px;

}

.admin-form .section-divider span {

  display: inline-block;

  position: relative;

  padding: 0 17px;

  background: #e9e9e9;

  color: #999;

  top: -11px;

  font-size: 15px;

}

.admin-form.panel .section-divider span,

.admin-form .panel .section-divider span,

.admin-form.tab-content .section-divider span,

.admin-form .tab-content .section-divider span,

.table-layout .admin-form .section-divider span {

  background: #fff;

}

.admin-form.bg-light .section-divider span,

.admin-form .bg-light .section-divider span {

  background: #FAFAFA;

}

.admin-form.bg-light.light .section-divider span,

.admin-form .bg-light.light .section-divider span {

  background: #FEFEFE;

}

.admin-form.bg-light.dark .section-divider span,

.admin-form .bg-light.dark .section-divider span {

  background: #F2F2F2;

}

.admin-form.well .section-divider span,

.admin-form .well .section-divider span {

  background: #f5f5f5;

}

/* Input Labels */

.admin-form .switch,

.admin-form .option,

.admin-form .field-label {

  font-size: 14px;

}

/* Column Labels - Can also use .field-align */

.admin-form .field-label[class*='col-'] {

  line-height: 42px;

}

.admin-form .field-align {

  line-height: 42px;

}

/*==================================================================

  B. Input General Styling 

===================================================================*/

.admin-form .radio,

.admin-form .option,

.admin-form .checkbox {

  cursor: pointer;

}

.admin-form .field {

  display: block;

  position: relative;

}

.admin-form .field-icon i {

  color: #BBB;

  position: relative;

}

.admin-form .field-label {

  display: block;

  margin-bottom: 7px;

}

.admin-form .field-label em {

  color: #e74c3c;

  font-size: 14px;

  font-style: normal;

  display: inline-block;

  margin-left: 4px;

  position: relative;

  top: 3px;

}

.admin-form .gui-input,

.admin-form .gui-textarea {

  padding: 10px;

}

.admin-form .select,

.admin-form .gui-input,

.admin-form .gui-textarea,

.admin-form .select > select,

.admin-form .select-multiple select {

  position: relative;

  vertical-align: top;

  border: 1px solid #DDD;

  display: -moz-inline-stack;

  display: inline-block;

  *display: inline;

  color: #626262;

  outline: none;

  height: 42px;

  width: 100%;

  *zoom: 1;

}

.admin-form .select option {

  background: #fff;

}

.admin-form select[disabled],

.admin-form .select > select[disabled] {

  color: #aaa !important;

}

/*==================================================================

  B. Textarea

===================================================================*/

.admin-form .gui-textarea {

  resize: none;

  line-height: 19px;

  overflow: auto;

  max-width: 100%;

  height: 96px;

}

/*==================================================================

  B. Select

===================================================================*/

.admin-form .select {

  border: 0;

  z-index: 10;

}

.admin-form .select > select {

  display: block;

  padding: 9px 10px;

  color: #626262;

  background: #FFF;

  border: 1px solid #DDD;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: normal;

  outline: none;

  text-indent: 0.01px;

  text-overflow: '';

  z-index: 10;

  margin: 0;

}

.admin-form .select > select::-ms-expand {

  display: none;

}

.admin-form .select .arrow {

  position: absolute;

  top: 9px;

  right: 4px;

  width: 24px;

  height: 24px;

  color: #9F9F9F;

  pointer-events: none;

  z-index: 16;

}

.admin-form .select .arrow:after,

.admin-form .select .arrow:before {

  content: '';

  position: absolute;

  font: 12px "Consolas", monospace;

  font-style: normal;

  pointer-events: none;

  display: none\9;

  left: 5px;

}

.admin-form .select .arrow:before {

  content: '\25BC';

  bottom: 4px;

}

.admin-form .select .double:after {

  content: '\25B2';

  top: -1px;

}

.admin-form .select .double:before {

  content: '\25BC';

  bottom: -1px;

}

.admin-form .select-multiple select {

  width: 100%;

  height: 123px;

  padding: 10px;

}

/*==================================================================

  B. File Input

===================================================================*/

.admin-form .file {

  display: block;

  width: 100%;

}

.admin-form .file .gui-file {

  width: 100%;

  height: 100%;

  cursor: pointer;

  padding: 8px 10px;

  position: absolute;

  -moz-opacity: 0;

  opacity: 0;

  z-index: 11;

  bottom: 0;

  right: 0;

}

/* Default state positions button right */

.admin-form .file .button {

  position: absolute;

  top: 4px;

  right: 4px;

  float: none;

  height: 34px;

  line-height: 34px;

  padding: 0 16px;

  z-index: 10;

}

/* File Button - Left Style */

.admin-form .file.append-button .button {

  left: 4px;

  right: auto;

}

.admin-form .file.append-button > input.gui-input {

  padding-right: 40px;

  padding-left: 125px;

  text-align: right;

}

.admin-form .file.append-button > label.field-icon {

  right: 4px;

  left: auto;

}

/*==================================================================

  B. Inputs:hover state

-===================================================================*/

.admin-form .gui-input:hover,

.admin-form .gui-textarea:hover,

.admin-form .select > select:hover,

.admin-form .select-multiple select:hover,

.admin-form .gui-input:hover ~ .input-footer,

.admin-form .file .gui-file:hover + .gui-input,

.admin-form .gui-textarea:hover ~ .input-footer {

  border-color: #888;

}

/*==================================================================

  B. Inputs:focus state

===================================================================*/

.admin-form .gui-input:focus,

.admin-form .gui-textarea:focus,

.admin-form .select > select:focus,

.admin-form .select-multiple select:focus {

  color: #3c3c3c;

  background: #fff;

  border: 1px solid #999;

  outline: none;

}

.admin-form .select > select:focus {

  z-index: 10;

  z-index: 20\9;

}

.admin-form .gui-textarea:focus {

  height: 120px;

}

.admin-form .select > select:focus {

  z-index: 10;

  z-index: 20\9;

}

.admin-form .gui-input:focus ~ .field-icon i,

.admin-form .gui-textarea:focus ~ .field-icon i {

  color: #999;

}

.admin-form .select-multiple select:focus,

.admin-form .gui-input:focus ~ .input-footer,

.admin-form .gui-textarea:focus ~ .input-footer,

.admin-form .file .gui-file:focus + .gui-input {

  border-color: #999;

}

.admin-form .select > select:focus + .arrow {

  color: #999;

}

/*==================================================================

  B. Radio/Checkboxes

-===================================================================*/

.admin-form .option {

  position: relative;

  padding-right: 15px;

  display: inline-block;

  vertical-align: middle;

}

.admin-form .option > input {

  position: absolute;

  height: inherit;

  width: inherit;

  opacity: 0;

  left: 0;

}

.admin-form .checkbox,

.admin-form .radio {

  cursor: pointer;

  position: relative;

  margin-right: 5px;

  background: #fff;

  display: inline-block;

  border: 3px solid #DDD;

  height: 21px;

  width: 21px;

  top: 4px;

}

.admin-form .checkbox:before,

.admin-form .radio:before {

  content: '';

  display: none;

}

.admin-form input:checked + .checkbox:before,

.admin-form input:checked + .radio:before {

  display: block;

}

.admin-form .checkbox:before {

  position: absolute;

  top: 4px;

  left: 3px;

  width: 6px;

  height: 3px;

  border: solid #888;

  border-width: 0 0 3px 3px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.admin-form input:checked + .checkbox,

.admin-form input:checked + .radio {

  border: 3px solid #888;

}

.admin-form .radio {

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -o-border-radius: 20px;

  border-radius: 20px;

}

.admin-form .radio:before {

  margin: 4px;

  width: 7px;

  height: 7px;

  background: #888;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -o-border-radius: 10px;

  border-radius: 10px;

}

/*==================================================================

  B. Radio/Checkboxes:hover state 

===================================================================*/

.admin-form input:not([disabled]):hover + .checkbox,

.admin-form input:not([disabled]):hover + .radio {

  border-color: #666;

}

/*==================================================================

  B. Radio/Checkboxes:focus state 

-===================================================================*/

.admin-form input:focus + .checkbox,

.admin-form input:focus + .radio {

  border-color: #666;

}

.admin-form input:focus + .radio:before {

  background: #666;

}

.admin-form input:focus + .checkbox:before {

  border-color: #666;

}

/*==================================================================

  B. Switches

===================================================================*/

.admin-form .switch {

  cursor: pointer;

  position: relative;

  padding-right: 10px;

  display: inline-block;

  margin-bottom: 0;

  height: 26px;

}

.admin-form .switch > label {

  cursor: pointer;

  display: inline-block;

  position: relative;

  height: 25px;

  width: 58px;

  color: #fff;

  font-size: 10px;

  font-weight: bold;

  line-height: 20px;

  text-align: center;

  background: #D7D7D7;

  border: 2px solid #D7D7D7;

  text-transform: uppercase;

  font-family: Helvetica, Arial, sans-serif;

  -webkit-transition: 0.3s ease-out;

  -moz-transition: 0.3s ease-out;

  -o-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}

.admin-form .switch > label + span {

  display: inline-block;

  padding-left: 5px;

  position: relative;

  top: -7px;

}

.admin-form .switch > label:before {

  content: attr(data-off);

  position: absolute;

  top: 1px;

  right: 3px;

  width: 33px;

}

.admin-form .switch > label:after {

  content: "";

  margin: 1px;

  width: 19px;

  height: 19px;

  display: block;

  background: #fff;

}

.admin-form .switch > input {

  -webkit-appearance: none;

  position: absolute;

  width: inherit;

  height: inherit;

  opacity: 0;

  left: 0;

  top: 0;

}

/*==================================================================

  B. Switch:focus state

-===================================================================*/

.admin-form .switch > input:focus {

  outline: none;

}

.admin-form .switch > input:focus + label {

  color: #fff;

  border-color: #C7C7C7;

  background: #C7C7C7;

}

.admin-form .switch > input:focus + label:after {

  background: #fff;

}

/*==================================================================

  B. Switch - toggled

===================================================================*/

.admin-form .switch > input:checked + label {

  border-color: #999;

  background: #999;

  padding-left: 33px;

  color: white;

}

.admin-form .switch > input:checked + label:before {

  content: attr(data-on);

  left: 1px;

  top: 1px;

}

.admin-form .switch > input:checked + label:after {

  margin: 1px;

  width: 19px;

  height: 19px;

  background: white;

}

/*==================================================================

  B. Switch - toggled:focus state

-===================================================================*/

.admin-form .switch > input:checked:focus + label {

  background: #555;

  border-color: #555;

}

/* Round Style*/

.admin-form .switch-round > label {

  -webkit-border-radius: 13px;

  -moz-border-radius: 13px;

  -o-border-radius: 13px;

  border-radius: 13px;

}

.admin-form .switch-round > label + span {

  top: -2px;

}

.admin-form .switch-round > label:before {

  width: 33px;

}

.admin-form .switch-round > label:after {

  width: 19px;

  color: #D7D7D7;

  content: "\2022";

  font: 20px/20px Times, Serif;

  -webkit-border-radius: 13px;

  -moz-border-radius: 13px;

  -o-border-radius: 13px;

  border-radius: 13px;

}

.admin-form .switch-round > input:checked + label {

  padding-left: 33px;

}

.admin-form .switch-round > input:checked + label:after {

  color: #999;

}

/*==================================================================

  B. Custom Toggle Switch

-===================================================================*/

.admin-form .switch-custom > label {

  background: #f3a79b;

  border-color: #f3a79b;

}

.admin-form .switch-custom > input:hover + label,

.admin-form .switch-custom > input:focus + label {

  background: #e74b31;

  border-color: #e74b31;

}

/* Checked state */

.admin-form .switch-custom > input:checked + label {

  background: #70ca63;

  border-color: #70ca63;

}

.admin-form .switch-custom > input:checked:hover + label,

.admin-form .switch-custom > input:checked:focus + label {

  background: #47a839;

  border-color: #47a839;

}

/*==================================================================

  B. Input:disabled state

===================================================================*/

.admin-form .button[disabled],

.admin-form .state-disabled .button,

.admin-form input[disabled] + .radio,

.admin-form input[disabled] + .checkbox,

.admin-form .switch > input[disabled] + label {

  cursor: default;

  opacity: 0.5;

}

.admin-form .gui-input[disabled],

.admin-form .gui-textarea[disabled],

.admin-form .select > select[disabled],

.admin-form .select-multiple select[disabled],

.admin-form .gui-input[disabled] ~ .input-footer,

.admin-form .file .gui-file[disabled] + .gui-input,

.admin-form .file .gui-file[disabled]:hover + .gui-input,

.admin-form .gui-textarea[disabled] ~ .input-footer {

  background-color: #f4f6f6;

  border-color: #d5dbdb!important;

  cursor: default;

  color: #d5dbdb;

  opacity: 0.7;

}

.admin-form input[disabled] ~ .field-icon i,

.admin-form textarea[disabled] ~ .field-icon i,

.admin-form .select > select[disabled] + .arrow {

  opacity: 0.4;

}

/*==================================================================

  B. FORM ADDONS

===================================================================







 FORM "ADDONS"







==================================================================

  B. Input Help Footer

===================================================================*/

.admin-form .input-footer {

  padding: 10px;

  display: block;

  margin-top: -1px;

  line-height: 16px;

  position: relative;

  background: #F5F5F5;

  border: 1px solid #DDD;

  font-family: Arial, Helvetica, sans-serif;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  font-size: 11px;

  color: #999;

}

/*==================================================================

  B. Field Icons

===================================================================*/

.admin-form .append-icon,

.admin-form .prepend-icon {

  top: 0;

  left: 0;

  display: inline-block;

  vertical-align: top;

  position: relative;

  width: 100%;

}

.admin-form .append-icon .field-icon,

.admin-form .prepend-icon .field-icon {

  top: 0;

  z-index: 4;

  width: 42px;

  height: 42px;

  color: inherit;

  line-height: 42px;

  position: absolute;

  text-align: center;

  -webkit-transition: all 0.5s ease-out;

  -moz-transition: all 0.5s ease-out;

  -ms-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  pointer-events: none;

}

.admin-form .append-icon .field-icon i,

.admin-form .prepend-icon .field-icon i {

  position: relative;

  font-size: 14px;

}

.admin-form .prepend-icon .field-icon {

  left: 0;

}

.admin-form .append-icon .field-icon {

  right: 0;

}

.admin-form .prepend-icon > input,

.admin-form .prepend-icon > textarea {

  padding-left: 36px;

}

.admin-form .append-icon > input,

.admin-form .append-icon > textarea {

  padding-right: 36px;

  padding-left: 10px;

}

.admin-form .append-icon > textarea {

  padding-right: 36px;

}

/*==================================================================

  B. Input Tooltips

===================================================================*/

.admin-form .tooltip {

  position: absolute;

  z-index: -1;

  opacity: 0;

  color: #fff;

  width: 184px;

  left: -9999px;

  top: auto;

  font-size: 11px;

  font-weight: normal;

  background: #333333;

  -webkit-transition: margin 0.6s, opacity 0.6s;

  -moz-transition: margin 0.6s, opacity 0.6s;

  -ms-transition: margin 0.6s, opacity 0.6s;

  -o-transition: margin 0.6s, opacity 0.6s;

  transition: margin 0.6s, opacity 0.6s;

}

.admin-form .tooltip > em {

  padding: 12px;

  font-style: normal;

  display: block;

  position: static;

}

.admin-form .tooltip:after {

  content: '';

  position: absolute;

}

.admin-form .gui-input:focus + .tooltip,

.admin-form .gui-textarea:focus + .tooltip {

  opacity: 1;

  z-index: 999;

}

/*==================================================================

  B. Tooltip - left

===================================================================*/

.admin-form .tip-left {

  top: 1px;

  margin-right: -20px;

}

.admin-form .tip-left:after {

  top: 12px;

  left: 100%;

  border-left: 8px solid #333333;

  border-top: 8px solid transparent;

  border-bottom: 8px solid transparent;

}

.admin-form .gui-input:focus + .tip-left,

.admin-form .gui-textarea:focus + .tip-left {

  margin-right: 5px;

  right: 100%;

  left: auto;

}

/*==================================================================

  B. Tooltip - right

===================================================================*/

.admin-form .tip-right {

  top: 1px;

  margin-left: -20px;

}

.admin-form .tip-right:after {

  top: 12px;

  right: 100%;

  border-right: 8px solid #333333;

  border-top: 8px solid transparent;

  border-bottom: 8px solid transparent;

}

.admin-form .gui-input:focus + .tip-right,

.admin-form .gui-textarea:focus + .tip-right {

  left: 100%;

  margin-left: 5px;

}

/*==================================================================

  B. Tooltip - right-top

===================================================================*/

.admin-form .tip-right-top {

  bottom: 100%;

  margin-bottom: -20px;

}

.admin-form .tip-right-top:after {

  top: 100%;

  right: 12px;

  border-top: 8px solid #333333;

  border-right: 8px solid transparent;

  border-left: 8px solid transparent;

}

.admin-form .gui-input:focus + .tip-right-top,

.admin-form .gui-textarea:focus + .tip-right-top {

  right: 0;

  left: auto;

  margin-bottom: 10px;

}

/*==================================================================

  B. Tooltip - left-top

===================================================================*/

.admin-form .tip-left-top {

  bottom: 100%;

  margin-bottom: -20px;

}

.admin-form .tip-left-top:after {

  top: 100%;

  left: 12px;

  border-top: 8px solid #333333;

  border-right: 8px solid transparent;

  border-left: 8px solid transparent;

}

.admin-form .gui-input:focus + .tip-left-top,

.admin-form .gui-textarea:focus + .tip-left-top {

  left: 0;

  right: auto;

  margin-bottom: 10px;

}

/*==================================================================

  B. Tooltip - right-bottom

===================================================================*/

.admin-form .tip-right-bottom {

  top: 100%;

  margin-top: -20px;

}

.admin-form .tip-right-bottom:after {

  right: 12px;

  bottom: 100%;

  border-bottom: 8px solid #333333;

  border-right: 8px solid transparent;

  border-left: 8px solid transparent;

}

.admin-form .gui-input:focus + .tip-right-bottom,

.admin-form .gui-textarea:focus + .tip-right-bottom {

  margin-top: 10px;

  left: auto;

  right: 0;

}

/*==================================================================

  B. Tooltip - left-bottom

===================================================================*/

.admin-form .tip-left-bottom {

  top: 100%;

  margin-top: -20px;

}

.admin-form .tip-left-bottom:after {

  left: 12px;

  bottom: 100%;

  border-bottom: 8px solid #333333;

  border-right: 8px solid transparent;

  border-left: 8px solid transparent;

}

.admin-form .gui-input:focus + .tip-left-bottom,

.admin-form .gui-textarea:focus + .tip-left-bottom {

  margin-top: 10px;

  right: auto;

  left: 0;

}

/*==================================================================

  B. Validation - error state

===================================================================*/

.admin-form .state-error .gui-input,

.admin-form .state-error .gui-textarea,

.admin-form .state-error.select > select,

.admin-form .state-error.select-multiple > select,

.admin-form .state-error input:hover + .checkbox,

.admin-form .state-error input:hover + .radio,

.admin-form .state-error input:focus + .checkbox,

.admin-form .state-error input:focus + .radio,

.admin-form .state-error .checkbox,

.admin-form .state-error .radio {

  background: #FEE9EA;

  border-color: #DE888A;

}

.admin-form .state-error .gui-input:focus,

.admin-form .state-error .gui-textarea:focus,

.admin-form .state-error.select > select:focus,

.admin-form .state-error.select-multiple > select:focus {

  -webkit-box-shadow: 0px 0px 3px #DE888A inset;

  -moz-box-shadow: 0px 0px 3px #DE888A inset;

  -o-box-shadow: 0px 0px 3px #DE888A inset;

  box-shadow: 0px 0px 3px #DE888A inset;

}

.admin-form .state-error .gui-input ~ .field-icon i,

.admin-form .state-error .gui-textarea ~ .field-icon i {

  color: #DE888A;

}

.admin-form .state-error.select .arrow {

  color: #DE888A;

}

.admin-form .state-error.select > select:focus + .arrow {

  color: #DE888A;

}

.admin-form .state-error .gui-input ~ .input-footer,

.admin-form .state-error.file .gui-file:hover + .gui-input,

.admin-form .state-error .gui-textarea ~ .input-footer {

  border-color: #DE888A;

}

.admin-form .state-error + em {

  display: block!important;

  margin-top: 6px;

  padding: 0 3px;

  font-family: Arial, Helvetica, sans-serif;

  font-style: normal;

  line-height: normal;

  font-size: 0.85em;

  color: #DE888A;

}

/*==================================================================

  B. Validation - success state 

===================================================================*/

.admin-form .state-success .gui-input,

.admin-form .state-success .gui-textarea,

.admin-form .state-success.select > select,

.admin-form .state-success.select-multiple > select,

.admin-form .state-success input:hover + .checkbox,

.admin-form .state-success input:hover + .radio,

.admin-form .state-success input:focus + .checkbox,

.admin-form .state-success input:focus + .radio,

.admin-form .state-success .checkbox,

.admin-form .state-success .radio {

  background: #F0FEE9;

  border-color: #A5D491;

}

.admin-form .state-success .gui-input:focus,

.admin-form .state-success .gui-textarea:focus,

.admin-form .state-success.select > select:focus,

.admin-form .state-success.select-multiple > select:focus {

  -webkit-box-shadow: 0px 0px 3px #A5D491 inset;

  -moz-box-shadow: 0px 0px 3px #A5D491 inset;

  -o-box-shadow: 0px 0px 3px #A5D491 inset;

  box-shadow: 0px 0px 3px #A5D491 inset;

}

.admin-form .state-success .gui-input ~ .field-icon i,

.admin-form .state-success .gui-textarea ~ .field-icon i {

  color: #A5D491;

}

.admin-form .state-success.select .arrow {

  color: #A5D491;

}

.admin-form .state-success.select > select:focus + .arrow {

  color: #A5D491;

}

.admin-form .state-success .gui-input ~ .input-footer,

.admin-form .state-success.file .gui-file:hover + .gui-input,

.admin-form .state-success .gui-textarea ~ .input-footer {

  border-color: #A5D491;

}

/*==================================================================

  B. captcha refresh button + icon 

===================================================================*/

.admin-form .sfcode {

  padding-left: 24px;

}

.admin-form .captcode {

  padding: 0;

  position: relative;

}

.admin-form .captcode img {

  position: relative;

  top: 1px;

}

.admin-form .refresh-captcha {

  position: absolute;

  background: #999;

  border: 3px solid #3C9B39;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -o-border-radius: 30px;

  border-radius: 30px;

  right: -15px;

  height: 32px;

  width: 32px;

  top: 4px;

}

.admin-form .refresh-captcha i {

  position: absolute;

  text-align: center;

  line-height: 26px;

  font-size: 17px;

  color: #fff;

  left: 24%;

}

/*==================================================================

  B. captcha refresh button themes

===================================================================*/

.admin-form .refresh-black {

  background: #505558;

  border-color: #333333;

}

.admin-form .refresh-blue {

  background: #00acee;

  border-color: #0087bb;

}

.admin-form .refresh-green {

  background: #0E993C;

  border-color: #0B792F;

}

.admin-form .refresh-purple {

  background: #9464e2;

  border-color: #7639da;

}

.admin-form .refresh-red {

  background: #ee4f3d;

  border-color: #e42914;

}

.admin-form .refresh-yellow {

  background: #faa226;

  border-color: #e88a05;

}

/*==================================================================

  B. smart widget

   @this widget helps us to position an element eg button or label or span

   @the positions can either be left or right while the input stays 100%

   @you ca use this to rapidly create search widgets, newsletter subscribe etc 

===================================================================*/

.admin-form .smart-widget,

.admin-form .append-picker-icon,

.admin-form .prepend-picker-icon {

  position: relative;

  display: block;

}

.admin-form .smart-widget .field input,

.admin-form .append-picker-icon input,

.admin-form .prepend-picker-icon input {

  width: 100%;

}

.admin-form .append-picker-icon button,

.admin-form .prepend-picker-icon button,

.admin-form .smart-widget .button {

  border: 1px solid #DDD;

  background: #F5F5F5;

  position: absolute;

  cursor: pointer;

  color: #626262;

  height: 42px;

  line-height: 40px;

  top: 0;

}

/* Disabled Prepended Icon State */

.admin-form .prepend-picker-icon button:disabled {

  background-color: #f4f6f6 !important;

  border-color: #d5dbdb!important;

}

.admin-form .sm-right .button,

.admin-form .append-picker-icon button {

  border-left: 0;

}

.admin-form .sm-left .button,

.admin-form .prepend-picker-icon button {

  border-right: 0;

}

.admin-form .sm-left .button,

.admin-form .prepend-picker-icon button {

  left: 0;

}

.admin-form .sm-right .button,

.admin-form .append-picker-icon button {

  right: 0;

}

/*==================================================================

  B. smart widget buttons - to left 

===================================================================*/

.admin-form .sml-50,

.admin-form .prepend-picker-icon {

  padding-left: 50px;

}

.admin-form .sml-50 .button,

.admin-form .prepend-picker-icon button {

  width: 50px;

}

.admin-form .sml-80 {

  padding-left: 80px;

}

.admin-form .sml-80 .button {

  width: 80px;

}

.admin-form .sml-120 {

  padding-left: 120px;

}

.admin-form .sml-120 .button {

  width: 120px;

}

.admin-form .sml-160 {

  padding-left: 160px;

}

.admin-form .sml-160 .button {

  width: 160px;

}

/*==================================================================

  B. smart widget buttons - to right 

===================================================================*/

.admin-form .smr-50,

.admin-form .append-picker-icon {

  padding-right: 50px;

}

.admin-form .smr-50 .button,

.admin-form .append-picker-icon button {

  width: 50px;

}

.admin-form .smr-80 {

  padding-right: 80px;

}

.admin-form .smr-80 .button {

  width: 80px;

}

.admin-form .smr-120 {

  padding-right: 120px;

}

.admin-form .smr-120 .button {

  width: 120px;

}

.admin-form .smr-140 {

  padding-right: 140px;

}

.admin-form .smr-140 .button {

  width: 140px;

}

.admin-form .smr-160 {

  padding-right: 160px;

}

.admin-form .smr-160 .button {

  width: 160px;

}

/*==================================================================

  B. rating and review star widget :: with hover back afetr selecting

-===================================================================*/

.admin-form .rating {

  overflow: hidden;

}

.admin-form .rating.block {

  display: block;

  margin: 10px 0;

}

.admin-form .rating label {

  color: #CCC;

}

.admin-form .rating label i {

  font-size: 17px;

  text-align: center;

  color: inherit;

}

.admin-form .rating label span {

  font: 22px/22px Times, Serif;

}

.admin-form .rating-star {

  margin-left: 4px;

}

.admin-form .rating-input {

  position: absolute;

  left: -9999px;

  top: auto;

}

.admin-form .rating:hover .rating-star:hover,

.admin-form .rating:hover .rating-star:hover ~ .rating-star,

.admin-form .rating-input:checked ~ .rating-star {

  color: #666;

}

.admin-form .rating-star,

.admin-form .rating:hover .rating-star {

  width: 18px;

  float: right;

  display: block;

  cursor: pointer;

  color: #CCC;

}

/*==================================================================

  B. Buttons

-===================================================================*/

.admin-form .button {

  color: #243140;

  border: 0;

  height: 42px;

  line-height: 42px;

  font-size: 15px;

  cursor: pointer;

  padding: 0 18px;

  text-align: center;

  vertical-align: top;

  background: #DBDBDB;

  display: inline-block;

  -webkit-user-drag: none;

  text-shadow: 0 1px rgba(255, 255, 255, 0.2);

}

/*==================================================================

  B. Button States

===================================================================*/

.admin-form .button:hover {

  color: #243140;

  background: #EEE;

}

.admin-form .button:active {

  color: #1d2938;

  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.admin-form a.button,

.admin-form span.button,

.admin-form label.button {

  line-height: 42px;

  text-decoration: none;

}

.admin-form .button i {

  font-size: 14px;

}

.admin-form .button-list .button {

  margin-bottom: 5px;

}

/*==================================================================

  B. Primary Button

-===================================================================*/

.admin-form .btn-primary {

  background-color: #3bafda;

}

.admin-form .btn-primary:hover,

.admin-form .btn-primary:focus {

  background-color: #3bafda;

}

.admin-form .btn-primary:active {

  background-color: #3bafda;

}

.admin-form .btn-primary,

.admin-form .btn-primary:hover,

.admin-form .btn-primary:focus,

.admin-form .btn-primary:active {

  color: #fff;

  text-shadow: 0 1px rgba(0, 0, 0, 0.08);

}

/*==================================================================

  B. Rounded Buttons

-===================================================================*/

.admin-form .btn-rounded {

  -webkit-border-radius: 22px;

  -moz-border-radius: 22px;

  -o-border-radius: 22px;

  border-radius: 22px;

}

/*==================================================================

  B. Left + Right Shaped Buttons

-===================================================================*/

.admin-form .button-left,

.admin-form .button-right {

  position: relative;

  z-index: 9;

}

.admin-form .button-left:before,

.admin-form .button-right:before {

  content: '';

  z-index: -1;

  width: 32px;

  height: 32px;

  position: absolute;

  background-color: inherit;

  border-color: inherit;

  border: none;

  top: 5px;

}

.admin-form .button-left {

  border-left-width: 0;

  padding: 0 18px 0 7px;

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  -o-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

  margin-left: 20px;

}

.admin-form .button-left:before {

  left: -15px;

  -webkit-border-radius: 2px 5px 0 5px;

  -moz-border-radius: 2px 5px 0 5px;

  -o-border-radius: 2px 5px 0 5px;

  border-radius: 2px 5px 0 5px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.admin-form .button-right {

  padding: 0 7px 0 18px;

  border-right-width: 0;

  -webkit-border-radius: 3px 0 0 3px;

  -moz-border-radius: 3px 0 0 3px;

  -o-border-radius: 3px 0 0 3px;

  border-radius: 3px 0 0 3px;

  margin-right: 20px;

}

.admin-form .button-right:before {

  right: -15px;

  -webkit-border-radius: 5px 2px 5px 0;

  -moz-border-radius: 5px 2px 5px 0;

  -o-border-radius: 5px 2px 5px 0;

  border-radius: 5px 2px 5px 0;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

/*==================================================================

  B. Pointed Buttons - Left + Right

-===================================================================*/

.admin-form .btn-pointed.button-left,

.admin-form .btn-pointed.button-right {

  -webkit-border-radius: 22px;

  -moz-border-radius: 22px;

  -o-border-radius: 22px;

  border-radius: 22px;

}

.admin-form .btn-rounded.button-left {

  -webkit-border-radius: 0 22px 22px 0;

  -moz-border-radius: 0 22px 22px 0;

  -o-border-radius: 0 22px 22px 0;

  border-radius: 0 22px 22px 0;

}

.admin-form .btn-rounded.button-right {

  -webkit-border-radius: 22px 0 0 22px;

  -moz-border-radius: 22px 0 0 22px;

  -o-border-radius: 22px 0 0 22px;

  border-radius: 22px 0 0 22px;

}

/*==================================================================

  B. Buttons - Push Effect

-===================================================================*/

.admin-form .pushed {

  -webkit-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);

  -moz-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);

  -o-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);

  box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);

  position: relative;

}

.admin-form .pushed:active {

  -webkit-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);

  -moz-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);

  -o-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);

  box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);

  top: 2px;

}

.admin-form .pushed.button-left:before {

  -webkit-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);

  -moz-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);

  -o-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);

  box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);

}

.admin-form .pushed:active.button-left:before {

  -webkit-box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2);

  -moz-box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2);

  -o-box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2);

  box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2);

}

.admin-form .pushed.button-right:before {

  -webkit-box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2);

  -moz-box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2);

  -o-box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2);

  box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2);

}

.admin-form .pushed:active.button-right:before {

  -webkit-box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2);

  -moz-box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2);

  -o-box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2);

  box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2);

}

/*==================================================================

  B. Footer Button Adjustment

-===================================================================*/

.admin-form .form-footer .button {

  margin-right: 10px;

  margin-bottom: 5px;

}

.admin-form .align-right .button {

  margin-right: 0;

  margin-left: 10px;

}

/*==================================================================

  B. Social Buttons

===================================================================*/

.admin-form .twitter,

.admin-form .twitter:hover,

.admin-form .twitter:focus,

.admin-form .facebook,

.admin-form .facebook:hover,

.admin-form .facebook:focus,

.admin-form .googleplus,

.admin-form .googleplus:hover,

.admin-form .googleplus:focus {

  color: #fff;

  text-shadow: 0 1px rgba(0, 0, 0, 0.08);

}

.admin-form .facebook {

  background-color: #3b5998;

}

.admin-form .twitter {

  background-color: #00acee;

}

.admin-form .googleplus {

  background-color: #dd4b39;

}

.admin-form .facebook:hover,

.admin-form .facebook:focus {

  background-color: #25385F;

}

.admin-form .twitter:hover,

.admin-form .twitter:focus {

  background-color: #00749F;

}

.admin-form .googleplus:hover,

.admin-form .googleplus:focus {

  background-color: #8D2418;

}

.admin-form .span-left {

  padding-left: 56px;

  text-align: left;

}

.admin-form .btn-social {

  position: relative;

  margin-bottom: 5px;

  line-height: 42px !important;

}

.admin-form .btn-social i {

  font-size: 22px;

  position: relative;

  top: 2px;

}

.admin-form .btn-social span {

  -webkit-border-radius: 3px 0 0 3px;

  -moz-border-radius: 3px 0 0 3px;

  -o-border-radius: 3px 0 0 3px;

  border-radius: 3px 0 0 3px;

  display: inline-block;

  text-align: center;

  position: absolute;

  width: 45px;

  left: 0;

}

.admin-form .twitter span {

  background-color: #009AD5;

}

.admin-form .facebook span {

  background-color: #31497D;

}

.admin-form .googleplus span {

  background-color: #C03121;

}

/*==================================================================

  B. jQuery 3rd Party - Stepper

===================================================================*/

.stepper-wrap {

  position: relative;

  display: block;

  font: 11px Arial, sans-serif;

}

.stepper-wrap input {

  text-align: right;

  padding-right: 20px;

}

.stepper-btn-wrap {

  position: absolute;

  top: 0;

  right: -34px;

  width: 34px;

  height: 100%;

  overflow: hidden;

  background: #F5F5F5;

  border: 1px solid #ccc;

  border-width: 1px 1px 1px 0;

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding;

  background-clip: padding-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.stepper-btn-wrap a {

  display: block;

  height: 50%;

  overflow: hidden;

  line-height: 100%;

  text-align: center;

  text-decoration: none;

  text-shadow: 1px 1px 0 #fff;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  text-indent: -9999px;

  background: #F5F5F5;

  cursor: default;

  color: #666;

}

.stepper-btn-wrap a:hover {

  background: #F9F9F9;

}

.stepper-btn-up:before,

.stepper-btn-dwn:before {

  content: '';

  border: 4px dashed;

  pointer-events: none;

  border-color: #9F9F9F transparent;

  border-color: #9f9f9f rgba(255, 255, 255, 0);

  position: absolute;

  right: 14px;

  z-index: 1;

  height: 0;

  top: 32%;

  width: 0;

}

.stepper-btn-up:before {

  border-bottom-style: solid;

  border-top: none;

}

.stepper-btn-dwn:before {

  margin-top: 10px;

  border-top-style: solid;

  border-bottom: none;

}

/*==================================================================

  B. jQuery 3rd Party - Spectrum Color Picker

===================================================================*/

.sp-container {

  position: absolute;

  display: inline-block;

  *display: inline;

  z-index: 9999994;

  overflow: hidden;

  *zoom: 1;

  top: 0;

  left: 0;

  border-radius: 0;

  padding: 0;

  background: #f8f8f8;

  border: 1px solid #DDD;

  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

}

/* expands container to the left of 

 * button, default opens right */

.sp-container.sp-left {

  top: 50px !important;

  left: auto !important;

  right: 0px !important;

}

.sp-container.sp-flat {

  position: relative;

}

.sp-top {

  position: relative;

  display: inline-block;

  width: 100%;

}

.sp-top-inner {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

}

.sp-color {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 20%;

}

.sp-hue {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 84%;

  height: 100%;

}

.sp-clear-enabled .sp-hue {

  top: 33px;

  height: 77.5%;

}

.sp-fill {

  padding-top: 80%;

}

.sp-sat,

.sp-val {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}

.sp-alpha-enabled .sp-top {

  margin-bottom: 18px;

}

.sp-alpha-enabled .sp-alpha {

  display: block;

}

.sp-alpha-handle {

  position: absolute;

  top: -4px;

  bottom: -4px;

  width: 6px;

  left: 50%;

  cursor: pointer;

  border: 1px solid black;

  background: white;

  opacity: .8;

}

.sp-alpha {

  display: none;

  position: absolute;

  bottom: -14px;

  right: 0;

  left: 0;

  height: 8px;

}

.sp-alpha-inner {

  border: solid 1px #333;

}

.sp-clear {

  display: none;

}

.sp-clear.sp-clear-display {

  background-position: center;

}

.sp-clear-enabled .sp-clear {

  display: block;

  position: absolute;

  top: 0px;

  right: 0;

  bottom: 0;

  left: 84%;

  height: 28px;

}

.sp-dd,

.sp-clear,

.sp-alpha,

.sp-slider,

.sp-dragger,

.sp-preview,

.sp-alpha-handle,

.sp-container,

.sp-replacer,

.sp-container.sp-dragging .sp-input,

.sp-container button {

  -webkit-user-select: none;

  -moz-user-select: -moz-none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;

}

.sp-container.sp-input-disabled .sp-input-container {

  display: none;

}

.sp-container.sp-buttons-disabled .sp-button-container {

  display: none;

}

.sp-palette-only .sp-picker-container {

  display: none;

}

.sp-palette-disabled .sp-palette-container {

  display: none;

}

.sp-initial-disabled .sp-initial {

  display: none;

}

.sp-sat {

  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(204, 154, 129, 0)));

  background-image: -webkit-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));

  background-image: -moz-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));

  background-image: -o-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));

  background-image: -ms-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));

  background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0));

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');

}

.sp-val {

  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));

  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));

  background-image: -moz-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));

  background-image: -o-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));

  background-image: -ms-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));

  background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0));

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');

}

.sp-hue {

  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);

  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);

  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);

  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));

  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);

}

.sp-1 {

  height: 17%;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');

}

.sp-2 {

  height: 16%;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');

}

.sp-3 {

  height: 17%;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');

}

.sp-4 {

  height: 17%;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');

}

.sp-5 {

  height: 16%;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');

}

.sp-6 {

  height: 17%;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');

}

.sp-hidden {

  display: none !important;

}

.sp-cf:before,

.sp-cf:after {

  content: "";

  display: table;

}

.sp-cf:after {

  clear: both;

}

.sp-cf {

  *zoom: 1;

}

.sp-dragger {

  border-radius: 5px;

  height: 5px;

  width: 5px;

  border: 1px solid #fff;

  background: #000;

  cursor: pointer;

  position: absolute;

  top: 0;

  left: 0;

}

.sp-slider {

  position: absolute;

  top: 0;

  cursor: pointer;

  height: 3px;

  left: -1px;

  right: -1px;

  border: 1px solid #000;

  background: white;

  opacity: .8;

}

.sp-container,

.sp-container button,

.sp-container input,

.sp-color,

.sp-hue,

.sp-clear {

  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

}

.sp-top {

  margin-bottom: 3px;

}

.sp-color,

.sp-hue,

.sp-clear {

  border: solid 1px #666;

}

.sp-input-container {

  float: right;

  width: 100px;

  margin-bottom: 4px;

}

.sp-initial-disabled .sp-input-container {

  width: 100%;

}

.sp-input {

  font-size: 12px !important;

  border: 1px inset;

  padding: 4px 5px;

  background: transparent;

  border-radius: 3px;

  width: 100%;

  color: #222;

  margin: 0;

}

.sp-input:focus {

  border: 1px solid orange;

}

.sp-input.sp-validation-error {

  border: 1px solid red;

  background: #fdd;

}

.sp-picker-container,

.sp-palette-container {

  float: left;

  position: relative;

  padding: 10px 15px;

  padding-bottom: 300px;

  margin-bottom: -290px;

  min-height: 300px;

}

.sp-picker-container {

  width: 172px;

  border-left: 1px solid #DDD;

  background-color: #f1f1f1;

}

.sp-palette-container {

  padding: 5px;

  border-right: 1px solid transparent;

  background-color: #f1f1f1;

}

.sp-palette .sp-thumb-el {

  display: block;

  position: relative;

  float: left;

  width: 24px;

  height: 15px;

  margin: 3px;

  cursor: pointer;

  border: solid 2px transparent;

}

.sp-palette .sp-thumb-el:hover,

.sp-palette .sp-thumb-el.sp-thumb-active {

  border-color: orange;

}

.sp-thumb-el {

  position: relative;

}

.sp-initial {

  float: left;

  border: solid 1px #333;

}

.sp-initial span {

  width: 30px;

  height: 25px;

  border: none;

  display: block;

  float: left;

  margin: 0;

}

.sp-initial .sp-clear-display {

  background-position: center;

}

.sp-button-container {

  float: right;

}

.sp-replacer {

  cursor: pointer;

  overflow: hidden;

  padding: 4px 10px;

  position: absolute;

  background: #F5F5F5;

  vertical-align: middle;

  border: solid 1px #DDD;

  border-width: 1px 1px 1px 0;

  display: inline-block;

  *display: inline;

  height: 100%;

  color: #333;

  margin: 0;

  *zoom: 1;

  right: 0;

}

.sp-replacer:hover,

.sp-replacer.sp-active {

  border-color: #aaa;

  color: #111;

}

.sp-replacer.sp-disabled {

  cursor: default;

  border-color: #DDD;

  color: #AAA;

}

.sp-dd {

  padding: 2px 0;

  height: 16px;

  line-height: 16px;

  float: left;

  font-size: 12px;

  color: #9F9F9F;

  position: relative;

  top: 6px;

}

.sp-preview {

  position: relative;

  width: 25px;

  height: 20px;

  border: solid 1px #222;

  margin-right: 5px;

  margin-top: 6px;

  float: left;

  z-index: 0;

}

.sp-palette {

  *width: 220px;

  max-width: 220px;

}

.sp-palette .sp-thumb-el {

  width: 16px;

  height: 16px;

  margin: 2px 1px;

  border: solid 1px #d0d0d0;

}

.sp-container {

  padding-bottom: 0;

}

.sp-container button {

  cursor: pointer;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 2px;

  color: #666;

  font-size: 13px;

  line-height: 1;

  padding: 7px 8px;

  text-align: center;

  vertical-align: middle;

}

.sp-container button:hover {

  border: 1px solid #ddd;

}

.sp-container button:active {

  border: 1px solid #ccc;

}

.sp-cancel {

  font-size: 11px;

  color: #aaa !important;

  margin: 0;

  padding: 2px;

  margin-right: 7px;

  vertical-align: middle;

  text-decoration: none;

}

.sp-cancel:hover {

  color: #666 !important;

  text-decoration: none;

}

.sp-palette span:hover,

.sp-palette span.sp-thumb-active {

  border-color: #000;

}

.sp-preview,

.sp-alpha,

.sp-thumb-el {

  position: relative;

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);

}

.sp-preview-inner,

.sp-alpha-inner,

.sp-thumb-inner {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

}

.sp-palette .sp-thumb-inner {

  background-position: 50% 50%;

  background-repeat: no-repeat;

}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);

}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);

}

.sp-clear-display {

  background-repeat: no-repeat;

  background-position: center;

  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);

}

.sfcolor {

  padding-right: 63px;

}

.sfcolor .gui-input + .sp-replacer {

  width: 63px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -o-box-sizing: border-box;

  box-sizing: border-box;

}

/* Custom Changes - Field preview thumb */

.sp-preview {

  border-color: #fff;

}

/* Custom Changes - Primary Container */

.sp-picker-container {

  background-color: #fff;

  margin-bottom: -300px;

}

.sp-button-container {

  float: none;

  text-align: right;

  background: #f2f2f2;

  border-top: 1px solid #DDD;

  margin-top: 35px;

  margin-left: -15px;

  margin-right: -15px;

  padding: 6px;

}

.sp-palette-disabled .sp-button-container {

  margin-top: 5px;

}

/* Color Pointer */

.sp-dragger {

  background: rgba(255, 255, 255, 0.4);

  height: 10px;

  width: 10px;

  border-radius: 0px;

  border-color: rgba(255, 255, 255, 0.7);

}

/* hue + color border color */

.sp-color,

.sp-hue,

.sp-clear {

  border-color: #bbb;

}

/* Hue Slider */

.sp-input {

  background: #f1f1f1;

  border: 0;

}

.sp-slider {

  height: 6px;

  border: 0;

  background: rgba(0, 0, 0, 0.4);

  opacity: 1;

}

/* Custom Changes - Palette Container */

.sp-palette-button-container {

  display: none;

}

/* palette thumbs */

.sp-palette .sp-thumb-el {

  width: 18px;

  height: 18px;

  margin: 2px;

  border-color: #fff;

}

/* palette active thumb */

.sp-palette .sp-thumb-el:hover,

.sp-palette .sp-thumb-el.sp-thumb-active {

  border-color: #fff;

}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {

  background-image: none;

}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner:after {

  position: absolute;

  content: "\f00c";

  font-family: "FontAwesome";

  font-size: 12px;

  color: #FFF;

  left: 2px;

  top: 2px;

  -webkit-transform: rotate(-10deg);

  transform: rotate(-10deg);

}

.inline-cp + .sp-container {

  width: 100%;

  box-shadow: none;

}

.inline-cp + .sp-container > .sp-picker-container {

  width: 70%;

}

.inline-cp + .sp-container > .sp-palette-container {

  width: 30%;

}

.inline-cp + .sp-container > .sp-palette-container .sp-palette .sp-thumb-el {

  width: 22px;

  height: 22px;

  margin: 3px;

}

.inline-cp + .sp-container > .sp-palette-container .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner:after {

  font-size: 13px;

  left: 3px;

  top: 3px;

}

/*==================================================================

  B. jQuery UI - Datepicker

===================================================================*/

.ui-datepicker {

  width: 18em;

  margin-top: 8px;

  display: none;

  background: #fff;

  position: relative;

  font: 14px/1.55 "Roboto", Arial, Helvetica, sans-serif;

  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

  border: 1px solid #DDD;

  z-index: 1025 !important;

  text-align: center;

  color: #666;

}

.ui-datepicker a {

  color: #404040;

  text-align: center;

}

.ui-datepicker .ui-state-disabled span {

  color: #DBDBDB;

}

.ui-datepicker .ui-datepicker-header {

  position: relative;

  background: #F5F5F5;

  border-bottom: 1px solid #CFCFCF;

  line-height: 27px;

  font-size: 15px;

  padding: 10px;

}

.ui-datepicker .ui-datepicker-prev,

.ui-datepicker .ui-datepicker-next {

  width: 34px;

  height: 34px;

  display: block;

  font-size: 14px;

  position: absolute;

  text-decoration: none;

  cursor: pointer;

  color: #666;

  top: 20.5%;

}

.ui-datepicker .ui-datepicker-prev {

  left: 2px;

}

.ui-datepicker .ui-datepicker-next {

  right: 2px;

}

.ui-datepicker .ui-datepicker-title {

  margin: 0 2.3em;

  line-height: 1.8em;

  text-align: center;

  color: #555;

}

.ui-datepicker .ui-datepicker-title select {

  font-size: 1em;

  margin: 1px 0;

  padding: 1px 5px;

  background-color: #EEE;

  border-color: #CCC;

}

.ui-datepicker .ui-datepicker-title select option {

  background: #FFF;

}

.ui-datepicker select.ui-datepicker-month-year {

  width: 100%;

}

.ui-datepicker select.ui-datepicker-month,

.ui-datepicker select.ui-datepicker-year {

  width: 52%;

}

.ui-datepicker table {

  width: 100%;

  font-size: .9em;

  margin: 0 0 15px;

  border-collapse: collapse;

}

.ui-datepicker th {

  padding: .5em .3em;

  text-align: center;

  font-weight: bold;

  border: 0;

}

.ui-datepicker td {

  border: 0;

  padding: 2px 5px;

}

.ui-datepicker td span,

.ui-datepicker td a {

  color: #AAA;

  padding: .25em;

  display: block;

  text-align: center;

  text-decoration: none;

}

.ui-datepicker td span:hover,

.ui-datepicker td a:hover {

  background: #F5F5F5;

}

.ui-datepicker .ui-state-disabled span:hover {

  background: none;

}

.ui-datepicker-today a,

.ui-datepicker-today a:hover,

.ui-datepicker .ui-state-active,

.ui-datepicker .ui-state-highlight {

  font-weight: 700;

  color: #fff;

  background: #CCC !important;

}

.ui-datepicker .ui-state-active {

  background: #888 !important;

}

/* jQuery UI Buttons */

.ui-datepicker-buttonpane {

  border-top: 1px solid #DDD;

  padding: 10px;

  background: #f8f8f8;

}

.ui-datepicker-buttonpane button {

  padding: 5px 12px;

  margin-right: 10px;

  font-size: 13px;

  position: relative;

  line-height: normal;

  display: inline-block;

  -webkit-user-drag: none;

  text-shadow: 0 1px rgba(255, 255, 255, 0.2);

  vertical-align: middle;

  background: #FFF;

  text-align: center;

  overflow: visible;

  cursor: pointer;

  color: #333;

  border: 1px solid #ddd;

}

/* jQuery UI Button States */

.ui-datepicker-buttonpane button:hover {

  color: #243140;

  background: #E8E8E8;

}

.ui-datepicker-buttonpane button:active {

  color: #1d2938;

  background: #C4C4C4;

}

.ui-monthpicker .ui-datepicker-header {

  margin-bottom: 3px;

}

/* Inline Picker */

.ui-datepicker-inline {

  width: 100%;

}

.ui-datepicker-inline,

.ui-timepicker-inline,

.ui-datetimepicker-inline {

  box-shadow: none;

  margin: 0 auto;

}

/*==================================================================

  B. jQuery UI - MonthPicker Adjustments

===================================================================*/

.hasMonthpicker .ui-datepicker td {

  width: 25%;

  padding: 10px 8px;

}

/*==================================================================

  B. jQuery UI - Multi Datepicker Adjustments

===================================================================*/

.cal-widget .ui-datepicker {

  width: 100%;

  margin-top: 0;

}

.cal-widget .ui-datepicker:before {

  display: none;

}

.ui-datepicker.ui-datepicker-multi {

  width: auto;

}

.ui-datepicker-multi .ui-datepicker-group {

  float: left;

}

.ui-datepicker-multi .ui-datepicker-group table {

  width: 95%;

  margin: 0 auto .4em;

}

.ui-datepicker-multi-2 .ui-datepicker-group {

  width: 50%;

}

.ui-datepicker-multi-3 .ui-datepicker-group {

  width: 33.333%;

}

.ui-datepicker-multi-4 .ui-datepicker-group {

  width: 25%;

}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {

  border-left-width: 0;

}

.ui-datepicker-multi .ui-datepicker-buttonpane {

  clear: left;

}

.ui-datepicker-row-break {

  clear: both;

  width: 100%;

  font-size: 0;

}

/*==================================================================

  B. jQuery UI - Timepicker

===================================================================*/

.ui-timepicker-div .ui-widget-header {

  position: relative;

  background: #F5F5F5;

  line-height: 27px;

  font-size: 15px;

  padding: 10px;

}

.ui-timepicker-div dl {

  text-align: left;

  border: 1px solid #EEE;

  border-width: 1px 0 0 0;

  padding: 15px 10px;

  margin: 0;

}

.ui-timepicker-div dl dt {

  float: left;

  clear: left;

  padding: 0 0 0 5px;

}

.ui-timepicker-div dl dd {

  margin: 0 10px 20px 40%;

}

.ui-timepicker-div dl .ui_tpicker_hour,

.ui-timepicker-div dl .ui_tpicker_minute,

.ui-timepicker-div dl .ui_tpicker_second,

.ui-timepicker-div dl .ui_tpicker_millisec {

  background: #E5E5E5;

  position: relative;

  top: 6px;

}

.ui-timepicker-div td {

  font-size: 90%;

}

.ui-tpicker-grid-label {

  background: none;

  border: none;

  margin: 0;

  padding: 0;

}

.ui-timepicker-rtl {

  direction: rtl;

}

.ui-timepicker-rtl dl {

  text-align: right;

  padding: 0 5px 0 0;

}

.ui-timepicker-rtl dl dt {

  float: right;

  clear: right;

}

.ui-timepicker-rtl dl dd {

  margin: 0 40% 10px 10px;

}

/* jQuery Slider Settings when inside a timepicker widget */

.ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {

  background: #FFF !important;

}

/*==================================================================

  B. jQuery UI - Slider

===================================================================*/

.slider-wrapper,

.sliderv-wrapper {

  background: #E5E5E5;

  position: relative;

}

.ui-slider {

  position: relative;

  text-align: left;

}

.ui-slider .ui-slider-handle {

  position: absolute;

  z-index: 2;

  width: 1.5em;

  height: 1.5em;

  cursor: default;

  background: #fff;

  border: 3px solid #ccc;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -o-border-radius: 20px;

  border-radius: 20px;

  -ms-touch-action: none;

  touch-action: none;

  margin-top: -3px;

  outline: none;

}

.ui-slider .ui-slider-handle:before {

  content: '';

  width: 7px;

  height: 7px;

  position: absolute;

  background-color: #ccc;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -o-border-radius: 10px;

  border-radius: 10px;

  z-index: 2;

  left: 4px;

  top: 4px;

}

.ui-slider .ui-slider-range {

  position: absolute;

  z-index: 1;

  font-size: .7em;

  display: block;

  border: 0;

  background-position: 0 0;

  background-color: #aaa;

}

.ui-slider.ui-state-disabled .ui-slider-handle,

.ui-slider.ui-state-disabled .ui-slider-range {

  filter: inherit;

}

.ui-slider-horizontal {

  height: .5em;

}

.ui-slider-horizontal .ui-slider-handle {

  top: -0.3em;

  margin-left: -0.6em;

}

.ui-slider-horizontal .ui-slider-range {

  top: 0;

  height: 100%;

}

.ui-slider-horizontal .ui-slider-range-min {

  left: 0;

}

.ui-slider-horizontal .ui-slider-range-max {

  right: 0;

}

.ui-slider-vertical,

.sliderv-wrapper {

  width: .5em;

  height: 100px;

}

.ui-slider-vertical .ui-slider-handle {

  left: -0.45em;

  margin-left: 0;

  margin-bottom: -0.6em;

}

.ui-slider-vertical .ui-slider-range {

  left: 0;

  width: 100%;

}

.ui-slider-vertical .ui-slider-range-min {

  bottom: 0;

}

.ui-slider-vertical .ui-slider-range-max {

  top: 0;

}

.slider-input {

  color: #f6931f!important;

  border: 0;

  background: none;

}

.slider-group .sliderv-wrapper {

  height: 150px;

  float: left;

  margin: 15px 15px;

}

.ui-slider .ui-state-active {

  cursor: -webkit-grabbing;

  cursor: -moz-grabbing;

  cursor: grabbing;

}

/* progress bar strips + animation IE10+ */

.ui-slider .ui-slider-range {

  background-size: 16px 16px;

  background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));

  background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));

  background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));

  background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));

}

/*==================================================================

  B. jQuery UI - Slider Tooltips

===================================================================*/

.slider-tip {

  display: block;

  position: absolute;

  text-align: center;

  font: 10pt Tahoma, Arial, sans-serif;

  background: #333333;

  padding: 10px;

  color: #fff;

}

.slider-wrapper .slider-tip {

  top: -50px;

  left: -15px;

}

.slider-wrapper .slider-tip:after {

  content: '';

  position: absolute;

  top: 98%;

  left: 35%;

  border-top: 8px solid #333333;

  border-right: 8px solid transparent;

  border-left: 8px solid transparent;

}

.sliderv-wrapper .slider-tip {

  left: 30px;

  top: -12px;

}

.sliderv-wrapper .slider-tip:after {

  content: '';

  position: absolute;

  top: 30%;

  right: 98%;

  border-right: 8px solid #333333;

  border-top: 8px solid transparent;

  border-bottom: 8px solid transparent;

}

/*==================================================================

  B. Custom Form Wizard

===================================================================*/

.wizard {

  background-color: #FFF;

}

/* wizard top nav - steps */

.wizard .steps {

  text-align: center;

  padding: 20px 15px 10px;

  border: 1px solid #E8E8E8;

  border-bottom: 0;

}

.wizard .steps ul,

.wizard .steps li {

  list-style: none;

  text-decoration: none;

  padding: 0;

  margin: 0;

}

.wizard .steps li {

  display: inline-block;

  margin-right: 10px;

}

.wizard .steps li.last {

  margin-right: 0;

}

.wizard .steps li.disabled a {

  cursor: not-allowed;

}

.wizard .steps li a {

  display: inline-block;

  color: #FFF;

  font-size: 15px;

  text-align: center;

  padding: 12px 18px;

  background-color: #649ae1;

  text-decoration: none;

  -webkit-user-drag: none;

}

/* nav item states */

.wizard .steps li.current a {

  background-color: #2e76d6;

}

.wizard .steps li.disabled a {

  background-color: #BBBBBB !important;

}

.wizard .steps li.current a:focus {

  outline-color: transparent;

}

/* disable various nav meta information */

.wizard .steps li a .current-info,

.wizard .steps li a .number {

  display: none;

}

/* Wizard Content */

.wizard .content {

  background-color: #ffffff;

  border: 1px solid #E8E8E8;

  border-top: 0;

}

.wizard .content + .actions {

  border-top: 0;

}

.wizard .wizard-section-title {

  display: none;

}

.wizard .wizard-section.body {

  padding: 15px;

}

/* Wizard Actions/Footer */

.wizard .actions {

  padding: 10px 15px;

  background-color: #f8f8f8;

  border: 1px solid #E8E8E8;

}

.wizard .actions ul {

  list-style: none;

  text-decoration: none;

  padding: 0;

  margin: 0;

  float: right;

}

.wizard .actions li {

  display: inline-block;

  margin-left: 10px;

}

.wizard .actions li a {

  display: inline-block;

  color: #FFF;

  padding: 9px 18px;

  background-color: #4a89dc;

  text-decoration: none;

  -webkit-user-drag: none;

}

.wizard .actions li.disabled a {

  cursor: not-allowed;

  background-color: #BBB !important;

}

/* STEPS STYLES ------------------

----------------------------------*/

/* hide steps icons */

.wizard.steps-hide-icons .steps .fa,

.wizard.steps-hide-icons .steps .glyphicon,

.wizard.steps-hide-icons .steps .glyphicon {

  display: none !important;

}

/* hide steps icons */

.wizard.steps-show-icons .steps .fa,

.wizard.steps-show-icons .steps .glyphicon,

.wizard.steps-show-icons .steps .glyphicon {

  display: inline-block !important;

}

/* steps align right  */

.wizard.steps-left .steps {

  text-align: left;

}

/* steps align right  */

.wizard.steps-right .steps {

  text-align: right;

}

/* steps justified */

.wizard.steps-justified .steps {

  position: relative;

  width: 100%;

}

.wizard.steps-justified .steps li {

  display: table-cell;

  position: relative;

  float: none;

  width: 1%;

}

.wizard.steps-justified .steps li a {

  display: block;

}

/* steps tabs */

/*.wizard.steps-tabs .steps {

  padding: 0;

  height: 55px;

  position: relative;

  background-color: #EEE;

  border-color: transparent;

  border-bottom: 1px solid #E8E8E8;

}

.wizard.steps-tabs .steps li {

  margin: 0;

}

.wizard.steps-tabs .steps li a {

  padding: 18px 23px 18px;

}*/

/* steps add BG */

.wizard.steps-bg .steps {

  padding: 15px;

  position: relative;

  background-color: #f8f8f8;

  border-bottom: 1px solid #E8E8E8;

}

/*

.wizard.steps-bg.steps-tabs .steps {

  padding: 0;

  border-color: #E8E8E8;

}

.wizard.steps-bg .content,

.wizard.steps-tabs .content,

.wizard.steps-justified .content {

  padding-top: 10px;

}*/

/*==================================================================

  B. Lists

-===================================================================*/

.admin-form .smart-list {

  list-style: none;

  margin: 0;

  padding: 0;

}

.admin-form .smart-list li {

  margin-bottom: 20px;

}

/*==================================================================

  B. Grid Misc

===================================================================*/

.admin-form .section {

  margin-bottom: 22px;

}

/*==================================================================

  B. Panel

===================================================================*/

.admin-form .panel {

  margin-bottom: 20px;

  background-color: #ffffff;

  border: 1px solid #DDD;

}

/*==================================================================

  B. Panel Header Section

===================================================================*/

.admin-form .panel-heading {

  overflow: hidden;

  position: relative;

  height: auto;

  padding: 19px 22px 18px;

  color: #999;

  border-radius: 0;

  border-top: 1px solid transparent;

  border-left: 0;

  border-right: 0;

  border-bottom: 1px solid #DDD;

  background-color: #FAFAFA;

}

.admin-form .heading-border:before {

  content: "";

  background-color: #9999A3;

  position: absolute;

  height: 5px;

  z-index: 1;

  top: 0;

  right: 0;

  left: 0;

}

.admin-form .heading-border .panel-heading {

  padding: 30px 22px 17px;

}

.admin-form .heading-border .panel-title {

  color: #999;

}

.admin-form .panel-title {

  font-family: "Roboto", Arial, Helvetica, sans-serif;

  text-align: left;

  font-weight: 300;

  font-size: 26px;

  padding: 0;

  margin: 0;

  background: transparent;

}

.admin-form .panel-title i {

  font-size: 26px;

  position: relative;

  margin-right: 15px;

  top: 0;

  border-width: 0;

}

/*==================================================================

  B. Panel Body

===================================================================*/

.admin-form .panel-body {

  padding: 25px;

  border: 0;

}

/*==================================================================

  B. Panel Footer

===================================================================*/

.admin-form .panel-footer {

  padding: 12px 13px;

  border-top: 1px solid #DDD;

  background: #f2f2f2;

}

/*==================================================================

  B. google map :: block elements 

===================================================================*/

.admin-form .map-container {

  padding: 7px;

  border: 1px solid #CFCFCF;

}

.admin-form #map_canvas {

  width: 100%;

  height: 300px;

  overflow: hidden;

}

.admin-form .block {

  display: block;

}

/*==================================================================

  B. simple price boxes :: depend on grid

===================================================================*/

.admin-form .price-box {

  padding: 30px;

  text-align: center;

  position: relative;

  border: 1px solid #CFCFCF;

  font-family: Arial, Helvetica, sans-serif;

  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);

  -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);

}

.admin-form .price-box p {

  line-height: 1.5em;

  color: #526066;

  margin-bottom: 0;

}

.admin-form .price-box h5 {

  text-transform: uppercase;

  font-weight: 300;

  margin: 0;

  font-size: 15px;

  color: #B0B2B9;

  letter-spacing: 2px;

}

.admin-form .price-box h4 {

  font-size: 60px;

  font-weight: 300;

  margin: 0;

  color: #626262;

}

.admin-form .selected-box h4 {

  color: #999;

}

.admin-form .price-box h4 sup {

  position: relative;

  font-size: 30px;

  vertical-align: top;

  top: 15px;

}

.admin-form .price-box h4 .per-month {

  font-size: 14px;

}

.admin-form .expand {

  height: 50px;

  line-height: 50px!important;

  border-radius: 3px;

}

/*==================================================================

  B. simple price boxes ribbon IE8+

-===================================================================*/

.admin-form .ribbon,

.admin-form .ribbon-large {

  width: 75px;

  height: 78px;

  overflow: hidden;

  position: absolute;

  right: -2px;

  top: -2px;

  z-index: 1;

}

.admin-form .ribbon-inner {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);

  -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);

  -webkit-transform: translate3d(0, 0, 0);

  -webkit-backface-visibility: hidden;

  -webkit-perspective: 1000;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  background: #999;

  letter-spacing: 4px;

  text-align: center;

  position: relative;

  font-weight: 700;

  font-size: 14px;

  padding: 7px 0;

  width: 100px;

  color: #fff;

  z-index: 1;

  left: 3px;

  top: 6px;

}

.admin-form .ribbon-inner:before,

.admin-form .ribbon-inner:after {

  content: "";

  border-top: 3px solid #3c9b39;

  border-left: 3px solid transparent;

  border-right: 3px solid transparent;

  position: absolute;

  bottom: -3px;

}

.admin-form .ribbon-inner:before {

  left: 0px;

}

.admin-form .ribbon-inner:after {

  right: 0px;

}

.admin-form .ribbon-large {

  width: 115px;

  height: 118px;

}

.admin-form .ribbon-large .ribbon-inner {

  width: 160px;

  left: -8px;

  top: 28px;

}

/*==================================================================

  B. Notifications | info | error | warning | success

-===================================================================*/

.admin-form .form-msg {

  display: none;

}

/*==================================================================

  B. progress bars 

===================================================================*/

.admin-form .progress-section {

  display: none;

}

.progress-striped .progress-bar,

.progress-bar-striped {

  background-size: 18px 18px;

  background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));

  background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));

  background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));

  background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));

}

/*==================================================================

  B. BOOTSTRAP COMPATABILITY FIXES

===================================================================*/

.admin-form .radio,

.admin-form .checkbox {

  margin-top: 0;

  margin-bottom: 0;

  padding-left: 0;

  top: 1px;

  vertical-align: bottom;

}

.admin-form .checkbox:after,

.admin-form .checkbox:before {

  margin: 0;

  padding: 0;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  -o-box-sizing: content-box;

  box-sizing: content-box;

}

/* Simply Combines all skins into a single css file

 * Useful for demonstrating all skins or providing 

 * multi-skin support 

 */

.admin-form .panel-dark > .panel-heading {

  border-top-color: #424759;

}

.admin-form .panel-dark > .panel-heading:before {

  background-color: #3b3f4f;

}

.admin-form .panel-dark.heading-border:before,

.admin-form .panel-dark .heading-border:before {

  background-color: #3b3f4f;

}

.admin-form .bg-dark {

  background-color: #3b3f4f;

}

.admin-form .bg-dark.light {

  background-color: #424759;

}

.admin-form .bg-dark.lighter {

  background-color: #51566c;

}

.admin-form .bg-dark.dark {

  background-color: #2c2f3c;

}

.admin-form .bg-dark.darker {

  background-color: #1e2028;

}

.admin-form .option-dark input:hover + .checkbox,

.admin-form .option-dark input:hover + .radio {

  border-color: #424759;

}

.admin-form .option-dark input:checked + .checkbox,

.admin-form .option-dark input:focus + .checkbox,

.admin-form .option-dark input:checked + .radio,

.admin-form .option-dark input:focus + .radio {

  border-color: #3b3f4f;

}

.admin-form .option-dark input:checked + .radio:before,

.admin-form .option-dark input:focus + .radio:before {

  background: #3b3f4f;

}

.admin-form .option-dark input:checked + .checkbox:before,

.admin-form .option-dark input:focus + .checkbox:before {

  border-color: #3b3f4f;

}

.admin-form .switch-dark > input:checked + label {

  background: #3b3f4f;

  border-color: #3b3f4f;

}

.admin-form .switch-dark > input:checked + label:after {

  color: #3b3f4f;

}

.admin-form .switch-dark > input:checked:focus + label {

  background: #2c2f3c;

  border-color: #2c2f3c;

}

.admin-form .btn-dark {

  background-color: #3b3f4f;

}

.admin-form .btn-dark:hover,

.admin-form .btn-dark:focus {

  background-color: #424759;

  border-color: #424759;

}

.admin-form .btn-dark:active {

  background-color: #2c2f3c;

}

.admin-form .btn-dark,

.admin-form .btn-dark:hover,

.admin-form .btn-dark:focus,

.admin-form .btn-dark:active {

  color: #fff;

  text-shadow: 0 1px rgba(0, 0, 0, 0.08);

}

.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-range {

  background-color: #3b3f4f;

}

.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-handle {

  border-color: #3b3f4f;

}

.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-handle:before {

  background-color: #3b3f4f;

}

.admin-form.theme-dark .section-divider span {

  color: #3b3f4f;

}

.admin-form.theme-dark .tagline span {

  color: #3b3f4f;

}

.admin-form.theme-dark .smart-link {

  color: #3b3f4f;

}

.admin-form.theme-dark .gui-input:hover,

.admin-form.theme-dark .gui-textarea:hover,

.admin-form.theme-dark .select > select:hover,

.admin-form.theme-dark .select-multiple select:hover,

.admin-form.theme-dark .gui-input:hover ~ .input-footer,

.admin-form.theme-dark .file .gui-file:hover + .gui-input,

.admin-form.theme-dark .gui-textarea:hover ~ .input-footer {

  border-color: #424759;

}

.admin-form.theme-dark .gui-input:focus,

.admin-form.theme-dark .gui-textarea:focus,

.admin-form.theme-dark .select > select:focus,

.admin-form.theme-dark .select-multiple select:focus {

  border-color: #424759;

  color: #3C3C3C;

}

.admin-form.theme-dark .gui-textarea:focus {

  height: 120px;

}

.admin-form.theme-dark .select > select:focus {

  z-index: 10;

  z-index: 20\9;

}

.admin-form.theme-dark .gui-input:focus ~ .field-icon i,

.admin-form.theme-dark .gui-textarea:focus ~ .field-icon i {

  color: #3b3f4f;

}

.admin-form.theme-dark .select-multiple select:focus,

.admin-form.theme-dark .gui-input:focus ~ .input-footer,

.admin-form.theme-dark .gui-textarea:focus ~ .input-footer,

.admin-form.theme-dark .file .gui-file:focus + .gui-input {

  border-color: #424759;

}

.admin-form.theme-dark .select > select:focus + .arrow {

  color: #3b3f4f;

}

.admin-form.theme-dark .rating:hover .rating-star:hover,

.admin-form.theme-dark .rating:hover .rating-star:hover ~ .rating-star,

.admin-form.theme-dark .rating-input:checked ~ .rating-star {

  color: #3b3f4f;

}

.admin-form.theme-dark .rating-star,

.admin-form.theme-dark .rating:hover .rating-star {

  color: #A2A6A8;

}

.admin-form.theme-dark .ui-datepicker .ui-datepicker-prev,

.admin-form.theme-dark .ui-datepicker .ui-datepicker-next,

.admin-form.theme-dark .ui-datepicker .ui-datepicker-title {

  color: #3b3f4f;

}

.admin-form.theme-dark .ui-datepicker-today a,

.admin-form.theme-dark .ui-datepicker-today a:hover,

.admin-form.theme-dark .ui-datepicker .ui-state-highlight {

  background: #676e89 !important;

}

.admin-form.theme-dark .ui-datepicker .ui-state-active {

  background: #3b3f4f !important;

}

.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {

  background: #FFF !important;

}

.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {

  border-color: #3b3f4f;

}

.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {

  background-color: #3b3f4f;

}

.admin-form.theme-dark .selected-box h4 {

  color: #3b3f4f;

}

.admin-form.theme-dark .ribbon-inner {

  background: #3b3f4f;

}

.admin-form.theme-dark .ribbon-inner:before,

.admin-form.theme-dark .ribbon-inner:after {

  border-top-color: #2c2f3c;

}

.admin-form.theme-dark .wizard .steps li a,

.admin-form.theme-dark .wizard .actions li a {

  background-color: #3b3f4f;

}

.admin-form.theme-dark .wizard .steps li.current a {

  background-color: #2c2f3c;

}

.admin-form .panel-primary > .panel-heading {

  border-top-color: #5d9cec;

}

.admin-form .panel-primary > .panel-heading:before {

  background-color: #4a89dc;

}

.admin-form .panel-primary.heading-border:before,

.admin-form .panel-primary .heading-border:before {

  background-color: #31C0BE;

}

.admin-form .bg-primary {

  background-color: #4a89dc;

}

.admin-form .bg-primary.light {

  background-color: #5d9cec;

}

.admin-form .bg-primary.lighter {

  background-color: #83aee7;

}

.admin-form .bg-primary.dark {

  background-color: #2e76d6;

}

.admin-form .bg-primary.darker {

  background-color: #2567bd;

}

.admin-form .option-primary input:hover + .checkbox,

.admin-form .option-primary input:hover + .radio {

  border-color: #28aba9;

}

.admin-form .option-primary input:checked + .checkbox,

.admin-form .option-primary input:focus + .checkbox,

.admin-form .option-primary input:checked + .radio,

.admin-form .option-primary input:focus + .radio {

  border-color: #28aba9;

}

.admin-form .option-primary input:checked + .radio:before,

.admin-form .option-primary input:focus + .radio:before {

  background: #28aba9;

}

.admin-form .option-primary input:checked + .checkbox:before,

.admin-form .option-primary input:focus + .checkbox:before {

  border-color: #28aba9;

}

.admin-form div.switch.switch-primary > input:checked + label {

  background: #31C0BE;

  border-color: #31C0BE;

}

.admin-form div.switch.switch-primary > input:checked + label:after {

  color: #4a89dc;

}

.admin-form div.switch.switch-primary > input:checked:focus + label {

  background: #31C0BE;

  border-color: #31C0BE;

}

.admin-form .btn-primary {

  background-color: #28aba9;

}

.admin-form .btn-primary:hover,

.admin-form .btn-primary:focus {

  background-color: #28aba9;

  border-color: #28aba9;

}

.admin-form .btn-primary:active {

  background-color: #2e76d6;

}

.admin-form .btn-primary,

.admin-form .btn-primary:hover,

.admin-form .btn-primary:focus,

.admin-form .btn-primary:active {

  color: #fff;

  text-shadow: 0 1px rgba(0, 0, 0, 0.08);

}

.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-range {

  background-color: #4a89dc;

}

.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-handle {

  border-color: #4a89dc;

}

.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-handle:before {

  background-color: #4a89dc;

}

.admin-form.theme-primary .section-divider span {

  color: #28aba9;

}

.admin-form.theme-primary .tagline span {

  color: #4a89dc;

}

.admin-form.theme-primary .smart-link {

  color: #4a89dc;

}

.admin-form.theme-primary .gui-input:hover,

.admin-form.theme-primary .gui-textarea:hover,

.admin-form.theme-primary .select > select:hover,

.admin-form.theme-primary .select-multiple select:hover,

.admin-form.theme-primary .gui-input:hover ~ .input-footer,

.admin-form.theme-primary .file .gui-file:hover + .gui-input,

.admin-form.theme-primary .gui-textarea:hover ~ .input-footer {

  border-color: #31C0BE;

}

.admin-form.theme-primary .gui-input:focus,

.admin-form.theme-primary .gui-textarea:focus,

.admin-form.theme-primary .select > select:focus,

.admin-form.theme-primary .select-multiple select:focus {

  border-color: #31C0BE;

  color: #3C3C3C;

}

.admin-form.theme-primary .gui-textarea:focus {

  height: 120px;

}

.admin-form.theme-primary .select > select:focus {

  z-index: 10;

  z-index: 20\9;

}

.admin-form.theme-primary .gui-input:focus ~ .field-icon i,

.admin-form.theme-primary .gui-textarea:focus ~ .field-icon i {

  color: #31C0BE;

}

.admin-form.theme-primary .select-multiple select:focus,

.admin-form.theme-primary .gui-input:focus ~ .input-footer,

.admin-form.theme-primary .gui-textarea:focus ~ .input-footer,

.admin-form.theme-primary .file .gui-file:focus + .gui-input {

  border-color: #3C3C3C;

}

.admin-form.theme-primary .select > select:focus + .arrow {

  color: #4a89dc;

}

.admin-form.theme-primary .rating:hover .rating-star:hover,

.admin-form.theme-primary .rating:hover .rating-star:hover ~ .rating-star,

.admin-form.theme-primary .rating-input:checked ~ .rating-star {

  color: #4a89dc;

}

.admin-form.theme-primary .rating-star,

.admin-form.theme-primary .rating:hover .rating-star {

  color: #A2A6A8;

}

.admin-form.theme-primary .ui-datepicker .ui-datepicker-prev,

.admin-form.theme-primary .ui-datepicker .ui-datepicker-next,

.admin-form.theme-primary .ui-datepicker .ui-datepicker-title {

  color: #4a89dc;

}

.admin-form.theme-primary .ui-datepicker-today a,

.admin-form.theme-primary .ui-datepicker-today a:hover,

.admin-form.theme-primary .ui-datepicker .ui-state-highlight {

  background: #9fc1ed !important;

}

.admin-form.theme-primary .ui-datepicker .ui-state-active {

  background: #4a89dc !important;

}

.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {

  background: #FFF !important;

}

.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {

  border-color: #4a89dc;

}

.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {

  background-color: #4a89dc;

}

.admin-form.theme-primary .selected-box h4 {

  color: #4a89dc;

}

.admin-form.theme-primary .ribbon-inner {

  background: #4a89dc;

}

.admin-form.theme-primary .ribbon-inner:before,

.admin-form.theme-primary .ribbon-inner:after {

  border-top-color: #2e76d6;

}

.admin-form.theme-primary .wizard .steps li a,

.admin-form.theme-primary .wizard .actions li a {

  background-color: #4a89dc;

}

.admin-form.theme-primary .wizard .steps li.current a {

  background-color: #2e76d6;

}

.admin-form .panel-info > .panel-heading {

  border-top-color: #4fc1e9;

}

.admin-form .panel-info > .panel-heading:before {

  background-color: #3bafda;

}

.admin-form .panel-info.heading-border:before,

.admin-form .panel-info .heading-border:before {

  background-color: #3bafda;

}

.admin-form .bg-info {

  background-color: #3bafda;

}

.admin-form .bg-info.light {

  background-color: #4fc1e9;

}

.admin-form .bg-info.lighter {

  background-color: #74c6e5;

}

.admin-form .bg-info.dark {

  background-color: #27a0cc;

}

.admin-form .bg-info.darker {

  background-color: #2189b0;

}

.admin-form .option-info input:hover + .checkbox,

.admin-form .option-info input:hover + .radio {

  border-color: #4fc1e9;

}

.admin-form .option-info input:checked + .checkbox,

.admin-form .option-info input:focus + .checkbox,

.admin-form .option-info input:checked + .radio,

.admin-form .option-info input:focus + .radio {

  border-color: #3bafda;

}

.admin-form .option-info input:checked + .radio:before,

.admin-form .option-info input:focus + .radio:before {

  background: #3bafda;

}

.admin-form .option-info input:checked + .checkbox:before,

.admin-form .option-info input:focus + .checkbox:before {

  border-color: #3bafda;

}

.admin-form .switch-info > input:checked + label {

  background: #3bafda;

  border-color: #3bafda;

}

.admin-form .switch-info > input:checked + label:after {

  color: #3bafda;

}

.admin-form .switch-info > input:checked:focus + label {

  background: #27a0cc;

  border-color: #27a0cc;

}

.admin-form .btn-info {

  background-color: #3bafda;

}

.admin-form .btn-info:hover,

.admin-form .btn-info:focus {

  background-color: #4fc1e9;

  border-color: #4fc1e9;

}

.admin-form .btn-info:active {

  background-color: #27a0cc;

}

.admin-form .btn-info,

.admin-form .btn-info:hover,

.admin-form .btn-info:focus,

.admin-form .btn-info:active {

  color: #fff;

  text-shadow: 0 1px rgba(0, 0, 0, 0.08);

}

.admin-form .slider-wrapper.slider-info .ui-slider .ui-slider-range {

  background-color: #3bafda;

}

.admin-form .slider-wrapper.slider-info .ui-slider .ui-slider-handle {

  border-color: #3bafda;

}

.admin-form .slider-wrapper.slider-info .ui-slider .ui-slider-handle:before {

  background-color: #3bafda;

}

.admin-form.theme-info .section-divider span {

  color: #3bafda;

}

.admin-form.theme-info .tagline span {

  color: #3bafda;

}

.admin-form.theme-info .smart-link {

  color: #3bafda;

}

.admin-form.theme-info .gui-input:hover,

.admin-form.theme-info .gui-textarea:hover,

.admin-form.theme-info .select > select:hover,

.admin-form.theme-info .select-multiple select:hover,

.admin-form.theme-info .gui-input:hover ~ .input-footer,

.admin-form.theme-info .file .gui-file:hover + .gui-input,

.admin-form.theme-info .gui-textarea:hover ~ .input-footer {

  border-color: #4fc1e9;

}

.admin-form.theme-info .gui-input:focus,

.admin-form.theme-info .gui-textarea:focus,

.admin-form.theme-info .select > select:focus,

.admin-form.theme-info .select-multiple select:focus {

  border-color: #31C0BE;

  color: #3C3C3C;

}

.admin-form.theme-info .gui-textarea:focus {

  height: 120px;

}

.admin-form.theme-info .select > select:focus {

  z-index: 10;

  z-index: 20\9;

}

.admin-form.theme-info .gui-input:focus ~ .field-icon i,

.admin-form.theme-info .gui-textarea:focus ~ .field-icon i {

  color: #31C0BE;

}

.admin-form.theme-info .select-multiple select:focus,

.admin-form.theme-info .gui-input:focus ~ .input-footer,

.admin-form.theme-info .gui-textarea:focus ~ .input-footer,

.admin-form.theme-info .file .gui-file:focus + .gui-input {

  border-color: #4fc1e9;

}

.admin-form.theme-info .select > select:focus + .arrow {

  color: #3bafda;

}

.admin-form.theme-info .rating:hover .rating-star:hover,

.admin-form.theme-info .rating:hover .rating-star:hover ~ .rating-star,

.admin-form.theme-info .rating-input:checked ~ .rating-star {

  color: #3bafda;

}

.admin-form.theme-info .rating-star,

.admin-form.theme-info .rating:hover .rating-star {

  color: #A2A6A8;

}

.admin-form.theme-info .ui-datepicker .ui-datepicker-prev,

.admin-form.theme-info .ui-datepicker .ui-datepicker-next,

.admin-form.theme-info .ui-datepicker .ui-datepicker-title {

  color: #3bafda;

}

.admin-form.theme-info .ui-datepicker-today a,

.admin-form.theme-info .ui-datepicker-today a:hover,

.admin-form.theme-info .ui-datepicker .ui-state-highlight {

  background: #91d2ea !important;

}

.admin-form.theme-info .ui-datepicker .ui-state-active {

  background: #3bafda !important;

}

.admin-form.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {

  background: #FFF !important;

}

.admin-form.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {

  border-color: #3bafda;

}

.admin-form.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {

  background-color: #3bafda;

}

.admin-form.theme-info .selected-box h4 {

  color: #3bafda;

}

.admin-form.theme-info .ribbon-inner {

  background: #3bafda;

}

.admin-form.theme-info .ribbon-inner:before,

.admin-form.theme-info .ribbon-inner:after {

  border-top-color: #27a0cc;

}

.admin-form.theme-info .wizard .steps li a,

.admin-form.theme-info .wizard .actions li a {

  background-color: #3bafda;

}

.admin-form.theme-info .wizard .steps li.current a {

  background-color: #27a0cc;

}

.admin-form .panel-success > .panel-heading {

  border-top-color: #87d37c;

}

.admin-form .panel-success > .panel-heading:before {

  background-color: #70ca63;

}

.admin-form .panel-success.heading-border:before,

.admin-form .panel-success .heading-border:before {

  background-color: #70ca63;

}

.admin-form .bg-success {

  background-color: #70ca63;

}

.admin-form .bg-success.light {

  background-color: #87d37c;

}

.admin-form .bg-success.lighter {

  background-color: #9edc95;

}

.admin-form .bg-success.dark {

  background-color: #58c249;

}

.admin-form .bg-success.darker {

  background-color: #49ae3b;

}

.admin-form .option-success input:hover + .checkbox,

.admin-form .option-success input:hover + .radio {

  border-color: #87d37c;

}

.admin-form .option-success input:checked + .checkbox,

.admin-form .option-success input:focus + .checkbox,

.admin-form .option-success input:checked + .radio,

.admin-form .option-success input:focus + .radio {

  border-color: #70ca63;

}

.admin-form .option-success input:checked + .radio:before,

.admin-form .option-success input:focus + .radio:before {

  background: #70ca63;

}

.admin-form .option-success input:checked + .checkbox:before,

.admin-form .option-success input:focus + .checkbox:before {

  border-color: #70ca63;

}

.admin-form .switch-success > input:checked + label {

  background: #70ca63;

  border-color: #70ca63;

}

.admin-form .switch-success > input:checked + label:after {

  color: #70ca63;

}

.admin-form .switch-success > input:checked:focus + label {

  background: #58c249;

  border-color: #58c249;

}

.admin-form .btn-success {

  background-color: #70ca63;

}

.admin-form .btn-success:hover,

.admin-form .btn-success:focus {

  background-color: #87d37c;

  border-color: #87d37c;

}

.admin-form .btn-success:active {

  background-color: #58c249;

}

.admin-form .btn-success,

.admin-form .btn-success:hover,

.admin-form .btn-success:focus,

.admin-form .btn-success:active {

  color: #fff;

  text-shadow: 0 1px rgba(0, 0, 0, 0.08);

}

.admin-form .slider-wrapper.slider-success .ui-slider .ui-slider-range {

  background-color: #70ca63;

}

.admin-form .slider-wrapper.slider-success .ui-slider .ui-slider-handle {

  border-color: #70ca63;

}

.admin-form .slider-wrapper.slider-success .ui-slider .ui-slider-handle:before {

  background-color: #70ca63;

}

.admin-form.theme-success .section-divider span {

  color: #70ca63;

}

.admin-form.theme-success .tagline span {

  color: #70ca63;

}

.admin-form.theme-success .smart-link {

  color: #70ca63;

}

.admin-form.theme-success .gui-input:hover,

.admin-form.theme-success .gui-textarea:hover,

.admin-form.theme-success .select > select:hover,

.admin-form.theme-success .select-multiple select:hover,

.admin-form.theme-success .gui-input:hover ~ .input-footer,

.admin-form.theme-success .file .gui-file:hover + .gui-input,

.admin-form.theme-success .gui-textarea:hover ~ .input-footer {

  border-color: #87d37c;

}

.admin-form.theme-success .gui-input:focus,

.admin-form.theme-success .gui-textarea:focus,

.admin-form.theme-success .select > select:focus,

.admin-form.theme-success .select-multiple select:focus {

  border-color: #87d37c;

  color: #3C3C3C;

}

.admin-form.theme-success .gui-textarea:focus {

  height: 120px;

}

.admin-form.theme-success .select > select:focus {

  z-index: 10;

  z-index: 20\9;

}

.admin-form.theme-success .gui-input:focus ~ .field-icon i,

.admin-form.theme-success .gui-textarea:focus ~ .field-icon i {

  color: #70ca63;

}

.admin-form.theme-success .select-multiple select:focus,

.admin-form.theme-success .gui-input:focus ~ .input-footer,

.admin-form.theme-success .gui-textarea:focus ~ .input-footer,

.admin-form.theme-success .file .gui-file:focus + .gui-input {

  border-color: #87d37c;

}

.admin-form.theme-success .select > select:focus + .arrow {

  color: #70ca63;

}

.admin-form.theme-success .rating:hover .rating-star:hover,

.admin-form.theme-success .rating:hover .rating-star:hover ~ .rating-star,

.admin-form.theme-success .rating-input:checked ~ .rating-star {

  color: #70ca63;

}

.admin-form.theme-success .rating-star,

.admin-form.theme-success .rating:hover .rating-star {

  color: #A2A6A8;

}

.admin-form.theme-success .ui-datepicker .ui-datepicker-prev,

.admin-form.theme-success .ui-datepicker .ui-datepicker-next,

.admin-form.theme-success .ui-datepicker .ui-datepicker-title {

  color: #70ca63;

}

.admin-form.theme-success .ui-datepicker-today a,

.admin-form.theme-success .ui-datepicker-today a:hover,

.admin-form.theme-success .ui-datepicker .ui-state-highlight {

  background: #b6e4af !important;

}

.admin-form.theme-success .ui-datepicker .ui-state-active {

  background: #70ca63 !important;

}

.admin-form.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {

  background: #FFF !important;

}

.admin-form.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {

  border-color: #70ca63;

}

.admin-form.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {

  background-color: #70ca63;

}

.admin-form.theme-success .selected-box h4 {

  color: #70ca63;

}

.admin-form.theme-success .ribbon-inner {

  background: #70ca63;

}

.admin-form.theme-success .ribbon-inner:before,

.admin-form.theme-success .ribbon-inner:after {

  border-top-color: #58c249;

}

.admin-form.theme-success .wizard .steps li a,

.admin-form.theme-success .wizard .actions li a {

  background-color: #70ca63;

}

.admin-form.theme-success .wizard .steps li.current a {

  background-color: #58c249;

}

.admin-form .panel-warning > .panel-heading {

  border-top-color: #ffce54;

}

.admin-form .panel-warning > .panel-heading:before {

  background-color: #f6bb42;

}

.admin-form .panel-warning.heading-border:before,

.admin-form .panel-warning .heading-border:before {

  background-color: #f6bb42;

}

.admin-form .bg-warning {

  background-color: #f6bb42;

}

.admin-form .bg-warning.light {

  background-color: #ffce54;

}

.admin-form .bg-warning.lighter {

  background-color: #f9d283;

}

.admin-form .bg-warning.dark {

  background-color: #f4af22;

}

.admin-form .bg-warning.darker {

  background-color: #d9950a;

}

.admin-form .option-warning input:hover + .checkbox,

.admin-form .option-warning input:hover + .radio {

  border-color: #ffce54;

}

.admin-form .option-warning input:checked + .checkbox,

.admin-form .option-warning input:focus + .checkbox,

.admin-form .option-warning input:checked + .radio,

.admin-form .option-warning input:focus + .radio {

  border-color: #f6bb42;

}

.admin-form .option-warning input:checked + .radio:before,

.admin-form .option-warning input:focus + .radio:before {

  background: #f6bb42;

}

.admin-form .option-warning input:checked + .checkbox:before,

.admin-form .option-warning input:focus + .checkbox:before {

  border-color: #f6bb42;

}

.admin-form .switch-warning > input:checked + label {

  background: #f6bb42;

  border-color: #f6bb42;

}

.admin-form .switch-warning > input:checked + label:after {

  color: #f6bb42;

}

.admin-form .switch-warning > input:checked:focus + label {

  background: #f4af22;

  border-color: #f4af22;

}

.admin-form .btn-warning {

  background-color: #f6bb42;

}

.admin-form .btn-warning:hover,

.admin-form .btn-warning:focus {

  background-color: #ffce54;

  border-color: #ffce54;

}

.admin-form .btn-warning:active {

  background-color: #f4af22;

}

.admin-form .btn-warning,

.admin-form .btn-warning:hover,

.admin-form .btn-warning:focus,

.admin-form .btn-warning:active {

  color: #fff;

  text-shadow: 0 1px rgba(0, 0, 0, 0.08);

}

.admin-form .slider-wrapper.slider-warning .ui-slider .ui-slider-range {

  background-color: #f6bb42;

}

.admin-form .slider-wrapper.slider-warning .ui-slider .ui-slider-handle {

  border-color: #f6bb42;

}

.admin-form .slider-wrapper.slider-warning .ui-slider .ui-slider-handle:before {

  background-color: #f6bb42;

}

.admin-form.theme-warning .section-divider span {

  color: #f6bb42;

}

.admin-form.theme-warning .tagline span {

  color: #f6bb42;

}

.admin-form.theme-warning .smart-link {

  color: #f6bb42;

}

.admin-form.theme-warning .gui-input:hover,

.admin-form.theme-warning .gui-textarea:hover,

.admin-form.theme-warning .select > select:hover,

.admin-form.theme-warning .select-multiple select:hover,

.admin-form.theme-warning .gui-input:hover ~ .input-footer,

.admin-form.theme-warning .file .gui-file:hover + .gui-input,

.admin-form.theme-warning .gui-textarea:hover ~ .input-footer {

  border-color: #ffce54;

}

.admin-form.theme-warning .gui-input:focus,

.admin-form.theme-warning .gui-textarea:focus,

.admin-form.theme-warning .select > select:focus,

.admin-form.theme-warning .select-multiple select:focus {

  border-color: #ffce54;

  color: #3C3C3C;

}

.admin-form.theme-warning .gui-textarea:focus {

  height: 120px;

}

.admin-form.theme-warning .select > select:focus {

  z-index: 10;

  z-index: 20\9;

}

.admin-form.theme-warning .gui-input:focus ~ .field-icon i,

.admin-form.theme-warning .gui-textarea:focus ~ .field-icon i {

  color: #f6bb42;

}

.admin-form.theme-warning .select-multiple select:focus,

.admin-form.theme-warning .gui-input:focus ~ .input-footer,

.admin-form.theme-warning .gui-textarea:focus ~ .input-footer,

.admin-form.theme-warning .file .gui-file:focus + .gui-input {

  border-color: #ffce54;

}

.admin-form.theme-warning .select > select:focus + .arrow {

  color: #f6bb42;

}

.admin-form.theme-warning .rating:hover .rating-star:hover,

.admin-form.theme-warning .rating:hover .rating-star:hover ~ .rating-star,

.admin-form.theme-warning .rating-input:checked ~ .rating-star {

  color: #f6bb42;

}

.admin-form.theme-warning .rating-star,

.admin-form.theme-warning .rating:hover .rating-star {

  color: #A2A6A8;

}

.admin-form.theme-warning .ui-datepicker .ui-datepicker-prev,

.admin-form.theme-warning .ui-datepicker .ui-datepicker-next,

.admin-form.theme-warning .ui-datepicker .ui-datepicker-title {

  color: #f6bb42;

}

.admin-form.theme-warning .ui-datepicker-today a,

.admin-form.theme-warning .ui-datepicker-today a:hover,

.admin-form.theme-warning .ui-datepicker .ui-state-highlight {

  background: #fbdea3 !important;

}

.admin-form.theme-warning .ui-datepicker .ui-state-active {

  background: #f6bb42 !important;

}

.admin-form.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {

  background: #FFF !important;

}

.admin-form.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {

  border-color: #f6bb42;

}

.admin-form.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {

  background-color: #f6bb42;

}

.admin-form.theme-warning .selected-box h4 {

  color: #f6bb42;

}

.admin-form.theme-warning .ribbon-inner {

  background: #f6bb42;

}

.admin-form.theme-warning .ribbon-inner:before,

.admin-form.theme-warning .ribbon-inner:after {

  border-top-color: #f4af22;

}

.admin-form.theme-warning .wizard .steps li a,

.admin-form.theme-warning .wizard .actions li a {

  background-color: #f6bb42;

}

.admin-form.theme-warning .wizard .steps li.current a {

  background-color: #f4af22;

}

.admin-form .panel-danger > .panel-heading {

  border-top-color: #fc6e51;

}

.admin-form .panel-danger > .panel-heading:before {

  background-color: #e9573f;

}

.admin-form .panel-danger.heading-border:before,

.admin-form .panel-danger .heading-border:before {

  background-color: #e9573f;

}

.admin-form .bg-danger {

  background-color: #e9573f;

}

.admin-form .bg-danger.light {

  background-color: #fc6e51;

}

.admin-form .bg-danger.lighter {

  background-color: #f08c7c;

}

.admin-form .bg-danger.dark {

  background-color: #e63c21;

}

.admin-form .bg-danger.darker {

  background-color: #cd3117;

}

.admin-form .option-danger input:hover + .checkbox,

.admin-form .option-danger input:hover + .radio {

  border-color: #fc6e51;

}

.admin-form .option-danger input:checked + .checkbox,

.admin-form .option-danger input:focus + .checkbox,

.admin-form .option-danger input:checked + .radio,

.admin-form .option-danger input:focus + .radio {

  border-color: #e9573f;

}

.admin-form .option-danger input:checked + .radio:before,

.admin-form .option-danger input:focus + .radio:before {

  background: #e9573f;

}

.admin-form .option-danger input:checked + .checkbox:before,

.admin-form .option-danger input:focus + .checkbox:before {

  border-color: #e9573f;

}

.admin-form .switch-danger > input:checked + label {

  background: #e9573f;

  border-color: #e9573f;

}

.admin-form .switch-danger > input:checked + label:after {

  color: #e9573f;

}

.admin-form .switch-danger > input:checked:focus + label {

  background: #e63c21;

  border-color: #e63c21;

}

.admin-form .btn-danger {

  background-color: #e9573f;

}

.admin-form .btn-danger:hover,

.admin-form .btn-danger:focus {

  background-color: #fc6e51;

  border-color: #fc6e51;

}

.admin-form .btn-danger:active {

  background-color: #e63c21;

}

.admin-form .btn-danger,

.admin-form .btn-danger:hover,

.admin-form .btn-danger:focus,

.admin-form .btn-danger:active {

  color: #fff;

  text-shadow: 0 1px rgba(0, 0, 0, 0.08);

}

.admin-form .slider-wrapper.slider-danger .ui-slider .ui-slider-range {

  background-color: #e9573f;

}

.admin-form .slider-wrapper.slider-danger .ui-slider .ui-slider-handle {

  border-color: #e9573f;

}

.admin-form .slider-wrapper.slider-danger .ui-slider .ui-slider-handle:before {

  background-color: #e9573f;

}

.admin-form.theme-danger .section-divider span {

  color: #e9573f;

}

.admin-form.theme-danger .tagline span {

  color: #e9573f;

}

.admin-form.theme-danger .smart-link {

  color: #e9573f;

}

.admin-form.theme-danger .gui-input:hover,

.admin-form.theme-danger .gui-textarea:hover,

.admin-form.theme-danger .select > select:hover,

.admin-form.theme-danger .select-multiple select:hover,

.admin-form.theme-danger .gui-input:hover ~ .input-footer,

.admin-form.theme-danger .file .gui-file:hover + .gui-input,

.admin-form.theme-danger .gui-textarea:hover ~ .input-footer {

  border-color: #fc6e51;

}

.admin-form.theme-danger .gui-input:focus,

.admin-form.theme-danger .gui-textarea:focus,

.admin-form.theme-danger .select > select:focus,

.admin-form.theme-danger .select-multiple select:focus {

  border-color: #fc6e51;

  color: #3C3C3C;

}

.admin-form.theme-danger .gui-textarea:focus {

  height: 120px;

}

.admin-form.theme-danger .select > select:focus {

  z-index: 10;

  z-index: 20\9;

}

.admin-form.theme-danger .gui-input:focus ~ .field-icon i,

.admin-form.theme-danger .gui-textarea:focus ~ .field-icon i {

  color: #e9573f;

}

.admin-form.theme-danger .select-multiple select:focus,

.admin-form.theme-danger .gui-input:focus ~ .input-footer,

.admin-form.theme-danger .gui-textarea:focus ~ .input-footer,

.admin-form.theme-danger .file .gui-file:focus + .gui-input {

  border-color: #fc6e51;

}

.admin-form.theme-danger .select > select:focus + .arrow {

  color: #e9573f;

}

.admin-form.theme-danger .rating:hover .rating-star:hover,

.admin-form.theme-danger .rating:hover .rating-star:hover ~ .rating-star,

.admin-form.theme-danger .rating-input:checked ~ .rating-star {

  color: #e9573f;

}

.admin-form.theme-danger .rating-star,

.admin-form.theme-danger .rating:hover .rating-star {

  color: #A2A6A8;

}

.admin-form.theme-danger .ui-datepicker .ui-datepicker-prev,

.admin-form.theme-danger .ui-datepicker .ui-datepicker-next,

.admin-form.theme-danger .ui-datepicker .ui-datepicker-title {

  color: #e9573f;

}

.admin-form.theme-danger .ui-datepicker-today a,

.admin-form.theme-danger .ui-datepicker-today a:hover,

.admin-form.theme-danger .ui-datepicker .ui-state-highlight {

  background: #f3a79b !important;

}

.admin-form.theme-danger .ui-datepicker .ui-state-active {

  background: #e9573f !important;

}

.admin-form.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {

  background: #FFF !important;

}

.admin-form.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {

  border-color: #e9573f;

}

.admin-form.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {

  background-color: #e9573f;

}

.admin-form.theme-danger .selected-box h4 {

  color: #e9573f;

}

.admin-form.theme-danger .ribbon-inner {

  background: #e9573f;

}

.admin-form.theme-danger .ribbon-inner:before,

.admin-form.theme-danger .ribbon-inner:after {

  border-top-color: #e63c21;

}

.admin-form.theme-danger .wizard .steps li a,

.admin-form.theme-danger .wizard .actions li a {

  background-color: #e9573f;

}

.admin-form.theme-danger .wizard .steps li.current a {

  background-color: #e63c21;

}

.admin-form .panel-alert > .panel-heading {

  border-top-color: #ac92ec;

}

.admin-form .panel-alert > .panel-heading:before {

  background-color: #967adc;

}

.admin-form .panel-alert.heading-border:before,

.admin-form .panel-alert .heading-border:before {

  background-color: #967adc;

}

.admin-form .bg-alert {

  background-color: #967adc;

}

.admin-form .bg-alert.light {

  background-color: #ac92ec;

}

.admin-form .bg-alert.lighter {

  background-color: #c0b0ea;

}

.admin-form .bg-alert.dark {

  background-color: #815fd5;

}

.admin-form .bg-alert.darker {

  background-color: #6c44ce;

}

.admin-form .option-alert input:hover + .checkbox,

.admin-form .option-alert input:hover + .radio {

  border-color: #ac92ec;

}

.admin-form .option-alert input:checked + .checkbox,

.admin-form .option-alert input:focus + .checkbox,

.admin-form .option-alert input:checked + .radio,

.admin-form .option-alert input:focus + .radio {

  border-color: #967adc;

}

.admin-form .option-alert input:checked + .radio:before,

.admin-form .option-alert input:focus + .radio:before {

  background: #967adc;

}

.admin-form .option-alert input:checked + .checkbox:before,

.admin-form .option-alert input:focus + .checkbox:before {

  border-color: #967adc;

}

.admin-form .switch-alert > input:checked + label {

  background: #967adc;

  border-color: #967adc;

}

.admin-form .switch-alert > input:checked + label:after {

  color: #967adc;

}

.admin-form .switch-alert > input:checked:focus + label {

  background: #815fd5;

  border-color: #815fd5;

}

.admin-form .btn-alert {

  background-color: #967adc;

}

.admin-form .btn-alert:hover,

.admin-form .btn-alert:focus {

  background-color: #ac92ec;

  border-color: #ac92ec;

}

.admin-form .btn-alert:active {

  background-color: #815fd5;

}

.admin-form .btn-alert,

.admin-form .btn-alert:hover,

.admin-form .btn-alert:focus,

.admin-form .btn-alert:active {

  color: #fff;

  text-shadow: 0 1px rgba(0, 0, 0, 0.08);

}

.admin-form .slider-wrapper.slider-alert .ui-slider .ui-slider-range {

  background-color: #967adc;

}

.admin-form .slider-wrapper.slider-alert .ui-slider .ui-slider-handle {

  border-color: #967adc;

}

.admin-form .slider-wrapper.slider-alert .ui-slider .ui-slider-handle:before {

  background-color: #967adc;

}

.admin-form.theme-alert .section-divider span {

  color: #967adc;

}

.admin-form.theme-alert .tagline span {

  color: #967adc;

}

.admin-form.theme-alert .smart-link {

  color: #967adc;

}

.admin-form.theme-alert .gui-input:hover,

.admin-form.theme-alert .gui-textarea:hover,

.admin-form.theme-alert .select > select:hover,

.admin-form.theme-alert .select-multiple select:hover,

.admin-form.theme-alert .gui-input:hover ~ .input-footer,

.admin-form.theme-alert .file .gui-file:hover + .gui-input,

.admin-form.theme-alert .gui-textarea:hover ~ .input-footer {

  border-color: #ac92ec;

}

.admin-form.theme-alert .gui-input:focus,

.admin-form.theme-alert .gui-textarea:focus,

.admin-form.theme-alert .select > select:focus,

.admin-form.theme-alert .select-multiple select:focus {

  border-color: #ac92ec;

  color: #3C3C3C;

}

.admin-form.theme-alert .gui-textarea:focus {

  height: 120px;

}

.admin-form.theme-alert .select > select:focus {

  z-index: 10;

  z-index: 20\9;

}

.admin-form.theme-alert .gui-input:focus ~ .field-icon i,

.admin-form.theme-alert .gui-textarea:focus ~ .field-icon i {

  color: #967adc;

}

.admin-form.theme-alert .select-multiple select:focus,

.admin-form.theme-alert .gui-input:focus ~ .input-footer,

.admin-form.theme-alert .gui-textarea:focus ~ .input-footer,

.admin-form.theme-alert .file .gui-file:focus + .gui-input {

  border-color: #ac92ec;

}

.admin-form.theme-alert .select > select:focus + .arrow {

  color: #967adc;

}

.admin-form.theme-alert .rating:hover .rating-star:hover,

.admin-form.theme-alert .rating:hover .rating-star:hover ~ .rating-star,

.admin-form.theme-alert .rating-input:checked ~ .rating-star {

  color: #967adc;

}

.admin-form.theme-alert .rating-star,

.admin-form.theme-alert .rating:hover .rating-star {

  color: #A2A6A8;

}

.admin-form.theme-alert .ui-datepicker .ui-datepicker-prev,

.admin-form.theme-alert .ui-datepicker .ui-datepicker-next,

.admin-form.theme-alert .ui-datepicker .ui-datepicker-title {

  color: #967adc;

}

.admin-form.theme-alert .ui-datepicker-today a,

.admin-form.theme-alert .ui-datepicker-today a:hover,

.admin-form.theme-alert .ui-datepicker .ui-state-highlight {

  background: #d6cbf1 !important;

}

.admin-form.theme-alert .ui-datepicker .ui-state-active {

  background: #967adc !important;

}

.admin-form.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {

  background: #FFF !important;

}

.admin-form.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {

  border-color: #967adc;

}

.admin-form.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {

  background-color: #967adc;

}

.admin-form.theme-alert .selected-box h4 {

  color: #967adc;

}

.admin-form.theme-alert .ribbon-inner {

  background: #967adc;

}

.admin-form.theme-alert .ribbon-inner:before,

.admin-form.theme-alert .ribbon-inner:after {

  border-top-color: #815fd5;

}

.admin-form.theme-alert .wizard .steps li a,

.admin-form.theme-alert .wizard .actions li a {

  background-color: #967adc;

}

.admin-form.theme-alert .wizard .steps li.current a {

  background-color: #815fd5;

}

.admin-form .panel-system > .panel-heading {

  border-top-color: #48cfad;

}

.admin-form .panel-system > .panel-heading:before {

  background-color: #37bc9b;

}

.admin-form .panel-system.heading-border:before,

.admin-form .panel-system .heading-border:before {

  background-color: #37bc9b;

}

.admin-form .bg-system {

  background-color: #37bc9b;

}

.admin-form .bg-system.light {

  background-color: #48cfad;

}

.admin-form .bg-system.lighter {

  background-color: #65d2b7;

}

.admin-form .bg-system.dark {

  background-color: #2fa285;

}

.admin-form .bg-system.darker {

  background-color: #288770;

}

.admin-form .option-system input:hover + .checkbox,

.admin-form .option-system input:hover + .radio {

  border-color: #48cfad;

}

.admin-form .option-system input:checked + .checkbox,

.admin-form .option-system input:focus + .checkbox,

.admin-form .option-system input:checked + .radio,

.admin-form .option-system input:focus + .radio {

  border-color: #37bc9b;

}

.admin-form .option-system input:checked + .radio:before,

.admin-form .option-system input:focus + .radio:before {

  background: #37bc9b;

}

.admin-form .option-system input:checked + .checkbox:before,

.admin-form .option-system input:focus + .checkbox:before {

  border-color: #37bc9b;

}

.admin-form .switch-system > input:checked + label {

  background: #37bc9b;

  border-color: #37bc9b;

}

.admin-form .switch-system > input:checked + label:after {

  color: #37bc9b;

}

.admin-form .switch-system > input:checked:focus + label {

  background: #2fa285;

  border-color: #2fa285;

}

.admin-form .btn-system {

  background-color: #37bc9b;

}

.admin-form .btn-system:hover,

.admin-form .btn-system:focus {

  background-color: #48cfad;

  border-color: #48cfad;

}

.admin-form .btn-system:active {

  background-color: #2fa285;

}

.admin-form .btn-system,

.admin-form .btn-system:hover,

.admin-form .btn-system:focus,

.admin-form .btn-system:active {

  color: #fff;

  text-shadow: 0 1px rgba(0, 0, 0, 0.08);

}

.admin-form .slider-wrapper.slider-system .ui-slider .ui-slider-range {

  background-color: #37bc9b;

}

.admin-form .slider-wrapper.slider-system .ui-slider .ui-slider-handle {

  border-color: #37bc9b;

}

.admin-form .slider-wrapper.slider-system .ui-slider .ui-slider-handle:before {

  background-color: #37bc9b;

}

.admin-form.theme-system .section-divider span {

  color: #37bc9b;

}

.admin-form.theme-system .tagline span {

  color: #37bc9b;

}

.admin-form.theme-system .smart-link {

  color: #37bc9b;

}

.admin-form.theme-system .gui-input:hover,

.admin-form.theme-system .gui-textarea:hover,

.admin-form.theme-system .select > select:hover,

.admin-form.theme-system .select-multiple select:hover,

.admin-form.theme-system .gui-input:hover ~ .input-footer,

.admin-form.theme-system .file .gui-file:hover + .gui-input,

.admin-form.theme-system .gui-textarea:hover ~ .input-footer {

  border-color: #48cfad;

}

.admin-form.theme-system .gui-input:focus,

.admin-form.theme-system .gui-textarea:focus,

.admin-form.theme-system .select > select:focus,

.admin-form.theme-system .select-multiple select:focus {

  border-color: #48cfad;

  color: #3C3C3C;

}

.admin-form.theme-system .gui-textarea:focus {

  height: 120px;

}

.admin-form.theme-system .select > select:focus {

  z-index: 10;

  z-index: 20\9;

}

.admin-form.theme-system .gui-input:focus ~ .field-icon i,

.admin-form.theme-system .gui-textarea:focus ~ .field-icon i {

  color: #37bc9b;

}

.admin-form.theme-system .select-multiple select:focus,

.admin-form.theme-system .gui-input:focus ~ .input-footer,

.admin-form.theme-system .gui-textarea:focus ~ .input-footer,

.admin-form.theme-system .file .gui-file:focus + .gui-input {

  border-color: #48cfad;

}

.admin-form.theme-system .select > select:focus + .arrow {

  color: #37bc9b;

}

.admin-form.theme-system .rating:hover .rating-star:hover,

.admin-form.theme-system .rating:hover .rating-star:hover ~ .rating-star,

.admin-form.theme-system .rating-input:checked ~ .rating-star {

  color: #37bc9b;

}

.admin-form.theme-system .rating-star,

.admin-form.theme-system .rating:hover .rating-star {

  color: #A2A6A8;

}

.admin-form.theme-system .ui-datepicker .ui-datepicker-prev,

.admin-form.theme-system .ui-datepicker .ui-datepicker-next,

.admin-form.theme-system .ui-datepicker .ui-datepicker-title {

  color: #37bc9b;

}

.admin-form.theme-system .ui-datepicker-today a,

.admin-form.theme-system .ui-datepicker-today a:hover,

.admin-form.theme-system .ui-datepicker .ui-state-highlight {

  background: #7fdac3 !important;

}

.admin-form.theme-system .ui-datepicker .ui-state-active {

  background: #37bc9b !important;

}

.admin-form.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {

  background: #FFF !important;

}

.admin-form.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {

  border-color: #37bc9b;

}

.admin-form.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {

  background-color: #37bc9b;

}

.admin-form.theme-system .selected-box h4 {

  color: #37bc9b;

}

.admin-form.theme-system .ribbon-inner {

  background: #37bc9b;

}

.admin-form.theme-system .ribbon-inner:before,

.admin-form.theme-system .ribbon-inner:after {

  border-top-color: #2fa285;

}

.admin-form.theme-system .wizard .steps li a,

.admin-form.theme-system .wizard .actions li a {

  background-color: #37bc9b;

}

.admin-form.theme-system .wizard .steps li.current a {

  background-color: #2fa285;

}