/* Logos
----------------------------------*/

:root {
   --primary-100-colour: #ead7e8;
   --primary-200-colour: #d5afd1;
   --primary-300-colour: #c086ba;
   --primary-400-colour: #ab5ea3;
   --primary-500-colour: #95358c;
   --primary-600-colour: #782b70;
   --primary-700-colour: #5a2054;
   --primary-800-colour: #3c1638;
   --primary-900-colour: #1e0b1c;

   --primary-hover-100-colour: #f8f2f8;
   --primary-hover-200-colour: #f1e5f1;
   --primary-hover-300-colour: #e9d8ea;
   --primary-hover-400-colour: #e2cbe3;
   --primary-hover-500-colour: #dabddc;
   --primary-hover-600-colour: #af98b0;
   --primary-hover-700-colour: #837284;
   --primary-hover-800-colour: #584c58;
   --primary-hover-900-colour: #2c262c;

   --primary-active-100-colour: #e4dbe9;
   --primary-active-200-colour: #c8b6d3;
   --primary-active-300-colour: #ad92bd;
   --primary-active-400-colour: #916da7;
   --primary-active-500-colour: #754890;
   --primary-active-600-colour: #5e3a74;
   --primary-active-700-colour: #472c57;
   --primary-active-800-colour: #2f1d3a;
   --primary-active-900-colour: #180f1d;
}

.logo-small {
width: 120px;
height: 30px;
background-image: url(/whitelabeling/logo?_1dfbdcde2446dfc24385857622355ae2);
background-size: contain;
}

.logo-big {
width: 220px;
height: 55px;
background-image: url(/whitelabeling/logo?_1dfbdcde2446dfc24385857622355ae2);
background-size: contain;
background-position: center;
}

.logo-small,
.logo-big {
display: inline-block;
background-repeat: no-repeat;
}

/* Typography
----------------------------------*/
.text-primary,
.text-stat h2,
.text-stat h3,
.empty-state h2 {
color: #95358c;
}

/* Links
----------------------------------*/

a {
color: #95358c;
}

a:hover {
color: #dabddc;
}

a:active {
color: #754890;
}

/* Buttons
----------------------------------*/
.btn-link {
color: #95358c;
}

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

.btn-link:active {
color: #754890;
}

.btn-primary {
background-color: #95358c;
}

.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus {
background-color: #dabddc;  /* This needs to be manually adjusted */
}


.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-color: #754890;  /* This needs to be manually adjusted */
}

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

.btn.btn-alt.btn-primary {
border-left-color: #95358c;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #95358c;
}

/* Form Elements
----------------------------------*/

.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:focus,
.admin-form.theme-info .gui-textarea:focus,
.admin-form.theme-info .select > select:focus,
.admin-form.theme-info .select-multiple select:focus,
.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:focus,
.admin-form .gui-textarea:focus,
.admin-form .select > select:focus,
.admin-form .select-multiple select:focus {
border-color: #95358c;
}

.admin-form.theme-info .gui-input:focus ~ .field-icon i,
.admin-form.theme-info .gui-textarea:focus ~ .field-icon i,
.admin-form .gui-input:focus ~ .field-icon i,
.admin-form .gui-textarea:focus ~ .field-icon i {
color: #95358c;
}

.admin-form .radio.radio-primary,
.admin-form input:checked + .radio.radio-primary,
.admin-form input:not([disabled]):hover + .radio.radio-primary {
    border-color: #95358c;
}

.admin-form .radio.radio-primary:before {
    background: #95358c;
}

.radio-custom.radio-primary label::before,
.checkbox-custom.checkbox-primary label::before {
border-color: #95358c;
}

.radio-custom.radio-primary input[type="radio"]:checked + label::after,
.radio-custom.radio-primary input[type="checkbox"]:checked + label::after,
.checkbox-custom.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-custom.checkbox-primary input[type="radio"]:checked + label::after {
background-color: #95358c;
color: #95358c;
}

.form-control:focus {
border-color: #95358c;
}

.has-primary .help-block,
.has-primary .control-label,
.has-primary .radio,
.has-primary .checkbox,
.has-primary .radio-inline,
.has-primary .checkbox-inline,
.has-primary .append-icon {
color: #95358c;
}

.has-primary .input-group-addon {
border-color: #95358c;
}

.has-primary .form-control-feedback {
color: #95358c;
}

.input-group-addon {
color: #95358c;
}

.input-group.input-hero .input-group-addon + input.form-control {
border-left: 3px solid #95358c;
}
.checkbox-custom label input[type=checkbox] + .check {
color: #95358c;
}

/* Dropdowns
----------------------------------*/
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #95358c;
}

.dropdown-toggle.btn-primary + .dropdown-menu > .active > a,
.dropdown-toggle.btn-primary + .dropdown-menu > .active > a:hover,
.dropdown-toggle.btn-primary + .dropdown-menu > .active > a:focus {
background-color: #95358c;
}

.topbar-menu .metro-tile {
color: #95358c;
}
.topbar-menu .metro-tile:hover,
.topbar-menu .metro-tile:focus,
.topbar-menu .metro-tile:active {
background: #95358c;
}

/* Sidenav
----------------------------------*/

.sidebar-menu > li.active > a {
background-color: #95358c;
}

.sidebar-menu > li > ul > li.active > a::after,
.sidebar-menu > li > ul > li > a.menu-open::after {
background: #95358c;
}

.sidebar-menu > li > ul > li > ul > li.active > a:after,
.sidebar-menu > li > ul > li > ul > li:hover > a:after,
.sidebar-menu > li > ul > li > ul > li:focus > a:after {
background: #95358c;
opacity: 0.7;
}

.sidebar-menu > li > ul > li.active > a > span:nth-child(1),
.sidebar-menu > li > ul > li > a.menu-open > span:nth-child(1) {
color: inherit;
}

#sidebar_left.sidebar-light .sidebar-menu > li.active > a > span:nth-child(1) {
color: #95358c;
}

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li.active > a > span:nth-child(1),
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a.menu-open > span:nth-child(1) {
color: #95358c;
}

.sidebar-menu > li > ul > li:hover > a::after,
.sidebar-menu > li > ul > li:focus > a::after {
background: #95358c;
}

.toggle_sidemenu_l.sidebar .fa {
background: #95358c;
}

/* Topbar List Navigation
----------------------------------*/
#topbar .nav.nav-list-topbar li.active a {
border-bottom: 3px solid #95358c;
}

/* Dashboard elements
----------------------------------*/

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

.bg-primary.light {
background-color: #dabddc !important; /* This needs to be manually adjusted */
}

.bg-primary h2 small {
color: #ffffff;
opacity: 0.7;
}

.bg-primary .text-muted {
color: #f6f9fd;
}

/* Panels
----------------------------------*/
.admin-form .panel-primary.heading-border::before,
.admin-form .panel-primary .heading-border::before {
background-color: #95358c;
}

.admin-form .section-divider span,
body.external-page.external-alt #content .panel.panel-primary .section-divider span {
color: #95358c;
}

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

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

.panel-primary > .panel-heading > .panel-title {
color: #ffffff;
}

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

.panel-group .panel-heading a.text-primary {
color: #95358c;
}

.panel-primary > .panel-heading .badge {
color: #95358c;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #95358c;
}

.panel-primary > .panel-body.border {
border: 3px solid #95358c;
}

.page-heading.primary {
background-color: #95358c;
}

/* NProgress (top page loader)
----------------------------------*/
#nprogress.npr-primary .bar {
background-color: #95358c;
}

/* Scroller Contextuals
----------------------------------*/
.scroller-primary .scroller-handle {
background: #95358c;
}

/* Select2 Contextuals
----------------------------------*/
.select2-primary + .select2-container .select2-selection--single,
.select2-primary + .select2-container .select2-selection--single .select2-selection__rendered {
border-color: #95358c;
background-color: #95358c;
}

/* Tables
----------------------------------*/
.cell-hover > tbody > tr > td:hover {
background-color: #95358c;
}
#provisioning-status-modal .table>tbody>tr.active>td,
#provisioning-status-modal .table>tbody>tr.active>th,
#provisioning-status-modal .table>tbody>tr>td.active,
#provisioning-status-modal .table>tbody>tr>th.active,
#provisioning-status-modal .table>tfoot>tr.active>td,
#provisioning-status-modal .table>tfoot>tr.active>th,
#provisioning-status-modal .table>tfoot>tr>td.active,
#provisioning-status-modal .table>tfoot>tr>th.active,
#provisioning-status-modal .table>thead>tr.active>td,
#provisioning-status-modal .table>thead>tr.active>th,
#provisioning-status-modal .table>thead>tr>td.active,
#provisioning-status-modal .table>thead>tr>th.active {
color: #95358c !important;
}
/* Data tables
----------------------------------*/
.dt-abc-filter span {
color: #95358c;
}

/* Dropzone
----------------------------------*/
.dropzone .dz-default.dz-message i.fa {
color: #95358c;
}

/* Calendar
----------------------------------*/
.fc-event-primary {
border-left-color: #95358c;
}
.fc-event-primary .fc-event-icon {
color: #95358c;
}
#caleandar .cld-day.today {
background: #95358c;
}

/* Nestable
----------------------------------*/
.dd-item.dd-primary .dd-handle {
background-color: #95358c !important;
border-color: #95358c !important;
}

/* Nano scroller
----------------------------------*/
.nano.affix.nano-primary > .nano-pane > .nano-slider {
background: #95358c;
}

/* Date picker
----------------------------------*/
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
background: #95358c;
border-color: #95358c;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
background: #95358c;
border-color: #95358c;
}

.bootstrap-datetimepicker-widget td.today:before {
border-bottom: 7px solid #95358c;
}

/* Twitter typehead
----------------------------------*/
.tt-suggestion.tt-cursor {
background-color: #95358c;
}

/* navigation
----------------------------------*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
background-color: #95358c;
}

.nav-list li.active a {
border-bottom: 3px solid #95358c;
}

.tab-block .tabs-border.nav-tabs > li.active > a {
border-top: 2px solid #95358c;
}

.tab-block .tabs-border.tabs-left > li.active > a {
border-left: 2px solid #95358c;
}

.tab-block .tabs-border.tabs-right > li.active > a {
border-right: 2px solid #95358c;
}

.tab-block .tabs-border.tabs-below > li.active > a {
border-bottom: 2px solid #95358c;
}

.panel-tabs.panel-tabs-border > li.active > a {
border-top: 2px solid #95358c;
}

.tab-block .tab-content + .tabs-border.nav-justified > li.active > a {
border-bottom: 2px solid #95358c;
}

.tab-block .tabs-border-bottom.nav-tabs > li.active > a,
.tab-block .tabs-border-bottom .nav-tabs > li.active > a {
border-bottom: 2px solid #95358c;
}

.navbar .nav > li.dropdown.open .dropdown-menu:after {
border-bottom-color: #95358c;
}

.navbar .nav > li.dropdown > .open .dropdown-menu:after {
border-bottom-color: #95358c;
}

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

#release-nav ul li.active a {
color: #95358c;
}
#release-nav ul li.active a:before {
background-color: #95358c;
}
#release-nav ul li a:hover {
color: #95358c;
}

/* pagination
----------------------------------*/
.pagination > li > a,
.pagination > li > span {
color: #95358c;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #95358c;
}

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

/* badges
----------------------------------*/
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #95358c;
}

.badge-primary {
background-color: #95358c;
}

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

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

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

/* thumbnails
----------------------------------*/
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #95358c;
}

/* list groups
----------------------------------*/
a.list-group-item {
color: #95358c;
}

a.list-group-item:hover,
a.list-group-item:focus {
color: #95358c;
}

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

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

.progress-steps .active .count {
background-color: #95358c;
}

#provisioning-status-modal .circle-active {
color: #95358c;
border: 2px solid #95358c;
}

#provisioning-status-modal .circle-active + .line-container .line {
background-color: #95358c;
}
/* icons
----------------------------------*/
.panel-sidemenu ul.nav li.active .fa {
color: #95358c;
}

.icon-demo-list li:hover {
color: #95358c;
}

#provisioning-status-modal .icon-container.globe {
background-color: #95358c;
border: 3px solid #95358c;
}

#provisioning-status-modal .fa-envelope {
color: #95358c;
}
#provisioning-status-modal .line-container.email .line {
background-color: #95358c;
}

#provisioning-status-modal .number-circle.email {
border-color: #95358c;
}

#demo-2 {
background-image: linear-gradient(
to right,
#95358c 50%,
transparent 0%
);
}

/* task widget
----------------------------------*/
.task-widget ul.task-list .task-item.primary .task-handle:after {
background-color: #95358c;
}

/* border helpers
----------------------------------*/
.br-primary {
border-color: #95358c !important;
}

/* table styling helpers
----------------------------------*/
table.tc-text-primary-1 tbody td:first-child,
table.tc-text-primary-2 tbody td:nth-child(2),
table.tc-text-primary-3 tbody td:nth-child(3),
table.tc-text-primary-last tbody td:last-child {
color: #95358c;
}

/* Navbar UserMenu Dropdown (last dropdown item)
----------------------------------*/
#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child:hover:after,
#user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child:hover:after {
color: #95358c;
}

/* Navbar Dropdown Menu Color Settings
----------------------------------*/
.navbar .nav > li.dropdown.open .dropdown-menu,
.navbar .nav > li.dropdown .open .dropdown-menu {
border-top-color: #95358c;
}
.navbar .nav > li.dropdown.open .dropdown-menu:after,
.navbar .nav > li.dropdown .open .dropdown-menu:after {
border-bottom-color: #95358c;
}
.navbar .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
background-color: #95358c;
}

/* Navbar Contextual/Skin Settings
----------------------------------*/
.navbar.bg-primary {
background-color: #95358c;
}

.navbar.bg-primary .nav > li.dropdown.open .dropdown-menu,
.navbar.bg-primary .nav > li.dropdown .open .dropdown-menu {
border-top-color: #95358c;
}
.navbar.bg-primary .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-primary .nav > li.dropdown .open .dropdown-menu:after {
border-bottom-color: #95358c;
}
.navbar.bg-primary .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-primary .nav > li.dropdown .open .dropdown-menu:after {
border-bottom-color: #95358c;
}
.navbar.bg-primary .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar.bg-primary .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar.bg-primary .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
background-color: #95358c;
}

/* Tray navigation
----------------------------------*/
ul.tray-nav li.active a .fa {
color: #95358c;
}

.tray-nav.tray-nav-border li.active:after {
background: #95358c;
}

.tray-nav.tray-nav-border li.active.nav-primary:after {
background: #95358c;
}

/* External pages
----------------------------------*/
body.external-page.external-alt .login-links a.active {
color: #95358c;
}
#request-enterprise-resale-banner,
#request-account-banner,
.login-bg:before {
background-color: #95358c;
}

/* Timeline
----------------------------------*/
#timeline .timeline-divider .divider-label:before {
background: #95358c;
}

/* Error pages
----------------------------------*/
body.error-page .error-title {
color: #95358c;
}

body.error-page .mid-content input {
border-left: 5px solid #95358c;
}

/* Theme skin
----------------------------------*/
.bg-primary {
background-color: #95358c !important;
}

/* Progress bars
----------------------------------*/
.progress-bar-primary {
background-color: #95358c;
}

/* Switches
----------------------------------*/
div.switch.switch-primary input:checked + label {
background-color: #95358c;
}

/* Blockquotes
----------------------------------*/
blockquote.blockquote-primary {
border-color: #95358c;
}

.dropcap.dropcap-primary:first-letter {
color: #95358c;
}

.dropcap.dropcap-fill.dropcap-primary:first-letter {
background-color: #95358c;
}

/* Tabs
----------------------------------*/
.tab-block .tabs-border.nav-tabs.tabs-primary > li.active > a {
border-top-color: #95358c;
}

.tab-block .tabs-border.tabs-left.tabs-primary > li.active > a {
border-left-color: #95358c;
}

.tab-block .tabs-border.tabs-right.tabs-primary > li.active > a {
border-right-color: #95358c;
}

.tab-block .tabs-border.tabs-below.tabs-primary > li.active > a {
border-bottom-color: #95358c;
}

.panel-tabs.panel-tabs-border.tabs-primary > li.active > a {
border-top-color: #95358c;
}

/* Admin forms
-------------------------------------------------------------------*/

/* Form text elements
----------------------------------*/
.admin-form .theme-link {
color: #95358c;
}

/* Admin form wizard
----------------------------------*/
.wizard .actions li a {
background-color: #95358c;
}

/* Checkbox/Radio Confliction fixes
----------------------------------*/
.admin-form .panel-primary > .panel-heading:before {
background-color: #95358c;
}
.admin-form .panel-primary.heading-border:before,
.admin-form .panel-primary .heading-border:before {
background-color: #95358c;
}
.admin-form .bg-primary {
background-color: #95358c;
}

.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: #95358c;
}
.admin-form .option-primary input:checked + .radio:before,
.admin-form .option-primary input:focus + .radio:before {
background: #95358c;
}
.admin-form .option-primary input:checked + .checkbox:before,
.admin-form .option-primary input:focus + .checkbox:before {
border-color: #95358c;
}
.admin-form .switch-primary > input:checked + label {
background: #95358c !important;
border-color: #95358c !important;
}
.admin-form .switch-primary > input:checked + label:after {
color: #95358c;
}

.admin-form .btn-primary {
background-color: #95358c;
}

.admin-form .btn-primary:hover,
.admin-form .btn-primary.hover,
.admin-form .btn-primary:focus {
background-color: #dabddc;  /* This needs to be manually adjusted */
border-color: rgba(0, 0, 0, 0.05);
}


.admin-form .btn-primary:active,
.admin-form .btn-primary.active,
.admin-form .open > .dropdown-toggle.btn-primary {
background-color: #754890;  /* This needs to be manually adjusted */
border-color: rgba(0, 0, 0, 0.05);
}

.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-range {
background-color: #95358c;
}
.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-handle {
border-color: #95358c;
}
.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-handle:before {
background-color: #95358c;
}
.admin-form.theme-primary .section-divider span {
color: #95358c;
}
.admin-form.theme-primary .tagline span {
color: #95358c;
}
.admin-form.theme-primary .theme-link {
color: #95358c;
}

.admin-form.theme-primary .gui-input:focus ~ .field-icon i,
.admin-form.theme-primary .gui-textarea:focus ~ .field-icon i {
color: #95358c;
}

.admin-form.theme-primary .select > select:focus + .arrow {
color: #95358c;
}
.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: #95358c;
}

.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: #95358c;
}

.admin-form.theme-primary .ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-active {
background: #95358c !important;
}

.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
border-color: #95358c;
}
.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
background-color: #95358c;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle,
.ui-slider.ui-slider-horizontal .ui-slider-handle.ui-state-active {
background: #95358c !important;
}
.ui-datepicker-buttonpane button {
color: #95358c !important;
}
.admin-form.theme-primary .wizard .steps li a,
.admin-form.theme-primary .wizard .actions li a {
background-color: #95358c;
}

.admin-form .panel-primary > .panel-heading {
border-top-color: #95358c;
}


/* Select2
-------------------------------------------------------------------*/

.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #95358c;
}


/* Bootstrap Edits
-------------------------------------------------------------------*/

.popover a.editable-click {
    color: #95358c;
    cursor: pointer;
}

.popover a.editable-click:hover {
    color: #061221;
    text-decoration: underline;
}

/* Slider Pips
-------------------------------------------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #95358c;
    border-color: #95358c;
}

.ui-widget-content .ui-slider-handle.ui-state-active, .ui-widget-content .ui-slider-handle.ui-state-focus,
.ui-widget-content .ui-slider-handle.ui-state-hover {
background: #dabddc;
border-color: #dabddc;
}

/* Dropzone
-------------------------------------------------------------------*/

.dropzone {
	background-color: #eee;
	border: 1px dashed #ccc;
}

.dropzone .dz-default.dz-message {
	margin-top: 15px;
}

.dropzone .dz-default.dz-message i.fa {
	color: #bbb;
}

.dropzone .dz-default.dz-message span.main-text {
	margin-bottom: 8px;
}

.dropzone .dz-message {
	margin-bottom: 20px;
}

.dropzone .dz-preview {
	display: block;
}

.dropzone .dz-preview .dz-image {
	border-radius: 0;
	width: 100%;
}

.dropzone .dz-preview .dz-image img {
	margin: 0;
}

.dropzone .dz-preview .dz-progress {
	background: rgba(238, 238, 238, 0.9);
}

.dropzone a.dz-remove,
.dropzone .dz-preview .dz-remove {	
	display: block;
	margin-top: 0px;
	padding: 4px 5px;
	text-align: center;
	color: #aaa;
	text-decoration: none;
	border: none;
	border-top: 1px solid #ccc;
}

/*
* The MIT License
* Copyright (c) 2012 Matias Meno <m@tias.me>
    */
    @-webkit-keyframes passing-through {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
    30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
    100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
    @-moz-keyframes passing-through {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
    30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
    100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
    @keyframes passing-through {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
    30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
    100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
    @-webkit-keyframes slide-in {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
    30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
    @-moz-keyframes slide-in {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
    30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
    @keyframes slide-in {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
    30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
    @-webkit-keyframes pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
    20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
    @-moz-keyframes pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
    20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
    @keyframes pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
    20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
    
    
    
/*
    .dropzone, .dropzone * {
    box-sizing: border-box; }

    .dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 20px 20px; }
    .dropzone.dz-clickable {
    cursor: pointer; }
    .dropzone.dz-clickable * {
    cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer; }
    .dropzone.dz-started .dz-message {
    display: none; }
    .dropzone.dz-drag-hover {
    border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {
    opacity: 0.5; }
    .dropzone .dz-message {
    text-align: center;
    margin: 2em 0; }
    .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px; }
    .dropzone .dz-preview:hover {
    z-index: 1000; }
    .dropzone .dz-preview:hover .dz-details {
    opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd); }
    .dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {
    background: white; }
    .dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none; }
    .dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline; }
    .dropzone .dz-preview:hover .dz-details {
    opacity: 1; }
    .dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%; }
    .dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px; }
    .dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap; }
    .dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8); }
    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis; }
    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent; }
    .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px); }
    .dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10; }
    .dropzone .dz-preview .dz-image img {
    display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px; }
    .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden; }
    .dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {
    display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white; }
    .dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626; }
*/