/* remove the following lines below if you want to have full control back over WS-Portfolio Menu */

#wspm .wspm-image .wspm-overlay-wrapper .wspm-overlay {
  background: #;
}

#wspm .wspm-bar a.is-checked,
#wspm .wspm-bar a.is-checked:hover,
#wspm .wspm-bar a.is-checked:active,
#wspm .wspm-bar a.is-checked:focus,
#wspm .wspm-pagination a.active,
#wspm .wspm-pagination a.active:hover,
#wspm .wspm-pagination a.active:active,
#wspm .wspm-pagination a.active:focus {
  background: #;
}

#wspm .wspm-dropdown .wspm-dropdown-button a {
 background: #;
 color: #fff;
}

#wspm .wspm-dropdown .wspm-dropdown-button a:hover,
#wspm .wspm-dropdown .wspm-dropdown-button a:active,
#wspm .wspm-dropdown .wspm-dropdown-button a:focus {
 background: #;
 color: #fff;
}

#wspm .wspm-dropdown.wspm-dropdown-open .wspm-dropdown-button a {
  background: #;
  color: #fff;
}

/* remove the following lines above if you want to have full control back over WS-Portfolio Menu */

.introjs-helperNumberLayer {
  background-color: #;
}

/* ----------------------- TEAM ----------------------- */

.team-card.style2:hover {
  border-color: #;
}

.team-card.style3 ul.team-social {
  background: #;
}

/* ----------------------- LABEL AND BADGES ----------------------- */

.label-primary {
  background-color: #;
}

.btn-primary .badge {
  color: #;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #;
}

/* ----------------------- THUMBNAILS ----------------------- */

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #;
}

/* ----------------------- TOTOP ----------------------- */

a.totop:hover,
a.totop:active {
  background: #;
  color: #fff;
}

a.totop:focus {
  color: #fff;
}

/* ----------------------- SLIDER ----------------------- */

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot.active:hover span,
.owl-dots .owl-dot.active:active span {
  background: #;
}

/* ----------------------- SIDEBAR LEFT ----------------------- */

#content .col-left ul.sidebar > li.active > a,
#content .col-left ul.sidebar > li.current > a {
  border-right: 3px solid #;
  color: #;
}

#content .col-left ul.sidebar > li.active > ul > li.active > a {
  border-right: 3px solid #;
  color: #;
}

#content .col-left ul.sidebar > li.active > ul > li.active > ul > li.active > a {
  border-right: 3px solid #;
  color: #;
}

#content .col-left ul.sidebar > li.active > ul > li.active > ul > li.active > ul > li.active > a {
  border-right: 3px solid #;
  color: #;
}

#content .col-left ul.sidebar li a:hover {
  color: #;
  border-right-color: #;
}

/* ----------------------- SIDEBAR RIGHT ----------------------- */

#content .col-right ul.sidebar > li.active > a,
#content .col-right ul.sidebar > li.current > a {
  border-left: 3px solid #;
  color: #;
}

#content .col-right ul.sidebar > li.active > ul > li.active > a {
  border-left: 3px solid #;
  color: #;
}

#content .col-right ul.sidebar > li.active > ul > li.active > ul > li.active > a {
  border-left: 3px solid #;
  color: #;
}

#content .col-right ul.sidebar > li.active > ul > li.active > ul > li.active > ul > li.active > a {
  border-left: 3px solid #;
  color: #;
}

#content .col-right ul.sidebar li a:hover {
  color: #;
  border-left-color: #;
}

/* ----------------------- PANEL ----------------------- */

ul.panel > li.active > a,
ul.panel > li.current > a {
  color: #;
}

ul.panel > li.active > ul > li.active > a {
  color: #;
}

ul.panel > li.active > ul > li.active > ul > li.active > a {
  color: #;
}

/* ----------------------- PROGRESS BARS ----------------------- */

.progress-bar {
  background-color: #;
}

.progress-bar-primary {
  background-color: #;
}

.progress-bar-secondary {
  background-color: #;
}

.progress-bar-tertiary {
  background-color: #;
}

/* ----------------------- LINKS ----------------------- */

a {
  color: #;
}

a:hover,
a:active,
a:focus {
  color: #;
}

ul.list-default li a:hover {
  color: #;
}

/* ----------------------- DROPCAP ----------------------- */

.dropcap {
  background: #;
}

.dropcap.alternative {
  color: #;
}

/* ----------------------- ACCORDION PRIMARY ----------------------- */

.panel-primary {
  border-color: #;
}

.panel-primary > .panel-heading {
  background: #;
  border-color: #;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #;
}

/* ----------------------- ACCORDION SECONDARY ----------------------- */

.panel-secondary {
  border-color: #;
}

.panel-secondary > .panel-heading {
  background: #;
  border-color: #;
}

.panel-secondary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #;
}

/* ----------------------- ACCORDION TERTIARY ----------------------- */

.panel-tertiary {
  border-color: #;
}

.panel-tertiary > .panel-heading {
  background: #;
  border-color: #;
}

.panel-tertiary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #;
}

/* ----------------------- ACCORDION ALT ----------------------- */

.panel-accordion.alternative .panel-heading a:after {
  background: #;
  color: #fff;
}

/* ----------------------- LIST GROUP ----------------------- */

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background: #;
  border-color: #;
}

/* ----------------------- ALERT PRIMARY ----------------------- */

.alert.alert-primary:before {
  background: #;
}

.alert.alert-primary strong,
.alert.alert-primary b {
  color: #;
}

/* ----------------------- ALERT SECONDARY ----------------------- */

.alert.alert-secondary:before {
  background: #;
}

.alert.alert-secondary strong,
.alert.alert-secondary b {
  color: #;
}

/* ----------------------- ALERT TERTIARY ----------------------- */

.alert.alert-tertiary:before {
  background: #;
}

.alert.alert-tertiary strong,
.alert.alert-tertiary b {
  color: #;
}

/* ----------------------- MARKING TEXT ----------------------- */

::selection {background-color: #;color: #fff;}
*::-moz-selection {background-color: #;color: #fff;}

/* ----------------------- MENU ----------------------- */

ul.sf-menu > li.active > a,
ul.sf-menu > li.active:hover > a {
  border-top-color: #;
  color: #;
}

ul.sf-menu > li:hover > a {
  border-color: #;
  color: #;
}

ul.sf-menu ul {
	border-top-color: #;
}

.nav .open > a {border-color: #;}

/* ----------------------- TEXT COLORS ----------------------- */

.color-primary,
.text-primary {
  color:# !important;
}

.color-secondary,
.text-secondary {
  color:# !important;
}

.color-tertiary,
.text-tertiary {
  color:# !important;
}

/* ----------------------- TABS ----------------------- */

.nav-tabs.tabs-alt > li.active > a,
.nav-tabs.tabs-alt > li.active > a:hover,
.nav-tabs.tabs-alt > li.active > a:focus {
  border-top: 3px solid #;
}

.nav-tabs.nav-justified.tabs-alt > .active > a,
.nav-tabs.nav-justified.tabs-alt > .active > a:hover,
.nav-tabs.nav-justified.tabs-alt > .active > a:focus {
  border: 0 none;
  border-top: 3px solid #;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background: #;
}

.nav-pills.nav-pills-large > li.active > a,
.nav-pills.nav-pills-large > li.active > a:hover,
.nav-pills.nav-pills-large > li.active > a:focus {
  border-color: #;
  color: #;
  background: transparent;
}

/* ----------------------- PAGINATION ----------------------- */

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #;
  border-color: #;
}

/* ----------------------- BUTTON PRIMARY ----------------------- */

.btn-primary {
  background-color: #;
  border-color: #;
  color: #fff;
}

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

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary.focus:active,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: #;
  border-color: #;
}

.btn-alt.btn-primary {
  background-color: transparent;
  border-color: #;
  color: #;
}

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

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary.focus[disabled],
fieldset[disabled] .btn-primary.focus {
  border-color: #;
  background: #;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  border-color: #;
  background: #;
}

/* ----------------------- BUTTON SECONDARY ----------------------- */

.btn-secondary {
  background-color: #;
  border-color: #;
  color: #fff;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background-color: #;
  border-color: #;
  color: #fff;
}

.btn-secondary:active:hover,
.btn-secondary.active:hover,
.open > .dropdown-toggle.btn-secondary:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.open > .dropdown-toggle.btn-secondary:focus,
.btn-secondary.focus:active,
.btn-secondary.active.focus,
.open > .dropdown-toggle.btn-secondary.focus {
  background-color: #;
  border-color: #;
}

.btn-alt.btn-secondary {
  background-color: transparent;
  border-color: #;
  color: #;
}

.btn-alt.btn-secondary:hover,
.btn-alt.btn-secondary:active,
.btn-alt.btn-secondary:focus {
  background-color: #;
  border-color: #;
  color: #fff;
}

.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary.focus[disabled],
fieldset[disabled] .btn-secondary.focus {
  border-color: #;
  background: #;
}

.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  border-color: #;
  background: #;
}


/* ----------------------- BUTTON TERTIARY ----------------------- */

.btn-tertiary {
  background-color: #;
  border-color: #;
  color: #fff;
}

.btn-tertiary:hover,
.btn-tertiary:active,
.btn-tertiary:focus {
  background-color: #;
  border-color: #;
  color: #fff;
}

.btn-tertiary:active:hover,
.btn-tertiary.active:hover,
.open > .dropdown-toggle.btn-tertiary:hover,
.btn-tertiary:active:focus,
.btn-tertiary.active:focus,
.open > .dropdown-toggle.btn-tertiary:focus,
.btn-tertiary.focus:active,
.btn-tertiary.active.focus,
.open > .dropdown-toggle.btn-tertiary.focus {
  background-color: #;
  border-color: #;
}

.btn-alt.btn-tertiary {
  background-color: transparent;
  border-color: #;
  color: #;
}

.btn-alt.btn-tertiary:hover,
.btn-alt.btn-tertiary:active,
.btn-alt.btn-tertiary:focus {
  background-color: #;
  border-color: #;
  color: #fff;
}

.btn-tertiary.disabled:hover,
.btn-tertiary[disabled]:hover,
fieldset[disabled] .btn-tertiary:hover,
.btn-tertiary.disabled:focus,
.btn-tertiary[disabled]:focus,
fieldset[disabled] .btn-tertiary:focus,
.btn-tertiary.disabled.focus,
.btn-tertiary.focus[disabled],
fieldset[disabled] .btn-tertiary.focus {
  border-color: #;
  background: #;
}

.btn-tertiary:active,
.btn-tertiary.active,
.open > .dropdown-toggle.btn-tertiary {
  border-color: #;
  background: #;
}



/* ----------------------- BUTTON LINK ----------------------- */

.btn-link {
  color: #;
}

.btn-link:hover,
.btn-link:focus {
  color: #;
}


/* ----------------------- BACKGROUND COLORS ----------------------- */

.bg-color-primary {
  background-color: # !important;
}

.bg-color-secondary {
  background-color: # !important;
}

.bg-color-tertiary {
  background-color: # !important;
}

/* ----------------------- BORDER COLORS ----------------------- */

.border-color-primary {
  border-color: # !important;
}

.border-color-secondary {
  border-color: # !important;
}

.border-color-tertiary {
  border-color: # !important;
}



.form-control:focus {
  border-color: # !important;
}

.btn.jmodedit {
 width: 30px;
 height: 30px;
 border: 1px solid #e3e3e3;
 background: #f5f5f5;
 line-height: 28px;
 text-align: center;
 margin: 0;
 padding: 0;
 color: #333;
}

.btn.jmodedit span.icon-edit {
  font-size: 14px;
  line-height: 25px;
}